:root{--bg:#0a0d0f;--bg-2:#0d1417;--card:#14181b;--card-2:#1a2024;--teal:#0396a6;--teal-bright:#0bc0d4;--txt:#e7e9ea;--muted:#71767b;--line:#222a2e;--danger:#e0533d;--ok:#2ecc71;--radius:14px;--maxw:1240px}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg);color:var(--txt);font-family:-apple-system,Helvetica Neue,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--bg-2);border-right:1px solid var(--line);padding:22px 16px;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:6px}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 18px}.brand .dot{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--teal-bright),var(--teal))}.brand .name{font-weight:800;letter-spacing:.02em;font-size:15px}.brand .sub{font-size:11px}.brand .sub,.navlink{color:var(--muted);font-weight:600}.navlink{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:14px;cursor:pointer}.navlink:hover{background:var(--card);color:var(--txt)}.navlink.active{background:rgba(3,150,166,.14);color:var(--teal-bright)}.sidebar .spacer{flex:1 1}.userchip{gap:10px;padding:10px 12px;border-radius:10px;background:var(--card)}.avatar,.userchip{display:flex;align-items:center}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#2b6,#093);justify-content:center;font-weight:800;font-size:13px;color:#021}.main{padding:0 0 80px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(10,13,15,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:18px 32px;display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:0;font-size:20px}.topbar .crumb{color:var(--muted);font-size:13px;margin-bottom:3px}.content{max-width:var(--maxw);margin:0 auto;padding:28px 32px}.btn{background:var(--teal);color:#021316;border:none;font-weight:700;padding:11px 18px;border-radius:11px;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;gap:8px;transition:filter .12s,transform .08s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--txt);border:1px solid var(--line)}.btn.ghost:hover{border-color:var(--teal);color:var(--teal-bright);filter:none}.btn.sm{padding:7px 12px;font-size:13px;border-radius:9px}.btn.lg{padding:14px 26px;font-size:15px}.grid{display:grid;grid-gap:18px;gap:18px}.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.tiles169{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tiles916{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card.pad{padding:18px}.projcard{cursor:pointer;transition:transform .12s,border-color .12s}.projcard:hover{transform:translateY(-3px);border-color:var(--teal)}.projcard .thumb{aspect-ratio:16/9;background:#000 50%/cover;display:block}.projcard .body{padding:14px 16px}.projcard .body h3{margin:0 0 4px;font-size:15px}.projcard .meta{color:var(--muted);font-size:12px;display:flex;gap:10px;flex-wrap:wrap}.tile{position:relative;background:var(--card);border:2px solid transparent;border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:border-color .12s,transform .1s}.tile:hover{transform:translateY(-2px)}.tile.sel{border-color:var(--teal)}.tile .media{width:100%;display:block;background:#000;object-fit:cover}.tile .media.r169{aspect-ratio:16/9}.tile .media.r916{aspect-ratio:9/16}.tile .num{position:absolute;top:9px;left:9px;width:30px;height:30px;background:rgba(0,0,0,.72);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.tile .tick,.tile.sel .num{background:var(--teal);color:#021}.tile .tick{position:absolute;top:9px;right:9px;width:26px;height:26px;border-radius:50%;display:none;align-items:center;justify-content:center;font-weight:800}.tile .cap,.tile.sel .tick{display:flex}.tile .cap{padding:9px 11px;font-size:12px;color:var(--muted);justify-content:space-between;gap:8px}.tile .cap b{color:var(--txt);font-weight:600}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--card-2);color:var(--muted);border:1px solid var(--line)}.badge.teal{color:var(--teal-bright);border-color:rgba(11,192,212,.4);background:rgba(3,150,166,.1)}.badge.ok{color:var(--ok);border-color:rgba(46,204,113,.4)}.badge.warn{color:#e7b53d;border-color:rgba(231,181,61,.4)}.steps{gap:8px;margin-bottom:26px;flex-wrap:wrap}.step,.steps{display:flex;align-items:center}.step{gap:9px;padding:8px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:600}.step .n{width:20px;height:20px;border-radius:50%;background:var(--card-2);display:flex;align-items:center;justify-content:center;font-size:11px}.step.active{color:var(--teal-bright);border-color:var(--teal)}.step.active .n{background:var(--teal);color:#021}.step.done{color:var(--ok)}.step.done .n{background:var(--ok);color:#021}.step-sep{color:var(--line)}.field{margin-bottom:20px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.field .hint{color:var(--muted);font-size:12px;font-weight:400;margin-top:6px}.input,.textarea{width:100%;background:var(--bg-2);border:1px solid var(--line);border-radius:11px;padding:12px 14px;color:var(--txt);font-size:14px}.input:focus,.textarea:focus{outline:none;border-color:var(--teal)}.textarea{min-height:80px;resize:vertical;line-height:1.5}.choices{display:flex;gap:10px;flex-wrap:wrap}.choice{padding:11px 16px;border-radius:11px;border:1px solid var(--line);background:var(--bg-2);cursor:pointer;font-size:14px;font-weight:600;color:var(--muted)}.choice.sel{border-color:var(--teal);color:var(--teal-bright);background:rgba(3,150,166,.1)}.choice .small{display:block;font-size:11px;color:var(--muted);font-weight:500;margin-top:2px}.shotrow{display:flex;gap:12px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px}.shotrow .idx{width:26px;height:26px;border-radius:7px;background:var(--card-2);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0}.shotrow .grow{flex:1 1}.shotrow .shotinput{width:100%;background:transparent;border:none;color:var(--txt);font-size:14px;padding:2px 0}.shotrow .shotinput:focus{outline:none}.shotrow .styletag{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;flex-shrink:0}.styletag.C{background:rgba(224,83,61,.14);color:#e0533d}.styletag.B{background:rgba(3,150,166,.14);color:var(--teal-bright)}.iconbtn{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:16px;padding:4px}.iconbtn:hover{color:var(--danger)}.costbar{position:-webkit-sticky;position:sticky;bottom:0;background:rgba(13,20,23,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:16px 32px;justify-content:space-between;gap:16px;margin-top:30px}.costbar,.costbar .left{display:flex;align-items:center}.costbar .left{gap:22px;flex-wrap:wrap}.costbar .metric{font-size:13px;color:var(--muted)}.costbar .metric b{color:var(--txt);font-size:16px}.costbar .metric .cr{color:var(--teal-bright)}.section-title{font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--teal);margin:28px 0 14px}.lead,.muted{color:var(--muted)}.lead{font-size:14px;line-height:1.55;max-width:640px}.spinner{width:30px;height:30px;border:3px solid var(--line);border-top-color:var(--teal);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.center-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:70px 0;color:var(--muted)}.empty{text-align:center;padding:60px 20px;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius)}.row{display:flex;gap:12px;align-items:center}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.tabbar{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:22px}.tab{padding:11px 16px;font-size:14px;font-weight:700;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab.active{color:var(--teal-bright);border-bottom-color:var(--teal)}.pill-toggle{display:inline-flex;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:3px}.pill-toggle button{background:transparent;border:none;color:var(--muted);font-weight:700;font-size:13px;padding:7px 14px;border-radius:999px;cursor:pointer}.pill-toggle button.on{background:var(--teal);color:#021}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(900px 500px at 50% -10%,rgba(3,150,166,.16),transparent),var(--bg)}.login-card{width:380px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:34px 30px}.login-card .brand{justify-content:center;padding-bottom:22px}