:root{--color-primary:#7dd3fc;--color-primary-dim:#4fb8e8;--color-primary-container:#0e4d6e;--color-on-primary:#001f2e;--color-on-primary-container:#c8eaff;--color-secondary:#88b4cc;--color-secondary-container:#1a3a4e;--color-on-secondary:#001f2e;--color-on-secondary-container:#c0d8e8;--color-tertiary:#c8a0f0;--color-tertiary-container:#3d2060;--color-on-tertiary:#1a002e;--color-on-tertiary-container:#e8d0ff;--color-background:#0a0e1a;--color-surface:#0f1524;--color-surface-dim:#0f1524;--color-surface-bright:#1a2438;--color-surface-container-lowest:#0a0e1a;--color-surface-container-low:#111828;--color-surface-container:#141c2e;--color-surface-container-high:#1a2438;--color-surface-container-highest:#202c42;--color-surface-variant:#1a2438;--color-surface-tint:#7dd3fc;--sidebar-hover-bg:#7dd3fc0d;--sidebar-active-bg:#7dd3fc1a;--color-on-surface:#e0e8f0;--color-on-surface-variant:#a0b4c4;--color-on-background:#e0e8f0;--color-outline:#4a6070;--color-outline-variant:#2a3a48;--color-error:#ff6b6b;--color-error-container:#3d1414;--color-on-error:#1a0000;--color-on-error-container:#ffb3b3;--color-warning:#f0b429;--color-warning-container:#3d2e0a;--color-success:#1d9e75;--color-success-light:#9fe1cb;--color-inverse-surface:#e0e8f0;--color-inverse-on-surface:#0a0e1a;--color-inverse-primary:#0a4c6e;--glass-bg:#0f152499;--glass-border:var(--sidebar-active-bg);--glass-border-hover:#7dd3fc40;--glass-elevated-bg:#0f1524bf;--glass-elevated-border:#7dd3fc1f;--glass-card-gradient:linear-gradient(145deg, #1a243873 0%, #0f152499 100%);--glass-card-border:#7dd3fc14;--glass-card-border-top:#7dd3fc26;--glass-surface-bg:#0a0e1acc;--glass-header-bg:var(--glass-input-bg);--glass-input-bg:#0a0e1a80;--glass-hover-shadow:0 15px 35px -5px #7dd3fc26;--scrollbar-track:#0a0e1acc}[data-theme=light]{--color-primary:#7dd3fc;--color-primary-dim:#4fb8e8;--color-primary-container:#e6f3ff;--color-on-primary:#001f2e;--color-on-primary-container:#003b6d;--color-secondary:#001f2e;--color-secondary-container:#f4f6f8;--color-on-secondary:#fff;--color-on-secondary-container:#1e293b;--color-tertiary:#9333ea;--color-tertiary-container:#f3e8ff;--color-on-tertiary:#fff;--color-on-tertiary-container:#3b0764;--color-background:#f4f6f8;--color-surface:#fff;--color-surface-dim:#fff;--color-surface-bright:#fff;--color-surface-container-lowest:#fff;--color-surface-container-low:#fff;--color-surface-container:#fff;--color-surface-container-high:#fff;--color-surface-container-highest:#e2e8f0;--color-surface-variant:#fff;--color-surface-tint:#7dd3fc;--sidebar-bg:var(--color-primary);--sidebar-text:#001f2e;--sidebar-item-text:#001f2ecc;--sidebar-item-active:#001f2e;--sidebar-label:#001f2e99;--sidebar-hover-bg:#001f2e14;--sidebar-active-bg:#001f2e26;--sidebar-icon:#001f2e;--search-bg:#f4f6f8;--search-text:#001f2e;--color-on-surface:#001f2e;--color-on-surface-variant:#001f2e;--color-on-background:#001f2e;--color-outline:#e2e8f0;--color-outline-variant:#e2e8f0;--color-error:#d32f2f;--color-error-container:#fdecea;--color-on-error:#fff;--color-on-error-container:#7f1d1d;--color-warning:#f57c00;--color-warning-container:#fff3e0;--color-success:#2e7d32;--color-success-light:#4caf50;--color-inverse-surface:#0f172a;--color-inverse-on-surface:#f8fafc;--color-inverse-primary:#38bdf8;--glass-bg:#fff;--glass-border:#e2e8f0;--glass-border-hover:#cbd5e1;--glass-elevated-bg:#fff;--glass-elevated-border:#e2e8f0;--glass-card-gradient:#fff;--glass-card-border:#e2e8f0;--glass-card-border-top:#e2e8f0;--glass-surface-bg:#fff;--glass-header-bg:#fff;--glass-input-bg:#fff;--glow-primary:none;--glow-primary-hover:0 4px 12px #0076ce33;--glow-primary-active:none;--glow-dot:none;--shadow-card:0 1px 3px #0f172a0d, 0 1px 2px #0f172a05;--shadow-elevated:0 4px 12px #0f172a14, 0 20px 24px -10px #0f172a0d;--shadow-button:0 1px 2px #0000000d;--glass-hover-shadow:0 4px 12px #0f172a0d;--scrollbar-track:#f4f6f8}:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--fs-display:2.25rem;--fs-headline-lg:1.75rem;--fs-headline:1.5rem;--fs-title-lg:1.25rem;--fs-title:1rem;--fs-body:.875rem;--fs-body-sm:.8125rem;--fs-label:.75rem;--fs-label-sm:.6875rem;--fs-caption:.625rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.08em;--space-1:.25rem;--space-2:.375rem;--space-3:.5rem;--space-4:.625rem;--space-5:.75rem;--space-6:1rem;--space-7:1.25rem;--space-8:1.5rem;--space-9:2rem;--space-10:2.5rem;--space-11:3rem;--space-12:4rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--glow-primary:0 0 30px var(--sidebar-hover-bg);--glow-primary-hover:0 0 20px #7dd3fc26;--glow-primary-active:0 0 12px #7dd3fc4d;--glow-dot:0 0 8px #7dd3fc;--glow-error:0 0 8px #ff6b6b;--glow-tertiary:0 0 8px #c8a0f0;--shadow-card:0 4px 24px #0003;--shadow-elevated:0 8px 40px #0000004d;--shadow-button:0 4px 15px #7dd3fc4d;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--transition-spring:.3s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:16rem;--topnav-height:3.5rem;--z-sidebar:40;--z-topnav:50;--z-modal-overlay:60;--z-modal:70;--z-toast:80}.glass-base{background:var(--color-background)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glow-primary)}.glass-elevated{background:var(--glass-elevated-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-elevated-border);box-shadow:var(--shadow-elevated)}.glass-card{background:var(--glass-card-gradient);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-card-border);border-top:1px solid var(--glass-card-border-top);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:transform .4s cubic-bezier(.16, 1, .3, 1), border-color var(--transition-normal), box-shadow .4s cubic-bezier(.16, 1, .3, 1)}.glass-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-card), var(--glass-hover-shadow);transform:translateY(-2px)}.glass-surface{background:var(--glass-surface-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.glass-input{background:var(--glass-input-bg);-webkit-backdrop-filter:blur(4px);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.glass-input:focus,.glass-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--sidebar-active-bg), var(--glow-primary-active);outline:none}.glass-overlay{-webkit-backdrop-filter:blur(6px);background:#0a0e1a99}.glass-badge{background:var(--sidebar-active-bg);border:1px solid var(--color-outline);border-radius:var(--radius-full)}.glow-dot{background:var(--color-primary);width:6px;height:6px;box-shadow:var(--glow-dot);border-radius:50%}.glow-dot--error{background:var(--color-error);box-shadow:var(--glow-error)}.glow-dot--tertiary{background:var(--color-tertiary);box-shadow:var(--glow-tertiary)}.glass-divider{background:var(--color-outline-variant);opacity:.3;border:none;height:1px}.glass-divider--vertical{align-self:stretch;width:1px;height:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes scaleDown{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px var(--color-outline)}50%{box-shadow:0 0 16px #7dd3fc66}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{opacity:1}.animate-fade-out{animation:fadeOut var(--transition-fast) ease forwards}.animate-slide-in-left{animation:slideInLeft var(--transition-slow) ease forwards}.animate-slide-out-left{animation:slideOutLeft var(--transition-normal) ease forwards}.animate-slide-in-down{animation:slideInDown var(--transition-spring) forwards}.animate-slide-out-up{animation:slideOutUp var(--transition-fast) ease forwards}.animate-scale-up{animation:scaleUp var(--transition-spring) forwards}.animate-scale-down{animation:scaleDown var(--transition-fast) ease forwards}.animate-spin{animation:.8s linear infinite spin}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-glow-pulse{animation:2s ease-in-out infinite glowPulse}.animate-shimmer{background:linear-gradient(90deg, var(--color-surface-container) 25%, var(--color-surface-container-high) 50%, var(--color-surface-container) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.animate-page-enter{opacity:1}.hover-lift:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.1)}.press-effect{transition:transform var(--transition-fast)}.press-effect:active{transform:scale(.96)}.focus-ring:focus-visible{box-shadow:0 0 0 2px var(--color-background), 0 0 0 4px var(--color-primary);outline:none}.hover-lift{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}.hover-lift:hover{box-shadow:0 12px 30px -10px var(--color-outline), 0 0 0 1px #7dd3fc4d;z-index:10;transform:translateY(-4px)scale(1.01)}.stagger-children>*{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpFade}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.35s}.stagger-children>:nth-child(8){animation-delay:.4s}.stagger-children>:nth-child(9){animation-delay:.45s}.stagger-children>:nth-child(10){animation-delay:.5s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scrollbar-color:#7dd3fc4d var(--scrollbar-track);scrollbar-width:thin;font-size:14px}body{font-family:var(--font-sans);font-size:var(--fs-body);color:var(--color-on-surface);background:var(--color-background);min-height:100vh;line-height:1.5;overflow-x:hidden}::selection{background:#7dd3fc4d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-outline);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-on-surface-variant)}.lucide-icon{vertical-align:middle;-webkit-user-select:none;user-select:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:1em;height:1em;display:inline-block}.lucide-icon--filled{fill:currentColor}.text-display{font-size:var(--fs-display);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight)}.text-headline-lg{font-size:var(--fs-headline-lg);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight)}.text-headline{font-size:var(--fs-headline);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight)}.text-title-lg{font-size:var(--fs-title-lg);font-weight:var(--fw-semibold)}.text-title{font-size:var(--fs-title);font-weight:var(--fw-semibold)}.text-body{font-size:var(--fs-body);font-weight:var(--fw-regular)}.text-body-sm{font-size:var(--fs-body-sm);font-weight:var(--fw-regular)}.text-label{font-size:var(--fs-label);font-weight:var(--fw-medium)}.text-label-sm{font-size:var(--fs-label-sm);font-weight:var(--fw-medium)}.text-caption{font-size:var(--fs-caption);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.text-mono{font-family:var(--font-mono)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-on-surface-variant)}.text-tertiary{color:var(--color-tertiary)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-muted{opacity:.5}.btn{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--fs-label);font-weight:var(--fw-semibold);font-family:var(--font-sans);cursor:pointer;border:1px solid var(--color-outline-variant);color:var(--color-on-surface);transition:all var(--transition-fast);white-space:nowrap;background:#0f152480;line-height:1.4;text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-surface-variant);border-color:var(--color-outline);color:var(--color-primary)}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);box-shadow:var(--shadow-button)}.btn-primary:hover{filter:brightness(1.1);color:var(--color-on-primary);box-shadow:var(--shadow-button), var(--glow-primary-hover)}.btn-danger{color:var(--color-error);background:#ff6b6b1a;border-color:#ff6b6b33}.btn-danger:hover{color:var(--color-error);background:#ff6b6b33;border-color:#ff6b6b4d}.btn-surface{background:var(--color-surface);border-color:var(--color-outline);color:var(--color-on-surface)}.btn-surface:hover{background:var(--color-surface-variant);border-color:var(--color-primary);color:var(--color-primary)}.btn-ghost{color:var(--color-on-surface-variant);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--color-surface-variant);color:var(--color-primary);border-color:#0000}.btn-icon{padding:var(--space-3);border-radius:var(--radius-full);color:var(--color-on-surface-variant);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{color:var(--color-primary);background:#7dd3fc14}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--fs-label-sm);border-radius:var(--radius-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--fs-body);border-radius:var(--radius-lg)}.sidebar__feedback-btn{background:var(--color-surface);color:var(--color-primary);border:none}.sidebar__feedback-btn:hover{background:var(--color-surface-dim);color:var(--color-primary-dim)}.input{width:100%;padding:var(--space-3) var(--space-5);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--glass-input-bg);color:var(--color-on-surface);font-family:var(--font-sans);font-size:var(--fs-label);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);line-height:1.5}.input::placeholder{color:var(--color-on-surface-variant);opacity:.5}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--sidebar-active-bg), var(--glow-primary-active);outline:none}.input-search{padding-left:var(--space-9);background:var(--search-bg,var(--glass-input-bg));color:var(--search-text,var(--color-on-surface));border-radius:var(--radius-full);border-color:var(--color-outline-variant)}select.input{appearance:none;cursor:pointer;padding-right:var(--space-9);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23a0b4c4' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}textarea.input{resize:vertical;min-height:80px}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{font-size:var(--fs-caption);font-weight:var(--fw-bold);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.field-hint{font-size:var(--fs-caption);color:var(--color-on-surface-variant);opacity:.7}.badge{align-items:center;gap:var(--space-2);font-size:var(--fs-caption);font-weight:var(--fw-bold);border-radius:var(--radius-full);white-space:nowrap;padding:2px 8px;display:inline-flex}.badge-active{background:var(--sidebar-active-bg);color:var(--color-primary);border:1px solid var(--color-outline)}.badge-storage{color:var(--color-warning);background:#f0b4291a;border:1px solid #f0b42933}.badge-retired{color:var(--color-error);background:#ff6b6b1a;border:1px solid #ff6b6b33}.badge-processing{color:var(--color-tertiary);background:#c8a0f01a;border:1px solid #c8a0f033}.badge-role-admin{color:var(--color-tertiary);background:#c8a0f01a}.badge-role-editor{background:var(--sidebar-active-bg);color:var(--color-primary)}.badge-role-viewer{color:var(--color-on-surface-variant);background:#a0b4c41a}.badge-category{background:var(--color-surface-variant);border:1px solid var(--color-outline-variant);color:var(--color-on-surface);border-radius:var(--radius-sm)}.table-wrapper{overflow-x:auto}.table{border-collapse:collapse;table-layout:auto;width:100%}.table th{font-size:var(--fs-caption);font-weight:var(--fw-bold);color:var(--color-primary);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:var(--space-3) var(--space-4);background:var(--glass-header-bg);border-bottom:1px solid var(--color-outline-variant);text-align:left;white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);font-size:var(--fs-label);vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #2a3a4833;overflow:hidden}.table td:last-child{overflow:visible}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{cursor:pointer;background:#7dd3fc08}.table-footer{padding:var(--space-4) var(--space-6);background:var(--glass-header-bg);border-top:1px solid #2a3a4833;justify-content:space-between;align-items:center;display:flex}.app-shell{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);padding-top:var(--topnav-height);flex:1;min-height:100vh}.page-wrapper{padding:var(--space-9);max-width:1400px;margin:0 auto}.page-header{margin-bottom:var(--space-9)}.page-title{font-size:var(--fs-headline);font-weight:var(--fw-bold);color:var(--color-on-surface);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-3)}.page-subtitle{font-size:var(--fs-body);color:var(--color-on-surface-variant);max-width:600px}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-7{gap:var(--space-7)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.stat-card:hover{transform:translateY(-2px)}.stat-label,.stat-card__label{font-size:var(--fs-caption);font-weight:var(--fw-bold);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-1)}.stat-value,.stat-card__value{font-size:var(--fs-title-lg);font-weight:var(--fw-medium);color:var(--color-on-surface)}.stat-subtitle,.stat-card__subtitle{font-size:var(--fs-caption);color:var(--color-on-surface-variant);margin-top:var(--space-1)}.stat-card__header{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.stat-card__icon{color:var(--color-primary);opacity:.6;font-size:20px}.avatar{border-radius:var(--radius-full);width:36px;height:36px;font-size:var(--fs-label);font-weight:var(--fw-semibold);border:2px solid var(--color-outline);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar-sm{width:24px;height:24px;font-size:var(--fs-caption)}.avatar-lg{width:48px;height:48px;font-size:var(--fs-body)}.dropdown-panel{margin-top:var(--space-2);background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-lg);z-index:100;flex-direction:column;min-width:240px;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 40px #00000080}.dropdown-panel.show{animation:slideDown var(--transition-fast) ease forwards;display:flex}.dropdown-item{padding:var(--space-3) var(--space-5);font-size:var(--fs-label);color:var(--color-on-surface);align-items:center;gap:var(--space-3);cursor:pointer;border-bottom:1px solid var(--color-outline-variant);text-align:left;width:100%;transition:background var(--transition-fast);background:0 0;border-top:none;border-left:none;border-right:none;text-decoration:none;display:flex}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--color-surface-variant);color:var(--color-primary)}.dropdown-header{padding:var(--space-4) var(--space-5);font-size:var(--fs-caption);font-weight:var(--fw-bold);color:var(--color-on-surface-variant);text-transform:uppercase;border-bottom:1px solid var(--color-outline);background:var(--glass-header-bg);justify-content:space-between;align-items:center;display:flex}.search-results-panel{width:100%;max-width:400px;max-height:400px;left:0;right:auto;overflow-y:auto}.search-results-panel .dropdown-item{flex-direction:column;align-items:flex-start;gap:2px}.search-item-title{font-weight:var(--fw-medium)}.search-item-subtitle{font-size:var(--fs-caption);color:var(--color-on-surface-variant)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spinner{border:2.5px solid var(--color-outline-variant);border-top-color:var(--color-primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.spinner-lg{border-width:3px;width:44px;height:44px}.toggle{border-radius:var(--radius-full);cursor:pointer;width:36px;height:20px;transition:background var(--transition-fast);background:var(--color-outline);border:none;flex-shrink:0;position:relative}.toggle.active{background:var(--color-primary)}.toggle:after{content:"";width:16px;height:16px;transition:left var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle.active:after{left:18px}.toast-container{top:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-3);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{pointer-events:auto;padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);font-size:var(--fs-label);font-weight:var(--fw-medium);align-items:center;gap:var(--space-3);min-width:280px;max-width:420px;animation:slideInDown var(--transition-spring) forwards;display:flex}.toast-success{color:var(--color-success-light);background:#1d9e7526;border:1px solid #1d9e754d}.toast-error{color:var(--color-on-error-container);background:#ff6b6b26;border:1px solid #ff6b6b4d}.toast-warning{color:var(--color-warning);background:#f0b42926;border:1px solid #f0b4294d}.toast-info{background:var(--sidebar-active-bg);border:1px solid var(--color-outline);color:var(--color-primary)}.toast-dismiss{animation:slideOutUp var(--transition-fast) ease forwards}.modal-overlay{z-index:var(--z-modal-overlay);-webkit-backdrop-filter:blur();background:0 0;justify-content:center;align-items:center;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;inset:0}.modal-overlay--visible{-webkit-backdrop-filter:blur(2px);background:#000000d9}.modal-overlay--closing{-webkit-backdrop-filter:blur()!important;background:0 0!important}.modal{flex-direction:column;width:90%;max-width:560px;max-height:85vh;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards scaleUp;display:flex;overflow:hidden}.modal--closing{animation:.2s forwards scaleDown}.modal__header{padding:var(--space-6) var(--space-7);border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;display:flex}.modal__title{align-items:center;gap:var(--space-3);font-size:var(--fs-title-lg);font-weight:var(--fw-semibold);color:var(--color-on-surface);display:flex}.modal__title-icon{color:var(--color-primary);font-size:22px}.modal__close{color:var(--color-on-surface-variant);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal__close:hover{color:var(--color-error);background:#ff6b6b1a}.modal__content{padding:var(--space-7);flex:1;overflow-y:auto}.modal__footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-7);border-top:1px solid var(--color-outline-variant);display:flex}.modal__btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--fs-label);font-weight:var(--fw-semibold);font-family:var(--font-sans);cursor:pointer;border:1px solid var(--color-outline-variant);transition:all var(--transition-fast);white-space:nowrap;display:inline-flex}.modal__btn--cancel{color:var(--color-on-surface-variant);border-color:var(--color-outline-variant);background:0 0}.modal__btn--cancel:hover{background:var(--color-surface-variant);color:var(--color-on-surface)}.modal__btn--confirm{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);box-shadow:var(--shadow-button)}.modal__btn--confirm:hover{filter:brightness(1.1);box-shadow:var(--shadow-button), var(--glow-primary-hover)}.modal__btn--danger{color:var(--color-error);background:#ff6b6b26;border-color:#ff6b6b4d}.modal__btn--danger:hover{background:#ff6b6b40;border-color:#ff6b6b80}.form-field{gap:var(--space-2);flex-direction:column;display:flex}.form-field__label{font-size:var(--fs-caption);font-weight:var(--fw-bold);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.form-field__required{color:var(--color-error);margin-left:2px}.form-field__input-wrap{align-items:center;display:flex;position:relative}.form-field__input-wrap--has-icon .form-field__input,.form-field__input-wrap--has-icon .form-field__select{padding-left:var(--space-9)}.form-field__icon{left:var(--space-3);color:var(--color-on-surface-variant);pointer-events:none;font-size:18px;position:absolute}.form-field__input{width:100%;padding:var(--space-3) var(--space-5);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--glass-input-bg);color:var(--color-on-surface);font-family:var(--font-sans);font-size:var(--fs-label);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-field__input::placeholder{color:var(--color-on-surface-variant);opacity:.5}.form-field__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--sidebar-active-bg), var(--glow-primary-active);outline:none}.form-field__select{width:100%;padding:var(--space-3) var(--space-5);padding-right:var(--space-9);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--glass-input-bg);color:var(--color-on-surface);font-family:var(--font-sans);font-size:var(--fs-label);appearance:none;cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-field__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--sidebar-active-bg), var(--glow-primary-active);outline:none}.form-field__select-arrow{right:var(--space-3);color:var(--color-on-surface-variant);pointer-events:none;font-size:18px;position:absolute}.form-field__textarea{width:100%;padding:var(--space-3) var(--space-5);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--glass-input-bg);color:var(--color-on-surface);font-family:var(--font-sans);font-size:var(--fs-label);resize:vertical;min-height:80px}.form-field__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--sidebar-active-bg), var(--glow-primary-active);outline:none}.form-field__error{font-size:var(--fs-caption);color:var(--color-error)}.form-field__hint{font-size:var(--fs-caption);color:var(--color-on-surface-variant);opacity:.7}.form-field--error .form-field__input,.form-field--error .form-field__select{border-color:var(--color-error)}.form-field__toggle-pw{right:var(--space-3);color:var(--color-on-surface-variant);cursor:pointer;padding:var(--space-1);background:0 0;border:none;position:absolute}.form-row{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.border-b{border-bottom:1px solid var(--color-outline-variant)}.w-full{width:100%}.relative{position:relative}.absolute{position:absolute}.italic{font-style:italic}.font-bold{font-weight:var(--fw-bold)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.stats-grid,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.main-content{margin-left:0}.stats-grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-wrapper{padding:var(--space-6)}.table td,.table th{padding:var(--space-3) var(--space-4)}.page-header{gap:var(--space-4);flex-direction:column}.form-row{grid-template-columns:1fr}}.table th{font-size:var(--fs-caption);font-weight:var(--fw-bold);color:var(--color-on-surface);text-transform:uppercase;letter-spacing:var(--tracking-wider);text-align:left;border-bottom:1px solid var(--color-outline)}.table tbody tr{border-bottom:1px solid var(--color-outline-variant);transition:var(--transition-colors)}.table tbody tr:hover{background:#7dd3fc0d}.table tbody tr:last-child{border-bottom:none}.table td{font-size:var(--fs-body);color:var(--color-on-surface)}.page-header{gap:var(--space-4);flex-direction:column}@media (width>=768px){.page-header{flex-direction:row;justify-content:space-between;align-items:center}}@media (width<=480px){.page-wrapper{padding:var(--space-4)}}.checkbox{appearance:none;background-color:var(--color-surface);font:inherit;color:currentColor;border:1px solid var(--color-outline);border-radius:var(--radius-sm);cursor:pointer;place-content:center;width:20px;height:20px;margin:0;transition:all .12s ease-in-out;display:grid}.checkbox:before{content:"";width:12px;height:12px;box-shadow:inset 1em 1em var(--color-on-primary);background-color:var(--color-on-primary);transform-origin:50%;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transition:transform .12s ease-in-out;transform:scale(0)}.checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 10px #7dd3fc66}.checkbox:checked:before{transform:scale(1)}.checkbox:hover{border-color:var(--color-primary)}.avatar-icon{background:var(--color-surface-container-highest);color:var(--color-on-surface)}.timeline{margin:var(--space-4) 0;padding-left:var(--space-6);position:relative}.timeline:before{content:"";background:var(--color-outline-variant);border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:11px}.timeline-item{margin-bottom:var(--space-4);position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-icon{background:var(--glass-surface-bg);border:2px solid var(--color-outline-variant);width:24px;height:24px;color:var(--color-on-surface-variant);z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;left:-24px}.timeline-content{background:var(--glass-input-bg);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:0 4px 12px #0000000d}.timeline-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}[data-tooltip]{cursor:pointer;position:relative}[data-tooltip]:before,[data-tooltip]:after{opacity:0;visibility:hidden;pointer-events:none;z-index:var(--z-modal,1000);transition:opacity .2s,transform .2s cubic-bezier(.34,1.56,.64,1);position:absolute}[data-tooltip]:before{content:"";border-style:solid;border-width:6px;border-color:var(--color-inverse-surface,#0a0e1a) transparent transparent transparent;bottom:100%;left:50%;transform:translate(-50%)translateY(10px)}[data-tooltip]:after{content:attr(data-tooltip);background:var(--color-inverse-surface,#0a0e1a);color:var(--color-inverse-on-surface,#e0e8f0);border-radius:var(--radius-md,8px);font-size:var(--fs-caption,10px);font-weight:var(--fw-semibold,600);white-space:nowrap;box-shadow:var(--shadow-elevated,0 8px 40px #0000004d);padding:6px 10px;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(10px)}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.skeleton-loader{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{border-radius:var(--radius-sm)}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg,var(--glass-surface-bg));-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--color-outline-variant);z-index:var(--z-sidebar);color:var(--sidebar-text,var(--color-on-surface));flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar__org{align-items:center;gap:var(--space-3);padding:var(--space-6);border-bottom:1px solid var(--color-outline-variant);display:flex}.sidebar__org-icon{color:var(--sidebar-icon,var(--color-primary));font-size:24px}.sidebar__org-info{flex-direction:column;display:flex}.sidebar__org-name{font-weight:700;font-size:var(--fs-title)}.sidebar__org-tier{font-size:var(--fs-caption);color:var(--sidebar-icon,var(--color-primary))}.sidebar__nav{padding:var(--space-4);gap:var(--space-1);flex-direction:column;display:flex}.sidebar__section-label{font-size:var(--fs-caption);color:var(--sidebar-label,var(--color-on-surface-variant));text-transform:uppercase;margin-bottom:var(--space-2);padding-left:var(--space-3);font-weight:700}.sidebar__item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--sidebar-item-text,var(--color-on-surface-variant));cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:none;text-decoration:none;display:flex;position:relative}.sidebar__item:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-item-active,var(--color-primary))}.sidebar__item--active{background:var(--sidebar-active-bg);color:var(--sidebar-item-active,var(--color-primary))}.sidebar__active-dot{background:var(--sidebar-item-active,var(--color-primary));width:4px;height:20px;box-shadow:var(--glow-primary);border-radius:0 4px 4px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar__item-icon{font-size:20px}.sidebar__item-label{font-size:var(--fs-label);flex:1;font-weight:500}.sidebar__badge{background:var(--color-error);color:var(--color-on-error);font-size:var(--fs-caption);border-radius:var(--radius-full);padding:2px 6px;font-weight:700}.sidebar__footer{padding:var(--space-4);border-top:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.sidebar__user{align-items:center;gap:var(--space-3);display:flex}.sidebar__avatar{background:var(--color-surface-container-highest);width:32px;height:32px;font-size:var(--fs-label-sm);border:1px solid var(--color-outline-variant);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.sidebar__user-info{flex-direction:column;display:flex}.sidebar__user-name{font-size:var(--fs-label);font-weight:700}.sidebar__user-role{font-size:var(--fs-caption);color:var(--color-on-surface-variant)}.sidebar__logout{color:var(--color-on-surface-variant);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar__logout:hover{color:var(--color-error);background:#ff6b6b1a}.topnav{top:0;left:var(--sidebar-width);height:var(--topnav-height);background:var(--glass-surface-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-outline-variant);z-index:var(--z-topnav);padding:0 var(--space-6);justify-content:space-between;align-items:center;display:flex;position:fixed;right:0}.topnav__hamburger{color:var(--color-on-surface);cursor:pointer;background:0 0;border:none;display:none}.topnav__brand{align-items:center;gap:var(--space-2);color:var(--color-primary);font-weight:700;display:none}.topnav__search{align-items:center;width:100%;max-width:400px;display:flex;position:relative}.topnav__search-icon{left:var(--space-3);color:var(--color-on-surface-variant);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.topnav__search-input{background:var(--sidebar-hover-bg);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);width:100%;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-9);color:var(--color-on-surface);font-size:var(--fs-label);transition:all var(--transition-fast)}.topnav__search-input:focus{border-color:var(--color-primary);background:var(--color-outline);box-shadow:0 0 0 3px var(--sidebar-active-bg), var(--glow-primary-active);outline:none}.topnav__search-kbd{right:var(--space-3);background:var(--color-outline);font-size:var(--fs-caption);color:var(--color-on-surface-variant);font-family:var(--font-mono);border-radius:4px;padding:2px 6px;position:absolute}.topnav__actions{align-items:center;gap:var(--space-2);display:flex}.topnav__icon-btn{color:var(--color-on-surface-variant);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.topnav__icon-btn:hover{background:var(--sidebar-hover-bg);color:var(--color-on-surface)}.topnav__notification-dot{background:var(--color-error);border:2px solid var(--color-background);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.topnav__avatar{background:var(--color-surface-container-highest);border:1px solid var(--color-outline-variant);cursor:pointer;width:32px;height:32px;margin-left:var(--space-4);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.topnav__avatar:hover{border-color:var(--color-primary)}.topnav__avatar-initials{font-size:var(--fs-label-sm);color:var(--color-on-surface);font-weight:700}@media (width<=768px){.sidebar{transition:transform var(--transition-normal);transform:translate(-100%)}.sidebar--open{transform:translate(0)}.topnav{left:0}.topnav__hamburger,.topnav__brand{display:flex}.topnav__search{display:none}}