.containerheader{position:sticky;top:0;left:0;right:0;height:50px;background:#fff;border-bottom:1px solid var(--surface-200, #e5e5e5);z-index:9}.containerheader .header__content{height:100%;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.containerheader .header__content .header__logo{display:flex;align-items:center}.containerheader .header__content .header__logo a{height:fit-content;width:fit-content;display:flex}.containerheader .header__content .header__user{display:flex;align-items:center;gap:.75rem}.containerheader .header__content .header__user .header__user-name{color:#374151;color:var(--text-color, #374151);font-size:.875rem;font-weight:500;display:none}@media(min-width:768px){.containerheader .header__content .header__user .header__user-name{display:inline;font-size:.95rem}}.containerheader .header__content .header__user .header__menu-btn{background:transparent;border:none;padding:.5rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;border-radius:4px;transition:background .2s ease}.containerheader .header__content .header__user .header__menu-btn .header__menu-icon{width:18px;height:2px;background:#374151;background:var(--text-color, #374151);border-radius:1px;transition:all .3s ease}@media(min-width:768px){.containerheader .header__content .header__user .header__menu-btn .header__menu-icon{width:20px}}.containerheader .header__content .header__user .header__menu-btn:hover{background:#f3f4f6;background:var(--surface-100, #f3f4f6)}.containerheader .header__content .header__user .header__menu-btn:active{background:#e5e5e5;background:var(--surface-200, #e5e5e5)}@media(min-width:768px){.containerheader .header__content .header__user{gap:1rem}}@media(min-width:768px){.containerheader{height:60px}}.containersidebar{position:fixed;inset:0;z-index:9;visibility:hidden;opacity:0;transition:visibility 0s linear .3s,opacity .3s linear}.containersidebar .sidebar__overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.containersidebar .sidebar__content{position:absolute;top:0;right:0;height:100%;width:280px;max-width:85vw;background:#fff;box-shadow:-2px 0 10px #0000001a;transform:translate(100%);transition:transform .3s ease;overflow-y:auto}.containersidebar .sidebar__content .sidebar__header{padding:1rem 1.25rem;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--surface-200, #e5e5e5);display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;background:var(--surface-50, #f8f9fa)}.containersidebar .sidebar__content .sidebar__header .sidebar__title{color:#374151;color:var(--text-color, #374151);font-size:1.125rem;font-weight:600;margin:0}.containersidebar .sidebar__content .sidebar__header .sidebar__close{background:transparent;border:none;font-size:1.5rem;color:#374151;color:var(--text-color, #374151);cursor:pointer;padding:.25rem;border-radius:4px;line-height:1}.containersidebar .sidebar__content .sidebar__header .sidebar__close:hover{background:#e5e5e5;background:var(--surface-200, #e5e5e5)}.containersidebar .sidebar__content .sidebar__nav{padding:1rem 0}.containersidebar .sidebar__content .sidebar__nav .sidebar__menu{list-style:none;margin:0;padding:0}.containersidebar .sidebar__content .sidebar__nav .sidebar__menu .sidebar__item{margin:0}.containersidebar .sidebar__content .sidebar__nav .sidebar__menu .sidebar__item .sidebar__link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;color:#374151;color:var(--text-color, #374151);text-decoration:none;font-size:.9rem;transition:background .2s ease;border:none;background:transparent;width:100%;text-align:left;cursor:pointer;font-family:inherit}.containersidebar .sidebar__content .sidebar__nav .sidebar__menu .sidebar__item .sidebar__link .sidebar__icon{font-size:1.125rem;width:20px;display:flex;justify-content:center}.containersidebar .sidebar__content .sidebar__nav .sidebar__menu .sidebar__item .sidebar__link:hover{background:#f3f4f6;background:var(--surface-100, #f3f4f6)}.containersidebar .sidebar__content .sidebar__nav .sidebar__menu .sidebar__item .sidebar__link:active{background:#e5e5e5;background:var(--surface-200, #e5e5e5)}.containersidebar .sidebar__content .sidebar__nav .sidebar__menu .sidebar__item .sidebar__link.sidebar__logout{border-top:1px solid #e5e5e5;border-top:1px solid var(--surface-200, #e5e5e5);margin-top:1rem;color:#dc2626}.containersidebar .sidebar__content .sidebar__nav .sidebar__menu .sidebar__item .sidebar__link.sidebar__logout .sidebar__icon{color:#dc2626}.containersidebar .sidebar__content .sidebar__nav .sidebar__menu .sidebar__item .sidebar__link.sidebar__logout:hover{background:#fef2f2}.containersidebar.active{visibility:visible;opacity:1;transition:visibility 0s linear 0s,opacity .3s linear}.containersidebar.active .sidebar__content{transform:translate(0)}