@layer components{.main-header{grid-area:header;background:var(--surface-panel);border-bottom:var(--border-w) solid var(--line-strong);height:var(--ds-header-height, 64px);position:fixed;top:0;left:0;right:0;z-index:2000;display:flex;align-items:center;transition:transform var(--motion-slow) var(--easing),background var(--motion-base) var(--easing);transform:translateY(0)}.main-header.platform-mode{transform:translateY(calc(6px - var(--ds-header-height, 64px)));will-change:transform}.main-header.platform-mode.header-triggered,.main-header.platform-mode:focus-within{transform:translateY(0);box-shadow:var(--elev-2)}.main-header.is-retracted{transform:translateY(calc(0px - var(--ds-header-height, 64px)))!important;box-shadow:none!important}.ds-header-retract-handle{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:48px;height:20px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-top:none;border-radius:var(--radius-none);display:none;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:.6;z-index:2001}.main-header.platform-mode .ds-header-retract-handle{display:flex}.ds-header-retract-handle:hover{opacity:1;height:24px;bottom:-24px;background:var(--ds-color-brand-500);border-color:var(--ds-color-brand-500);color:var(--fg-on-signal)}.is-retracted .retract-icon{transform:rotate(180deg)}.main-header:not(.platform-mode) .ds-header-retract-handle{display:none!important}.main-header:not(.platform-mode){will-change:auto}.ds-header-right{display:flex;align-items:center;gap:var(--ds-space-3)}.header-landing-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0 var(--ds-space-6)}.header-landing-nav{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--ds-layout-max-width)}.logo-container{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-icon-wrapper{width:28px;height:28px;background:none;border-radius:var(--radius-none);display:flex;align-items:center;justify-content:center;color:var(--dim);box-shadow:none}.logo-icon-wrapper .ds-mark{width:26px;height:26px}.logo-text{font-family:var(--font-mono);font-size:var(--text-md);font-weight:var(--fw-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-primary)}.ds-header-platform{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--ds-space-4);gap:var(--ds-space-4)}.ds-header-left{display:flex;align-items:center;gap:var(--ds-space-5);flex:1}.ds-icon-btn{width:34px;height:34px;border-radius:var(--ds-radius-inner);display:flex;align-items:center;justify-content:center;color:var(--ds-text-muted);background:transparent;border:1px solid transparent;cursor:pointer;transition:all var(--ds-transition-fast)}.ds-icon-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary);border-color:var(--ds-border-subtle)}.ds-icon-btn .material-symbols-outlined{font-size:20px}.ds-breadcrumb{display:flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-text-muted);user-select:none}.breadcrumb-item{font-size:var(--ds-font-size-sm);font-weight:500;transition:color var(--ds-transition-fast)}.breadcrumb-item.active{color:var(--ds-text-main);font-weight:var(--fw-semibold)}.home-item{display:flex;align-items:center;color:var(--ds-text-brand)}.ds-command-search{position:relative;flex:1;max-width:400px;margin-left:var(--ds-space-4)}.ds-command-input{width:100%;height:38px;background:var(--ds-color-gray-100);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:0 16px 0 42px;font-size:var(--ds-font-size-sm);color:var(--ds-text-main);transition:all var(--ds-transition-base)}.ds-command-input:focus{background:var(--surface-input);border-color:var(--line-focus);box-shadow:0 0 0 3px var(--signal-ring);outline:none}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ds-text-muted);font-size:18px}.ds-btn-premium-action{background:var(--signal);color:var(--fg-on-signal);padding:8px 16px;border-radius:var(--radius-md);font-weight:var(--fw-medium);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2);border:var(--border-w) solid var(--signal-hover);cursor:pointer;box-shadow:none;transition:background var(--motion-fast) var(--easing)}.ds-btn-premium-action:hover{background:var(--signal-hover)}.header-status-group{display:flex;align-items:center;gap:var(--ds-space-2);margin:0 var(--ds-space-2)}.status-pill{display:flex;align-items:center;gap:6px;background:var(--ds-bg-surface);padding:4px 10px;border-radius:var(--ds-radius-full);border:1px solid var(--ds-border-default);font-size:10px;font-weight:var(--fw-semibold);color:var(--ds-color-success);text-transform:uppercase;letter-spacing:.5px}.status-dot{width:6px;height:6px;background:var(--ds-color-success);border-radius:50%;box-shadow:var(--elev-1)}.notification-trigger-wrapper{position:relative}.notification-count{position:absolute;top:4px;right:4px;background:var(--red-500);color:var(--gray-0);font-size:9px;font-weight:var(--fw-semibold);min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-none);display:flex;align-items:center;justify-content:center;border:2px solid var(--ds-bg-surface)}.ds-user-profile{display:flex;align-items:center;gap:12px;padding:4px 12px;border-radius:var(--ds-radius-full);cursor:pointer;transition:all var(--ds-transition-fast)}.ds-user-profile:hover{background:var(--ds-color-gray-100)}[data-theme=dark] .ds-user-profile:hover{background:#ffffff0d}.user-meta{display:flex;flex-direction:column;align-items:flex-end}.user-name{font-size:13px;font-weight:var(--fw-semibold);color:var(--ds-text-main);line-height:1.1}.user-status-text{font-size:10px;color:var(--ds-color-success);font-weight:600}.avatar-container{position:relative}.ds-avatar-main{width:34px;height:34px;background:var(--signal-soft-bg);color:var(--signal-soft-fg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--fw-semibold);font-size:12px;border:1px solid var(--ds-border-default)}[data-theme=dark] .ds-avatar-main{background:var(--ds-color-brand-900);color:var(--ds-color-brand-200);border-color:var(--ds-color-brand-700)}.indicator-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--ds-bg-surface)}.indicator-dot.online{background:var(--ds-color-success)}.ds-dropdown-premium{position:fixed;top:var(--ds-header-height, 56px);right:16px;width:264px;background:var(--ds-bg-elevated, #161A20);border:1px solid var(--ds-border-dim, rgba(148,163,184,.14));border-radius:var(--ds-radius-shell, 16px);box-shadow:var(--elev-2);padding:6px;display:flex;flex-direction:column;z-index:1001;animation:dropdownFadeIn .18s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header-main{padding:14px 14px 10px;border-bottom:1px solid var(--ds-border-subtle, rgba(148,163,184,.08));margin-bottom:4px;display:flex;align-items:center;gap:10px}.dropdown-header-avatar{width:36px;height:36px;border-radius:50%;background:var(--ds-color-brand-400, var(--signal));display:flex;align-items:center;justify-content:center;font-weight:var(--fw-semibold);font-size:.85rem;color:var(--fg-on-signal);flex-shrink:0}.dropdown-header-info{min-width:0}.dropdown-user-name{font-size:.875rem;font-weight:var(--fw-semibold);color:var(--ds-text-primary, #F1F5F9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.account-tag{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--ds-text-muted, var(--fg-muted));letter-spacing:.05em;display:block;margin-top:1px}.user-email{font-size:.75rem;color:var(--ds-text-secondary, var(--fg-muted));margin-top:2px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-section-label{font-size:.66rem;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.07em;color:var(--ds-text-muted, var(--fg-muted));padding:8px 14px 4px;display:block}.ds-dropdown-item-premium{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--ds-radius-inner, 8px);color:var(--ds-text-secondary, var(--fg-muted));text-decoration:none;font-size:.855rem;font-weight:500;transition:background .14s ease,color .14s ease;border:none;background:transparent;cursor:pointer;width:100%;text-align:left;font-family:inherit}.ds-dropdown-item-premium .material-symbols-outlined{font-size:1.1rem;flex-shrink:0}.ds-dropdown-item-premium:hover{background:var(--ds-bg-hover, rgba(255,255,255,.04));color:var(--ds-text-primary, #F1F5F9)}.dropdown-owner-section{margin:4px 0 2px;border-radius:var(--ds-radius-inner, 8px);background:var(--ds-bg-brand-subtle, var(--signal-soft-bg));border:1px solid var(--ds-border-brand, var(--signal-edge));padding:4px;overflow:hidden}.dropdown-owner-label{font-size:.62rem;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--ds-color-brand-300, var(--signal-text));padding:6px 10px 2px;display:flex;align-items:center;gap:6px}.dropdown-owner-label .material-symbols-outlined{font-size:.9rem}.dropdown-owner-section .ds-dropdown-item-premium{color:var(--ds-color-brand-300, var(--signal-text));font-weight:600}.dropdown-owner-section .ds-dropdown-item-premium:hover{background:var(--signal-soft-bg);color:var(--signal-soft-fg)}.dropdown-divider-premium{height:1px;background:var(--ds-border-subtle, rgba(148,163,184,.08));margin:4px 0}.logout-premium{color:var(--ds-color-danger, #EF4444)!important;font-weight:600}.logout-premium:hover{background:var(--ds-color-danger-subtle, rgba(239,68,68,.1))!important;color:var(--ds-color-danger, #EF4444)!important}@media(max-width:1024px){.ds-breadcrumb,.ds-command-search,.user-meta{display:none!important}}@media(max-width:640px){.notification-trigger-wrapper{display:none!important}.ds-header-platform{padding:0 var(--ds-space-2);gap:var(--ds-space-2)}.ds-user-profile{padding:4px;gap:0}.expand-icon{display:none}}.sidebar-header{padding:var(--ds-space-4) var(--ds-space-6);height:var(--ds-header-height);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-logo{font-size:24px;font-weight:var(--fw-semibold);color:#fff;letter-spacing:-1px}.sidebar-logo .dot{color:var(--ds-text-brand)}.ds-nav-group-items{padding-bottom:var(--ds-space-2)}}.ds-avatar-main.has-photo,.dropdown-header-avatar.has-photo{background:var(--surface-input);padding:0;overflow:hidden}.ds-avatar-main.has-photo img,.dropdown-header-avatar.has-photo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}