: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)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:90;background:var(--surface);border-top:1px solid var(--border);padding:6px 0 env(safe-area-inset-bottom,6px)}.bottom-nav-inner{display:flex;justify-content:space-around;align-items:center}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;font-size:.6rem;color:var(--muted);background:none;border:none;cursor:pointer;font-family:var(--font-body)}.bottom-nav-item.active{color:var(--cyan)}.bottom-nav-item svg{width:20px;height:20px}.more-sheet{position:fixed;bottom:0;left:0;right:0;z-index:95;background:var(--surface);border-top:1px solid var(--border);border-radius:16px 16px 0 0;padding:16px 16px 32px;box-shadow:0 -8px 32px #0000004d;transform:translateY(100%);transition:transform .3s ease}.more-sheet.open{transform:translateY(0)}.more-sheet-handle{width:40px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 16px}@media (max-width: 768px){.bottom-nav{display:block}.main-content-area{padding-bottom:72px!important}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:198;background:var(--overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal{width:100vw!important;max-width:100vw!important;height:100vh;max-height:100vh;border-radius:0;padding:16px;display:flex;flex-direction:column}.modal h3{padding-right:32px}.drawer{width:100vw!important;max-width:100vw!important;border-left:none;border-radius:0;padding:16px}input,select,textarea,button,.btn{min-height:44px}.btn-sm{min-height:36px}.kanban{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 4px 16px;min-height:300px}.kanban-col{flex:0 0 85vw;scroll-snap-align:start}.kanban-card{padding:10px}.metric-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px}.metric-card{padding:12px 14px}.metric-value{font-size:1.3rem}.metric-label{font-size:.65rem}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{padding:8px;font-size:.8rem;white-space:nowrap}.mobile-hide-col{display:none}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:0;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:8px 12px;font-size:.8rem;flex-shrink:0}.form-row{flex-direction:column;gap:8px}.stage-step{font-size:.55rem;padding:6px 2px}.card{padding:14px}h1{font-size:1.25rem!important}.chart-container{width:100%!important}.desktop-grid-2col,.desktop-grid-sidebar{grid-template-columns:1fr!important}.empty-state{padding:32px 16px}.notification-panel{width:100vw!important;max-width:100vw!important}}@media (min-width: 769px) and (max-width: 1024px){.metric-grid{grid-template-columns:repeat(2,1fr)!important}.kanban-col{flex:0 0 220px}.card{padding:16px}}@media (min-width: 769px){.bottom-nav,.mobile-only{display:none!important}}@media (max-width: 768px){.desktop-only{display:none!important}}