:root{--font-heading: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 12px;--radius-sm: 8px;--transition: color .2s, background-color .2s, border-color .2s}[data-theme=dark]{--bg: #080e1a;--surface: #0d1b2a;--surface-hover: #122240;--border: #1a2744;--text: #e2e8f0;--muted: #64748b;--cyan: #00b4d8;--green: #00e5a0;--red: #ef4444;--amber: #f59e0b;--overlay: rgba(0,0,0,.6)}[data-theme=light]{--bg: #f0f4f8;--surface: #ffffff;--surface-hover: #e8ecf0;--border: #d1d5db;--text: #1a1a2e;--muted: #6b7280;--cyan: #0077a8;--green: #00875a;--red: #dc2626;--amber: #d97706;--overlay: rgba(0,0,0,.3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;transition:var(--transition);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;line-height:1.2}pre,code{font-family:var(--font-mono);font-size:.875rem}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.text-cyan{color:var(--cyan)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-amber{color:var(--amber)}.text-muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:var(--transition)}.card:hover{border-color:var(--muted)}.card-sm{padding:12px 16px;border-radius:var(--radius-sm)}button,.btn{cursor:pointer;font-family:var(--font-body);font-size:.875rem;border:none;border-radius:var(--radius-sm);padding:8px 16px;font-weight:500;transition:var(--transition);display:inline-flex;align-items:center;gap:6px}.btn-primary{background:var(--cyan);color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{opacity:.9}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover{color:var(--text);background:var(--surface-hover)}.btn-sm{padding:4px 10px;font-size:.8rem}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:var(--font-body);font-size:.875rem;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;width:100%;transition:var(--transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 2px #00b4d826}textarea{resize:vertical;min-height:80px}label{display:block;font-size:.8rem;font-weight:500;color:var(--muted);margin-bottom:4px}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge-cyan{background:#00b4d826;color:var(--cyan)}.badge-green{background:#00e5a026;color:var(--green)}.badge-red{background:#ef444426;color:var(--red)}.badge-amber{background:#f59e0b26;color:var(--amber)}.badge-muted{background:#64748b26;color:var(--muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:.75rem;font-weight:600;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em}td{padding:12px;border-bottom:1px solid var(--border);font-size:.875rem}tr:hover td{background:var(--surface-hover)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:100;display:flex;align-items:center;justify-content:center}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;width:90%;max-width:520px;max-height:90vh;overflow-y:auto}.modal h3{margin-bottom:16px}.drawer{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:90vw;background:var(--surface);border-left:1px solid var(--border);z-index:101;overflow-y:auto;padding:24px;box-shadow:-4px 0 24px #0003}.kanban{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px;min-height:400px}.kanban-col{flex:0 0 260px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.kanban-col-header{font-family:var(--font-heading);font-size:.85rem;font-weight:600;padding:0 0 8px;border-bottom:1px solid var(--border);margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.kanban-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;margin-bottom:8px;cursor:pointer;transition:var(--transition)}.kanban-card:hover{border-color:var(--cyan)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{padding:8px 16px;font-size:.875rem;font-weight:500;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;transition:var(--transition);background:none;border-radius:0}.tab:hover{color:var(--text)}.tab.active{color:var(--cyan);border-bottom-color:var(--cyan)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}.metric-value{font-family:var(--font-heading);font-size:1.75rem;font-weight:700}.metric-label{font-size:.75rem;color:var(--muted);margin-top:2px;text-transform:uppercase;letter-spacing:.05em}.form-row{display:flex;gap:12px;margin-bottom:12px}.form-row>*{flex:1}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.stage-stepper{display:flex;gap:0;margin:16px 0 24px}.stage-step{flex:1;padding:8px 4px;text-align:center;font-size:.7rem;font-weight:600;text-transform:uppercase;border-bottom:3px solid var(--border);color:var(--muted);transition:var(--transition)}.stage-step.reached{border-bottom-color:var(--cyan);color:var(--cyan)}.stage-step.current{border-bottom-color:var(--green);color:var(--green)}.timeline-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.timeline-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--surface-hover)}.timeline-body{flex:1}.timeline-meta{font-size:.75rem;color:var(--muted)}.spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--cyan);border-radius:50%;animation:spin .6s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 20px;color:var(--muted)}.empty-state h3{margin-bottom:8px;color:var(--text)}.error-state{text-align:center;padding:40px;color:var(--red)}