:root{--bio-deep-moss:#0c1915;--bio-abyss:#020617;--bio-void:#000000;--bio-glass-light:rgba(255,255,255,0.7);--bio-glass-dark:rgba(12,25,21,0.7);--bio-surface-light:#ffffff;--bio-surface-dark:#0f1c19;--energy-algae:#10b981;--energy-algae-dim:#059669;--energy-algae-glow:rgba(16,185,129,0.4);--energy-solar:#fbbf24;--energy-solar-glow:rgba(251,191,36,0.4);--energy-alert:#ef4444;--mesh-doc:radial-gradient(at 0% 0%,rgba(16,185,129,0.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(251,191,36,0.1) 0px,transparent 50%);--bg-app:#f8fafc;--bg-app-texture:var(--mesh-doc);--bg-surface:var(--bio-surface-light);--bg-glass:var(--bio-glass-light);--border-subtle:rgba(16,185,129,0.15);--border-highlight:var(--energy-algae);--text-primary:#022c22;--text-secondary:#374151;--text-tertiary:#9ca3af;--accent-primary:var(--bio-deep-moss);--text-on-accent:#ffffff;--radius-pane:24px;--radius-node:12px;--radius-pill:999px;--ease-organic:cubic-bezier(0.25,0.8,0.25,1);--ease-pulse:cubic-bezier(0.4,0,0.6,1)}body.bio-mode{color:var(--text-primary);background-color:#06100c;background-image:radial-gradient(rgba(255,255,255,.15) 1px,transparent 0);background-size:24px 24px;background-attachment:fixed;--bg-app:#06100c;--bg-app-texture:radial-gradient(rgba(255,255,255,0.15) 1px,transparent 0);--bg-surface:#0c1915;--bg-glass:rgba(12,25,21,0.8);--border-subtle:rgba(255,255,255,0.1);--border-highlight:#10b981;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--accent-primary:#10b981;--text-on-accent:#ffffff;--energy-algae:#10b981;--energy-algae-glow:rgba(16,185,129,0.4)}body.bio-mode .bg-white{background-color:var(--bg-surface)!important;border-color:var(--border-subtle)!important}body.bio-mode .bg-slate-100,body.bio-mode .bg-slate-50,body.bio-mode [class*="bg-slate-50/"]{background-color:var(--bg-app)!important;border-color:var(--border-subtle)!important}body.bio-mode .bg-slate-200{background-color:#1e293b!important}body.bio-mode .text-slate-800,body.bio-mode .text-slate-900{color:var(--text-primary)!important}body.bio-mode .text-slate-600,body.bio-mode .text-slate-700{color:var(--text-secondary)!important}body.bio-mode .text-slate-400,body.bio-mode .text-slate-500{color:var(--text-tertiary)!important}body.bio-mode .border-slate-100,body.bio-mode .border-slate-200{border-color:var(--border-subtle)!important}body.bio-mode ::-webkit-scrollbar{width:14px;height:14px}body.bio-mode ::-webkit-scrollbar-track{background:var(--bg-app)}body.bio-mode ::-webkit-scrollbar-thumb{background:#334155;border-radius:8px;border:4px solid var(--bg-app)}body.bio-mode ::-webkit-scrollbar-thumb:hover{background:#475569}*{box-sizing:border-box;margin:0;padding:0}body{height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;transition:background .5s var(--ease-organic),color .5s var(--ease-organic)}@media (max-width:768px){body{height:auto;overflow-y:auto}}#app-container{display:flex;height:100dvh;width:95%;max-width:1600px;margin:0 auto;padding:1.5rem;gap:1.5rem;transition:all .4s var(--ease-organic)}#app-container.wide-view{width:100vw;max-width:100vw;padding:0;gap:0}#sidebar{width:290px;background:var(--bg-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-subtle);border-radius:var(--radius-pane);display:flex;flex-direction:column;padding:2rem 1.5rem;flex-shrink:0;z-index:50;box-shadow:0 20px 40px -10px rgba(0,0,0,.1);transition:all .5s var(--ease-organic)}.brand{margin-bottom:1.5rem;padding-left:0;position:relative;display:flex;align-items:center;gap:.75rem}.brand:before{content:"";display:block;width:4px;height:24px;background:var(--energy-algae);border-radius:4px;box-shadow:0 0 10px var(--energy-algae-glow)}.brand h1{font-size:1.25rem!important;font-weight:700!important;letter-spacing:-.02em;padding-left:0;margin:0;color:var(--text-primary);text-transform:uppercase;line-height:1}.brand:after{display:none}nav{gap:.75rem}.nav-section,nav{display:flex;flex-direction:column}.nav-section{margin-bottom:.5rem;padding-bottom:.5rem}.nav-heading{font-size:.7rem;font-weight:600;color:var(--text-tertiary);margin-bottom:.25rem;margin-left:1rem;padding-left:0}.nav-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:var(--radius-node);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;text-align:left;transition:all .3s var(--ease-organic);position:relative;overflow:hidden;text-decoration:none}.nav-item:hover{background:rgba(16,185,129,.05);color:var(--text-primary)}.nav-item.active{background:rgba(16,185,129,.1);border-color:var(--energy-algae);color:var(--energy-algae);box-shadow:0 0 15px var(--energy-algae-glow)}body:not(.bio-mode) .nav-item.active{color:var(--bio-deep-moss);border-color:var(--bio-deep-moss)}.pillar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.ledger-grid{display:grid;gap:1.5rem;width:100%}.portal-list-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-node);padding:1.5rem 2rem;display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:2rem;align-items:center;transition:all .4s var(--ease-organic);min-height:auto;margin-bottom:.5rem}#main-content,.portal-list-card{position:relative;overflow:hidden}#main-content{flex:1;background:var(--bg-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-pane);border:1px solid var(--border-subtle);box-shadow:0 20px 40px -10px rgba(0,0,0,.05);padding:0;display:flex;flex-direction:column}#main-content>div{flex:1;overflow-y:auto;height:auto;padding:3rem 4rem}#main-content>div:after{content:"";display:block;height:3rem}.card,.ledger-container,.log-entry,.pillar-card,.quick-capture,.spine-section,.stakeholder-card{background:#ffffff;border:1px solid rgba(0,0,0,.12);border-radius:var(--radius-node);transition:all .4s var(--ease-organic);position:relative;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}body.bio-mode .card,body.bio-mode .ledger-container,body.bio-mode .pillar-card,body.bio-mode .portal-list-card,body.bio-mode .spine-section{background:var(--bg-surface);border-color:var(--border-subtle);box-shadow:none}#app-container.wide-view #main-content,#app-container.wide-view #sidebar{border-radius:0;border:none}.card:before,.ledger-container:before,.pillar-card:before,.portal-list-card:before,.spine-section:before{content:"";position:absolute;top:-1px;left:-1px;width:12px;height:12px;border-top:2px solid var(--border-subtle);border-left:2px solid var(--border-subtle);border-radius:var(--radius-node) 0 0 0;opacity:.5}.card:hover:before,.pillar-card:hover:before,.stakeholder-card:hover:before{border-color:var(--energy-algae);opacity:1}.card:hover,.pillar-card:hover,.portal-list-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 10px 30px -10px rgba(0,0,0,.1);border-color:var(--energy-algae)}body.bio-mode .card:hover,body.bio-mode .pillar-card:hover,body.bio-mode .portal-list-card:hover{box-shadow:0 10px 30px -10px rgba(0,0,0,.5);border-color:var(--border-highlight)}h1{font-size:2.5rem;font-weight:700;letter-spacing:-.04em}h1,h2{margin-bottom:2rem;color:var(--text-primary)}h2{font-size:2rem;font-weight:600;line-height:1.1;letter-spacing:-.03em}.portal-list-card h2{font-size:1.5rem!important;margin-bottom:.5rem;background:none!important;-webkit-text-fill-color:initial!important;color:var(--text-primary)!important}body.bio-mode h2{color:var(--text-primary)}h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--energy-algae-dim);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.view-section p{max-width:100%}li,p,td,th{font-size:1rem;line-height:1.7;color:var(--text-secondary)}.btn,.btn-primary{background:var(--accent-primary);color:var(--text-on-accent);border:none;height:44px;padding:0 1.5rem;border-radius:var(--radius-node);font-weight:600;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s var(--ease-organic);position:relative;overflow:hidden;text-decoration:none}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.btn-secondary{background:transparent;border:1px solid var(--border-subtle);color:var(--text-primary);height:44px;padding:0 1.25rem;border-radius:var(--radius-node);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;transition:all .2s;text-decoration:none}.btn-secondary:hover{background:rgba(16,185,129,.05);border-color:var(--energy-algae)}input,select,textarea{background:var(--bg-app);border:1px solid transparent;border-bottom:2px solid var(--border-subtle);border-radius:4px 4px 0 0;padding:.75rem 1rem;font-size:.9rem;color:var(--text-primary);width:100%;outline:none;transition:all .3s}input:focus,select:focus,textarea:focus{background:var(--bg-surface);border-bottom-color:var(--energy-algae)}input[type=checkbox],input[type=radio]{width:auto;padding:0;margin:0;cursor:pointer;border:none;background:transparent}.table-container{background:transparent;border:none;border-radius:0;overflow-x:auto}table{width:100%;border-collapse:separate;border-spacing:0 .5rem}th{text-align:left;font-size:.7rem;text-transform:uppercase;color:var(--text-tertiary);background:transparent;border:none;padding:0 1.5rem .5rem}td{padding:1.25rem 1.5rem;background:var(--bg-surface);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}td:first-child{border-left:1px solid var(--border-subtle);border-top-left-radius:var(--radius-node);border-bottom-left-radius:var(--radius-node)}td:last-child{border-right:1px solid var(--border-subtle);border-top-right-radius:var(--radius-node);border-bottom-right-radius:var(--radius-node)}tbody tr{transition:all .4s var(--ease-organic)}tbody tr,tbody tr td:first-child{position:relative}tbody tr td:first-child:before{content:"";position:absolute;top:-1px;left:-1px;width:12px;height:12px;border-top:2px solid var(--border-subtle);border-left:2px solid var(--border-subtle);border-radius:var(--radius-node) 0 0 0;opacity:.5;transition:all .4s var(--ease-organic);z-index:11}tbody tr:hover td:first-child:before{border-color:var(--energy-algae);opacity:1}tbody tr:hover td{border-color:var(--energy-algae);background:var(--bg-app)}tbody tr:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 10px 30px -10px rgba(0,0,0,.1);z-index:10}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:500;background:var(--bg-app);color:var(--text-secondary);border:1px solid var(--border-subtle)}.sidebar-footer{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle);margin-top:auto}.theme-switch-container{position:static;width:100%;padding:0;border:none;display:flex;align-items:center;justify-content:space-between}.theme-switch-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;font-weight:600}.theme-switch{position:relative;display:inline-block;width:48px;height:24px}.theme-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:34px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;border-radius:50%}input:checked+.slider{background-color:var(--energy-algae)}input:focus+.slider{box-shadow:0 0 1px var(--energy-algae)}input:checked+.slider:before{transform:translateX(24px)}body.bio-mode .slider{background-color:#374151}body.bio-mode input:checked+.slider{background-color:var(--accent-primary)}@media (max-width:768px){#app-container{padding:0;gap:0;overflow:visible}#app-container,#sidebar{flex-direction:column;height:auto}#sidebar{width:100%;flex-shrink:0;align-items:stretch;justify-content:flex-start;padding:1rem;border-radius:0;border:none;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);position:sticky;top:0;z-index:100;box-shadow:0 2px 4px rgba(0,0,0,.02)}.brand{margin-bottom:0;justify-content:space-between;width:100%}#burger-menu{display:inline-flex!important}#nav-links-container,.sidebar-footer{display:none!important}#nav-links-container{margin-top:1rem}.sidebar-footer{border-top:none;padding-bottom:1rem}nav.open #nav-links-container,nav.open .sidebar-footer{display:flex!important}nav.open{height:auto}.theme-switch-container{position:relative;width:auto;padding:0;border:none;bottom:auto}#main-content{border-radius:0;border:none;flex:none;height:auto;overflow:visible;display:block}#main-content>div{padding:1.5rem 1rem 4rem;height:auto;overflow:visible}.card,.ledger-container,.pillar-card,.spine-section{padding:1rem}h1{font-size:1.8rem}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite;display:inline-block}.spine-drag-grip{display:none;cursor:grab;padding:2px 4px;color:var(--text-tertiary);font-size:1.1rem;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:4px;transition:color .15s,background .15s;letter-spacing:2px}.spine-drag-grip:hover{color:var(--text-primary);background:rgba(0,0,0,.06)}.spine-drag-grip:active{cursor:grabbing}.spine-edit-active .spine-drag-grip{display:flex;align-items:center}[data-card-id].spine-dragging{opacity:.4;transform:scale(.97);transition:opacity .15s,transform .15s}[data-card-id].spine-drop-above{border-top:3px solid var(--energy-algae)!important}[data-card-id].spine-drop-below{border-bottom:3px solid var(--energy-algae)!important}[data-card-id].spine-drop-left{border-left:3px solid var(--energy-algae)!important}[data-card-id].spine-drop-right{border-right:3px solid var(--energy-algae)!important}[data-card-id].spine-drop-nest{box-shadow:inset 0 0 0 2px var(--energy-algae),0 0 12px rgba(0,200,100,.3);transition:box-shadow .2s}[data-card-id]{transition:transform .25s ease,opacity .2s ease}.spine-section-row .spine-drag-grip{margin-right:.5rem}.spine-edit-active .card[data-card-id]{padding-left:2rem!important}body.bio-mode .glass{background-color:var(--bg-surface)!important;border-color:var(--border-subtle)!important}body.bio-mode [class*=bg-red-100],body.bio-mode [class*=bg-red-50]{background-color:rgba(239,68,68,.15)!important;border-color:rgba(239,68,68,.2)!important}body.bio-mode [class*=text-red-6],body.bio-mode [class*=text-red-7],body.bio-mode [class*=text-red-8],body.bio-mode [class*=text-red-9]{color:#fca5a5!important}body.bio-mode .border-red-100,body.bio-mode .border-red-200,body.bio-mode .border-red-300{border-color:rgba(239,68,68,.2)!important}body.bio-mode [class*=bg-emerald-100],body.bio-mode [class*=bg-emerald-50]{background-color:rgba(16,185,129,.15)!important;border-color:rgba(16,185,129,.2)!important}body.bio-mode [class*=text-emerald-6],body.bio-mode [class*=text-emerald-7],body.bio-mode [class*=text-emerald-8],body.bio-mode [class*=text-emerald-9]{color:#6ee7b7!important}body.bio-mode .border-emerald-100,body.bio-mode .border-emerald-200,body.bio-mode .border-emerald-300{border-color:rgba(16,185,129,.2)!important}body.bio-mode [class*=bg-amber-100],body.bio-mode [class*=bg-amber-50]{background-color:rgba(245,158,11,.15)!important;border-color:rgba(245,158,11,.2)!important}body.bio-mode [class*=text-amber-6],body.bio-mode [class*=text-amber-7],body.bio-mode [class*=text-amber-8],body.bio-mode [class*=text-amber-9]{color:#fcd34d!important}body.bio-mode .border-amber-100,body.bio-mode .border-amber-200,body.bio-mode .border-amber-300{border-color:rgba(245,158,11,.2)!important}body.bio-mode [class*=bg-blue-100],body.bio-mode [class*=bg-blue-50]{background-color:rgba(59,130,246,.15)!important;border-color:rgba(59,130,246,.2)!important}body.bio-mode [class*=text-blue-6],body.bio-mode [class*=text-blue-7],body.bio-mode [class*=text-blue-8],body.bio-mode [class*=text-blue-9]{color:#93c5fd!important}body.bio-mode [class*=bg-indigo-100],body.bio-mode [class*=bg-indigo-50]{background-color:rgba(99,102,241,.15)!important;border-color:rgba(99,102,241,.2)!important}body.bio-mode [class*=text-indigo-6],body.bio-mode [class*=text-indigo-7],body.bio-mode [class*=text-indigo-8],body.bio-mode [class*=text-indigo-9]{color:#a5b4fc!important}