:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#040a14;--panel:#09182d;--panel2:#0d203b;--line:#7daae129;--text:#f5f8ff;--muted:#9eb0c7;--blue:#1687ff;--green:#39d56c;--gold:#efb62a}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 20% 0%, #0b1930 0%, var(--bg) 45%);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.shell{grid-template-columns:255px minmax(720px,1fr) 390px;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#030a17f5;flex-direction:column;padding:22px 14px;display:flex;overflow:hidden}.brand{align-items:center;gap:12px;min-width:0;padding:0 10px 18px;display:flex;overflow:hidden}.brand-logo-image{object-fit:cover;object-position:center;border-radius:12px;flex:0 0 50px;width:50px;max-width:50px;height:50px;max-height:50px;display:block}.brand>div:last-child{min-width:0}.brand strong,.brand span,.profile strong,.profile span{display:block}.brand strong{white-space:nowrap;font-size:20px;line-height:1.1}.brand span,.profile span{color:var(--muted);letter-spacing:1.4px;margin-top:3px;font-size:10px}nav{gap:6px;display:grid}nav button{color:#dce7f6;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:12px 10px;display:flex}nav button:hover{background:#1a5ba926}nav button.active{background:linear-gradient(90deg,#1474ee7a,#11499459);border:1px solid #2689ff94}nav small{border-radius:999px;flex-shrink:0;padding:4px 7px;font-size:9px}.on{color:var(--green);border:1px solid #36d66b73}.upgrade{color:var(--gold);border:1px solid #f3b62666}.profile{border:1px solid var(--line);background:#091930b8;border-radius:10px;align-items:center;gap:10px;margin-top:auto;padding:14px;display:flex}.avatar{border:1px solid var(--gold);width:38px;height:38px;color:var(--gold);border-radius:50%;flex:0 0 38px;place-items:center;display:grid}main{padding:24px 26px;overflow:hidden}header,.row,.bar-row,.tag-row{justify-content:space-between;align-items:center;display:flex}header h1{margin:0;font-size:27px}header p{color:var(--muted);margin:6px 0 0;font-size:13px}.secure{border:1px solid var(--line);color:#bdd0e7;border-radius:7px;padding:8px 10px;font-size:12px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.metrics article,.usage,.lead-table,.product,.drawer section{border:1px solid var(--line);background:linear-gradient(145deg,#0c1f3af2,#071427f2);border-radius:10px}.metrics article{padding:16px}.metrics span{color:var(--muted);font-size:11px;display:block}.metrics strong{margin-top:5px;font-size:22px;display:block}.usage{margin-top:14px;padding:18px}.usage h2,.lead-table h2{margin:0;font-size:16px}.usage .row span{color:var(--muted);font-size:12px}.bar-row{gap:15px;margin-top:14px}.bar{background:#14233a;border-radius:999px;flex:1;height:11px;overflow:hidden}.bar div{border-radius:inherit;background:linear-gradient(90deg,#1477f2,#36a1ff);min-width:30px;height:100%}.lead-table{margin-top:14px;overflow:hidden}.lead-table .row{border-bottom:1px solid var(--line);padding:15px 17px}table{border-collapse:collapse;width:100%;font-size:11px}th,td{text-align:left;border-top:1px solid #78a5dc17;padding:11px 12px}th{color:var(--muted);font-weight:500}tbody tr{cursor:pointer}tbody tr:hover{background:#1259ad21}.phase{color:#8dc1ff;background:#12478959;border:1px solid #2881e759;border-radius:5px;padding:4px 7px;display:inline-block}.products{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px;display:grid}.product{flex-direction:column;min-height:180px;padding:14px;display:flex}.product.enabled{border-color:#1487ff80}.product.locked{border-color:#f3b62657}.product h3{margin:0;font-size:14px;line-height:1.15}.product>span{color:var(--muted);margin-top:6px;font-size:9px}.product p{color:var(--muted);flex:1;font-size:10px;line-height:1.5}.product button{color:#fff;cursor:pointer;background:#104b9b94;border:1px solid #217fef99;border-radius:5px;padding:9px}.product.locked button{color:#ffe099;background:#68490a73;border-color:#f3b62680}.drawer{border-left:1px solid var(--line);background:#040d1bfa;max-height:100vh;padding:20px 15px;overflow-y:auto}.drawer h2{margin:0}.tag-row{justify-content:flex-start;gap:7px;margin-top:8px}.tag-row span{border-radius:5px;padding:4px 7px;font-size:9px}.green{color:var(--green);border:1px solid #36d66b66}.blue{color:#6db5ff;border:1px solid #2689ff70}.drawer section{margin-top:12px;padding:14px}.drawer h3{margin:0 0 12px;font-size:12px}.drawer dl{grid-template-columns:100px minmax(0,1fr);gap:9px 12px;margin:0;font-size:11px;display:grid}.drawer dt{color:var(--muted)}.drawer dd{overflow-wrap:anywhere;margin:0}.phase-list{gap:4px;display:grid}.phase-row{grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:46px;display:grid}.dot{border:1px solid #7690b0;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.dot.done{background:var(--green);border-color:var(--green)}.phase-row strong,.phase-row small{display:block}.phase-row small{color:var(--muted);margin-top:2px}.phase-row b{font-size:10px}.complete{color:var(--green)}.pending{color:var(--gold)}.reply-box{border-color:#268eff8a!important}.suggestion-box{border-color:#2e83e880!important}.reply-box p,.suggestion-box p{font-size:11px;line-height:1.5}.reply-box small,.suggestion-box small{color:var(--muted);font-size:9px}@media (max-width:1200px){.shell{grid-template-columns:220px minmax(0,1fr)}.drawer{z-index:20;width:390px;position:fixed;top:0;right:0;box-shadow:-20px 0 50px #00000073}.metrics,.products{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.shell{display:block}.sidebar{min-height:auto}main{padding:18px 12px}header{align-items:flex-start;gap:14px}.secure{display:none}.metrics,.products{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer{width:min(390px,94vw)}}