:root{--color-primary:#0d9488;--color-primary-hover:#14b8a6;--color-primary-active:#0f766e;--color-primary-pale:#ccfbf1;--color-slate-dark:#1f2d35;--color-tint:#ccfbf1;--color-tint-text:#0f766e;--color-bg:#f4f6f7;--color-surface:#fff;--color-surface-raised:#fff;--color-border-raised:#e5e7eb;--color-divider:#e5e7eb;--color-border:#000;--color-text-muted:#6b7280;--color-text-secondary:#374151;--color-text-primary:#111827;--color-success-bg:#dcfce7;--color-success-text:#166534;--color-success-dot:#22c55e;--color-warning-bg:#fef9c3;--color-warning-text:#854d0e;--color-warning-dot:#f59e0b;--color-error-bg:#fee2e2;--color-error-text:#991b1b;--color-error-dot:#ef4444;--color-info-bg:#eae8fc;--color-info-text:#3d32c4;--color-info-dot:#5b4fe8;--color-accent-yellow:#ffe500;--color-accent-red:red;--color-accent-lime:#0f0;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--radius-none:0px;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--radius-xl:0px;--radius-full:50%;--font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-family-heading:"Space Grotesk", "Inter", monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--transition-brutal:all .1s linear;--transition-fast:.1s linear;--transition-default:.1s linear;--transition-modal:.1s linear;--transition-page:.1s linear;--border-brutal:3px solid var(--color-text-primary);--border-brutal-thin:2px solid var(--color-text-primary);--shadow-brutal:4px 4px 0px var(--color-text-primary);--shadow-brutal-sm:2px 2px 0px var(--color-text-primary);--shadow-brutal-hover:6px 6px 0px var(--color-text-primary);--shadow-brutal-active:0px 0px 0px var(--color-text-primary)}.dark{--color-primary:#6bd8cb;--color-primary-hover:#5eead4;--color-primary-active:#2dd4bf;--color-primary-pale:#134e4a;--color-slate-dark:#1f2d35;--color-tint:#134e4a;--color-tint-text:#6bd8cb;--color-bg:#131313;--color-surface:#1e1d27;--color-surface-raised:#2a2935;--color-border-raised:#000;--color-divider:#000;--color-border:#000;--color-text-muted:#6b7280;--color-text-secondary:#9ca3af;--color-text-primary:#fff;--color-success-bg:#14532d;--color-success-text:#86efac;--color-success-dot:#22c55e;--color-warning-bg:#713f12;--color-warning-text:#fde68a;--color-warning-dot:#f59e0b;--color-error-bg:#7f1d1d;--color-error-text:#fca5a5;--color-error-dot:#ef4444;--color-info-bg:#2a2845;--color-info-text:#a09ff5;--color-info-dot:#7b72ed;--border-brutal:3px solid var(--color-text-primary);--border-brutal-thin:2px solid var(--color-text-primary);--shadow-brutal:4px 4px 0px var(--color-text-primary);--shadow-brutal-sm:2px 2px 0px var(--color-text-primary);--shadow-brutal-hover:6px 6px 0px var(--color-text-primary);--shadow-brutal-active:0px 0px 0px var(--color-text-primary)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:-.02em;line-height:1.1}h1{font-size:3.5rem}h2{font-size:2.25rem}h3{font-size:1.5rem}h4{font-size:1.125rem}.label{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:var(--font-weight-bold)}a{color:var(--color-primary);text-underline-offset:2px;transition:var(--transition-brutal);text-decoration:underline;text-decoration-thickness:2px}a:hover{color:var(--color-primary-hover);text-decoration-thickness:3px}::selection{background-color:var(--color-tint);color:var(--color-tint-text)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-bg);border-left:var(--border-brutal-thin)}::-webkit-scrollbar-thumb{background:var(--color-text-secondary);border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-primary)}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.main-header{height:64px;padding:0 var(--space-xl);background-color:var(--color-surface);border-bottom:var(--border-brutal);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.main-header-logo{font-family:var(--font-family-heading);font-size:20px;font-weight:var(--font-weight-bold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.02em;text-decoration:none}.main-header-actions{justify-self:flex-end;align-items:center;gap:var(--space-md);display:flex}.main-header-nav{gap:var(--space-md);display:flex}.main-nav-link{font-family:var(--font-family-heading);font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-sm) var(--space-md);border:var(--border-brutal-thin);transition:var(--transition-brutal);border-color:#0000;text-decoration:none}.main-nav-link:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:var(--color-tint)}.avatar-dropdown-container{cursor:pointer;align-items:center;display:flex;position:relative}.avatar-dropdown-menu{margin-top:var(--space-sm);background-color:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal);z-index:100;flex-direction:column;min-width:180px;display:flex;position:absolute;top:100%;right:0}.dropdown-item{padding:var(--space-md) var(--space-lg);font-family:var(--font-family-heading);font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-align:left;text-transform:uppercase;letter-spacing:.05em;border:none;border-bottom:var(--border-brutal-thin);cursor:pointer;align-items:center;gap:var(--space-sm);transition:var(--transition-brutal);background:0 0;text-decoration:none;display:flex}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:var(--color-tint);color:var(--color-primary)}.dropdown-divider{border-bottom:var(--border-brutal-thin)}.dashboard-sidebar{background-color:var(--color-surface);border-right:var(--border-brutal);width:260px;height:100vh;transition:width var(--transition-brutal);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0}.dashboard-sidebar.collapsed{width:72px}.sidebar-header{height:64px;padding:0 var(--space-lg);border-bottom:var(--border-brutal-thin);transition:padding var(--transition-brutal);justify-content:center;align-items:center;display:flex}.dashboard-sidebar.collapsed .sidebar-header{padding:0 var(--space-sm)}.sidebar-logo{font-family:var(--font-family-heading);font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.02em;transition:font-size var(--transition-brutal);white-space:nowrap;text-decoration:none}.dashboard-sidebar.collapsed .sidebar-logo{font-size:20px;font-weight:var(--font-weight-black)}.sidebar-nav{padding:var(--space-lg) var(--space-md);gap:var(--space-xs);transition:padding var(--transition-brutal);flex-direction:column;flex:1;display:flex;overflow-y:auto}.dashboard-sidebar.collapsed .sidebar-nav{padding:var(--space-lg) var(--space-sm);align-items:center}.sidebar-link{align-items:center;gap:var(--space-sm);border-radius:var(--radius-none);color:var(--color-text-secondary);font-family:var(--font-family-heading);font-size:12px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;transition:var(--transition-brutal);border:var(--border-brutal-thin);white-space:nowrap;border-color:#0000;padding:10px 14px;text-decoration:none;display:flex}.dashboard-sidebar.collapsed .sidebar-link{justify-content:center;width:44px;height:44px;padding:10px}.dashboard-sidebar.collapsed .sidebar-link svg{flex-shrink:0}.sidebar-link:hover{background-color:var(--color-bg);color:var(--color-text-primary);border-color:var(--color-border)}.sidebar-link.active{background-color:var(--color-tint);color:var(--color-tint-text);border-color:var(--color-primary);box-shadow:var(--shadow-brutal-sm)}.sidebar-link.active svg{color:var(--color-primary);stroke-width:2px}.sidebar-footer{padding:var(--space-lg) var(--space-md);border-top:var(--border-brutal-thin);gap:var(--space-xs);transition:padding var(--transition-brutal);flex-direction:column;display:flex}.dashboard-sidebar.collapsed .sidebar-footer{padding:var(--space-lg) var(--space-sm);align-items:center}.dashboard-header{background-color:var(--color-surface);border-bottom:var(--border-brutal);height:64px;padding:0 var(--space-xl);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.dashboard-header-left{align-items:center;gap:var(--space-md);display:flex}.sidebar-toggle{border:var(--border-brutal-thin);cursor:pointer;color:var(--color-text-secondary);padding:var(--space-sm);transition:var(--transition-brutal);background:0 0;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{background-color:var(--color-tint);color:var(--color-primary);box-shadow:var(--shadow-brutal-sm);transform:translate(-2px,-2px)}.sidebar-toggle:active{box-shadow:none;transform:translate(1px,1px)}.dashboard-header-title{font-family:var(--font-family-heading);font-size:20px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary)}.dashboard-header-actions{align-items:center;gap:var(--space-md);display:flex}.theme-toggle{border:var(--border-brutal-thin);cursor:pointer;color:var(--color-text-secondary);padding:var(--space-sm);transition:var(--transition-brutal);background:0 0;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background-color:var(--color-tint);color:var(--color-primary);box-shadow:var(--shadow-brutal-sm);transform:translate(-2px,-2px)}.theme-toggle:active{box-shadow:none;transform:translate(1px,1px)}.sidebar-toggle.collapsed svg{transform:rotate(180deg)}.dashboard-layout{background-color:var(--color-bg);min-height:100vh;display:flex}.dashboard-main{flex-direction:column;flex:1;min-width:0;display:flex}.dashboard-content{padding:var(--space-xl);flex:1;overflow-y:auto}
