:root{--bg:#0d1015;--panel:#151920;--panel2:#1b2029;--line:#2b313c;--text:#f5f6f7;--muted:#9aa4b2;--red:#e52b38;--red2:#b91f2a;--green:#24c875;--yellow:#f4c95d;--blue:#56a8ff;--orange:#ff9f43;--shadow:0 18px 45px rgba(0,0,0,.26);--radius:17px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#090b0f;border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column}.brand-wrap{display:flex;align-items:center;gap:11px;padding:0 8px 22px}.brand-wrap img{width:48px;height:48px;object-fit:contain}.brand{font-size:24px;font-weight:800;letter-spacing:-1px}.brand span{color:var(--red)}.brand-wrap small{color:var(--muted);font-size:10px;letter-spacing:1.7px}.new-lead{border:0;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;border-radius:12px;padding:12px 14px;text-align:left;font-weight:750;cursor:pointer;box-shadow:0 8px 20px rgba(229,43,56,.2)}nav{margin-top:18px;display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#c8cdd4;border-radius:10px;padding:11px 12px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:11px}.nav-item:hover,.nav-item.active{background:var(--panel2);color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--red)}.nav-icon{width:19px;text-align:center}.side-bottom{margin-top:auto;display:flex;gap:7px;flex-wrap:wrap}.ghost{background:var(--panel);border:1px solid var(--line);color:#fff;border-radius:9px;padding:8px 10px;cursor:pointer}.user-card{width:100%;display:flex;align-items:center;gap:10px;margin-top:10px;padding:11px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--red);display:grid;place-items:center;font-size:12px;font-weight:800}.user-card b{font-size:12px;display:block}.user-card small{font-size:10px;color:var(--muted)}main{min-width:0}.topbar{min-height:92px;padding:22px 28px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:rgba(13,16,21,.92);position:sticky;top:0;z-index:8;backdrop-filter:blur(12px)}.crumb{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.topbar h1{font-size:24px;margin:5px 0 0}.top-actions{display:flex;align-items:center;gap:10px}.save-state{font-size:11px;color:var(--muted)}.btn{border-radius:10px;padding:10px 14px;border:1px solid var(--line);cursor:pointer;font-weight:700}.btn.primary{background:var(--red);color:#fff;border-color:var(--red)}.btn.secondary{background:var(--panel);color:#fff}.btn.success{background:var(--green);border-color:var(--green);color:#07150e}.btn.full{width:100%}.phase-strip{display:flex;padding:15px 28px;gap:7px;border-bottom:1px solid var(--line);overflow:auto}.phase-pill{min-width:145px;padding:10px 12px;border-radius:11px;background:var(--panel);border:1px solid var(--line);cursor:pointer}.phase-pill.active{border-color:var(--red);background:rgba(229,43,56,.1)}.phase-pill.complete{border-color:rgba(36,200,117,.4)}.phase-pill b{font-size:12px;display:block}.phase-pill small{color:var(--muted);font-size:10px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;padding:20px 28px 38px}.content{min-width:0}.decision-panel{position:sticky;top:112px;height:calc(100vh - 132px);overflow:auto}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:16px}.card-header{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:17px}.card h2,.card h3{margin:0}.card h2{font-size:18px}.card h3{font-size:15px}.card-sub{color:var(--muted);font-size:12px;margin-top:5px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field label{display:block;color:#cdd2d9;font-size:11px;margin-bottom:6px;font-weight:700}.field input,.field select,.field textarea{width:100%;border-radius:10px;border:1px solid var(--line);background:#10141a;color:#fff;padding:11px 12px;outline:none}.field textarea{min-height:85px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--red)}.span2{grid-column:span 2}.choice-grid,.package-grid,.pay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.choice,.package,.pay-card{border:1px solid var(--line);background:#11151b;border-radius:13px;padding:14px;cursor:pointer;position:relative}.choice.selected,.package.selected,.pay-card.selected{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red);background:rgba(229,43,56,.08)}.choice b,.package b,.pay-card b{display:block;font-size:13px}.choice small,.package small,.pay-card small{color:var(--muted)}.package .price{font-size:22px;margin:14px 0 4px;font-weight:850}.tag{display:inline-flex;align-items:center;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:800;background:var(--panel2);color:#d7dce3}.tag.green{background:rgba(36,200,117,.13);color:#64e5a0}.tag.yellow{background:rgba(244,201,93,.12);color:#f4c95d}.tag.blue{background:rgba(86,168,255,.12);color:#7dbbff}.tag.orange{background:rgba(255,159,67,.12);color:#ffb66d}.dash-card{background:linear-gradient(180deg,#191e26,#11151b);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:14px}.dash-title{display:flex;justify-content:space-between;align-items:center}.recommendation{font-size:18px;font-weight:900;margin:11px 0}.score-row{display:flex;gap:13px;align-items:center}.score-big{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 93%,#2d333d 0);position:relative}.score-big:after{content:"";position:absolute;inset:8px;background:#151920;border-radius:50%}.score-big b{z-index:1;font-size:24px}.metric{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:11px;margin:11px 0}.bar{grid-column:1/-1;height:5px;background:#2b313b;border-radius:9px;overflow:hidden}.bar span{display:block;height:100%;background:var(--red);border-radius:9px}.fee-line{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}.fee-line.total{font-size:17px;font-weight:800;border:0;padding-top:12px}.hard-stop{padding:10px;border-radius:10px;background:rgba(36,200,117,.08);color:#65dfa1;font-size:11px}.hard-stop.bad{background:rgba(229,43,56,.1);color:#ff7a83}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.kpi small{color:var(--muted)}.kpi strong{display:block;font-size:25px;margin-top:9px}.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:26px 1fr;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--red);margin-top:3px}.timeline-item b{font-size:12px}.timeline-item p{font-size:11px;color:var(--muted);margin:4px 0}.dropzone{border:1px dashed #586171;border-radius:14px;padding:28px;text-align:center;background:#10141a;cursor:pointer}.doc-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.doc-row small{color:var(--muted)}.checklist{display:grid;gap:10px}.check{display:flex;gap:10px;align-items:center;background:#11151b;border:1px solid var(--line);border-radius:11px;padding:12px}.check input{accent-color:var(--red)}.phase-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.notice{padding:12px;border-left:3px solid var(--blue);background:rgba(86,168,255,.08);font-size:12px;color:#cadff5;border-radius:0 10px 10px 0}.hidden{display:none!important}.toast{position:fixed;right:24px;bottom:24px;background:#fff;color:#111;padding:12px 16px;border-radius:10px;opacity:0;transform:translateY(20px);transition:.25s;z-index:30;font-weight:700;font-size:12px}.toast.show{opacity:1;transform:none}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:20;display:grid;place-items:center;padding:20px}.modal{width:min(720px,100%);max-height:90vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;position:relative}.modal-x{position:absolute;right:14px;top:12px;background:transparent;border:0;color:#fff;font-size:25px;cursor:pointer}.light{--bg:#f3f5f7;--panel:#fff;--panel2:#edf0f3;--line:#dce1e6;--text:#161a20;--muted:#6b7480;--shadow:0 12px 32px rgba(31,42,55,.08)}.light .sidebar{background:#181b21}.light .field input,.light .field select,.light .field textarea,.light .choice,.light .package,.light .pay-card,.light .dropzone,.light .check{background:#f8f9fa;color:#161a20}.light .dash-card{background:#fff}.light .score-big:after{background:#fff}.light .topbar{background:rgba(243,245,247,.92)}
@media(max-width:1050px){.layout{grid-template-columns:1fr}.decision-panel{position:static;height:auto}.app-shell{grid-template-columns:82px 1fr}.sidebar{padding:18px 10px}.brand-wrap div,.new-lead span,.nav-label,.user-card div:not(.avatar){display:none}.brand-wrap img{width:44px}.brand-wrap{padding:0 8px 18px}.new-lead{text-align:center}.nav-item{justify-content:center}.side-bottom{justify-content:center}.user-card{justify-content:center}}@media(max-width:700px){.app-shell{display:block}.sidebar{position:static;height:auto;display:flex;flex-direction:row;align-items:center;gap:7px;overflow:auto}.brand-wrap{padding:0;margin-right:auto}.sidebar nav{display:flex;margin:0}.side-bottom,.new-lead{display:none}.topbar{padding:16px;align-items:flex-start}.save-state,.sampleBtn{display:none}.layout,.phase-strip{padding-left:14px;padding-right:14px}.grid,.grid.three,.choice-grid,.package-grid,.pay-grid,.kpi-grid{grid-template-columns:1fr}.span2{grid-column:auto}}