
:root{
 --bg:#03080d;--bg2:#050c13;--panel:#08141e;--panel2:#0c1a26;--line:#16374c;--line2:#21516d;
 --text:#f1f7fb;--muted:#7f96a8;--muted2:#587186;--blue:#19a8ff;--cyan:#36d2ff;--gold:#d6a43a;
 --gold2:#ffd05d;--green:#32d37d;--orange:#ff9e32;--red:#ff5e6b;--violet:#a972ff;--shadow:0 18px 60px rgba(0,0,0,.35);
 --sidebar:216px;--radius:11px
}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:radial-gradient(circle at 72% -10%,rgba(22,96,137,.15),transparent 30%),var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}
.app{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:20;display:flex;flex-direction:column;background:linear-gradient(180deg,#06111a,#040a10);border-right:1px solid #123044;box-shadow:10px 0 40px rgba(0,0,0,.25)}
.sidebar:after{content:"";position:absolute;right:-1px;top:18%;height:54px;width:2px;background:var(--blue);box-shadow:0 0 18px var(--blue)}
.brand{padding:22px 20px 17px;border-bottom:1px solid #112b3c}.brand img{width:125px;height:70px;object-fit:contain;display:block}.version{display:inline-flex;margin-top:6px;border:1px solid #18394e;border-radius:6px;padding:6px 9px;font-size:9px;letter-spacing:.12em;color:#78cdfb;background:#07151f}
.nav{padding:15px 10px;display:flex;flex-direction:column;gap:5px}.nav button{border:1px solid transparent;background:transparent;color:#b6c6d1;border-radius:9px;display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;text-align:left;padding:10px 11px}.nav button:hover{background:#091a27;border-color:#183b51;color:white}.nav button.active{background:linear-gradient(90deg,rgba(25,168,255,.16),rgba(25,168,255,.03));border-color:#1b4b66;box-shadow:inset 3px 0 0 var(--blue);color:white}.nav .ico{font-size:17px;text-align:center;color:#a9bdca}.nav .arrow{color:var(--blue);font-size:18px}.divider{height:1px;background:#113044;margin:8px 12px}.profile{margin:auto 13px 14px;border:1px solid #173a50;background:#07141e;border-radius:10px;padding:11px;display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#197db3,#0a2335 60%,#05090d);border:1px solid #207aaa;box-shadow:0 0 15px rgba(25,168,255,.16);font-weight:800}.profile strong{display:block;font-size:11px}.profile small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.main{grid-column:2;min-width:0;display:grid;grid-template-rows:64px minmax(0,1fr);min-height:100vh}.topbar{position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 26px;background:rgba(4,11,17,.94);backdrop-filter:blur(14px);border-bottom:1px solid #102d3f}.search{height:38px;display:flex;align-items:center;gap:9px;width:min(560px,55vw);border:1px solid #173a50;border-radius:9px;background:#07131c;padding:0 11px;color:var(--muted)}.search input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:#dce8ef;font-size:12px}.search kbd{font-size:9px;border:1px solid #284151;border-radius:5px;padding:4px 6px;color:#7890a0}.top-actions{display:flex;gap:8px;align-items:center}.icon-btn{width:37px;height:37px;border:1px solid transparent;background:transparent;color:#a9bbc8;border-radius:8px;position:relative}.icon-btn:hover{background:#0a1a26;border-color:#244a61;color:white}.badge{position:absolute;right:-2px;top:-4px;background:var(--blue);color:white;border-radius:18px;font-size:8px;padding:2px 5px}.create{height:38px;border:1px solid #c5932f;border-radius:8px;background:linear-gradient(#ffd36a,#d8a039);color:#241a05;font-weight:800;padding:0 14px}.workspace{width:100%;max-width:1720px;margin:0 auto;padding:22px 27px 38px;min-width:0}.statusbar{position:sticky;bottom:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:0 26px;border-top:1px solid #102d3f;background:#040a10;color:#617b8d;font-size:9px;letter-spacing:.04em}.statusbar b{color:#3fbefc}.ok{color:#688e7c}.ok::first-letter{color:var(--green)}
.view{display:none}.view.active{display:block;animation:fade .18s ease}@keyframes fade{from{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:none}}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}.eyebrow{font-size:9px;letter-spacing:.13em;color:var(--gold2);font-weight:800;text-transform:uppercase;margin-bottom:6px}h1{font-size:clamp(27px,2.6vw,34px);line-height:1.05;letter-spacing:-.035em;margin:0 0 5px}h2{letter-spacing:-.02em}.subtitle{margin:0;max-width:770px;color:var(--muted);font-size:12px;line-height:1.45}.actions{display:flex;gap:7px;flex-wrap:wrap}
.btn{min-height:36px;border:1px solid #20465d;background:#091722;color:#d9e6ee;border-radius:8px;padding:8px 11px;font-size:11px;transition:.14s}.btn:hover{background:#0e2230;border-color:#2b6382}.btn:active{transform:translateY(1px)}.btn.gold{border-color:#916c28;color:#ffcc62;background:linear-gradient(180deg,#2a210e,#151005)}.btn.blue{border-color:#176f9f;color:#62caff;background:linear-gradient(180deg,#0c2d42,#081923)}.btn.green{border-color:#226d4b;color:#5be29a;background:#0a2118}.btn.red{border-color:#783842;color:#ff828b;background:#241014}.btn:disabled{opacity:.38;cursor:not-allowed;filter:saturate(.3)}
.grid{display:grid;gap:13px;min-width:0}.kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr))}.card{min-width:0;background:linear-gradient(180deg,rgba(13,27,39,.97),rgba(8,18,27,.97));border:1px solid #17384c;border-radius:var(--radius);box-shadow:var(--shadow)}.kpi{padding:15px;min-height:104px;position:relative;overflow:hidden}.kpi.clickable{cursor:pointer}.kpi.clickable:hover{border-color:#216483}.kpi:after{content:"";position:absolute;right:-34px;top:-34px;width:100px;height:100px;border-radius:50%;border:1px solid rgba(25,168,255,.11)}.kpi-label{font-size:9px;letter-spacing:.12em;color:#9fb4c2;font-weight:800;text-transform:uppercase}.kpi-value{font-size:clamp(23px,2.2vw,29px);font-weight:800;margin:8px 0 3px;letter-spacing:-.03em}.kpi-sub{font-size:10px;color:var(--muted)}.green-t{color:var(--green)}.blue-t{color:var(--blue)}.gold-t{color:var(--gold2)}.orange-t{color:var(--orange)}.red-t{color:var(--red)}.violet-t{color:var(--violet)}
.alert{display:flex;align-items:center;gap:13px;padding:12px 14px;margin-bottom:13px;border:1px solid rgba(255,143,49,.23);background:linear-gradient(90deg,rgba(255,143,49,.1),rgba(255,143,49,.018));border-radius:9px}.orb{width:35px;height:35px;flex:0 0 35px;border-radius:50%;display:grid;place-items:center;border:1px solid #87501f;color:#ffad49}.alert strong{font-size:12px}.alert small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.alert .btn{margin-left:auto}
.dashboard-grid{grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(260px,.8fr));margin-top:13px}.panel{padding:15px}.section-label{font-size:9px;color:#9ab0bf;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px}.chart{height:190px;display:flex;gap:15px;align-items:flex-end;border-bottom:1px solid #214459;padding:22px 8px 17px}.bar-wrap{min-width:0;flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;text-align:center;color:#718999;font-size:9px}.bar{height:var(--h);background:linear-gradient(#219de9,#10577f);border:1px solid #2badfc;border-radius:4px 4px 0 0;position:relative}.bar.goldbar{background:linear-gradient(#d8a83b,#73500e);border-color:#f2bd49}.bar span{position:absolute;top:-18px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#b0c1cc;font-size:8px}.list{display:flex;flex-direction:column}.list-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #153247}.list-row:last-child{border-bottom:0}.dot{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px rgba(25,168,255,.42)}.dot.orange{background:var(--orange)}.dot.green{background:var(--green)}.dot.red{background:var(--red)}.dot.violet{background:var(--violet)}.list-row b{font-size:11px}.list-row small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.list-row time{color:#7690a2;font-size:9px}
.toolbar{display:grid;grid-template-columns:minmax(190px,1.4fr) repeat(auto-fit,minmax(140px,.55fr));align-items:center;gap:7px;margin:13px 0}.toolbar input,.toolbar select{min-width:0;width:100%;height:37px;border:1px solid #1b3c51;border-radius:8px;background:#07131c;color:#bdd0dc;padding:0 10px;outline:0}.toolbar input:focus,.toolbar select:focus{border-color:#1a82b8;box-shadow:0 0 0 3px rgba(25,168,255,.07)}
.table-wrap{position:relative;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #18394d;border-radius:10px;background:#07131c}.table{width:max(100%,920px);border-collapse:collapse}.table th{text-align:left;padding:10px 11px;border-bottom:1px solid #23475b;color:#8fa5b4;font-size:8px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.table td{padding:11px;border-bottom:1px solid #142e3f;color:#d9e5ec;font-size:11px;vertical-align:middle;white-space:nowrap}.table tr[data-click]{cursor:pointer}.table tr[data-click]:hover td{background:rgba(25,168,255,.035)}.person{display:flex;align-items:center;gap:9px}.mini-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#0c2c40;border:1px solid #1c658d;color:#72cefa;font-weight:800;font-size:10px}.person b{display:block}.person small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:6px;border:1px solid #246087;background:#0a1e2a;color:#50c0ff;font-size:9px;font-weight:800}.pill.green{border-color:#25744f;color:#50de91}.pill.orange{border-color:#80501e;color:#ffad46}.pill.violet{border-color:#60438a;color:#ba90ff}.pill.red{border-color:#72353e;color:#ff7d87}.pill.gray{border-color:#355063;color:#8ea4b2}
.pipeline{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));margin:13px 0;border:1px solid #1b455e;border-radius:10px;overflow:hidden;background:#07131d}.stage{padding:12px;border-right:1px solid #1e4a65;cursor:pointer}.stage:last-child{border-right:0}.stage:hover{background:rgba(25,168,255,.05)}.stage small{font-size:8px;color:#8ba1b0}.stage b{display:block;font-size:21px;margin:4px 0}.stage span{font-size:9px;color:#71899a}.stage.active{background:linear-gradient(180deg,rgba(25,168,255,.12),rgba(25,168,255,.025));box-shadow:inset 0 -2px 0 var(--blue)}
.clients-layout{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:13px}.client-list{padding:9px;max-height:calc(100vh - 180px);overflow:auto}.client-row{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid transparent;border-radius:8px;margin-bottom:5px;cursor:pointer}.client-row:hover,.client-row.active{background:#0b1c29;border-color:#21485f}.client-row.active{box-shadow:inset 3px 0 0 var(--blue)}.client-row>div:nth-child(2){min-width:0;flex:1}.client-row b{font-size:11px}.client-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:8px;margin-top:2px}.client-row .score{color:#57c5ff;font-size:9px}.client-preview{padding:16px}.client-hero{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.client-hero h2{font-size:27px;margin:4px 0}.client-hero p{margin:0;color:var(--muted);font-size:10px}.client-kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));margin-top:12px}.progress{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:7px;margin-top:12px}.step{padding:11px;border:1px solid #1c3e53;border-radius:8px;background:#08141d;min-width:0}.step.done{border-color:#266e4e}.step.current{border-color:#1c84bb;background:rgba(25,168,255,.08)}.step.locked{opacity:.55}.step b{display:block;font-size:10px}.step small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.two-col{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:13px}.subnav{display:flex;gap:3px;margin:14px 0;border-bottom:1px solid #18364a;overflow-x:auto}.subnav button{flex:0 0 auto;border:0;background:transparent;color:#8197a7;padding:9px 11px;border-bottom:2px solid transparent}.subnav button.active{color:white;border-bottom-color:var(--blue)}.timeline{list-style:none;padding:0;margin:0}.timeline li{position:relative;margin-left:7px;padding:0 0 13px 23px;border-left:1px solid #1c4b67}.timeline li:before{content:"";position:absolute;left:-5px;top:3px;width:9px;height:9px;border-radius:50%;background:var(--blue)}.timeline li:last-child{border-left-color:transparent}.timeline b{font-size:10px}.timeline small{display:block;color:var(--muted);font-size:8px;margin-top:2px}
.session-log{display:flex;flex-direction:column;gap:8px}.log-card{display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:10px;padding:12px;border:1px solid #17394e;border-radius:8px;background:#091721}.glyph{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;border:1px solid #176e9f;color:#4fc0ff;background:#082536}.log-card b{font-size:11px}.log-card p{margin:4px 0 0;color:#9bafbc;font-size:10px;line-height:1.4}.log-card .status{font-size:9px;color:#70d79c}.side-stack{display:flex;flex-direction:column;gap:11px}
.week{display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));gap:1px;background:#17384b;border:1px solid #17384b;border-radius:10px;overflow:hidden}.day{min-height:155px;background:#08141d;padding:9px}.day header{display:flex;justify-content:space-between;color:#8ea4b4;font-size:8px;margin-bottom:9px}.event{padding:7px;border:1px solid #1d5270;border-left:3px solid var(--blue);background:#0b2230;border-radius:6px;margin-bottom:5px;font-size:9px;cursor:pointer}.event.gold{border-left-color:var(--gold);background:#241b0b}.event.green{border-left-color:var(--green);background:#092218}
.finance-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr))}.tabs{display:flex;gap:5px;margin:13px 0;overflow-x:auto}.tabs button{flex:0 0 auto}.team-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.team-card{padding:15px}.team-card h3{margin:10px 0 3px}.team-card p{color:var(--muted);font-size:10px;min-height:38px}.tags span{display:inline-flex;margin:3px 3px 0 0;padding:4px 7px;border:1px solid #21455b;border-radius:18px;color:#98afbe;font-size:8px}
.dev-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.dev-card{padding:13px}.dev-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.dev-card h3{font-size:13px;margin:0}.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:11px 0}.levelbox{padding:8px;border:1px solid #1b3b4f;border-radius:7px;background:#07131c}.levelbox small{display:block;color:#7d95a5;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.levelbox b{display:block;margin-top:3px;font-size:16px}.dev-evidence{font-size:9px;color:#8fa6b5;line-height:1.45}.trend{font-size:9px}.trend.up{color:var(--green)}.trend.flat{color:var(--muted)}
.empty{padding:26px;text-align:center;color:#7790a2;font-size:10px}.hint{margin-top:7px;color:#648092;font-size:8px}.attention-row{cursor:pointer}
.modal-bg{position:fixed;inset:0;z-index:50;display:none;place-items:center;padding:18px;background:rgba(0,0,0,.72);backdrop-filter:blur(9px)}.modal-bg.open{display:grid}.modal{width:min(720px,96vw);max-height:90vh;overflow:auto;background:#07131d;border:1px solid #234b63;border-radius:13px;box-shadow:0 34px 120px rgba(0,0,0,.65);padding:17px}.modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:13px}.modal-head small{display:block;color:var(--gold2);font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.modal-head h3{font-size:21px;margin:4px 0 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.field{display:flex;flex-direction:column;gap:4px}.field.full{grid-column:1/-1}.field label{font-size:8px;color:#91a8b7;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;border:1px solid #1c4056;background:#081721;color:#dce8ef;border-radius:8px;padding:9px;outline:0}.field textarea{min-height:78px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#1b86bd;box-shadow:0 0 0 3px rgba(25,168,255,.07)}.form-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:13px}.search-results{position:fixed;z-index:45;top:55px;left:calc(var(--sidebar) + 26px);width:min(600px,calc(100vw - var(--sidebar) - 52px));max-height:410px;overflow:auto;display:none;background:#07131d;border:1px solid #21485f;border-radius:9px;box-shadow:0 24px 80px rgba(0,0,0,.5)}.search-results.open{display:block}.search-result{display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 11px;border-bottom:1px solid #153247;cursor:pointer}.search-result:hover{background:#0b1e2a}.search-result:last-child{border-bottom:0}.search-result .kind{width:29px;height:29px;border-radius:7px;display:grid;place-items:center;background:#0b2636;color:#55c4ff;border:1px solid #1b6085}.search-result b{font-size:10px}.search-result small{display:block;color:#7890a2;font-size:8px;margin-top:2px}.search-result span{font-size:8px;color:#7891a2}.toast{position:fixed;right:20px;bottom:36px;z-index:70;transform:translateY(25px);opacity:0;pointer-events:none;transition:.18s;background:#0b1e2a;border:1px solid #28627f;color:#dceef8;padding:10px 13px;border-radius:8px;box-shadow:var(--shadow);font-size:10px}.toast.show{transform:none;opacity:1}
@media(max-width:1280px){:root{--sidebar:84px}.brand{padding:14px 7px;text-align:center}.brand img{width:64px;height:54px;margin:auto}.version{font-size:0;width:48px;padding:6px 0;justify-content:center}.version:after{content:"FINAL";font-size:8px}.nav{padding:10px 6px}.nav button{grid-template-columns:1fr;padding:11px 6px;text-align:center}.nav button b,.nav button .arrow{display:none}.profile{margin: auto 7px 12px;justify-content:center;padding:8px}.profile>div:not(.avatar){display:none}.topbar{padding:0 15px}.workspace{padding:17px 15px 39px}.clients-layout{grid-template-columns:1fr}.client-list{max-height:260px;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:5px}.client-row{margin:0}.two-col{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid>.card:first-child{grid-column:1/-1}.search-results{left:100px;width:calc(100vw - 116px)}}
@media(max-width:760px){:root{--sidebar:60px}.brand{padding:10px 4px}.brand img{width:50px;height:42px}.version{width:41px;margin-top:3px}.nav{padding:8px 4px;gap:3px}.nav button{padding:9px 3px}.nav .ico{font-size:16px}.profile{margin-left:4px;margin-right:4px;padding:7px 2px}.avatar{width:33px;height:33px}.main{grid-template-rows:57px minmax(0,1fr)}.topbar{padding:0 6px;gap:5px}.search{width:calc(100vw - var(--sidebar) - 80px);height:35px;padding:0 8px}.search input{font-size:10px}.search kbd,.top-actions .icon-btn{display:none}.create{width:68px;height:35px;padding:0 5px;font-size:10px;white-space:nowrap}.workspace{padding:12px 8px 45px}.statusbar{padding:0 8px;font-size:7px}.statusbar span:nth-child(2){display:none}.page-head{align-items:flex-start;flex-direction:column;gap:8px}.actions{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:5px}.actions .btn{text-align:center;padding:7px 4px;font-size:9px}.kpis,.finance-grid,.client-kpis,.team-grid,.dashboard-grid{grid-template-columns:1fr!important}.dashboard-grid>.card:first-child{grid-column:auto}.alert{padding:9px;gap:8px;align-items:flex-start}.alert .btn{display:none}.chart{height:158px;gap:6px;padding-left:0;padding-right:0}.client-list{display:block;max-height:230px}.client-row{margin-bottom:4px}.client-hero{flex-direction:column}.client-hero .btn{width:100%;text-align:center}.progress{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline{overflow-x:auto;grid-template-columns:repeat(7,125px)}.toolbar{grid-template-columns:1fr 1fr}.toolbar input{grid-column:1/-1}.table{width:760px;min-width:760px}.table th,.table td{font-size:9px;padding:8px 7px}.week{grid-template-columns:1fr}.day{min-height:auto}.log-card{grid-template-columns:28px minmax(0,1fr)}.log-card .status{grid-column:2}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.search-results{left:67px;right:7px;width:auto;top:51px}.modal{padding:14px}.dev-grid{grid-template-columns:1fr}}
@supports(padding:max(0px)){.sidebar{padding-top:max(7px,env(safe-area-inset-top))}.workspace{padding-bottom:max(45px,calc(35px + env(safe-area-inset-bottom)))}}

/* ===== CHAMP OS 3.1 ===== */
.brand{padding-bottom:20px}.brand img{margin-bottom:0}
.sales-direction{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:6px;font-size:9px;font-weight:800;border:1px solid #315064;color:#a9bdca}.sales-direction.outbound{border-color:#76531f;color:#ffc25b}.sales-direction.inbound{border-color:#1f668d;color:#66c8ff}
.lead-stage-strip{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));margin:13px 0;border:1px solid #1b455e;border-radius:10px;overflow:auto;background:#07131d}.lead-stage-node{padding:11px;border-right:1px solid #1e4a65;min-width:100px}.lead-stage-node:last-child{border-right:0}.lead-stage-node small{font-size:8px;color:#71899a}.lead-stage-node b{display:block;margin-top:3px;font-size:10px;color:#9bb0bf}.lead-stage-node.done{background:rgba(50,210,123,.045)}.lead-stage-node.done b{color:#61dd9a}.lead-stage-node.current{background:rgba(25,168,255,.11);box-shadow:inset 0 -2px 0 var(--blue)}.lead-stage-node.current b{color:#6bcaff}.lead-stage-node.skipped{opacity:.28;background:#061019}.lead-stage-node.skipped b{color:#617587}
.lead-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:9px}.lead-card-head .btn{min-height:30px;padding:6px 8px;font-size:9px}.lead-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.meta-box{border:1px solid #17384c;border-radius:8px;padding:9px;background:#08141d}.meta-box span{display:block;font-size:8px;color:#7890a2;text-transform:uppercase;letter-spacing:.09em}.meta-box b{display:block;font-size:10px;margin-top:4px;color:#dce8ef}
.sales-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.sales-tabs button{min-height:33px}.sales-tabs .active{border-color:#1d77a6;background:#0a2637;color:#63caff}
.backup-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.backup-action{padding:17px;cursor:pointer;transition:.14s}.backup-action:hover{border-color:#28617f;transform:translateY(-1px)}.backup-action .backup-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#0b2636;border:1px solid #1e6185;color:#61caff;font-size:20px;margin-bottom:12px}.backup-action.gold .backup-icon{background:#241b0b;border-color:#73531d;color:#ffcb62}.backup-action.red .backup-icon{background:#241014;border-color:#713741;color:#ff828b}.backup-action h3{margin:0 0 5px;font-size:13px}.backup-action p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.backup-summary{margin-top:13px}.backup-summary .list-row time{color:#c7d6df}
@media(max-width:760px){.lead-stage-strip{grid-template-columns:repeat(7,125px)}.lead-meta-grid{grid-template-columns:1fr}.sales-tabs{overflow-x:auto;flex-wrap:nowrap}.sales-tabs button{flex:0 0 auto}}

/* ===== CHAMP OS — TEAM RELEASE 3.2 ===== */
.lead-stage-journey{grid-template-columns:repeat(6,minmax(112px,1fr))}
.lead-stage-journey .lead-stage-node{min-width:112px}
.alert .btn:disabled{opacity:.55;cursor:default}
.backup-action h3{letter-spacing:-.01em}
.backup-summary .list-row small{line-height:1.35}
.top-actions #backupBtn{border-color:#173a50;background:#07131c}
.top-actions #backupBtn:hover{border-color:#28617f;background:#0b1c28}
@media(max-width:760px){
 .lead-stage-journey{grid-template-columns:repeat(6,minmax(104px,1fr));overflow-x:auto}
 .page-head>.actions:empty{display:none}
}


/* ===== CHAMP OS 3.2 — FINANCE CONTROL ===== */
.finance-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.finance-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}
.finance-tabs .btn{min-width:92px;text-align:center}
.finance-overview{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.8fr);gap:14px}
.finance-stack{display:flex;flex-direction:column;gap:14px}
.finance-chart{min-height:300px}
.finance-bars{height:220px;display:grid;grid-template-columns:repeat(6,minmax(55px,1fr));gap:13px;align-items:end;padding:24px 7px 16px;border-bottom:1px solid #214255}
.finance-month{text-align:center;color:#748c9d;font-size:9px;min-width:0}
.finance-bar-pair{height:180px;display:flex;gap:5px;align-items:flex-end;justify-content:center;position:relative}
.finance-bar{width:min(26px,42%);border-radius:4px 4px 1px 1px;min-height:2px;position:relative}
.finance-bar.in{background:linear-gradient(180deg,#34cf81,#14704a);border:1px solid #42e395}
.finance-bar.out{background:linear-gradient(180deg,#ff9c39,#874b18);border:1px solid #ffb15c}
.finance-bar-tip{position:absolute;left:50%;transform:translateX(-50%);top:-17px;color:#9cb1bf;font-size:8px;white-space:nowrap}
.finance-legend{display:flex;gap:16px;align-items:center;margin-top:12px;color:#859bab;font-size:9px}
.finance-legend i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}.finance-legend .gin{background:#32d27b}.finance-legend .gout{background:#ff9c2f}
.finance-note{font-size:9px;color:#718a9b;line-height:1.55;margin-top:10px}
.finance-toolbar{display:grid;grid-template-columns:minmax(200px,1.3fr) repeat(3,minmax(130px,.55fr));gap:8px;margin:12px 0}
.finance-toolbar input,.finance-toolbar select{height:38px;background:#07131c;border:1px solid #1b3b50;color:#bdd0dc;border-radius:8px;padding:0 10px;outline:none;min-width:0}
.finance-toolbar input:focus,.finance-toolbar select:focus{border-color:#1b81b7;box-shadow:0 0 0 3px rgba(25,168,255,.08)}
.movement-amount.in{color:#55df91;font-weight:800}.movement-amount.out{color:#ffad51;font-weight:800}
.ref-link{color:#62c7ff;cursor:pointer}.ref-link:hover{text-decoration:underline}
.finance-summary-line{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #173145}.finance-summary-line:last-child{border-bottom:0}.finance-summary-line b{font-size:11px}.finance-summary-line small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.finance-summary-line strong{font-size:12px}
.client-finance-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}
.expense-direct{color:#5ccaff}.expense-general{color:#a7bac6}
@media(max-width:1050px){.finance-overview{grid-template-columns:1fr}.finance-toolbar{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.finance-tabs{overflow-x:auto;flex-wrap:nowrap}.finance-tabs .btn{flex:0 0 auto}.finance-toolbar{grid-template-columns:1fr}.finance-bars{gap:7px}.finance-bar-pair{height:145px}.finance-chart{min-height:250px}}


/* ===== FINANCE 3.3 — CONTROL LEDGER ===== */
.finance-periodbar{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:12px 0 14px;padding:9px 10px;border:1px solid #18394e;border-radius:10px;
  background:linear-gradient(180deg,#0b1822,#07121a)
}
.finance-period-left,.finance-period-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.finance-period-title{min-width:150px;text-align:center;font-size:11px;font-weight:800;color:#dce9f0}
.finance-periodbar .btn{padding:7px 10px}
.finance-kpi-main{grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr))!important}
.finance-kpi-main .kpi-card{min-height:103px}
.finance-overview-v33{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.78fr);gap:14px}
.finance-side-stack{display:flex;flex-direction:column;gap:14px}
.finance-two-ledgers{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.finance-ledger-card{min-width:0}
.finance-ledger-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.finance-ledger-head h3{margin:0;font-size:14px}
.finance-ledger-head small{display:block;color:var(--muted);font-size:9px;margin-top:3px}
.finance-total{font-size:17px;font-weight:800;white-space:nowrap}
.finance-income-status{font-size:8px;font-weight:900;letter-spacing:.08em;padding:4px 7px;border-radius:6px;display:inline-flex}
.finance-income-status.due{color:#ffc469;border:1px solid #72501d;background:#241a09}
.finance-income-status.partial{color:#ff9e48;border:1px solid #794417;background:#251408}
.finance-income-status.paid{color:#55df93;border:1px solid #216f49;background:#092319}
.finance-credit-card-list{display:flex;flex-direction:column;gap:8px}
.finance-movement-card{
  display:grid;grid-template-columns:92px 1fr auto;gap:12px;align-items:center;
  padding:12px 13px;border:1px solid #17384c;border-radius:10px;background:linear-gradient(180deg,#0b1822,#08131c)
}
.finance-movement-card:hover{border-color:#23536e;background:#0b1b27}
.finance-movement-date{font-size:9px;color:#8198a9}
.finance-movement-main b{font-size:11px}
.finance-movement-main small{display:block;color:var(--muted);font-size:9px;margin-top:3px}
.finance-movement-amount{font-size:15px;font-weight:900;text-align:right}
.finance-movement-amount.in{color:#45dc8c}.finance-movement-amount.out{color:#ff9e48}
.finance-chipline{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}
.finance-chip{font-size:8px;border:1px solid #24465a;border-radius:20px;padding:3px 6px;color:#9bb0be}
.finance-scope-note{font-size:9px;color:#6f8899;margin-top:7px;line-height:1.45}
.finance-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.finance-mini-stat{padding:11px;border:1px solid #18384c;border-radius:9px;background:#08141d}
.finance-mini-stat span{display:block;color:#8097a8;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.finance-mini-stat b{display:block;margin-top:5px;font-size:15px}
.finance-empty{padding:20px;text-align:center;color:#728a9b;font-size:10px}
@media(max-width:1050px){
  .finance-overview-v33{grid-template-columns:1fr}
  .finance-two-ledgers{grid-template-columns:1fr}
}
@media(max-width:760px){
  .finance-periodbar{align-items:stretch;flex-direction:column}
  .finance-period-left,.finance-period-right{width:100%;display:grid;grid-template-columns:auto 1fr auto}
  .finance-period-right{grid-template-columns:1fr 1fr}
  .finance-period-title{min-width:0}
  .finance-movement-card{grid-template-columns:64px 1fr;gap:9px}
  .finance-movement-amount{grid-column:2;text-align:left}
  .finance-summary-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:410px){
  .finance-summary-grid{grid-template-columns:1fr}
}


/* Finance 3.3 final polish */
@media(min-width:1180px){
  .finance-kpi-main{grid-template-columns:repeat(7,minmax(0,1fr))!important}
  .finance-kpi-main .kpi-card{padding:13px 12px}
  .finance-kpi-main .kpi-value{font-size:clamp(21px,1.65vw,28px)}
  .finance-kpi-main .kpi-label{font-size:8px}
}


/* ===== CHAMP OS 3.4.1 CLOUD DEPLOY ===== */
body.cloud-booting .app{visibility:hidden}
#boot-splash{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#0a2232,#03080d 55%);color:#f1f7fb}
#boot-splash .boot-card{width:min(420px,calc(100vw - 36px));border:1px solid #21516d;background:#07131d;border-radius:16px;padding:24px;box-shadow:0 28px 90px rgba(0,0,0,.55)}
#boot-splash .boot-kicker{font-size:10px;letter-spacing:.16em;color:#d6a43a;font-weight:900;text-transform:uppercase}
#boot-splash .boot-title{font-size:25px;font-weight:800;margin-top:8px;letter-spacing:-.03em}
#boot-splash .boot-sub{font-size:11px;color:#7f96a8;margin-top:6px;line-height:1.5}
#boot-splash .boot-line{height:3px;margin-top:18px;border-radius:999px;background:linear-gradient(90deg,#19a8ff,#36d2ff,#d6a43a);animation:bootPulse 1.2s ease-in-out infinite alternate}
@keyframes bootPulse{from{opacity:.35;transform:scaleX(.65);transform-origin:left}to{opacity:1;transform:scaleX(1)}}
.brand .version{display:inline-flex!important;font-size:8px!important;width:auto!important;padding:6px 8px!important}
.brand .version:after{content:none!important}
