:root{--canvas:#fdf8f3;--surface:#faf7f2;--border:#ddd;--ink:#1a1816;--ink-muted:#1a181680;--accent-mint:#cde8c4;--accent-lilac:#dcd1f2;--accent-powder:#d7e8f7;--accent-blue:#4a5aba;--accent-red:#dc3545;--accent-amber:#d97706;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--space-3xl:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a}html[data-theme=dark]{--canvas:#1a1816;--surface:#242220;--border:#3a3836;--ink:#f5f2ef;--ink-muted:#f5f2ef80}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--ink);background-color:var(--canvas);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:var(--text-2xl);font-weight:700}h2{font-size:var(--text-xl);font-weight:700}h3{font-size:var(--text-lg);font-weight:600}.text-muted{color:var(--ink-muted)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-right{text-align:right}.font-medium{font-weight:500}.font-bold{font-weight:700}.btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;font-weight:500;line-height:1.5;transition:all .15s;display:inline-flex}.btn:hover{background:var(--canvas)}.btn-primary{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.btn-primary:hover{opacity:.9}.btn-sm{padding:var(--space-xxs) var(--space-xs);font-size:var(--text-xs)}.btn-lg{padding:var(--space-sm) var(--space-lg);font-size:var(--text-base)}.btn-danger{color:#fff;background:#dc3545;border-color:#dc3545}.btn-danger:hover{opacity:.9}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface)}.input,.select,.textarea{width:100%;padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);line-height:1.5;transition:border-color .15s;display:block}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px #4a5aba1a}.input::placeholder{color:var(--ink-muted)}.textarea{resize:vertical;min-height:80px}label{font-size:var(--text-sm);margin-bottom:var(--space-xxs);font-weight:500;display:block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg)}.card-header{font-weight:600;font-size:var(--text-lg);margin-bottom:var(--space-md)}.card-interactive{cursor:pointer;transition:box-shadow .15s}.card-interactive:hover{box-shadow:var(--shadow-md)}.badge{padding:var(--space-xxs) var(--space-xs);font-size:var(--text-xs);border-radius:var(--radius-sm);align-items:center;font-weight:500;display:inline-flex}.badge-blue{background:var(--accent-powder);color:#1e3a5f}.badge-green{background:var(--accent-mint);color:#1a3a1a}.badge-purple{background:var(--accent-lilac);color:#3a1a5a}.badge-gray{background:var(--border);color:var(--ink-muted)}.badge-red{color:#721c24;background:#f8d7da}.badge-yellow{color:#856404;background:#fff3cd}.layout{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);width:260px;padding:var(--space-lg);z-index:40;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.main-content{padding:var(--space-lg);flex:1;margin-left:260px}.topbar{padding:var(--space-sm) var(--space-lg);background:var(--surface);border-bottom:1px solid var(--border);z-index:30;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.nav-item{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);color:var(--ink-muted);font-size:var(--text-sm);font-weight:500;transition:all .15s;display:flex}.nav-item:hover{background:var(--canvas);color:var(--ink);text-decoration:none}.nav-item.active{background:var(--accent-powder);color:var(--accent-blue)}.table{border-collapse:collapse;width:100%}.table th,.table td{padding:var(--space-sm);text-align:left;border-bottom:1px solid var(--border)}.table th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);font-weight:600}.table tr:hover td{background:var(--canvas)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.w-full{width:100%}.hidden{display:none}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.alert{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-md)}.alert-success{background:var(--accent-mint);color:#1a3a1a}.alert-error{color:#721c24;background:#f8d7da}.alert-info{background:var(--accent-powder);color:#1e3a5f}.dashboard-stats-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.dashboard-stat-card{padding:var(--space-md)}.dashboard-stat-label{font-size:var(--text-xs);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em}.dashboard-stat-value{font-size:var(--text-2xl);margin-top:var(--space-xxs);font-weight:700}.dashboard-two-col{gap:var(--space-lg);margin-bottom:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{padding:var(--space-sm);margin-left:0}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)!important}.dashboard-two-col{grid-template-columns:1fr!important}.table{font-size:var(--text-xs)}.table th,.table td{padding:var(--space-xs)}.btn{padding:var(--space-xxs) var(--space-xs);font-size:var(--text-xs)}.card{padding:var(--space-sm)}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}.flex{flex-wrap:wrap}.gap-sm{gap:var(--space-xs)}.mb-lg{margin-bottom:var(--space-md)}.mb-md{margin-bottom:var(--space-sm)}}