@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;600;700&display=swap";
:root{--color-canvas-white:#fff;--color-ghost-fog:#efefed;--color-midnight-ink:#090909;--color-abyssal-black:#000;--color-sterling-gray:#d9d9d9;--color-action-blue:#0057f3;--color-warning-orange:#ff5102;--bg-color:var(--color-canvas-white);--surface-color:var(--color-ghost-fog);--text-primary:var(--color-midnight-ink);--text-secondary:#666;--primary-color:var(--color-action-blue);--accent-color:var(--color-warning-orange);--border-color:var(--color-sterling-gray);--text-caption:14px;--text-body:16px;--text-subheading:32px;--text-heading-sm:40px;--text-heading:48px;--text-display:83px;--radius-cards:16px;--radius-buttons:32px;--radius-navigation:6px;--spacing-4:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-20:20px;--spacing-24:24px;--spacing-32:32px;--spacing-40:40px;--spacing-48:48px;--spacing-64:64px;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.4}h1,h2,h3,h4,h5,h6{color:var(--color-abyssal-black);letter-spacing:-.01em;font-weight:500}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.main-layout{min-height:100vh;display:flex}.content{padding:var(--spacing-32);background-color:var(--color-canvas-white);flex:1}.btn{border-radius:var(--radius-buttons);font-weight:450;font-size:var(--text-body);justify-content:center;align-items:center;gap:var(--spacing-8);border:none;padding:10px 16px;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-abyssal-black);color:var(--color-canvas-white)}.btn-primary:hover{background:#333}.btn-action{background:var(--color-action-blue);color:var(--color-canvas-white)}.btn-warning{background:var(--color-warning-orange);color:var(--color-canvas-white)}.btn-outline{background:var(--color-canvas-white);color:var(--color-abyssal-black);border:1px solid var(--color-abyssal-black)}.card{background:var(--color-canvas-white);border-radius:var(--radius-cards);border:1px solid var(--color-sterling-gray);padding:var(--card-padding)}.subtle-card{background:var(--color-ghost-fog);border-radius:var(--radius-cards);padding:40px}.status-badge{text-transform:uppercase;border-radius:999px;align-items:center;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade{animation:.3s forwards fadeIn}
.sidebar-container{background:var(--color-ghost-fog);border-right:1px solid var(--color-sterling-gray);flex-direction:column;width:260px;height:100vh;display:flex;position:sticky;top:0}.sidebar-header{padding:32px 24px}.brand-title{color:var(--color-abyssal-black);letter-spacing:-.01em;font-size:20px;font-weight:500}.brand-subtitle{color:var(--color-midnight-ink);opacity:.5;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:500}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:0 16px;display:flex}.nav-item{border-radius:var(--radius-navigation);color:var(--color-midnight-ink);align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:450;transition:all .2s;display:flex}.nav-item:hover{background:#0000000a}.nav-item.active{background:var(--color-abyssal-black);color:var(--color-canvas-white)}.nav-icon{opacity:.7;width:18px;height:18px}.nav-item.active .nav-icon{opacity:1}.sidebar-footer{border-top:1px solid var(--color-sterling-gray);padding:24px 16px}.user-profile{align-items:center;gap:12px;display:flex}.avatar{background:var(--color-midnight-ink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:500;display:flex}.user-info{flex:1}.user-name{color:var(--color-abyssal-black);font-size:14px;font-weight:500}.user-role{color:#666;font-size:12px}.logout-btn{color:#666;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.logout-btn:hover{color:var(--color-warning-orange);background:#0000000d}