*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-ui);font-size:14px;color-scheme:dark}body{background-color:var(--bg-void);color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 0% 0%,rgba(99,102,241,.12) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 100% 100%,rgba(139,92,246,.08) 0%,transparent 70%);pointer-events:none;z-index:0}#root{min-height:100vh;position:relative;z-index:1}h1,h2,h3{font-weight:600;line-height:1.2}a{color:var(--primary);text-decoration:none}button{cursor:pointer;font-family:inherit}::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:var(--bg-bridge);border-radius:3px}.input{background:var(--bg-bridge);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:.875rem;outline:none;padding:var(--space-2) var(--space-3);transition:border-color .15s;width:100%}.input:focus{border-color:var(--primary)}.input-sm{font-size:.8rem;padding:var(--space-1) var(--space-2)}.select-sm{width:auto}.btn-primary{background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;font-size:.875rem;font-weight:500;padding:var(--space-2) var(--space-4);transition:background .15s;white-space:nowrap}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-ghost{background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;padding:var(--space-2) var(--space-3);transition:border-color .15s,color .15s}.btn-ghost:hover{border-color:var(--text-muted);color:var(--text-primary)}.btn-danger{background:transparent;border:1px solid rgba(239,68,68,.4);border-radius:var(--radius-sm);color:var(--danger);font-size:.8rem;padding:var(--space-1) var(--space-2);white-space:nowrap}.btn-danger:hover{background:#ef44441a}.btn-sm{font-size:.8rem;padding:var(--space-1) var(--space-2)}.card{background:var(--bg-deck);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.badge{background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-sm);color:var(--primary);font-family:var(--font-mono);font-size:.7rem;padding:1px var(--space-2);white-space:nowrap}.badge-urgent{background:#ef44441a;border-color:#ef44444d;color:var(--zone-critical)}.badge-important{background:#8b5cf61a;border-color:#8b5cf64d;color:var(--zone-strategic)}.error-text{color:var(--danger);font-size:.8rem}.empty-state{color:var(--text-muted);font-style:italic;padding:var(--space-4) 0}.loading-screen{align-items:center;color:var(--text-muted);display:flex;height:100vh;justify-content:center}.page-error{color:var(--danger);padding:var(--space-5)}.app-shell{display:grid;grid-template-areas:"header header" "nav main";grid-template-columns:200px 1fr;grid-template-rows:48px 1fr;height:100vh}.app-header{align-items:center;background:var(--bg-bridge);border-bottom:1px solid var(--border);display:flex;grid-area:header;justify-content:space-between;padding:0 var(--space-5)}.app-logo{color:var(--primary);font-family:var(--font-mono);font-size:.875rem;font-weight:500;letter-spacing:.1em}.header-controls{align-items:center;display:flex;gap:var(--space-3)}.density-toggle{font-size:1rem;padding:var(--space-2)}.app-nav{background:var(--bg-bridge);border-right:1px solid var(--border);grid-area:nav;overflow-y:auto;padding:var(--space-4) 0}.app-main{grid-area:main;overflow-y:auto;padding:var(--space-5)}.nav-list{list-style:none}.nav-link{background:none;border:none;color:var(--text-secondary);display:block;font-family:inherit;font-size:.875rem;padding:var(--space-2) var(--space-4);text-align:left;text-decoration:none;transition:color .15s;width:100%}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active{background:#6366f11a;border-left:2px solid var(--primary)}.nav-sub-list{border-left:1px solid var(--border);list-style:none;margin:2px 0 4px var(--space-4);padding:0}.nav-sub-link{background:none;border:none;color:var(--text-muted);display:block;font-family:inherit;font-size:.8125rem;padding:var(--space-1) var(--space-3);text-align:left;text-decoration:none;transition:color .15s;width:100%}.nav-sub-link:hover,.nav-sub-link.active{color:var(--text-primary)}.nav-sub-link.active{background:#6366f114;border-left:2px solid var(--primary);margin-left:-1px}.page{max-width:1200px}.page-title{color:var(--text-primary);font-family:var(--font-mono);font-size:1rem;letter-spacing:.05em;margin-bottom:var(--space-5);text-transform:uppercase}.matrix-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.quadrant{background:var(--bg-deck);border:1px solid var(--border);border-radius:var(--radius-md);border-top:2px solid var(--zone-color, var(--border));min-height:300px;padding:var(--space-4)}.zone-critical{--zone-color: var(--zone-critical)}.zone-strategic{--zone-color: var(--zone-strategic)}.zone-tactical{--zone-color: var(--zone-tactical)}.zone-archive{--zone-color: var(--zone-archive)}.quadrant-header{color:var(--zone-color, var(--text-muted));font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;margin-bottom:var(--space-3);text-transform:uppercase}.quadrant-tasks{display:flex;flex-direction:column;gap:var(--space-2)}.kanban-board{display:flex;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-2)}.kanban-column{background:var(--bg-deck);border:1px solid var(--border);border-radius:var(--radius-md);flex-shrink:0;min-height:300px;padding:var(--space-4);width:260px}.kanban-column-header{color:var(--text-secondary);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;margin-bottom:var(--space-3);text-transform:uppercase}.kanban-column-tasks{display:flex;flex-direction:column;gap:var(--space-2)}.task-card{background:var(--bg-bridge);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:grab;padding:var(--space-3);transition:border-color .15s}.task-card:hover{border-color:#6366f166}.task-title{color:var(--text-primary);display:block;font-size:.875rem;margin-bottom:var(--space-1)}.task-badges{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.capture-form{background:var(--bg-deck);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4)}.capture-title{font-size:1rem}.capture-flags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4)}.capture-fields{display:flex;flex-wrap:wrap;gap:var(--space-3)}.flag-label{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:var(--space-2)}.task-list{display:flex;flex-direction:column;gap:var(--space-2)}.task-row{align-items:center;background:var(--bg-deck);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.task-row-title{color:var(--text-primary);cursor:text;flex:1;font-size:.875rem}.task-row-input{flex:1}.task-row-meta{align-items:center;display:flex;gap:var(--space-2)}.login-container{align-items:center;display:flex;height:100vh;justify-content:center}.login-card{background:var(--bg-deck);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-7);width:360px}.login-title{color:var(--primary);font-family:var(--font-mono);font-size:1.5rem;letter-spacing:.1em;margin-bottom:var(--space-2);text-align:center}.login-sub{color:var(--text-muted);font-size:.8rem;margin-bottom:var(--space-5);text-align:center}.login-form{display:flex;flex-direction:column;gap:var(--space-3)}.field-list,.board-list{display:flex;flex-direction:column;gap:var(--space-4);max-width:600px}.field-editor-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.field-options{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.option-row{align-items:center;display:flex;gap:var(--space-2)}.board-editor-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-3)}.add-form{align-items:center;display:flex;gap:var(--space-3)}.add-form-sm .input{max-width:200px}.multi-select{display:flex;flex-wrap:wrap;gap:var(--space-2)}.multi-option{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:var(--space-1)}:root{--bg-void: #0d1117;--bg-deck: #161b27;--bg-bridge: #1d2436;--primary: #6366f1;--primary-hover: #4f46e5;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #7085a0;--danger: #ef4444;--border: rgba(255, 255, 255, .08);--zone-critical: #ef4444;--zone-strategic: #8b5cf6;--zone-tactical: #f59e0b;--zone-archive: #64748b;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", "Fira Code", monospace}[data-density=compact]{--space-2: 4px;--space-3: 8px;--space-4: 12px;--space-5: 16px}