@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", sans-serif;--surface-0:#08090c;--surface-1:#0e1116;--surface-2:#141820;--surface-3:#1b212d;--surface-active:#232b3a;--bg-app:var(--surface-0);--bg-container:var(--surface-0);--bg-card:var(--surface-2);--bg-card-hover:var(--surface-active);--bg-navbar:var(--surface-1);--bg-header:var(--surface-1);--bg-input:var(--surface-1);--bg-toast:var(--surface-3);--border-hairline:1px solid #ffffff14;--border-hairline-subtle:1px solid #ffffff0d;--border-hairline-hover:1px solid #ffffff24;--border-glass:#ffffff14;--border-glass-hover:#ffffff24;--border-focus:#10b981;--inner-bevel:inset 0 1px 0 #ffffff12, 0 2px 8px #00000059;--inner-bevel-elevated:inset 0 1px 0 #ffffff1a, 0 10px 28px #0000008c;--primary:#10b981;--primary-hover:#059669;--primary-pressed:#047857;--primary-light:#10b9811a;--primary-glow:#10b98126;--danger:#ef4444;--danger-light:#ef44441a;--warning:#f59e0b;--warning-light:#f59e0b1a;--info:#0ea5e9;--info-light:#0ea5e91a;--text-main:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#08090c;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius:14px;--transition:all .15s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--surface-0);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02", "cv03", "cv04", "cv11", "tnum";background-image:none;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--surface-0)}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#fff3}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-main);font-weight:700}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.card-matte,.glass-panel{background:var(--surface-2);border:var(--border-hairline);border-radius:var(--radius);box-shadow:var(--inner-bevel);transition:var(--transition);page-break-inside:avoid}.card-matte-interactive{background:var(--surface-2);border:var(--border-hairline);border-radius:var(--radius);box-shadow:var(--inner-bevel);transition:var(--transition);cursor:pointer;-webkit-user-select:none;user-select:none}.card-matte-interactive:hover{border-color:#ffffff24}.card-matte-interactive:active{background:var(--surface-active);transform:scale(.98)}.card-matte-elevated{background:var(--surface-3);border:var(--border-hairline-hover);border-radius:var(--radius-lg);box-shadow:var(--inner-bevel-elevated)}.container{background-color:var(--surface-0);border-left:var(--border-hairline-subtle);border-right:var(--border-hairline-subtle);flex-direction:column;max-width:500px;min-height:100vh;margin:0 auto;padding-bottom:78px;display:flex;position:relative}.nav-bottom{background:var(--surface-1);border-top:var(--border-hairline);z-index:1000;width:100%;max-width:500px;height:68px;padding-bottom:env(safe-area-inset-bottom,0);grid-template-columns:repeat(6,1fr);place-items:center;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;font-size:10.5px;font-weight:600;text-decoration:none;display:flex}.nav-item.active{color:var(--primary)}.nav-item:active{transform:scale(.92)}.nav-item-quick{background:var(--primary);color:#fff;width:48px;height:48px;transition:var(--transition);border:4px solid var(--surface-0);border-radius:50%;justify-content:center;align-items:center;display:flex;transform:translateY(-12px);box-shadow:0 4px 14px #10b98173}.nav-item-quick:active{background:var(--primary-pressed);transform:translateY(-10px)scale(.92)}.app-header{border-bottom:var(--border-hairline);background:var(--surface-1);z-index:900;justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex;position:sticky;top:0}.app-title{color:var(--text-main);letter-spacing:-.03em;font-size:18px;font-weight:800}.badge-pill,.status-badge{text-transform:uppercase;letter-spacing:.05em;font-variant-numeric:tabular-nums;border:1px solid #0000;border-radius:9999px;align-items:center;gap:5px;height:24px;padding:0 9px;font-size:10.5px;font-weight:700;display:inline-flex}.badge-pill-success,.status-online{color:#34d399;background:#10b9811f;border-color:#10b98140}.badge-pill-warning,.status-syncing{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b40}.badge-pill-danger,.status-offline{color:#f87171;background:#ef44441f;border-color:#ef444440}.badge-pill-info{color:#38bdf8;background:#0ea5e91f;border-color:#0ea5e940}.badge-pill-neutral{color:var(--text-secondary);background:#ffffff0d;border-color:#ffffff17}.pulse-dot{background-color:currentColor;border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}to{opacity:.6;transform:scale(.9)}}.btn{min-height:44px;font-family:var(--font-sans);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.975)}.btn-primary{background:var(--primary);color:#fff;border-color:#ffffff1f;box-shadow:0 2px 8px #10b98140}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{background:var(--primary-pressed)}.btn-primary:disabled{color:#ffffff4d;box-shadow:none;cursor:not-allowed;background:#ffffff14;border-color:#0000}.btn-secondary{background:var(--surface-3);color:var(--text-main);border:var(--border-hairline);box-shadow:var(--inner-bevel)}.btn-secondary:hover{background:var(--surface-active);border-color:#ffffff29}.btn-danger{background:var(--danger);color:#fff;border-color:#ffffff1a;box-shadow:0 2px 8px #ef444440}.btn-danger:hover{background:#dc2626}.btn-danger-ghost{color:#f87171;background:#ef444414;border:1px solid #ef444440}.btn-danger-ghost:hover{background:#ef444424}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.form-control{background:var(--surface-1);border:var(--border-hairline);color:var(--text-main);font-family:var(--font-sans);transition:var(--transition);border-radius:10px;outline:none;padding:12px 14px;font-size:13.5px}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.card-list{flex-direction:column;gap:12px;padding:16px;display:flex}.item-card{cursor:pointer;justify-content:space-between;align-items:center;padding:16px;display:flex}.audio-visualizer-container{border-radius:var(--radius);background:var(--surface-2);border:1px dashed #10b98166;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.voice-wave{align-items:center;gap:4px;height:40px;display:flex}.voice-bar{background:var(--primary);border-radius:2px;width:4px;height:8px;transition:all .15s}.voice-bar.recording{animation:.8s ease-in-out infinite alternate bounce}@keyframes bounce{10%{height:8px}to{height:35px}}.voice-bar.recording:nth-child(2){animation-delay:.1s}.voice-bar.recording:nth-child(3){animation-delay:.2s}.voice-bar.recording:nth-child(4){animation-delay:.3s}.voice-bar.recording:nth-child(5){animation-delay:.15s}.voice-bar.recording:nth-child(6){animation-delay:.25s}.voice-bar.recording:nth-child(7){animation-delay:50ms}.voice-bar.recording:nth-child(8){animation-delay:.35s}.dashboard-grid{grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}.stat-card{flex-direction:column;gap:6px;padding:16px;display:flex}.stat-val{color:var(--text-main);font-size:28px;font-weight:700;font-family:var(--font-display);font-variant-numeric:tabular-nums}.toast{background:var(--surface-3);border:var(--border-hairline-hover);color:var(--text-main);z-index:2000;border-radius:9999px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;display:flex;position:fixed;bottom:85px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0009}.kanban-board{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:12px;width:100%;height:calc(100vh - 190px);padding-bottom:12px;display:flex;overflow-x:auto}.kanban-column{scroll-snap-align:start;background:var(--surface-1);border:var(--border-hairline);border-radius:var(--radius);transition:var(--transition);flex-direction:column;flex:0 0 250px;height:100%;padding:12px;display:flex}.kanban-column.drag-over{border-color:var(--primary)!important;background:#10b98114!important}.kanban-column-header{border-bottom:var(--border-hairline);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.kanban-badge{border-radius:9999px;padding:2px 6px;font-size:10.5px;font-weight:700}.kanban-cards-container{flex-direction:column;flex:1;gap:8px;min-height:100px;margin-top:10px;display:flex;overflow-y:auto}.kanban-card{cursor:grab;transition:var(--transition);flex-direction:column;padding:12px;display:flex}.kanban-card:active{cursor:grabbing;opacity:.5}.kanban-empty-slot{border:1.5px dashed var(--border-hairline);height:60px;color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;font-size:11px;display:flex}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{color:#000!important;background:#fff!important;font-size:11pt!important}.container{max-width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.app-header,.nav-bottom,.btn,.form-group,.toast,.status-badge,.audio-visualizer-container,form,button,input,select,textarea{display:none!important}.glass-panel,.card-matte{page-break-inside:avoid;box-shadow:none!important;color:#000!important;background:#f8fafc!important;border:1px solid #cbd5e1!important;margin-bottom:16px!important;padding:16px!important}h1,h2,h3,h4,h5,h6{color:#000!important}p,span,strong,div{color:#0f172a!important}main{padding-bottom:0!important}}