@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#12243a;--glass:rgba(12,27,43,.86);--border:rgba(171,209,224,.22);--muted:#abc1d0;--green:#48e3ab;--gold:#efb65f;--blue:#74befe}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#1b302f;color:#fff;font:13px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #79d9ff;outline-offset:3px}.mining-app{position:relative;width:100vw;height:100dvh;min-height:580px;overflow:hidden}.mining-map,.map-color-grade,.map-edge{position:absolute;inset:0;width:100%;height:100%}.mining-map{background:#9a8a68}.map-color-grade{pointer-events:none;background:linear-gradient(90deg,rgba(4,15,27,.55) 0,rgba(3,19,29,.09) 28%,rgba(12,27,41,.06) 68%,rgba(5,13,25,.31) 100%);z-index:1}.map-edge{pointer-events:none;box-shadow:inset 0 0 140px #091c2b44;z-index:1}.cesium-widget-credits{display:block!important;left:10px!important;bottom:6px!important;max-width:200px;opacity:.8;z-index:2}
.hud-header{position:absolute;z-index:8;top:0;left:0;right:0;height:77px;padding:15px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(180deg,rgba(4,14,27,.76),rgba(4,14,27,.38) 78%,transparent)}.hud-brand,.hud-right{display:flex;align-items:center;gap:16px}.hud-icon-btn{border:1px solid rgba(213,237,255,.26);border-radius:11px;background:rgba(11,29,48,.6);backdrop-filter:blur(12px);color:#fff;width:44px;height:44px;display:grid;place-items:center;font-size:21px;transition:.18s}.hud-icon-btn:hover{background:rgba(31,63,86,.95);border-color:#7ecbd8}.logo-mark{display:flex;align-items:center;max-width:130px;height:48px}.logo-mark img{max-width:120px;max-height:44px;filter:brightness(0) invert(1);object-fit:contain}.brand-divider{height:33px;border-left:1px solid #bed4dc66}.brand-copy strong{display:block;font:800 22px/1 Barlow Condensed,Inter,sans-serif;letter-spacing:1.8px;white-space:nowrap}.brand-copy strong span{color:var(--green)}.brand-copy small{display:block;margin-top:7px;font-size:9px;color:#b5cbd7;letter-spacing:1.5px;font-weight:800}.brand-copy i{font-style:normal;color:var(--green)}.live-indicator{background:rgba(23,59,55,.74);border:1px solid #80e8c447;border-radius:7px;color:#9df6d0;padding:10px 12px;font-size:10px;font-weight:900;letter-spacing:1px;white-space:nowrap}.live-indicator i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:7px}.hud-clock{color:#e4edf0;font-size:11px;font-weight:700;letter-spacing:.2px}
.hud-kpis{position:absolute;z-index:3;top:95px;right:24px;max-width:calc(100vw - 490px)}.kpis{display:flex;align-items:stretch;gap:9px}.kpi{background:rgba(12,27,43,.83);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:12px;padding:12px 16px;min-width:122px;box-shadow:0 12px 32px #07162655;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.kpi small{display:block;font-size:9px;font-weight:850;color:#a2bed2;letter-spacing:.5px;white-space:nowrap;text-transform:uppercase}.kpi strong{display:block;margin:9px 0 5px;font:800 25px/1 Barlow Condensed,Inter,sans-serif;letter-spacing:.5px;color:white;white-space:nowrap}.kpi p{margin:0;color:#9db4c4;font-size:9px;white-space:nowrap}.kpi i{font-size:14px;color:var(--green);font-style:normal}.kpi.red{border-bottom:2px solid #ff9a7b}.kpi.red i{color:#ff9a7b}.kpi.amber{border-bottom:2px solid #eab65d}.kpi.green{border-bottom:2px solid #47dbae}.kpi.cyan{border-bottom:2px solid #72bbeb}
.mining-drawer{position:absolute;z-index:11;left:0;top:0;bottom:0;width:352px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;background:linear-gradient(165deg,rgba(10,26,45,.98),rgba(12,31,46,.96));border-right:1px solid #8eb5d046;transform:translateX(-105%);transition:transform .28s ease;box-shadow:16px 0 45px #0008}.mining-drawer.open{transform:translateX(0)}.drawer-backdrop{position:absolute;inset:0;z-index:10;background:#0006}.drawer-backdrop[hidden]{display:none!important}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;padding:25px 22px 21px;border-bottom:1px solid #ffffff1e}.drawer-head small{display:block;font-size:9px;letter-spacing:1.8px;color:var(--green);font-weight:900}.drawer-head h2{margin:7px 0 0;font:750 29px/1 Barlow Condensed,Inter,sans-serif;letter-spacing:.5px}.drawer-close{border:1px solid #ffffff32;background:#ffffff10;color:#fff;border-radius:9px;width:35px;height:35px;font-size:24px}.drawer-tabs{display:flex;margin:15px 18px 0;padding:4px;background:#ffffff0d;border:1px solid #ffffff18;border-radius:10px}.drawer-tabs button{flex:1;border:0;background:transparent;color:#9eb4c7;font-size:11px;font-weight:800;padding:12px 5px;border-radius:7px}.drawer-tabs button.active{background:#d7f0ff1d;color:#d4f5ff;box-shadow:inset 0 0 0 1px #8dd7ff36}.drawer-content{overflow:auto;flex:1;padding:15px 18px}.drawer-section{display:none}.drawer-section.active{display:block}.drawer-info{font-size:11px;color:#a7c0ce;line-height:1.6;padding:0 5px 12px}.dock-list{display:flex;flex-direction:column;gap:5px}.dock-entry{display:flex;align-items:center;gap:12px;width:100%;background:transparent;border:1px solid transparent;border-radius:9px;color:#deebf4;text-align:left;padding:10px 11px}.dock-entry.picked,.dock-entry:hover{background:#51a5da23;border-color:#8bd8f04a}.dock-index{display:grid;place-items:center;background:#addbff25;border-radius:6px;width:34px;height:34px;color:#98deec;font-size:11px;font-weight:850;flex-shrink:0}.dock-details{min-width:0}.dock-details b{display:block;font-size:12px}.dock-details small{display:block;margin-top:4px;color:#9eb7ca;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-foot{padding:15px 23px 20px;border-top:1px solid #ffffff23}.all-twins{color:#a5f1d4;text-decoration:none;font-size:11px;font-weight:850;display:block;margin-bottom:11px}.drawer-foot>div{font-size:9px;color:#8aa7bb;line-height:1.55}
.drawer-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;margin:12px 0 20px}.drawer-card-head span{font-size:10px;color:#91ebd0;font-weight:800}.zone-table{display:flex;flex-direction:column;gap:8px}.zone-row{padding:11px 7px;border:1px solid #ffffff1a;border-radius:8px;display:grid;grid-template-columns:1fr 45px;gap:9px}.zone-name{grid-column:1/3}.zone-name strong{font-size:12px}.zone-name small{color:#8caabf;font-size:10px;margin-left:8px}.bar-shell{height:8px;background:#ffffff22;border-radius:8px;overflow:hidden;grid-column:1}.bar-shell i{display:block;height:100%;background:linear-gradient(90deg,#5ea9e8,#38dea7)}.zone-value,.zone-target{font-size:10px;color:#a7c0d1}.zone-status{text-align:right;font-size:11px;font-weight:900}.zone-status.good{color:#70e0b3}.zone-status.warn{color:#f2c174}.zone-status.bad{color:#ff9488}.recommend-panel{margin-top:15px;background:#67b0ed12;border:1px solid #b0e8ff2a;border-radius:10px;padding:15px}.recommend-panel small{color:#89dec3;font-size:9px;font-weight:900;letter-spacing:1px}.recommend-panel strong{display:block;font-size:13px;margin:8px 0}.recommend-panel p{font-size:11px;line-height:1.5;color:#b6cddb}.drawer-actions{display:flex;gap:9px}.cta-button,.quiet-button{padding:9px 14px;border-radius:7px;font-weight:850;border:1px solid #66cdb7;color:#071c28;background:#69ddc1;font-size:11px}.quiet-button{color:#d8e8ee;background:transparent;border-color:#80afbd55}.chart-label{font-weight:850;font-size:11px;margin:16px 0 10px}.chart-label span{font-size:9px;color:#8facbe;float:right}.sparkline{height:105px;display:flex;align-items:flex-end;gap:7px;padding-top:15px}.spark{flex:1;background:linear-gradient(180deg,#4bcfb3,#4289bc);border-radius:5px 5px 0 0;position:relative}.spark span{position:absolute;top:-13px;left:0;width:100%;text-align:center;font-size:9px;color:#b9d8e5}.bar-compare{display:flex;flex-direction:column;gap:9px}.compare-row{display:grid;grid-template-columns:77px 1fr 1fr 36px;gap:5px;align-items:center}.compare-row .label{font-size:10px}.compare-row .track{height:9px;background:#ffffff24;border-radius:6px;overflow:hidden}.compare-row .track i{display:block;height:100%;background:#4c93cc}.compare-row .track.actual i{background:#3dd6b0}.compare-row .delta{font-size:10px}.state-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.state-card{border:1px solid #ffffff2a;border-radius:8px;padding:11px;text-align:center}.state-card strong{display:block;font:800 19px Barlow Condensed}.state-card span{display:block;margin-top:4px;color:#99b4c4;font-size:10px}
.floating-inspector{position:absolute;z-index:4;right:24px;top:222px;width:258px;background:var(--glass);border:1px solid var(--border);border-radius:14px;padding:18px;backdrop-filter:blur(15px);box-shadow:0 14px 36px #07152275;transition:opacity .2s,transform .2s}.floating-inspector.closed{opacity:0;pointer-events:none;transform:translateX(20px)}.inspector-top{display:flex;align-items:center;justify-content:space-between}.inspector-top small{color:#86eac5;font-size:9px;letter-spacing:1.25px;font-weight:900}.inspector-top button{font-size:20px;color:#a8bfd0;border:0;background:none}.inspector-status-dot{color:#62dea6}.inspector-main-title{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:11px}.inspector-main-title>strong{font:850 26px Barlow Condensed,Inter,sans-serif;letter-spacing:.5px}.dock-badge{font-size:9px;color:#48deb0;border-radius:5px;background:#32cda51a;padding:6px}.dock-badge.warning{color:#f4c574;background:#ca8a1d28}.dock-badge.danger{color:#ff9888;background:#ed65552b}.throughput-mini{display:flex;align-items:flex-end;justify-content:space-between;gap:5px;margin-top:16px}.throughput-mini span{font-size:9px;color:#a9bccc;letter-spacing:.4px;font-weight:850}.throughput-mini strong{font:800 22px Barlow Condensed;color:#f6f8ff;white-space:nowrap}.throughput-mini em{font-size:12px;color:#afc3d1;font-style:normal}.throughput-note{display:block;color:#88a7b8;font-size:10px;margin-top:4px}.usage-track{height:5px;border-radius:7px;background:#ffffff25;overflow:hidden;margin-top:9px}.usage-track i{display:block;height:100%;background:linear-gradient(90deg,#4f8cc9,#4dd9b8)}.inspector-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:15px}.metric{padding:10px;border:1px solid #ffffff1c;background:#ffffff0b;border-radius:8px}.metric strong{display:block;font:800 17px Barlow Condensed}.metric span{display:block;font-size:9px;color:#acc1cd;margin-top:5px}.inspect-actions{display:flex;gap:7px;margin-top:13px}.inspect-actions button{flex:1;font-size:10px;font-weight:850;color:#dbeef7;background:#ffffff16;border:1px solid #b4d9f032;padding:8px 7px;border-radius:7px}
.hud-footer-left{position:absolute;z-index:3;bottom:26px;left:25px}.status-dock{display:flex;align-items:center;gap:15px;background:rgba(11,28,44,.84);backdrop-filter:blur(12px);padding:11px 15px;border:1px solid var(--border);border-radius:9px;width:max-content}.status-dock span{display:flex;align-items:center;gap:5px;font-size:10px;color:#d6e9ed;font-weight:650}.status-dock strong{color:#fff;margin-left:3px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.green{background:#3fdb9b}.dot.blue{background:#6bc1ed}.dot.orange{background:#f6aa53}.terrain-caption{font-size:9px;letter-spacing:1.1px;color:#f2f7f7;text-shadow:0 2px 7px #000a;margin-top:12px;font-weight:650}.terrain-caption b{color:#7cf2d0}.terrain-caption span{color:#8ae5c8}
.hud-scenario{position:absolute;z-index:5;left:50%;transform:translateX(-50%);bottom:26px;border:1px solid var(--border);background:rgba(9,25,44,.9);backdrop-filter:blur(14px);box-shadow:0 10px 32px #0017;padding:9px 11px;border-radius:14px;display:flex;align-items:center;gap:15px}.scenario-kicker{font-size:9px;letter-spacing:1.3px;font-weight:950;color:#8fdac8;white-space:nowrap;padding-left:4px}.scenario-kicker small{display:block;font-size:9px;letter-spacing:.1px;color:#f2f8fa;margin-top:6px}.scenario-buttons{display:flex;gap:4px}.scenario-buttons button{min-width:68px;border:0;border-radius:8px;background:transparent;color:#a9becc;padding:7px 9px;display:flex;align-items:center;flex-direction:column;gap:4px}.scenario-buttons button.active,.scenario-buttons button:hover{background:#62cbbd29;color:#93ffe5}.scenario-buttons button b{font-size:18px}.scenario-buttons button span{font-size:10px;font-weight:850}
.hud-quick-actions{position:absolute;z-index:4;right:24px;bottom:27px;display:flex;gap:8px}.hud-quick-actions button{border:1px solid #a6d7db58;background:rgba(9,29,43,.88);color:#e8fbfb;padding:12px 13px;border-radius:10px;font-size:11px;font-weight:800;backdrop-filter:blur(14px)}.hud-quick-actions button:last-child{background:#51cbb5;color:#083024;border-color:#98f3d9}
.floating-notification{position:absolute;z-index:4;left:25px;top:115px;width:304px;display:flex;align-items:flex-start;gap:12px;background:rgba(17,35,50,.86);backdrop-filter:blur(15px);border:1px solid #cfb5895c;border-radius:12px;padding:14px;box-shadow:0 10px 40px #0016}.floating-notification.closed{display:none}.toast-icon{background:#c38a48;color:#fff;border-radius:8px;width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;font-weight:900}.toast-content{min-width:0}.toast-content small{color:#f1bc82;font-size:9px;letter-spacing:.7px;font-weight:850}.toast-content strong{display:block;font-size:11px;line-height:1.4;margin-top:6px;color:#e2eff3}.toast-content p{display:none}.toast-content button{margin-top:10px;border:0;background:none;color:#8bf0cf;padding:0;font-size:10px;font-weight:850}.toast-close{background:none;border:0;color:#abbfca;font-size:18px;padding:0}.attribution{position:absolute;z-index:2;bottom:3px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:8px;color:#cfdfdf;text-shadow:0 1px 4px #07161e;font-weight:750;letter-spacing:1.2px;pointer-events:none}
@media(max-width:1450px){.hud-kpis{right:18px}.kpi{min-width:105px;padding:12px}.kpi small{font-size:8px}.kpi strong{font-size:23px}.floating-inspector{right:18px;top:207px}.hud-footer-left{left:17px}.floating-notification{left:17px}.hud-quick-actions{right:18px}.hud-scenario{bottom:80px}}
@media(max-width:1120px){.hud-header{padding:12px 15px}.hud-clock,.brand-copy small{display:none}.hud-kpis{left:16px;right:16px;top:87px;max-width:none}.kpis{justify-content:space-between}.kpi{flex:1;min-width:0}.kpi:nth-child(5){display:none}.floating-inspector{top:205px;right:16px}.floating-notification{top:auto;bottom:120px}.hud-scenario{bottom:22px}.hud-quick-actions{bottom:125px}.terrain-caption{display:none}.status-dock{font-size:9px}}
@media(max-width:720px){.hud-header{height:60px}.logo-mark,.brand-divider,.live-indicator span,.hud-clock{display:none}.brand-copy strong{font-size:19px}.live-indicator{font-size:0;padding:8px}.hud-kpis{top:72px;left:10px;right:10px}.kpis{gap:5px}.kpi{padding:8px;border-radius:8px}.kpi small{font-size:7px}.kpi strong{font-size:20px}.kpi p,.kpi i{display:none}.floating-inspector{top:150px;right:10px;width:220px;padding:12px}.floating-notification{left:10px;bottom:166px;width:230px;padding:10px}.status-dock{bottom:10px;padding:6px;gap:7px}.hud-footer-left{bottom:85px;left:10px}.hud-scenario{bottom:10px;left:10px;right:10px;transform:none;justify-content:space-between}.scenario-buttons button{min-width:48px;padding:6px}.scenario-kicker{display:none}.hud-quick-actions{bottom:73px;right:10px}.hud-quick-actions button{padding:9px}.hud-quick-actions span{display:none}.attribution{display:none}}

.layer-toggle{margin:0 0 18px;display:flex;align-items:center;gap:12px;cursor:pointer;padding:13px 12px;border:1px solid #95d9ca47;background:#7dffd10b;border-radius:9px}
.layer-toggle input{accent-color:#52dcb2;width:17px;height:17px;flex-shrink:0}
.layer-toggle span b{display:block;font-size:11px;color:#dffbf6}
.layer-toggle span small{display:block;font-size:9px;color:#9cb9c2;margin-top:5px;line-height:1.4}