@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--navy-0:#03110a;--navy-1:#04160d;--navy-2:#0b2015;--bg:#04160d;--card:#0b2015;--gold:#e6c07a;--gold-2:#f4d79a;--gold-deep:#c9a24a;--gold-soft:#e6c07a1f;--neon:#5fe3d0;--neon-deep:#2fb8a6;--accent:#37c2b0;--g2:#f4d79a;--gold-line:#e6c07a59;--tx:#f2f5fc;--tm:#c6cee0;--tmm:#9aa4c0;--ln:#96aad224;--line:#96aad229;--text:#f2f5fc;--muted:#c6cee0;--warn:#e8b84b;--warn-soft:#e8b84b1a;--gold-warn-line:#e8b84b66;--info:#6aa8f0;--info-soft:#6aa8f01f;--danger:#e88a8a;--danger-soft:#c85a5a1f;--purple:#b79af0;--purple-soft:#966ef024;--nbk-green:#37c2b0;--nbk-green-dark:#9fe6db;--nbk-green-soft:#37c2b024;--nbk-green-line:#5fe3d052;--radius:16px;--sidebar-w:288px;--sidebar-w-collapsed:66px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--tx);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app{grid-template-columns:var(--sidebar-w) 1fr;height:100vh;transition:grid-template-columns .24s;display:grid}.app.collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.sidebar{color:#c6d0e6;background:radial-gradient(460px 340px at 26% -8%,#e6c07a24,#0000 60%),radial-gradient(380px 320px at 64% 110%,#07854829,#0000 60%),linear-gradient(#05170e 0%,#04120a 55%,#030f08 100%);border-right:1px solid #e6c07a1f;flex-direction:column;display:flex;position:relative;overflow:hidden}.sidebar:after{content:"";pointer-events:none;background:linear-gradient(#e6c07a80,#5fe3d014 42%,#0000);width:1px;height:100%;position:absolute;top:0;right:0}.sidebar-head{border-bottom:1px solid #ffffff0f;align-items:center;gap:11px;min-height:66px;padding:18px 16px;display:flex}.logo-mark{flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.logo-mark img{object-fit:contain;filter:drop-shadow(0 0 10px #deaa0166);width:100%;height:100%}.logo-text{color:#fff;white-space:nowrap;letter-spacing:.2px;font-size:14px;font-weight:800;line-height:1.2;overflow:hidden}.logo-text small{color:var(--gold);letter-spacing:1.5px;text-transform:uppercase;font-size:10px;font-weight:600;display:block}.sidebar-toggle{color:var(--gold-2);cursor:pointer;background:#e6c07a29;border:1px solid #e6c07a6b;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;margin-left:auto;transition:background .15s,box-shadow .15s,transform .15s;display:grid;box-shadow:0 0 12px #e6c07a33}.sidebar-toggle:hover{background:#e6c07a4d;transform:scale(1.06);box-shadow:0 0 18px #e6c07a73}.sidebar-toggle svg{stroke-width:3px;width:16px;height:16px;transition:transform .2s}.app.collapsed .sidebar-toggle svg{transform:rotate(180deg)}.app.collapsed .sidebar-head{flex-direction:column;gap:10px;min-height:auto;padding:14px 6px}.app.collapsed .sidebar-toggle{width:40px;height:34px;margin-left:0}.nav{flex:1;padding:8px 10px 16px;overflow-y:auto}.nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-thumb{background:#e6c07a33;border-radius:6px}.nav-section{text-transform:uppercase;letter-spacing:2px;color:#7d88a6;white-space:nowrap;padding:18px 10px 8px;font:700 10px/1 Fira Code,ui-monospace,monospace}.nav-item{color:#aeb9d3;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:11px;align-items:center;gap:11px;padding:9px 10px;font-size:13.5px;line-height:1.35;transition:background .15s,color .15s,border-color .15s;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff0b}.nav-item:hover .nav-num{color:#ffe9c2;border-color:#e6c07a52}.nav-item.active{color:#fff;background:linear-gradient(90deg,#e6c07a2e,#e6c07a08);border-color:#e6c07a3d;box-shadow:0 0 22px #e6c07a24}.nav-item.active:before{content:"";background:linear-gradient(#f4d79a,#c9a24a);border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px;left:-1px;box-shadow:0 0 10px #e6c07acc}.nav-num{color:#9fabc6;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font:700 12px/1 Fira Code,ui-monospace,monospace;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:grid}.nav-item.active .nav-num{color:#20160a;background:linear-gradient(135deg,#f4d79a,#c9a24a);border-color:#0000;box-shadow:0 0 14px #e6c07a80}.nav-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app.collapsed .logo-text,.app.collapsed .nav-section,.app.collapsed .nav-label{display:none}.app.collapsed .nav-item{justify-content:center;padding:9px 6px}.app.collapsed .nav-num{margin-left:0}.app.collapsed .nav-item.active:before{display:none}.sidebar-actions{border-top:1px solid #ffffff0f;padding:10px}.logout-btn{cursor:pointer;color:#c0c8dc;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:11px;width:100%;padding:10px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:flex}.logout-btn svg{flex-shrink:0;width:16px;height:16px}.logout-btn:hover{color:#ff9d9d;background:#c85a5a24;border-color:#dc78786b;box-shadow:0 0 16px #c85a5a33}.logout-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app.collapsed .logout-label{display:none}.app.collapsed .logout-btn{justify-content:center;padding:10px 6px}.stage{background:var(--bg);position:relative;overflow:hidden}.slide{padding:clamp(20px,3vw,40px) clamp(16px,4vw,52px) clamp(56px,6vw,84px);position:absolute;inset:0;overflow:auto}.slide.embed,.slide.bleed{padding:0;overflow:auto}.slide.snap{scroll-snap-type:y mandatory;scroll-behavior:smooth}.snapsec{scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box;flex-direction:column;justify-content:center;min-height:100vh;padding:72px 0;display:flex}@media (prefers-reduced-motion:reduce){.slide.snap{scroll-behavior:auto}}.slide::-webkit-scrollbar{width:10px}.slide::-webkit-scrollbar-thumb{background:#96aad233;border-radius:8px}.controls{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--tm);background:#0b2015e0;border:1px solid #e6c07a3d;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12.5px;display:flex;position:absolute;bottom:20px;right:24px;box-shadow:0 8px 26px #0006}.controls button{cursor:pointer;color:var(--tm);background:0 0;border:none;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.controls button:hover{color:var(--gold-2);background:#e6c07a29}.controls svg{width:14px;height:14px}.counter{text-align:center;font-variant-numeric:tabular-nums;min-width:52px}body.tmodal-open .controls{display:none}.infra-dark{min-height:100%;color:var(--tx);background:radial-gradient(1100px 700px at 78% -8%,#e6c07a14,#0000 60%),radial-gradient(900px 700px at 8% 108%,#0785481a,#0000 60%),linear-gradient(#04160d,#030f08);position:relative}.gridbg{pointer-events:none;opacity:.5;background-image:linear-gradient(#96aad20d 1px,#0000 1px),linear-gradient(90deg,#96aad20d 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(1200px 800px at 50% 30%,#000,#0000 80%);mask-image:radial-gradient(1200px 800px at 50% 30%,#000,#0000 80%)}.wrap{max-width:1240px;margin:0 auto;padding:clamp(24px,4vw,52px) clamp(18px,4vw,52px) clamp(60px,6vw,90px);position:relative}.sec{margin-bottom:44px}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding:clamp(28px,6vw,90px);display:flex;position:relative;overflow:hidden}.hero-video{object-fit:cover;z-index:0;filter:saturate(1.05)brightness(.9);width:100%;height:100%;position:absolute;inset:0}.hero-overlay{z-index:1;background:radial-gradient(1200px 800px at 30% 40%,#04140c59,#030e09d1 78%),linear-gradient(#030e0999,#030e0940 34%,#030e09d9);position:absolute;inset:0}.kick{letter-spacing:2px;text-transform:uppercase;color:var(--gold);background:#e6c07a0f;border:1px solid #e6c07a47;border-radius:999px;align-items:center;gap:9px;padding:7px 14px;font:700 11.5px/1 Fira Code,ui-monospace,monospace;display:inline-flex}h1{letter-spacing:-2px;color:#fff;margin:22px 0 18px;font-size:clamp(40px,7vw,84px);font-weight:800;line-height:1.02}h1 .em,.em{background:linear-gradient(120deg,#f4d79a,#e6c07a 40%,#c9a24a);color:#0000;-webkit-background-clip:text;background-clip:text}.dh{letter-spacing:-1px;color:#fff;margin:12px 0 0;font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.08}.dsub{color:var(--tm);max-width:760px;margin:12px 0 0;font-size:clamp(15px,1.6vw,19px);line-height:1.55}.lead{color:var(--tm);margin:0;font-size:15px;line-height:1.62}.lead b{color:var(--gold-2)}.mono{font-family:Fira Code,ui-monospace,monospace}.glass{border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#0f2e21a8,#06160fb8);border:1px solid #49ffb02e;position:relative;box-shadow:0 18px 50px #0006,inset 0 1px #ffffff0d}.glass.lift{transition:transform .18s,box-shadow .18s,border-color .18s}.glass.lift:hover{border-color:#49ffb073;transform:translateY(-4px);box-shadow:0 0 0 1px #2aa66a47,0 24px 60px #00000073,0 0 44px #2aa66a29}.grid{gap:16px;display:grid}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.mt{margin-top:16px}.card{background:var(--card);border:1px solid var(--ln);border-radius:var(--radius);padding:18px 20px;box-shadow:0 12px 34px #00000047}.card-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.card-icon{background:var(--gold-soft);width:34px;height:34px;color:var(--gold-2);border:1px solid #e6c07a3d;border-radius:9px;flex-shrink:0;place-items:center;display:grid}.card-icon svg{width:17px;height:17px}.card-title{color:#fff;margin:0;font-size:16px;font-weight:800}.card-sub{color:var(--tm);margin:2px 0 0;font-size:12.5px}.row{border-top:1px solid var(--ln);color:var(--tm);align-items:center;gap:10px;padding:9px 0;font-size:14px;display:flex}.row:first-of-type{border-top:none}.row-text{flex:1;min-width:0}.pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.pill.done{background:var(--nbk-green-soft);color:var(--nbk-green-dark);border-color:var(--nbk-green-line)}.pill.progress{background:var(--info-soft);color:#a9caf6;border-color:#6aa8f059}.pill.wait{background:var(--warn-soft);color:#f0d38a;border-color:var(--gold-warn-line)}.pill.tech{background:var(--purple-soft);color:#cdb8f6;border-color:#966ef059}.pill.plan{color:#c3cde2;background:#96aad21a;border-color:#96aad247}ul.bullets{color:var(--tm);margin:6px 0 0;padding-left:20px;font-size:14px;line-height:1.62}ul.bullets li{margin-bottom:6px}ul.bullets li::marker{color:var(--gold)}.chip{color:var(--tm);border:1px solid var(--ln);background:#ffffff0a;border-radius:8px;padding:5px 11px;font-size:12px;font-weight:600}.chip.green{background:var(--nbk-green-soft);color:var(--nbk-green-dark);border-color:var(--nbk-green-line)}.chip.gold{background:var(--gold-soft);color:var(--gold-2);border-color:#e6c07a4d}.tag-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.note{background:var(--gold-soft);color:#e9d3a4;border:1px solid #e6c07a47;border-radius:10px;margin-top:18px;padding:12px 16px;font-size:13px}.note.green{background:var(--nbk-green-soft);border-color:var(--nbk-green-line);color:var(--nbk-green-dark)}.valuebar{border:1px solid #e6c07a47;border-left:3px solid var(--gold);color:#eaf0fb;background:linear-gradient(#e6c07a14,#ffffff03);border-radius:14px;padding:18px 22px;line-height:1.6}.methnum{color:#20160a;background:linear-gradient(135deg,#f4d79a,#c9a24a);border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;font:800 13px/1 Fira Code,ui-monospace,monospace;display:grid;box-shadow:0 0 14px #e6c07a4d}.methrow{align-items:flex-start;gap:14px;display:flex}.migribbon{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.migpill{letter-spacing:.5px;white-space:nowrap;border-radius:999px;padding:10px 16px;font:600 12.5px/1 Fira Code,ui-monospace,monospace}.migpill.old{color:var(--gold);background:#e6c07a14;border:1px dashed #e6c07a59}.migpill.new{color:#20160a;background:linear-gradient(135deg,#f4d79a,#c9a24a);box-shadow:0 0 24px #e6c07a66}.extlink{color:var(--gold-2);cursor:pointer;background:linear-gradient(135deg,#e6c07a29,#e6c07a0a);border:1px solid #e6c07a66;border-radius:12px;align-items:center;gap:8px;padding:12px 22px;font-size:14.5px;font-weight:700;text-decoration:none;transition:background .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 0 22px #e6c07a24}.extlink:hover{color:#fff5e2;background:linear-gradient(135deg,#e6c07a47,#e6c07a1a);transform:translateY(-2px);box-shadow:0 0 30px #e6c07a59}.pulse-dot{animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.led{background:var(--neon);width:9px;height:9px;box-shadow:0 0 10px var(--neon);border-radius:50%;flex-shrink:0}iframe.embed-frame{background:#04160d;border:none;width:100%;height:100%;display:block}@media (width<=1200px){:root{--sidebar-w:248px}}@media (width<=1000px){.cols-3,.cols-4,.cols-5{grid-template-columns:1fr 1fr}}@media (width<=880px){.app,.app.collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.sidebar .logo-text,.sidebar .nav-section,.sidebar .nav-label,.sidebar .logout-label{display:none}.nav-item{justify-content:center;padding:9px 6px}.nav-item.active:before{display:none}.sidebar-head{flex-direction:column;gap:10px;min-height:auto;padding:14px 6px}}@media (width<=680px){.cols-2,.cols-3,.cols-4,.cols-5{grid-template-columns:1fr}}
