:root{--bg:#111724;--side:#0d1220;--panel:#181f2e;--panel2:#1c2333;--line:#30394b;--text:#f5f2ec;--muted:#929bad;--orange:#ff9f1f;--teal:#2ed0ad;--blue:#62c7f4;--purple:#b8a2ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:336px minmax(0,1fr)}button,input,select{font:inherit}.sidebar-dark{height:100vh;position:sticky;top:0;background:var(--side);border-right:1px solid #2b3342;padding:24px 16px 18px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;margin-bottom:44px}.logo>span{width:48px;height:48px;border-radius:14px;background:var(--orange);color:#111724;display:grid;place-items:center}.logo svg{width:25px}.logo i{font-style:normal;color:var(--orange)}.kicker,.nav-label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;font-size:12px;color:#9ba4b5}.nav-label{margin:0 14px 14px}.sidebar-dark nav{display:grid;gap:8px}.nav{height:58px;border:0;border-radius:15px;background:transparent;color:#929bad;display:grid;grid-template-columns:28px 1fr 8px;align-items:center;text-align:left;padding:0 18px;gap:12px;font-size:17px;cursor:pointer}.nav svg{width:21px}.nav.active{background:#20283a;color:#f3f1ed}.nav.active i,.nav.active svg{color:var(--orange)}.nav i{width:8px;height:8px;border-radius:50%;background:var(--orange)}.side-foot{margin-top:auto}.health{border:1px solid #2d3648;background:#161d2c;border-radius:20px;padding:20px;margin:0 6px 20px}.health>div{display:flex;justify-content:space-between}.health>div span{font:11px ui-monospace,monospace;letter-spacing:.14em;color:#9ea7b8}.health>div i{width:8px;height:8px;background:var(--teal);border-radius:50%}.health>strong{font:32px ui-monospace,monospace;display:inline-block;margin:16px 0}.health>small{float:right;margin-top:28px;color:var(--muted)}.health>b{height:5px;background:#30394b;border-radius:10px;display:block;overflow:hidden}.health>b i{display:block;width:68%;height:100%;background:var(--teal)}.profile{border-top:1px solid #2b3342;padding:20px 14px 0;display:grid;grid-template-columns:44px 1fr 18px;align-items:center;gap:12px}.profile>span{width:44px;height:44px;border-radius:50%;background:#3b2d20;color:var(--orange);display:grid;place-items:center;font-weight:700}.profile b,.profile small{display:block}.profile small{color:var(--muted);margin-top:3px}.main-view{min-width:0}.utility{height:98px;border-bottom:1px solid #303849;background:#141926e8;display:flex;align-items:center;padding:0 46px;gap:22px;color:#8f98aa}.utility>span:first-child{margin-right:auto}.utility b,.utility i{color:var(--orange)}.utility i{font-style:normal;padding:0 10px}.connection-state{display:flex;align-items:center;gap:9px}.connection-state i{width:8px;height:8px;border-radius:50%;background:#667085;padding:0}.cta,.utility button{border:0;border-radius:14px;background:var(--orange);color:#161b28;padding:14px 20px;font-weight:800;display:flex;align-items:center;gap:10px;cursor:pointer}.cta svg,.utility button svg{width:18px}.canvas{min-height:calc(100vh - 98px);padding:55px 58px;background-color:#111724;background-image:linear-gradient(#ffffff08 1px,transparent 0),linear-gradient(90deg,#ffffff08 1px,transparent 0),radial-gradient(circle at 90% 0,#4f332317,transparent 32%);background-size:57px 57px,57px 57px,100% 100%}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:44px}.page-head h1{font-size:52px;line-height:1.05;letter-spacing:-.04em;margin:14px 0 18px}.page-head>div>p:last-child{font-size:17px;color:#949dac;margin:0}.page-head .cta{align-self:center}.kicker{margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.metric{border:1px solid var(--line);background:linear-gradient(145deg,#191f2e,#171d2b);border-radius:20px}.metric{padding:26px 28px;min-height:188px}.metric>div{display:flex;justify-content:space-between}.metric>div>span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#382d27;color:var(--orange)}.metric>div>span.blue{background:#1f3044;color:var(--blue)}.metric>div>span.green{background:#163837;color:var(--teal)}.metric>div>span.purple{background:#2b2943;color:var(--purple)}.metric svg{width:21px}.metric>strong{display:block;font:38px ui-monospace,monospace;margin:20px 0 6px}.metric>p:last-child{color:var(--muted);margin:0;font-size:14px}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:22px;margin-top:30px}.card-head{padding:27px 28px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.card-head h2{font-size:21px;margin:7px 0 0}.card-head>button{border:0;background:transparent;color:var(--orange);font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer}.card-head svg{width:18px}.project-row{display:grid;grid-template-columns:180px 105px 1fr 58px 70px 20px;align-items:center;gap:14px;padding:24px 28px;border-bottom:1px solid var(--line)}.project-row:last-child{border:0}.project-row>div small,.project-row>div strong,.project-row>p small{display:block}.project-row>div strong{font-size:16px}.project-row>div small,.project-row>p small{color:var(--muted);margin-top:8px}.project-row i{font-style:normal;padding:0 7px;color:#465065}.project-row>p{color:#9ea7b7;font-size:14px;margin:0}.project-row>p small{font:10px ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.status{border:1px solid #2a9a83;color:#78dfca;background:#123431;border-radius:28px;padding:8px 11px;text-align:center;font-size:12px}.status.draft{border-color:#366c86;color:#69c9f3;background:#122c3a}.score{--score:0deg;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#181f2e 58%,transparent 59%),conic-gradient(var(--orange) var(--score),#3a4355 0);font:15px ui-monospace,monospace}.project-row time{color:var(--muted);font-size:12px}.project-row>svg{color:#596276}.activity-card{padding-bottom:10px}.activity-row{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:20px 28px;border-bottom:1px solid var(--line)}.activity-row:last-child{border:0}.activity-row>span{width:38px;height:38px;border-radius:50%;background:#232c3d;display:grid;place-items:center;color:var(--orange)}.activity-row svg{width:18px}.activity-row p{margin:0;font-size:14px}.activity-row small{color:var(--muted);display:block;margin-top:5px}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}.readout{padding-bottom:26px}.bar-row{display:grid;grid-template-columns:10px 130px 1fr 15px;align-items:center;gap:12px;padding:8px 28px;color:#a2abba}.bar-row>span{width:9px;height:9px;border-radius:50%;background:var(--teal)}.bar-row>span.orange{background:var(--orange)}.bar-row>i{height:7px;background:#263044;border-radius:8px}.bar-row>i b{display:block;width:50%;height:100%;background:var(--orange);border-radius:8px}.operator{padding:30px}.operator h2{font-size:27px;margin:18px 0}.operator>p:last-of-type{color:#9aa3b3;line-height:1.7}.operator button{border:0;background:transparent;color:var(--orange);font-weight:700;display:flex;gap:10px;align-items:center;padding:14px 0}.brief-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:28px}.form-card,.settings-card{padding:36px}.form-title,.setting-head{display:flex;align-items:center;gap:16px}.form-title>span,.setting-head>span{width:52px;height:52px;border-radius:15px;background:#382e2a;color:var(--orange);display:grid;place-items:center}.form-title h2,.form-title p,.setting-head h2,.setting-head p{margin:0}.form-title p,.setting-head p{color:var(--muted);margin-top:6px}.card hr{border:0;border-top:1px solid var(--line);margin:28px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:block;margin-bottom:22px}.field-label,.field>span{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.field input,.field select{width:100%;height:56px;border:1px solid #384257;background:#121827;color:#f4f1eb;border-radius:13px;padding:0 16px;outline:0}.field input:focus,.field select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff9f1f18}.field input::placeholder{color:#667084}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choices button{height:105px;position:relative;border:1px solid #3a4357;background:#181f2e;color:#f3f1ed;border-radius:14px;text-align:left;padding:32px 16px 12px;font-weight:700}.choices button>i{position:absolute;top:18px;left:18px;width:10px;height:10px;border-radius:50%;background:#aab3c3}.choices button>svg{display:none;position:absolute;right:18px;top:16px}.choices button small{display:block;color:var(--muted);margin-top:8px;font-weight:400}.choices button.selected{border-color:var(--orange);background:linear-gradient(135deg,#302820,#211f26)}.choices button.selected>i{background:var(--orange)}.choices button.selected>svg{display:block;color:var(--orange);width:17px}.form-foot{display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.preview{padding:36px}.preview label{font:11px ui-monospace,monospace;letter-spacing:.13em;color:#9ca5b6}.preview h3{font-size:21px;color:#737c8e}.preview p{color:#7c8596}.preview .accent{color:var(--orange)}.what-next{margin-top:22px;border:1px solid #1c625b;background:#12302f55;border-radius:20px;padding:28px;display:grid;grid-template-columns:26px 1fr;gap:14px;color:var(--teal)}.what-next h3{margin:0 0 12px}.what-next p{margin:0;color:#9aa4b3;line-height:1.6}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.notice{border:1px solid #1a625b;background:#12302f55;color:#9da7b7;border-radius:15px;padding:20px;display:flex;gap:14px;line-height:1.5}.notice svg{color:var(--teal);flex:none;width:18px}.principles{margin-top:28px;padding:28px}.principles>div{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.principles article p{color:var(--muted)}@media(max-width:1200px){.shell{grid-template-columns:250px 1fr}.metric-grid{grid-template-columns:1fr 1fr}.brief-grid,.dashboard-grid,.settings-grid{grid-template-columns:1fr}.project-row{grid-template-columns:140px 100px 1fr 52px}.project-row time,.project-row>svg{display:none}.canvas{padding:42px 32px}.page-head h1{font-size:42px}}@media(max-width:760px){.shell{display:block}.sidebar-dark{height:68px;position:fixed;z-index:20;top:auto;bottom:0;width:100%;padding:8px 12px}.logo,.nav-label,.side-foot{display:none}.sidebar-dark nav{display:flex;justify-content:space-around}.nav{height:52px;width:auto;display:flex}.nav i{display:none}.utility{padding:0 18px;height:74px}.connection-state,.utility>span:first-child{display:none}.utility button{margin-left:auto}.canvas{padding:28px 16px 90px}.page-head{align-items:flex-start}.page-head h1{font-size:34px}.page-head>div>p:last-child{font-size:14px}.page-head>.cta{display:none}.choices,.lower-grid,.metric-grid,.principles>div,.two{grid-template-columns:1fr}.dashboard-grid{display:block}.activity-card{margin-top:20px}.project-row{grid-template-columns:1fr 90px 46px}.project-row>p{grid-column:1/-1}.form-card,.settings-card{padding:24px}.brief-grid aside{display:none}}.choices label{height:105px;position:relative;border:1px solid #3a4357;background:#181f2e;color:#f3f1ed;border-radius:14px;text-align:left;padding:32px 16px 12px;font-weight:700;cursor:pointer}.choices label>input{position:absolute;opacity:0}.choices label>i{position:absolute;top:18px;left:18px;width:10px;height:10px;border-radius:50%;background:#aab3c3}.choices label>svg{display:none;position:absolute;right:18px;top:16px}.choices label small{display:block;color:var(--muted);margin-top:8px;font-weight:400}.choices label.selected{border-color:var(--orange);background:linear-gradient(135deg,#302820,#211f26)}.choices label.selected>i{background:var(--orange)}.choices label.selected>svg{display:block;color:var(--orange);width:17px}.cta:disabled{opacity:.55;cursor:wait}.domains-card{margin-top:28px;overflow:hidden}.domain-form{padding:26px 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end}.domain-form .field{margin:0}.domain-form .cta{height:56px;justify-content:center}.settings-message{margin:0;padding:0 28px 20px;color:var(--teal);font-size:14px}.domain-list{border-top:1px solid var(--line)}.domain-list article{display:grid;grid-template-columns:42px 1fr 220px 90px 40px;align-items:center;gap:14px;padding:18px 28px;border-bottom:1px solid var(--line)}.domain-list article>span{width:38px;height:38px;border-radius:12px;background:#283143;color:var(--orange);display:grid;place-items:center}.domain-list svg{width:18px}.domain-list b,.domain-list small{display:block}.domain-list small{color:var(--muted);margin-top:5px}.domain-list a{color:var(--blue);text-decoration:none}.domain-list em{font-style:normal;color:var(--orange);font-size:12px;text-transform:uppercase}.domain-list button{border:0;background:transparent;color:#e47474;cursor:pointer}.empty-state{padding:28px;color:var(--muted)}.connection-row{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.connection-row>span{width:38px;height:38px;border-radius:12px;background:#283143;color:var(--orange);display:grid;place-items:center}.connection-row svg{width:18px}.connection-row b,.connection-row small{display:block}.connection-row small{color:var(--muted);margin-top:4px}.connection-row button{border:1px solid #49536a;border-radius:10px;background:#20283a;color:var(--text);padding:9px 13px}.settings-card>.cta{width:max-content}@media(max-width:1200px){.domain-form{grid-template-columns:repeat(2,1fr)}.domain-list article{grid-template-columns:42px 1fr 150px 80px 36px}}@media(max-width:760px){.domain-form{grid-template-columns:1fr}.domain-list article{grid-template-columns:42px 1fr 36px}.domain-list a,.domain-list em{grid-column:2}.domain-list button{grid-column:3;grid-row:1}}.login-page{min-height:100vh;display:grid;place-items:center;background:#0c1220;padding:24px}.login-card{width:min(460px,100%);padding:42px;background:#171e2d;border:1px solid #303a4e;border-radius:24px;color:#f8f4eb;box-shadow:0 30px 80px #0007}.login-card h1{font-size:42px;margin:12px 0 28px}.login-logo{font-size:24px;color:#ff9f24;margin-bottom:32px}.login-logo b{color:#fff}.login-card .field{margin-bottom:16px}.login-card .field input{width:100%}.login-card .cta{width:100%;justify-content:center;margin-top:8px}.login-switch{display:block;margin:20px auto 0;background:none;border:0;color:#7dd3fc;cursor:pointer}.login-error{color:#fca5a5}