:root{--bg-base: #f0f4f8;--bg-surface: #ffffff;--bg-elevated: #f1f5f9;--bg-hover: #e2eaf2;--border: #8daac4;--border-light: #5a88ae;--accent: #0369a1;--accent-dim: rgba(3, 105, 161, .1);--accent-hover: #0284c7;--green: #15803d;--green-dim: rgba(21, 128, 61, .1);--yellow: #b45309;--yellow-dim: rgba(180, 83, 9, .1);--red: #b91c1c;--red-dim: rgba(185, 28, 28, .1);--purple: #6d28d9;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--font-display: "Syne", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 8px;--radius-lg: 12px;--shadow: 0 4px 24px rgba(0,0,0,.12)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;line-height:1.6;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-elevated)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}input,textarea,select{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;border-radius:var(--radius);padding:8px 12px;outline:none;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input::placeholder{color:var(--text-muted)}button{cursor:pointer;font-family:var(--font-mono);font-size:13px;border:none;border-radius:var(--radius);transition:all .15s}a{color:inherit;text-decoration:none}.btn-primary{background:var(--accent);color:#fff;padding:8px 16px;font-weight:700;border:none}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--accent);padding:8px 12px;border:1.5px solid var(--accent);font-weight:600}.btn-ghost:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-action{background:var(--accent);color:#fff;padding:8px 16px;font-weight:700;border:none}.btn-action:hover{background:var(--accent-hover)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.05em}.badge-green{background:var(--green-dim);color:var(--green)}.badge-yellow{background:var(--yellow-dim);color:var(--yellow)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-blue{background:var(--accent-dim);color:var(--accent)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}aside{background:#d0e0f0!important;border-right:1px solid #a0bcd0!important}aside nav a.active{background:var(--accent)!important;color:#fff!important;border-left:3px solid var(--accent-hover)!important;font-weight:700!important}aside nav a:not(.active):hover{background:#0369a11f!important;color:var(--text-primary)!important}