:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#e5f3f8;background:#06131d;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}#viewport{position:absolute;inset:0;width:100%;height:100%;display:block;background:radial-gradient(ellipse at 57% 34%,#1d4152,#061621 76%)}#app:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,14,23,.45) 0,transparent 33%,transparent 75%,rgba(4,14,23,.26)),linear-gradient(180deg,rgba(3,12,20,.65) 0,transparent 23%,transparent 68%,rgba(3,12,20,.65));}
.top{height:72px;position:absolute;z-index:5;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 35px;border-bottom:1px solid rgba(142,203,215,.14);background:rgba(5,17,27,.76);backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:13px;letter-spacing:1px}.brand .logo{font-size:32px;color:#47e6cd}.brand strong{font-size:18px;font-weight:800;letter-spacing:1.8px}.brand .thin{font-weight:300;color:#b3ccd2}.brand small{display:block;font-size:9px;margin-top:3px;color:#69929d;letter-spacing:2.5px}.system{display:flex;gap:18px;align-items:center;font-size:10px;letter-spacing:1.2px;color:#8faeb6}.live{color:#67e7bf;white-space:nowrap}.pulse,.green-dot{display:inline-block;background:#53e7b5;width:7px;height:7px;border-radius:50%;box-shadow:0 0 11px #53e7b5}.pulse{margin-right:8px;animation:pulse 2s infinite}.separator{width:1px;height:17px;background:#36525d}@keyframes pulse{50%{opacity:.3}}
.sidebar{position:absolute;z-index:4;left:22px;top:89px;bottom:78px;width:354px;padding:21px 24px;overflow:auto;background:linear-gradient(140deg,rgba(11,32,44,.96),rgba(6,21,32,.94));border:1px solid rgba(128,186,200,.2);box-shadow:0 17px 55px rgba(0,0,0,.34);border-radius:9px;scrollbar-width:thin;scrollbar-color:#2e5968 transparent}.eyebrow,.section-title{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#7d9ca7;display:flex;justify-content:space-between}.eyebrow span{color:#4fbcae}.sidebar h1{font-size:23px;line-height:1.25;letter-spacing:-.8px;font-weight:620;margin:18px 0 18px}.sidebar h1 em{color:#56d6c6;font-style:normal}.tabs{display:flex;gap:0;border-bottom:1px solid #2d4a56;margin:0 -5px 20px}.tabs button{color:#72939f;padding:12px 15px;border:0;background:none;font-weight:700;font-size:10px;letter-spacing:1px;border-bottom:2px solid transparent}.tabs button.active{border-bottom-color:#4ae0bf;color:#e6fffc}.section-title{align-items:center}.section-title.space{margin-top:27px;margin-bottom:16px}.tag{color:#67e9bb;font-size:9px;background:#174438;padding:4px 8px;border-radius:3px}.stat-hero{margin:15px 0 14px;padding:15px 16px;border-radius:5px;background:linear-gradient(135deg,#112f3d,#0c2634);border:1px solid #2e5260}.label,.stat span:first-child{font-size:9px;color:#80a4ad;letter-spacing:1.1px}.stat-hero>div:nth-child(2){display:flex;align-items:baseline;gap:8px;margin:8px 0}.stat-hero strong{font-size:37px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-1.7px}.stat-hero>div:nth-child(2)>span{font-size:12px;color:#7eacb8}.mini-bar{height:5px;background:#244451;border-radius:8px;overflow:hidden}.mini-bar>div{height:100%;width:76.5%;background:linear-gradient(90deg,#31b6ae,#7cedbb)}.stat-hero>small{color:#668d99;display:block;margin-top:8px;font-size:10px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{min-height:74px;padding:12px 11px;background:rgba(24,52,65,.55);border:1px solid rgba(120,177,188,.13);border-radius:5px}.stat strong{display:block;font-size:22px;font-variant-numeric:tabular-nums;margin-top:8px;letter-spacing:-.7px;font-weight:650}.stat strong small{color:#8aa8b1;font-size:11px;font-weight:400}.spark{height:8px;margin-top:7px;background:linear-gradient(120deg,transparent 15%,#2e777c 15%,transparent 16%,transparent 30%,#52b9aa 30%,transparent 32%,transparent 46%,#44a69f 46%,transparent 48%,transparent 61%,#37bfb0 61%,transparent 63%);opacity:.5}.control{margin-top:14px}.control-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.control-heading label{font-size:11px;color:#a4bfca}.control-heading output{color:#63dece;font-size:11px;font-variant-numeric:tabular-nums}input[type=range]{appearance:none;width:100%;height:3px;background:#315161;border-radius:10px;outline:none;display:block;margin:11px 0 4px;accent-color:#59ddca}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid #64dfcc;background:#092836;border-radius:50%;width:13px;height:13px;box-shadow:0 0 10px #53b7a6}.presets{display:grid;grid-template-columns:1fr 1fr;gap:7px}.presets button{background:#102d3c;color:#9bbcc7;border:1px solid #2e505d;padding:10px 7px;border-radius:4px;font-weight:700;font-size:9px;letter-spacing:.8px}.presets button:hover,.presets button.on{border-color:#59cbbd;color:#c5fff1;background:#17483e}.alerts{font-size:11px;color:#94cdbd;border-left:2px solid #54ba9e;background:#12352f;padding:10px 12px;line-height:1.5}.alerts.warn{background:#493220;color:#f6c58d;border-color:#e0a64e}.systemrow{border:1px solid #284857;background:#0d2a38;padding:13px 14px;margin:9px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:4px}.systemrow:hover{background:#164152}.systemrow b{font-size:11px;letter-spacing:.6px}.systemrow small{font-size:9px;color:#79a4ae;display:block;margin-top:5px}.systemrow em{font-style:normal;font-size:10px;color:#55d9c7}.info-note,.basis{color:#8faab5;font-size:11px;line-height:1.8;margin-top:16px}.basis{border-left:2px solid #296a73;padding:8px 14px;background:#0a2836}
.rightbar{position:absolute;z-index:4;top:100px;right:26px;width:94px;padding:13px 8px 15px;border-radius:7px;background:rgba(7,23,34,.82);backdrop-filter:blur(12px);border:1px solid rgba(125,185,196,.22);display:flex;flex-direction:column;gap:5px}.rail-title{font-size:8px;letter-spacing:1px;color:#7c9ca7;text-align:center;margin-bottom:10px}.rail{height:48px;background:transparent;color:#7195a0;border:1px solid transparent;border-radius:5px;font-size:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.rail span{font-size:8px;letter-spacing:.5px}.rail:hover,.rail.active,.rail.on{background:rgba(38,104,105,.3);color:#5ee9d5;border-color:#356b72}.rail-divider{height:1px;background:#264452;margin:7px 3px}.bottomleft{position:absolute;z-index:3;left:405px;bottom:26px;color:#a0bcc7;font-size:10px;letter-spacing:1px}.coords{font-size:10px;color:#b6eee4}.hint{font-size:9px;color:#7199a4;margin-top:8px}.hint span{color:#51d5be;padding:0 6px}.bottom-center{position:absolute;z-index:3;width:430px;height:166px;right:135px;bottom:27px;background:rgba(5,24,37,.84);padding:13px 15px 8px;border:1px solid #2b5664;border-radius:7px;backdrop-filter:blur(8px)}.dataheading{display:flex;justify-content:space-between;font-weight:700;font-size:9px;letter-spacing:1px;color:#a7c3c9}.dataheading span+span{color:#5c8e98;font-size:8px}#productionChart{display:block;width:100%;height:105px}.xlabels{display:flex;justify-content:space-between;color:#65909b;font-size:9px;letter-spacing:.5px}.inspection{position:absolute;z-index:8;right:142px;top:116px;width:285px;background:rgba(7,28,41,.96);border:1px solid #3b7980;padding:19px;border-radius:6px;box-shadow:0 14px 50px #0008}.inspection>small{font-size:9px;color:#5cdbbf;letter-spacing:1.5px}.inspection h3{font-size:16px;margin:12px 0}.inspection p{color:#9bb6bf;font-size:12px;line-height:1.55}.inspection #inspProps>div{padding:8px 0;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #264550;font-size:11px}.inspection #inspProps>div span{color:#7296a0}#closeInspection{position:absolute;right:12px;top:8px;font-size:23px;background:none;border:none;color:#9dc9c5}.sectorLabel{position:absolute;z-index:3;color:#e8fbfd;letter-spacing:1.2px;white-space:nowrap;pointer-events:none;text-shadow:0 2px 10px #00111b,0 0 5px #00111b;font-size:10px;font-weight:800;transform:translate(-50%,-50%)}.sectorLabel:before{content:'●';font-size:8px;color:#5ae1c5;margin-right:7px}.sectorLabel small{display:block;text-align:center;color:#7bd4c9;font-weight:450;margin-top:3px;font-size:8px}#startup{position:absolute;inset:0;background:#071924;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;color:#c5f5ee;font-size:12px;letter-spacing:2px;transition:opacity .55s}#startup small{font-size:10px;letter-spacing:1px;color:#749ca6}.spinner{width:38px;height:38px;border-radius:50%;border:2px solid #1b5760;border-top-color:#59ebd0;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:980px){.sidebar{width:300px;left:10px;padding:15px;bottom:35px}.bottomleft{display:none}.bottom-center{width:300px;right:95px}.rightbar{right:8px;width:76px}.top{padding:0 12px}.brand strong{font-size:14px}.brand small{font-size:7px}.system{gap:8px}.system #fps{display:none}.inspection{right:95px}}@media(max-width:640px){.sidebar{top:auto;height:43vh;bottom:0;width:calc(100% - 88px);left:0;border-radius:0;overflow:auto}.rightbar{right:0;top:72px;width:67px}.bottom-center,.system .separator,.system #clock{display:none}.top{height:60px}.system{font-size:8px}.brand small{letter-spacing:.5px}.rail{height:40px;font-size:16px}.inspection{right:74px;top:75px;width:calc(100% - 100px)}.sidebar h1{font-size:19px}}