.header-wrap{background-color:var(--color-header-bg);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-container{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem}.header-title{display:flex;align-items:center;color:var(--color-header-title);gap:8px;transition:.3s}.header-title:hover{opacity:.8}.header-icon{width:35px;height:35px}.header-name{font-size:1.5rem;font-weight:800;font-family:Outfit,sans-serif}.theme-switch{position:relative;width:80px;height:30px;border-radius:9999px;background-color:var(--color-border);border:1px solid var(--color-border);cursor:pointer;padding:0 8px}.theme-switch,.theme-toggle-mobile{display:flex;align-items:center;justify-content:center}.theme-toggle-mobile{gap:10px;margin:20px auto}.theme-switch.mobile{margin:0 auto}.theme-label{font-size:12px;color:var(--color-text);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0;white-space:nowrap}.theme-switch.dark .theme-label{margin-left:8px;margin-right:auto}.theme-switch.light .theme-label{margin-left:auto;margin-right:8px}.switch-handle{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background-color:var(--color-bg);color:var(--color-text);display:flex;align-items:center;justify-content:center;transition:transform .3s ease;z-index:1}.switch-handle .material-symbols-outlined{font-variation-settings:"FILL" 1;font-size:18px}.theme-switch.light .switch-handle{transform:translateX(0)}.theme-switch.dark .switch-handle{transform:translateX(50px)}@media (max-width:1023px){.header-container{padding:.8rem}.header-icon{width:28px;height:28px}.header-name{font-size:1.3rem}}.header-actions{gap:12px}.action-button,.header-actions{display:flex;align-items:center}.action-button{gap:6px;padding:6px 10px;background:transparent;border:1px solid var(--color-header-btn);color:var(--color-header-btn);font-weight:600;font-size:14px;border-radius:6px;cursor:pointer;transition:.3s}.action-button:hover{background:rgba(255,255,255,.2)}.icon-logout,.icon-tag,.icon-upload,.icon-usage,.icon-users{font-variation-settings:"FILL" 1;font-size:18px!important}.action-button.logout{border:1px solid #ff4d4d;color:#ff4d4d}.hamburger{background:none;border:none;color:var(--color-header-title);font-size:28px;cursor:pointer;display:none}.menu-overlay{left:0;width:100vw;background:rgba(0,0,0,.4);z-index:1400}.menu-overlay,.mobile-menu{position:fixed;top:0;height:100vh}.mobile-menu{right:0;width:70vw;background-color:var(--color-header-bg);display:flex;flex-direction:column;padding:1.1rem 1rem;gap:16px;transform:translateX(100%);transition:transform .3s ease-in-out;z-index:1500}.mobile-menu.open{transform:translateX(0)}.close-button{align-self:flex-end;background:none;border:none;color:var(--color-text);font-size:28px;cursor:pointer}@media (max-width:1023px){.pc{display:none}.hamburger{display:flex;align-items:center}}