:root{--ctod-bg:#06111f;--ctod-panel:#081d31;--ctod-panel2:#0a263e;--ctod-line:#173d59;--ctod-text:#eaf4fb;--ctod-muted:#7898af;--ctod-cyan:#39c6ff;--ctod-blue:#1f6feb;--ctod-gold:#d6a62d;--ctod-green:#2ad17f;--ctod-yellow:#ffbd52;--ctod-red:#ff5f68}*{box-sizing:border-box}body{margin:0!important;background:radial-gradient(circle at 15% -5%,rgba(31,111,235,.18),transparent 30%),#06111f!important;color:var(--ctod-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.shell{max-width:1280px!important;margin:auto;padding:20px}.brand{display:none!important}.ctod-customer-brandbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:112px;padding:15px 22px;margin-bottom:14px;border:1px solid rgba(214,166,45,.48);border-radius:18px;background:linear-gradient(135deg,#050607,#081522 60%,#0a1e30);box-shadow:0 18px 46px rgba(0,0,0,.28);overflow:visible}.ctod-customer-brandbar img{display:block;width:390px;max-width:52vw;height:90px;object-fit:contain;object-position:left center}.ctod-brandcopy{text-align:right}.ctod-brandcopy b{display:block;color:var(--ctod-gold);font-size:10px;letter-spacing:.17em;text-transform:uppercase}.ctod-brandcopy span{display:block;color:#f5f8fb;font-weight:800;margin-top:5px}.top h2{color:#fff!important;font-size:34px;margin:0}.top .sub,.sub{color:var(--ctod-muted)!important}.card{background:linear-gradient(180deg,rgba(10,34,55,.97),rgba(7,27,45,.97))!important;border:1px solid var(--ctod-line)!important;color:var(--ctod-text)!important;box-shadow:0 16px 42px rgba(0,0,0,.18)!important}.tabs{display:flex;gap:9px;flex-wrap:wrap;padding:12px!important;position:sticky;top:8px;z-index:200;background:rgba(7,25,42,.94)!important;backdrop-filter:blur(14px);border-color:#1a4769!important}.tabs .btn{background:#0b2944!important;color:#9fc0d8!important;border:1px solid #1b4766!important}.tabs .btn.active{background:linear-gradient(135deg,#1f6feb,#168fc4)!important;color:#fff!important;border-color:#46c9ff!important;box-shadow:0 0 18px rgba(57,198,255,.18)}.btn.primary{background:linear-gradient(135deg,#1f6feb,#168fc4)!important;color:#fff!important}.btn.secondary{background:#0d2a44!important;color:#a9d7f6!important;border:1px solid #1d4867!important}.field{background:#081d31!important;color:#eaf2fb!important;border:1px solid #214662!important}.field option{background:#fff!important;color:#111!important}.view.hidden{display:none!important}.ctod-dashboard-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:12px 0 16px}.ctod-eyebrow{font-size:10px;letter-spacing:.16em;color:var(--ctod-cyan);font-weight:900;text-transform:uppercase}.ctod-title{font-size:28px;color:#fff;font-weight:900;margin:3px 0}.ctod-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ctod-kpi{background:#081d31;border:1px solid #173d59;border-radius:16px;padding:15px}.ctod-kpi small{display:block;color:#7393ab;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:.08em}.ctod-kpi b{display:block;color:#fff;font-size:29px;margin-top:4px}.ctod-section{background:linear-gradient(180deg,#0a2239,#071827);border:1px solid #17415f;border-radius:18px;padding:18px;margin:15px 0}.ctod-section h3{margin:2px 0 6px;color:#fff;font-size:24px}.ctod-filter-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.ctod-gauges{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.ctod-gauge{background:#081d30;border:1px solid #173c58;border-radius:16px;padding:15px;text-align:center}.ctod-ring{--p:0;width:116px;height:116px;border-radius:50%;margin:auto;display:grid;place-items:center;background:conic-gradient(var(--ring,#39c6ff) calc(var(--p)*1%),#123047 0);position:relative}.ctod-ring:after{content:'';position:absolute;inset:10px;background:#071a2b;border-radius:50%}.ctod-ring>div{position:relative;z-index:1}.ctod-ring b{display:block;color:#fff;font-size:26px}.ctod-ring span{display:block;color:#8eb0c8;font-size:9px;max-width:78px;line-height:1.15}.ctod-gauge small{display:block;color:#7898af;margin-top:10px}.ctod-bars{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.ctod-bar-panel{background:#081d30;border:1px solid #173c58;border-radius:16px;padding:16px}.ctod-bar-panel h4{margin:0 0 12px;color:#fff}.ctod-bar-row{margin:12px 0}.ctod-bar-label{display:flex;justify-content:space-between;color:#adc4d5;font-size:12px}.ctod-track{height:10px;background:#102f46;border-radius:999px;overflow:hidden;margin-top:6px}.ctod-track i{display:block;height:100%;border-radius:999px}.ctod-map-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:15px}.ctod-location{min-height:104px;padding:11px;border:1px solid #1b415f;border-radius:13px;background:#081d31}.ctod-location b{display:block;font-size:11px;letter-spacing:.08em}.ctod-location strong{display:block;color:#fff;margin:4px 0}.ctod-location span{display:block;color:#89a3b6;font-size:10px}.ctod-location.green{box-shadow:inset 0 4px var(--ctod-green);border-color:#287553}.ctod-location.yellow{box-shadow:inset 0 4px var(--ctod-yellow);border-color:#735f30}.ctod-location.red{box-shadow:inset 0 4px var(--ctod-red);border-color:#723846}.ctod-table{width:100%;border-collapse:collapse}.ctod-table th,.ctod-table td{text-align:left;padding:10px;border-bottom:1px solid #15344e;font-size:12px}.ctod-table th{color:#7798b0;text-transform:uppercase;font-size:10px;letter-spacing:.06em}.ctod-table td{color:#dceaf5}.ctod-people-layout{display:grid;grid-template-columns:320px 1fr;gap:14px}.ctod-people-list{display:grid;gap:8px;max-height:680px;overflow:auto}.ctod-person{border:1px solid #173a57;border-radius:13px;background:#081d31;padding:12px;cursor:pointer;text-align:left;color:#dcebf6}.ctod-person:hover,.ctod-person.active{border-color:#39c6ff;background:#0b2944}.ctod-person b{display:block;color:#fff}.ctod-person span{display:block;color:#7895ad;font-size:11px;margin-top:3px}.ctod-depth-card{background:linear-gradient(180deg,#0a263e,#071b2d);border:1px solid #173d59;border-radius:18px;padding:15px;margin:11px 0}.ctod-depth-card.green{box-shadow:inset 4px 0 var(--ctod-green)}.ctod-depth-card.yellow{box-shadow:inset 4px 0 var(--ctod-yellow)}.ctod-depth-card.red{box-shadow:inset 4px 0 var(--ctod-red)}.ctod-depth-cols{display:grid;grid-template-columns:1.1fr repeat(4,1fr);gap:8px;margin-top:12px}.ctod-depth-col{background:#081d31;border:1px solid #143951;border-radius:12px;padding:10px;min-height:90px}.ctod-depth-col h5{margin:0 0 7px;color:#7fa4be;font-size:9px;text-transform:uppercase}.ctod-depth-person{padding:7px 0;border-top:1px solid #12334b}.ctod-depth-person:first-of-type{border-top:0}.ctod-depth-person b{color:#fff;font-size:12px}.ctod-depth-person span{display:block;color:#7694aa;font-size:10px}.ctod-empty{color:#607f96;font-size:11px;font-style:italic}.ctod-loading{padding:20px;color:#82a2b8}.issue{background:rgba(255,95,104,.12)!important;color:#ff9ea5!important;border:1px solid rgba(255,95,104,.35)!important;border-radius:12px;padding:12px}@media(max-width:950px){.ctod-grid4,.ctod-gauges{grid-template-columns:repeat(2,1fr)}.ctod-map-grid{grid-template-columns:repeat(3,1fr)}.ctod-filter-row{grid-template-columns:1fr 1fr}.ctod-depth-cols{grid-template-columns:1fr 1fr}.ctod-people-layout{grid-template-columns:1fr}}@media(max-width:650px){.shell{padding:12px}.ctod-customer-brandbar{min-height:82px;padding:10px 13px}.ctod-customer-brandbar img{width:270px;max-width:80vw;height:66px}.ctod-brandcopy{display:none}.ctod-grid4,.ctod-gauges,.ctod-bars,.ctod-map-grid,.ctod-filter-row,.ctod-depth-cols{grid-template-columns:1fr}.tabs{position:static}.top h2{font-size:28px}}