:root{--ink:#122a33;--muted:#648087;--line:#d4e3e6;--paper:#edf5f4;--lime:#d8f548;--green:#0b9c90;--blue:#3e82d4;--orange:#d99452;--shadow:0 18px 50px rgba(15,55,65,.1)}body{background:radial-gradient(circle at 82% -10%,#d6f1ee 0,transparent 34%),var(--paper)}.sidebar{background:#102e37;border-right-color:#1d4b55}.brand{color:#f0fbfa}.brand-mark{position:relative;background:var(--lime);color:var(--ink);overflow:hidden}.brand-mark span{position:relative;z-index:1}.brand-mark i{position:absolute;width:24px;height:5px;background:#5edfd1;right:-6px;bottom:7px;transform:rotate(-45deg)}.brand small{color:#8db3b6}.nav-item{color:#83a7ac}.nav-item:hover,.nav-item.is-active{background:#194852;color:#f0fbfa}.nav-icon{color:#5d9299}.nav-item.is-active .nav-icon{color:var(--lime)}.connection-card{border-color:#23515a}.connection-card strong{color:#effafa}.connection-card small,.settings-link{color:#8db0b3}.status-dot,.dark-status-dot{background:#5edfd1;box-shadow:0 0 0 4px rgba(94,223,209,.14)}.eyebrow{color:#708a90}.live-pill{color:#087d73;background:#d5f4ef}.stat-card{background:rgba(255,255,255,.88);border-color:var(--line)}.stat-accent{border-top-color:var(--green)}.dark-card{background:var(--ink);border-color:var(--ink)}.panel{background:rgba(255,255,255,.9);border-color:var(--line)}.badge.progress{background:#d9f5f0;color:#168279}.primary-button{background:var(--ink)}.primary-button:hover{background:var(--green)}.insight-panel{background:var(--lime);border-color:var(--lime)}footer{color:#8ca5a8}
.brand-visual{height:116px;margin:0 10px 28px;border:1px solid #2c5b64;background:linear-gradient(180deg,rgba(16,46,55,.1),rgba(16,46,55,.72)),url('assets/teta-volt-emblem.jpeg') center/cover;box-shadow:inset 0 0 0 1px rgba(216,245,72,.12),0 12px 25px rgba(0,0,0,.2);position:relative}.brand-visual::after{content:'EV CORE / TV-2045';position:absolute;left:10px;bottom:9px;color:#d8f548;font:700 8px Arial,sans-serif;letter-spacing:1.2px}
.main-content{background:radial-gradient(circle at 86% 3%,rgba(61,130,212,.13),transparent 25%),radial-gradient(circle at 20% 48%,rgba(11,156,144,.07),transparent 28%)}.topbar h1,.panel-heading h2,.stat-value{color:#edf8f7}.subheading,.stat-note,td,.mechanic-row,footer{color:#91aeb2}.eyebrow,.stat-label,th{color:#78969c}.icon-button,.profile-button,select,.search-field{background:#172a32;border-color:#2d4c55;color:#dceded}.profile-button span{background:var(--lime);color:var(--ink)}.stat-card,.panel{background:linear-gradient(145deg,rgba(24,43,51,.98),rgba(15,31,38,.98));border-color:#294850;box-shadow:0 18px 50px rgba(0,0,0,.18)}.stat-symbol,.panel-number,.row-action{color:#6f9ba1}.search-field input,input,textarea{background:#11252d;color:#e7f5f3;border-color:#2d4c55}.search-field span{color:#6da3aa}td{border-bottom-color:#243e46}td strong{color:#edf8f7}.mechanic-row{border-top-color:#243e46}.activity-list strong{color:#e7f5f3}.activity-list small{color:#78969c}.insight-panel{background:linear-gradient(135deg,#d8f548,#a8cc3d);color:var(--ink)}.insight-panel h2{color:var(--ink)}.insight-panel p{color:#3f5b43}.secondary-button{background:#172a32;border-color:#2d4c55;color:#b9d0d1}
.app-shell{background:#060b0f}.main-content{background:radial-gradient(circle at 84% 0,rgba(39,109,145,.2),transparent 28%),radial-gradient(circle at 12% 58%,rgba(10,109,105,.11),transparent 30%),#060b0f}.stat-card,.panel{background:linear-gradient(145deg,#17262d,#0e181e);border-color:#29434c}.icon-button,.profile-button,select,.search-field{background:#101d24;border-color:#2c4b54}.search-field,input,textarea{background:#0b171d;border-color:#2c4b54}.insight-panel{background:linear-gradient(135deg,#d8f548,#95ba37);border-color:#d8f548}
.app-shell{font-family:'Space Grotesk','Segoe UI',sans-serif}.topbar h1,.panel-heading h2,.stat-value{font-family:'Rajdhani','Space Grotesk','Segoe UI',sans-serif;font-weight:700;letter-spacing:.02em}.brand-logo{filter:drop-shadow(0 6px 12px rgba(38,168,238,.15))}.eyebrow,.stat-label,th,label,.settings-link,.primary-button,.secondary-button,.text-button,.badge,.connection-card small,.activity-list small,.mechanic-row small,footer{font-family:'Rajdhani','Segoe UI',sans-serif;letter-spacing:1.1px}.stat-value{letter-spacing:.04em}.subheading,.stat-note,td,.mechanic-row,.activity-list{font-family:'Space Grotesk','Segoe UI',sans-serif}.nav-item{font-family:'Rajdhani','Segoe UI',sans-serif;font-weight:600;letter-spacing:.04em}.profile-button{font-family:'Rajdhani','Segoe UI',sans-serif;font-weight:600}.panel-heading h2{letter-spacing:.01em}
.language-button{border:1px solid #2c4b54;background:#101d24;color:#9ddfe0;padding:9px 11px;font:600 10px 'Rajdhani','Segoe UI',sans-serif;letter-spacing:1px}
.brand{display:block;margin:0 10px 42px}.brand-logo{display:block;width:100%;height:auto;max-height:145px;object-fit:contain;object-position:center}.brand-visual{display:none}
.topup-review-panel{margin-top:18px;padding:25px}.topup-review-panel.is-priority{margin:0 0 26px;border-top:3px solid var(--lime)}.topup-admin-note{margin:16px 0;color:#91aeb2;font-size:12px;line-height:1.6}.topup-admin-actions{display:flex;align-items:center;gap:8px}.topup-admin-actions .primary-button{padding:8px 12px;font-size:10px;margin:0}.topup-admin-actions .row-action{width:auto;padding:8px 10px;color:#ff8f84;border:1px solid rgba(255,143,132,.4)}.customer-phone{color:#8fe6de;text-decoration:none;font-weight:700}.customer-phone:hover{text-decoration:underline}.orders-panel .issue-cell strong{font-family:'Space Grotesk','Segoe UI',sans-serif;font-weight:500}
:root{--ink:#15211d;--muted:#718079;--line:#dfe7e2;--paper:#f5f7f3;--white:#fff;--lime:#c9f35c;--green:#2f8f67;--blue:#4b83d9;--orange:#f09b56;--shadow:0 18px 50px rgba(31,55,43,.08);font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;background:#eaf0e9;border-right:1px solid var(--line);padding:30px 20px 24px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);margin:0 10px 62px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;background:var(--ink);color:var(--lime);font:700 13px Arial,sans-serif;letter-spacing:-1px}.brand strong{display:block;font-size:17px;line-height:1}.brand small{display:block;font:700 8px Arial,sans-serif;letter-spacing:1.5px;color:var(--muted);margin-top:5px}.nav-list{display:grid;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#748078;text-decoration:none;font-size:14px;border-radius:5px}.nav-item:hover,.nav-item.is-active{background:var(--white);color:var(--ink);box-shadow:0 5px 15px rgba(31,55,43,.04)}.nav-item.is-active{font-weight:700}.nav-icon{font:700 17px Arial,sans-serif;width:17px;text-align:center;color:#8b9a91}.nav-item.is-active .nav-icon{color:var(--green)}.sidebar-footer{margin-top:auto}.connection-card{display:flex;align-items:center;gap:10px;padding:14px 10px;border-top:1px solid #d5dfd7;border-bottom:1px solid #d5dfd7}.connection-card strong,.connection-card small{display:block}.connection-card strong{font-size:12px}.connection-card small{font:11px Arial,sans-serif;color:var(--muted);margin-top:3px}.status-dot,.dark-status-dot{display:block;width:8px;height:8px;background:#5cbc75;border-radius:50%;box-shadow:0 0 0 4px rgba(92,188,117,.14)}.settings-link{border:0;background:none;color:var(--muted);display:flex;justify-content:space-between;width:100%;padding:18px 10px 0;font:12px Arial,sans-serif}.main-content{width:min(100%,1450px);padding:42px 48px 22px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:33px}.eyebrow{font:700 10px Arial,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#84918a;margin:0 0 10px}.live-pill{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:4px 7px;color:var(--green);background:#e3f5e8;font-size:9px;letter-spacing:.7px}.live-pill i{width:5px;height:5px;background:#55b96d;border-radius:50%}.topbar h1{font-size:34px;line-height:1.05;margin:0 0 8px;font-weight:500;letter-spacing:0}.subheading{color:var(--muted);margin:0;font-size:15px}.topbar-actions{display:flex;gap:14px;align-items:center}.icon-button,.profile-button{border:1px solid var(--line);background:var(--white);height:42px}.icon-button{width:42px;font:24px Arial;color:var(--muted)}.profile-button{display:flex;align-items:center;gap:9px;padding:0 13px 0 5px;font:12px Arial}.profile-button span{display:grid;place-items:center;width:30px;height:30px;background:var(--lime);font-size:10px;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}.stat-card{background:var(--white);padding:20px 21px 18px;min-height:139px;border:1px solid var(--line);box-shadow:var(--shadow)}.stat-accent{border-top:3px solid var(--lime);padding-top:17px}.stat-top{display:flex;justify-content:space-between;align-items:center}.stat-label{font:700 10px Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#86938b}.stat-symbol{font:20px Arial;color:#a2afa8}.stat-value{display:block;font-size:39px;font-weight:500;letter-spacing:-1px;margin:17px 0 10px}.stat-note{font:11px Arial,sans-serif;color:var(--muted)}.stat-note em{font-style:normal;color:#a4aea8}.positive{color:var(--green)}.dark-card{background:var(--ink);border-color:var(--ink);color:var(--white)}.dark-card .stat-label,.dark-card .stat-symbol{color:#a2b1a7}.dark-card .stat-note{color:#c5d1c9}.dark-status-dot{display:inline-block;margin-right:6px;box-shadow:0 0 0 3px rgba(92,188,117,.12)}.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(315px,.8fr);gap:18px}.panel{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow)}.orders-panel{padding:25px 25px 12px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.panel-heading.compact{align-items:center}.panel-heading h2{font-size:23px;font-weight:500;margin:0}.text-button{border:0;background:none;color:var(--green);font:700 11px Arial,sans-serif;padding:5px 0}.text-button span{font-size:17px;margin-left:5px}.filter-row{display:flex;gap:10px;margin:22px 0 15px}.search-field{border:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 11px;flex:1;height:38px}.search-field span{font:21px Arial;color:#99a69e}.search-field input{width:100%;border:0;outline:0;font:12px Arial;color:var(--ink)}select{border:1px solid var(--line);background:var(--white);padding:0 12px;color:var(--muted);font:12px Arial;min-width:122px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font:12px Arial;min-width:650px}th{text-align:left;color:#97a39d;text-transform:uppercase;font-size:9px;letter-spacing:1px;font-weight:700;padding:10px 9px;border-bottom:1px solid var(--line)}td{padding:16px 9px;border-bottom:1px solid #edf1ee;color:#58665e}tbody tr:last-child td{border-bottom:0}td strong{display:block;color:var(--ink);font:700 12px Georgia,serif}td small{display:block;color:#9aa59f;font-size:10px;margin-top:4px}.issue-cell{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.distance{color:var(--ink)}.badge{display:inline-block;padding:5px 8px;font-size:9px;font-weight:700}.badge.pending{background:#fff0df;color:#b87032}.badge.progress{background:#e6f0ff;color:#4777bd}.row-action{border:0;background:none;color:#a2ada6;font-size:18px}.side-stack{display:grid;gap:18px}.new-order-panel,.activity-panel{padding:25px}.panel-number{font:700 10px Arial;color:#a0aaa4}.new-order-panel form{display:grid;gap:12px;margin-top:20px}label{display:grid;gap:6px;color:#849089;font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.9px}input,textarea{border:1px solid var(--line);background:#fbfcfa;padding:10px 11px;color:var(--ink);font:12px Arial;outline-color:var(--green)}textarea{resize:vertical;min-height:66px}.coordinate-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.primary-button{display:flex;align-items:center;justify-content:space-between;border:0;background:var(--ink);color:var(--white);padding:13px 15px;font:700 11px Arial;letter-spacing:.2px;margin-top:3px}.primary-button:hover{background:var(--green)}.primary-button span{color:var(--lime);font-size:16px}.form-feedback{min-height:14px;margin:0;color:var(--green);font:11px Arial}.activity-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:18px}.activity-list li{display:grid;grid-template-columns:29px 1fr auto;gap:10px;align-items:center}.activity-icon{display:grid;place-items:center;width:29px;height:29px;font:14px Arial}.activity-icon.green{background:#e4f5e9;color:var(--green)}.activity-icon.blue{background:#e8f0fd;color:var(--blue)}.activity-icon.orange{background:#fff0e1;color:var(--orange)}.activity-list strong,.activity-list small{display:block}.activity-list strong{font-size:12px;font-weight:500}.activity-list small{font:10px Arial;color:#9ca8a1;margin-top:4px}.activity-list b{font:700 10px Arial;color:#a17e5d}.blue-text{color:var(--blue)!important}.pulse-ring{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #e4f5e9}.bottom-grid{display:grid;grid-template-columns:1.65fr .8fr;gap:18px;margin-top:18px}.mechanics-panel{padding:25px}.mechanic-list{margin-top:16px}.mechanic-row{display:grid;grid-template-columns:34px minmax(100px,1fr) 80px 75px;gap:12px;align-items:center;padding:13px 0;border-top:1px solid #edf1ee;font:12px Arial}.avatar{display:grid;place-items:center;width:34px;height:34px;font-size:10px;font-weight:700}.green-avatar{background:#dff4e5;color:var(--green)}.blue-avatar{background:#e5effe;color:var(--blue)}.orange-avatar{background:#fff0e2;color:#bb783c}.mechanic-row strong,.mechanic-row small{display:block}.mechanic-row small{font-size:10px;color:#9aa59f;margin-top:4px}.availability{font-size:10px}.available{color:var(--green)}.busy{color:var(--orange)}.mechanic-row>b{text-align:right;font-weight:500}.insight-panel{padding:26px;background:var(--lime);border-color:var(--lime);position:relative;overflow:hidden}.insight-kicker{font:700 10px Arial;text-transform:uppercase;letter-spacing:1.2px;color:#567337}.insight-panel h2{font-size:23px;line-height:1.15;font-weight:500;max-width:290px;margin:18px 0 12px}.insight-panel h2 strong{font-weight:700}.insight-panel p{font:12px Arial;line-height:1.5;max-width:300px;color:#526447}.mini-bars{position:absolute;right:25px;bottom:26px;height:65px;display:flex;align-items:end;gap:5px}.mini-bars i{display:block;width:7px;background:rgba(21,33,29,.3)}.mini-bars i:nth-child(6){background:var(--ink)}footer{display:flex;justify-content:space-between;color:#9aa49e;font:10px Arial;margin-top:24px}.dialog-card{border:0;padding:28px;width:min(92vw,450px);box-shadow:0 20px 70px rgba(0,0,0,.2);position:relative}.dialog-card::backdrop{background:rgba(21,33,29,.35)}.dialog-close{position:absolute;right:16px;top:13px;border:0;background:none;font:24px Arial;color:var(--muted)}.dialog-card h2{font-weight:500;margin:0 0 10px;font-size:25px}.dialog-copy{font:12px Arial;line-height:1.5;color:var(--muted);margin-bottom:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:21px}.secondary-button{border:1px solid var(--line);background:var(--white);padding:12px 15px;font:700 11px Arial;color:var(--muted)}@media(max-width:1050px){.sidebar{width:200px}.main-content{padding:34px 25px}.content-grid,.bottom-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.app-shell{display:block}.sidebar{width:100%;height:auto;padding:17px 16px;border-right:0;border-bottom:1px solid var(--line)}.brand{margin:0 0 18px}.nav-list{display:flex;overflow:auto;gap:4px}.nav-item{white-space:nowrap;padding:9px 10px}.sidebar-footer{display:none}.main-content{padding:27px 16px 20px}.topbar h1{font-size:28px}.topbar-actions{gap:7px}.profile-button strong{display:none}.stats-grid{gap:9px}.stat-card{padding:16px 14px;min-height:125px}.stat-value{font-size:31px;margin-top:14px}.stat-note{font-size:10px}.side-stack{grid-template-columns:1fr}.bottom-grid{margin-top:14px}.mechanic-row{grid-template-columns:34px minmax(90px,1fr) 55px}.mechanic-row>b{display:none}.insight-panel{min-height:220px}footer{display:block;line-height:1.8}}