:root{--navy-2:#0f2433;--ink:#17212b;--muted:#71808d;--line:#e5ebef;--canvas:#f4f7f8;--teal:#079c91;--teal-soft:#e3f5f2;--blue:#2876d2;--amber:#f3a51b;--danger:#dc664a}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,Arial,sans-serif}button{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:10;background:var(--navy-2);color:#fff;flex-direction:column;width:236px;padding:20px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 28px #0f243314}.sidebar-brand{align-items:center;gap:12px;min-height:48px;margin:0 7px 28px;display:flex}.brand-mark{color:#6ce5d8;border:2px solid #55d5c8;border-radius:12px 12px 12px 4px;flex:none;place-items:center;width:40px;height:40px;font-size:20px;font-weight:900;display:grid;transform:rotate(-3deg)}.sidebar-brand strong,.sidebar-brand small,.nav-copy strong,.nav-copy small,.sidebar-bottom strong,.sidebar-bottom small{display:block}.sidebar-brand strong{color:#f4fbfb;letter-spacing:-.02em;margin-bottom:4px;font-size:14px}.sidebar-brand small{color:#7f96a3;font-size:9px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.nav-section-title{color:#647d8b;letter-spacing:.12em;margin:0 10px 5px;font-size:9px;font-weight:800}.nav-section-title.management{border-top:1px solid #ffffff14;margin-top:17px;padding-top:17px}.nav-button{color:#91a4af;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:11px;width:100%;min-height:54px;padding:7px 10px;transition:all .2s;display:grid;position:relative}.nav-button:hover{color:#fff;background:#ffffff12}.nav-button.active{color:#76e1d5;background:#1cc3b324}.nav-button.active:before{content:"";background:#65dacf;border-radius:0 4px 4px 0;width:3px;height:30px;position:absolute;top:12px;left:-16px}.nav-icon{background:#ffffff0b;border:1px solid #ffffff14;border-radius:10px;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.nav-icon svg{stroke-width:1.9px;width:19px;height:19px}.nav-button.active .nav-icon{background:#65dacf1f;border-color:#65dacf38}.nav-copy{min-width:0}.nav-copy strong{color:#d4dfe4;margin-bottom:4px;font-size:11px}.nav-button.active .nav-copy strong{color:#82e6dc}.nav-copy small{color:#718995;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.nav-button b{border:2px solid var(--navy-2);background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:8px;line-height:1;display:grid;position:absolute;top:6px;right:7px}.sidebar-bottom{color:#c6d4dc;border-top:1px solid #ffffff14;align-items:center;gap:10px;min-height:48px;margin-top:auto;padding:8px;display:flex}.sidebar-bottom>span{background:#294252;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;font-size:9px;font-weight:800;display:grid}.sidebar-bottom strong{margin-bottom:3px;font-size:9px}.sidebar-bottom small{color:#64cfc4;font-size:8px}.page-wrap{width:100%;min-width:0;margin-left:236px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:86px;padding:0 36px;display:flex}.eyebrow{color:var(--teal);letter-spacing:.16em;margin:0 0 4px;font-size:10px;font-weight:800}.topbar h1{letter-spacing:-.03em;margin:0;font-size:21px;line-height:1.2}.header-actions{align-items:center;gap:14px;display:flex}.live-chip{background:var(--teal-soft);color:#087b73;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.live-chip span{background:var(--teal);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;box-shadow:0 0 0 5px #079c911f}@keyframes pulse{50%{box-shadow:0 0 0 8px #079c9100}}.icon-button{border:1px solid var(--line);color:#536571;cursor:pointer;background:#fff;border-radius:11px;width:38px;height:38px;position:relative}.icon-button b{background:var(--danger);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;display:grid;position:absolute;top:-5px;right:-5px}.profile-button{cursor:pointer;color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:0 0 0 5px;display:flex}.avatar{color:#425663;background:#edf1f3;border-radius:11px;place-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:grid}.profile-button strong,.profile-button small{display:block}.profile-button strong{font-size:12px}.profile-button small{color:#89959d;margin-top:2px;font-size:10px}.profile-button i{color:#9ba6ad;font-style:normal}.dashboard-content{width:100%;max-width:none;margin:0;padding:28px 24px 44px}.welcome-row{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.welcome-row h2{letter-spacing:-.04em;margin:0 0 7px;font-size:25px}.welcome-row p{color:var(--muted);margin:0;font-size:13px}.updated-time{color:#8a969e;font-size:11px}.updated-time strong{color:#50616c}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:16px;display:grid}.summary-card{border:1px solid var(--line);background:#fff;border-radius:16px;min-height:130px;padding:22px 20px;position:relative;overflow:hidden;box-shadow:0 4px 18px #1c344109}.summary-card.primary{color:#fff;background:linear-gradient(145deg,#183548,#102938);border-color:#0000}.summary-card.primary:after{content:"";border:28px solid #6ae1d414;border-radius:50%;width:150px;height:150px;position:absolute;top:-52px;right:-35px}.summary-card>div:not(.summary-icon):not(.mini-bars){justify-content:space-between;align-items:flex-end;margin-left:49px;display:flex}.summary-icon{color:#66ddd1;background:#ffffff1f;border-radius:11px;place-items:center;width:36px;height:36px;font-size:15px;font-weight:900;display:grid;position:absolute;top:21px;left:19px}.summary-icon.green{background:var(--teal-soft);color:var(--teal)}.summary-icon.amber{color:var(--amber);background:#fff4dc}.summary-icon.blue{color:var(--blue);background:#eaf2fc}.summary-card span{color:#7c8a93;font-size:12px;font-weight:650}.summary-card.primary span{color:#b7c7d0}.summary-card strong{letter-spacing:-.04em;font-size:29px;line-height:1}.summary-card strong small{color:#82919b;margin-left:4px;font-size:12px;font-weight:700}.summary-card.primary strong small{color:#adc1cb}.summary-card p{color:#84919a;margin:20px 0 0 49px;font-size:11px}.summary-card.primary p{color:#a9bac3}.summary-card p b{color:#6fe0d4}.summary-card .positive{color:#079c91}.summary-card .warning-text{color:#c77d07}.mini-bars{align-items:flex-end;gap:3px;width:82px;height:31px;display:flex;position:absolute;bottom:20px;right:17px}.mini-bars i{opacity:.58;background:#7eb4ec;border-radius:3px 3px 1px 1px;flex:1;display:block}.stock>div:nth-child(2){display:block!important}.stock>div:nth-child(2) strong{margin-top:12px;display:block}.main-grid{grid-template-columns:minmax(0,1.72fr) minmax(300px,.78fr);align-items:start;gap:16px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:17px;box-shadow:0 4px 18px #1c344109}.panel-head{border-bottom:1px solid #edf1f3;justify-content:space-between;align-items:center;min-height:79px;padding:18px 21px;display:flex}.panel-head h3{letter-spacing:-.025em;margin:0 0 5px;font-size:16px}.panel-head p{color:#8a969e;margin:0;font-size:11px}.panel-head.compact{min-height:68px}.filter-group{background:#f2f5f6;border-radius:10px;padding:3px}.filter-group button{color:#7b8992;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 11px;font-size:11px;font-weight:700}.filter-group button.active{color:var(--ink);background:#fff;box-shadow:0 2px 7px #1f2f3817}.tank-list{padding:0 14px}.tank-row{width:100%;min-height:76px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eef2f4;grid-template-columns:38px minmax(128px,1.3fr) minmax(110px,1fr) minmax(100px,.8fr) minmax(108px,.8fr) 18px;align-items:center;gap:12px;padding:10px 8px;transition:all .18s;display:grid}.tank-row:hover,.tank-row.selected{background:#f4fbfa;border-radius:10px;width:calc(100% + 8px);margin:0 -4px;padding-left:12px;padding-right:12px}.tank-visual{background:#edf4f5;border:2px solid #aabac3;border-radius:5px 5px 8px 8px;width:27px;height:38px;display:block;position:relative;overflow:hidden}.tank-visual:before{content:"";z-index:2;background:#aabac3;border-radius:4px;height:5px;position:absolute;top:-3px;left:5px;right:5px}.tank-visual i{background:linear-gradient(#5ed4ca,#11a99d);position:absolute;inset:auto 0 0}.tank-visual i.warn{background:linear-gradient(#f7bf52,#ee9a13)}.tank-row strong,.tank-row small{display:block}.tank-identity strong,.tank-amount strong{margin-bottom:5px;font-size:12px}.tank-row small{color:#8a979f;font-size:10px}.tank-amount{text-align:right}.tank-amount strong{font-variant-numeric:tabular-nums}.percent-block>strong{color:#078f85;margin-bottom:8px;font-size:13px}.percent-block>strong.warn{color:#d88708}.percent-block>span{background:#e8eeee;border-radius:4px;width:100%;height:5px;display:block;overflow:hidden}.percent-block>span i{border-radius:inherit;background:var(--teal);height:100%;display:block}.percent-block>span i.warn{background:var(--amber)}.receive-state{align-items:center;gap:8px;display:flex}.receive-state>i{background:var(--teal);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 4px #079c911a}.receive-state>i.warning{background:var(--amber);box-shadow:0 0 0 4px #f3a51b1f}.receive-state>i.offline{box-shadow:none;background:#a7b0b6}.receive-state strong{margin-bottom:3px;font-size:10px}.row-arrow{color:#a5b0b7;text-align:right;font-size:20px}.view-all{color:#53656f;cursor:pointer;background:#fbfcfc;border:0;border-top:1px solid #edf1f3;border-radius:0 0 17px 17px;width:100%;height:44px;font-size:11px;font-weight:700}.view-all span{color:var(--teal);margin-left:5px}.empty-state{color:#89969e;text-align:center;padding:45px;font-size:12px}.empty-state strong,.empty-state span{display:block}.empty-state strong{color:#52646e;margin-bottom:7px;font-size:13px}.side-column{gap:16px;display:grid}.section-label{color:#8c979e;letter-spacing:.08em;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.status-pill{color:#087e75;background:var(--teal-soft);border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800}.status-pill.warning{color:#b06b00;background:#fff1d4}.status-pill.offline{color:#6f7d85;background:#edf1f3}.gauge-wrap{align-items:center;gap:22px;padding:24px 24px 20px;display:flex}.gauge{--level:50%;background:#f7fafa;border:8px solid #edf2f3;border-radius:50%;flex:none;width:94px;height:94px;position:relative;overflow:hidden}.gauge-fill{height:var(--level);background:linear-gradient(#73ddd3,#19a99d);transition:height .35s;position:absolute;inset:auto 0 0}.gauge-fill:before{content:"";background:#8de3db;border-radius:50%;height:8px;position:absolute;top:-4px;left:-8px;right:-8px}.gauge-fill.warn{background:linear-gradient(#f5c45e,#e99a17)}.gauge-fill.warn:before{background:#f8d080}.gauge-copy{color:#17303d;text-shadow:0 1px #fff;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gauge-copy strong{letter-spacing:-.05em;font-size:25px}.gauge-copy span{margin:7px 0 0 2px;font-size:10px;font-weight:800}.gauge-summary>span{color:#8b979f;font-size:10px}.gauge-summary>strong{letter-spacing:-.04em;margin:6px 0;font-size:24px;display:block}.gauge-summary strong small{color:#687984;font-size:11px}.gauge-summary p{color:#7e8e97;margin:0;font-size:10px}.measure-grid{background:#fafcfc;border:1px solid #edf1f3;border-radius:12px;grid-template-columns:1fr 1fr;margin:0 20px 18px;display:grid}.calibration-application{background:#f5fbfa;border:1px solid #d9e7e5;border-radius:11px;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;margin:-4px 20px 16px;padding:12px 14px;display:grid}.calibration-application:before,.calibration-link-status:before{content:"";background:#0aa297;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #0aa2971a}.calibration-application>span{color:#087d75;grid-column:2;font-size:11px;font-weight:850}.calibration-application>strong{color:#233b45;grid-column:2;font-size:13px}.calibration-application>small{color:#778891;grid-column:2;font-size:11px}.calibration-application.missing{background:#fafbfb;border-color:#e6e9ea}.calibration-application.missing:before,.calibration-link-status.missing:before{box-shadow:none;background:#a3adb2}.measure-grid div{padding:13px}.measure-grid div:nth-child(odd){border-right:1px solid #edf1f3}.measure-grid div:not(:nth-last-child(-n+2)){border-bottom:1px solid #edf1f3}.measure-grid dt{color:#89969e;margin-bottom:5px;font-size:9px}.measure-grid dd{color:#293a45;margin:0;font-size:12px;font-weight:800}.measure-grid dd small{color:#71818b;font-size:9px}.signal-value.excellent,.signal-value.good{color:#078f85}.signal-value.fair{color:#526974}.signal-value.weak{color:#c47b08}.signal-value.critical{color:#c4513b}.signal-value.unknown{color:#89969e}.detail-button{color:#087f76;cursor:pointer;background:#f3fbfa;border:1px solid #bddfdc;border-radius:10px;width:calc(100% - 40px);height:38px;margin:0 20px 20px;font-size:11px;font-weight:800}.text-button{color:var(--teal);cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:800}.alert-item{grid-template-columns:34px 1fr auto;align-items:start;gap:10px;padding:16px 18px 18px;display:grid}.alert-icon{color:#c17500;background:#fff1d6;border-radius:10px;place-items:center;width:31px;height:31px;font-size:13px;font-weight:900;display:grid}.alert-item strong{font-size:11px}.alert-item p{color:#65757f;margin:4px 0;font-size:10px;line-height:1.45}.alert-item small{color:#9aa4aa;font-size:9px}.alert-item button{color:#687983;cursor:pointer;background:#fff;border:1px solid #e1e7ea;border-radius:7px;margin-top:4px;padding:5px 8px;font-size:9px}.alert-item.acknowledged{opacity:.58}.alert-item button:disabled{cursor:default}.system-notice{grid-template-columns:34px 1fr;gap:10px;padding:16px 18px 18px;display:grid}.system-notice strong{font-size:11px}.system-notice p{color:#65757f;margin:4px 0;font-size:10px;line-height:1.45}.system-notice small{color:#9aa4aa;font-size:9px}.detail-empty{color:#7f8e97;text-align:center;align-content:center;justify-items:center;min-height:280px;padding:30px;display:grid}.detail-empty strong{color:#445862;font-size:13px}.detail-empty p{max-width:240px;margin:8px 0 0;font-size:10px;line-height:1.6}.data-error{color:#a14437;background:#fff6f4;border:1px solid #f2d5d1;border-radius:10px;margin:-6px 0 16px;padding:10px 14px;font-size:11px}.admin-welcome{align-items:center}.refresh-button{color:#087f76;cursor:pointer;background:#f3fbfa;border:1px solid #bddfdc;border-radius:10px;min-width:92px;height:38px;padding:0 15px;font-size:11px;font-weight:800}.refresh-button:disabled{opacity:.62;cursor:wait}.admin-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:16px;display:grid}.admin-overview article{border:1px solid var(--line);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;min-height:104px;padding:22px 24px;display:flex;box-shadow:0 4px 18px #1c344109}.admin-overview span{color:#71808d;font-size:12px;font-weight:700}.admin-overview strong{color:#17313f;letter-spacing:-.04em;font-size:30px}.admin-overview small{color:#82919b;margin-left:4px;font-size:11px}.site-management-panel{margin-bottom:16px}.site-management-body{grid-template-columns:minmax(300px,.7fr) minmax(420px,1.3fr);align-items:center;gap:18px;padding:20px;display:grid}.site-create-form{grid-template-columns:minmax(0,1fr) 92px;align-items:end;gap:10px;display:grid}.site-create-form label{color:#52646e;font-size:13px;font-weight:800}.site-create-form input{color:#354a55;width:100%;height:39px;font:inherit;background:#fbfdfd;border:1px solid #d9e3e6;border-radius:9px;outline:none;margin-top:7px;padding:0 10px}.site-create-form input:focus{border-color:#43bcb3;box-shadow:0 0 0 3px #13a69b1a}.site-create-form button{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:9px;height:39px;font-size:12px;font-weight:850}.site-create-form button:disabled{opacity:.5;cursor:default}.site-list{flex-wrap:wrap;align-items:center;gap:8px;min-height:39px;display:flex}.site-list>span{background:#f6fbfa;border:1px solid #dce7e8;border-radius:10px;align-items:center;gap:9px;min-height:38px;padding:0 12px;display:flex}.site-list strong{color:#304650;font-size:13px}.site-list small{color:#7e8f97;font-size:11px}.site-list p{color:#8b979f;margin:0;font-size:12px}.tank-create-panel{margin-bottom:16px}.tank-create-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px 20px 13px;display:grid}.tank-create-form label{color:#52646e;font-size:10px;font-weight:800}.tank-create-form input,.tank-create-form select{color:#354a55;width:100%;height:39px;font:inherit;background:#fbfdfd;border:1px solid #d9e3e6;border-radius:9px;outline:none;margin-top:7px;padding:0 10px}.tank-create-form input:focus,.tank-create-form select:focus{border-color:#43bcb3;box-shadow:0 0 0 3px #13a69b1a}.tank-create-form>button{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:9px;align-self:end;height:39px;font-size:11px;font-weight:850}.tank-create-form>button:disabled{opacity:.6;cursor:wait}.calibration-hint{color:#8b979f;margin:0 20px 18px;font-size:10px}.admin-device-panel{overflow:hidden}.assigned-device-panel{margin-bottom:16px}.device-table{padding:0 20px 20px}.device-row{color:#51636e;border-bottom:1px solid #edf1f3;grid-template-columns:minmax(190px,1.3fr) minmax(90px,.65fr) minmax(100px,.75fr) minmax(90px,.6fr) minmax(280px,1.5fr);align-items:center;gap:16px;min-height:68px;font-size:11px;display:grid}.device-row.device-head{color:#8a969e;min-height:46px;font-size:10px;font-weight:800}.device-name strong,.device-name small{display:block}.device-name strong{color:#20343f;margin-bottom:5px;font-size:12px}.device-name small{color:#8b979f;font-size:9px}.assignment-control{grid-template-columns:minmax(0,1fr) 58px;gap:7px;display:grid}.assignment-control.assigned-control{grid-template-columns:minmax(0,1fr) 52px 52px}.assignment-control.unassigned-control{grid-template-columns:minmax(0,1fr) 58px 58px}.assignment-control select{color:#354a55;min-width:0;height:36px;font:inherit;background:#fbfdfd;border:1px solid #d9e3e6;border-radius:9px;outline:none;padding:0 9px}.assignment-control select:focus{border-color:#43bcb3;box-shadow:0 0 0 3px #13a69b1a}.assignment-control button{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:9px;height:36px;font-size:10px;font-weight:800}.assignment-control button:disabled{opacity:.45;cursor:default}.assignment-control button.secondary{color:#667984;background:#fff;border:1px solid #d8e1e5}.assignment-control button.danger{color:#b34f3b;background:#fff7f5;border:1px solid #efc9c2}.admin-empty{color:#8b979f;text-align:center;align-content:center;justify-items:center;min-height:210px;font-size:11px;display:grid}.admin-empty strong,.admin-empty span{display:block}.admin-empty strong{color:#52646e;margin-bottom:7px;font-size:13px}.admin-note{color:#9a6a13;background:#fff8e9;border-radius:9px;margin:0 20px 20px;padding:11px 13px;font-size:10px}.calibration-layout{grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);align-items:start;gap:16px;display:grid}.calibration-form{gap:15px;padding:20px;display:grid}.calibration-link-status{background:#f3faf9;border:1px solid #cfe5e2;border-radius:10px;grid-template-columns:10px 1fr;align-items:center;gap:4px 10px;padding:13px 14px;display:grid}.calibration-link-status>span,.calibration-link-status>strong,.calibration-link-status>small{grid-column:2;display:block}.calibration-link-status>span{color:#087d75;font-size:12px;font-weight:850}.calibration-link-status>strong{color:#263e48;font-size:14px}.calibration-link-status>small{color:#75868f;font-size:11px}.calibration-link-status.missing{background:#fafbfb;border-color:#e2e7e9}.calibration-form label{color:#52646e;font-size:10px;font-weight:800}.calibration-form select,.calibration-form textarea{color:#354a55;width:100%;font:inherit;background:#fbfdfd;border:1px solid #d9e3e6;border-radius:9px;outline:none;margin-top:7px}.calibration-form select{height:40px;padding:0 10px}.calibration-form textarea{resize:vertical;min-height:300px;padding:12px;font-family:Consolas,Courier New,monospace;font-size:11px;line-height:1.65}.calibration-form select:focus,.calibration-form textarea:focus{border-color:#43bcb3;box-shadow:0 0 0 3px #13a69b1a}.file-picker{background:#f7fbfb;border:1px dashed #bed2d6;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:10px 12px;display:flex}.file-picker input{color:#75858e;max-width:220px;font-size:9px}.calibration-form>button{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:10px;height:42px;font-size:11px;font-weight:850}.calibration-form>button:disabled{opacity:.55;cursor:default}.form-message{color:#39736e;background:#eef8f6;border-radius:9px;margin:-4px 20px 20px;padding:10px 12px;font-size:10px;line-height:1.5}.calibration-error{color:#a14437;text-align:center;place-items:center;min-height:260px;padding:28px;font-size:11px;display:grid}.calibration-summary{border:1px solid #e7edef;border-radius:12px;grid-template-columns:repeat(2,1fr);margin:20px;display:grid;overflow:hidden}.calibration-summary div{border-bottom:1px solid #e7edef;padding:16px}.calibration-summary div:nth-child(odd){border-right:1px solid #e7edef}.calibration-summary div:nth-last-child(-n+2){border-bottom:0}.calibration-summary span,.calibration-summary strong{display:block}.calibration-summary span{color:#89969e;margin-bottom:7px;font-size:9px}.calibration-summary strong{color:#253944;font-size:18px}.calibration-summary small{color:#71818b;font-size:9px}.calibration-table{border:1px solid #e7edef;border-radius:10px;max-height:410px;margin:0 20px 20px;overflow:auto}.calibration-table>div{border-bottom:1px solid #eef2f4;grid-template-columns:1fr 1fr;align-items:center;min-height:38px;display:grid}.calibration-table>div span{color:#536670;text-align:right;padding:0 13px;font-size:10px}.calibration-table>div span:first-child{border-right:1px solid #eef2f4}.calibration-table .calibration-table-head{background:#f6f9fa;font-weight:800;position:sticky;top:0}.calibration-table p{color:#8a969e;text-align:center;margin:0;padding:11px;font-size:9px}.tracker-layout{grid-template-columns:minmax(260px,.66fr) minmax(500px,1.34fr);align-items:start;gap:16px;display:grid}.vehicle-list{max-height:610px;padding:10px;overflow:auto}.vehicle-list button{color:#304550;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf1f3;border-radius:9px;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:64px;padding:11px;display:grid}.vehicle-list button:hover,.vehicle-list button.selected{background:#f0faf8}.vehicle-list button strong,.vehicle-list button small{display:block}.vehicle-list button strong{margin-bottom:5px;font-size:11px}.vehicle-list button small{color:#89969e;font-size:9px}.vehicle-list button b{color:#667984;font-size:9px}.vehicle-status-dot{background:#aab4ba;border-radius:50%;width:8px;height:8px}.vehicle-status-dot[data-active=true]{background:var(--teal);box-shadow:0 0 0 4px #079c911a}.map-link{color:#087f76;border:1px solid #c9dcdf;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:800;text-decoration:none}.position-map{background:#edf2f3;border:0;width:100%;height:420px;display:block}.map-empty{color:#87959d;background:#f3f6f7;align-content:center;justify-items:center;height:420px;font-size:10px;display:grid}.map-empty strong{color:#536670;margin-bottom:7px;font-size:13px}.position-facts{border-top:1px solid #e7edef;grid-template-columns:repeat(3,1fr);display:grid}.position-facts div{border-right:1px solid #e7edef;padding:15px 18px}.position-facts div:last-child{border-right:0}.position-facts span,.position-facts strong{display:block}.position-facts span{color:#89969e;margin-bottom:6px;font-size:9px}.position-facts strong{color:#354a55;font-size:11px}.route-history-panel{grid-column:1/-1}.route-table{padding:0 20px 20px}.route-row{color:#536670;border-bottom:1px solid #edf1f3;grid-template-columns:1.3fr 1fr 1fr .8fr;align-items:center;gap:12px;min-height:43px;font-size:10px;display:grid}.route-row.route-head{color:#89969e;min-height:40px;font-size:9px;font-weight:800}.route-empty{color:#89969e;text-align:center;padding:38px;font-size:10px}.operations-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:16px;display:grid}.operations-summary article{border:1px solid var(--line);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;min-height:96px;padding:20px 22px;display:flex}.operations-summary span{color:#71808d;font-size:11px;font-weight:700}.operations-summary strong{color:#17313f;font-size:27px}.operations-summary small{color:#82919b;margin-left:4px;font-size:10px}.sim-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.sim-signal{color:#39736e;background:#eef8f6;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:800}.sim-identifiers{border:1px solid #e8eef0;border-radius:10px;grid-template-columns:1fr 1fr;margin:0 20px 16px;display:grid;overflow:hidden}.sim-identifiers div{padding:12px}.sim-identifiers div:first-child{border-right:1px solid #e8eef0}.sim-identifiers span,.sim-identifiers strong{display:block}.sim-identifiers span{color:#89969e;margin-bottom:5px;font-size:9px}.sim-identifiers strong{color:#354a55;word-break:break-all;font-size:11px}.estimated-usage-title{border-top:1px solid #edf1f3;justify-content:space-between;align-items:baseline;padding:16px 20px 8px;display:flex}.estimated-usage-title strong{color:#354a55;font-size:11px}.estimated-usage-title span{color:#97a3a9;font-size:8px}.estimated-usage-grid{background:#f9fbfb;border:1px solid #e4ebed;border-radius:10px;grid-template-columns:repeat(4,1fr);margin:0 20px 9px;display:grid;overflow:hidden}.estimated-usage-grid div{border-right:1px solid #e4ebed;padding:12px}.estimated-usage-grid div:last-child{border-right:0}.estimated-usage-grid span,.estimated-usage-grid strong{display:block}.estimated-usage-grid span{color:#89969e;margin-bottom:5px;font-size:8px}.estimated-usage-grid strong{color:#173844;font-size:12px}.usage-estimate-meta{color:#7b8b93;gap:14px;padding:0 20px 15px;font-size:8px;display:flex}.sim-form-grid{grid-template-columns:1fr 1fr;gap:12px;padding:0 20px 15px;display:grid}.sim-form-grid label,.command-form label,.config-form label,.history-filter label{color:#52646e;font-size:9px;font-weight:800}.sim-form-grid input,.command-form select,.config-form input,.config-form select,.history-filter input,.history-filter select{color:#354a55;width:100%;height:38px;font:inherit;background:#fbfdfd;border:1px solid #d9e3e6;border-radius:9px;outline:none;margin-top:6px;padding:0 9px}.usage-meter{align-items:center;gap:10px;padding:0 20px 15px;display:flex}.usage-meter>span{background:#edf2f3;border-radius:99px;flex:1;height:7px;overflow:hidden}.usage-meter i{border-radius:inherit;background:var(--teal);height:100%;display:block}.usage-meter small{color:#71818b;font-size:9px}.sim-save{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:9px;height:38px;margin:0 20px 20px;padding:0 18px;font-size:10px;font-weight:800}.sim-save:disabled{opacity:.55;cursor:wait}.command-compose{margin-bottom:16px}.command-form{grid-template-columns:1.5fr 1fr 120px;align-items:end;gap:14px;padding:20px;display:grid}.command-form button,.config-form button,.history-filter button{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:9px;height:38px;font-size:10px;font-weight:800}.command-form button:disabled,.config-form button:disabled,.history-filter button:disabled{opacity:.5;cursor:default}.command-warning{color:#9a6a13;margin:-3px 20px 18px;font-size:9px}.config-compose{margin-bottom:16px}.config-form{grid-template-columns:1.4fr repeat(3,1fr) 105px;align-items:start;gap:12px;padding:20px;display:grid}.config-form>button{margin-top:17px}.config-form label small{color:#98a4aa;margin-top:4px;font-size:8px;font-weight:500;display:block}.config-status-list{padding:0 20px 20px}.config-status-row{color:#536670;border-top:1px solid #edf1f3;grid-template-columns:1.2fr 1.7fr .45fr .9fr 1.1fr;align-items:center;gap:12px;min-height:48px;font-size:9px;display:grid}.config-status-row strong,.config-status-row small{display:block}.config-status-row small{color:#929da3;margin-top:3px;font-size:8px}.command-status.applied{color:#087e75;background:#e6f6f3}.command-table{padding:0 20px 20px}.command-row{color:#536670;border-bottom:1px solid #edf1f3;grid-template-columns:1.2fr 1.2fr 1fr .7fr 1.2fr;align-items:center;gap:12px;min-height:51px;font-size:10px;display:grid}.command-row strong,.command-row small{display:block}.command-row small{color:#929da3;margin-top:3px;font-size:8px}.command-head{color:#89969e;font-size:9px;font-weight:800}.command-status{background:#eef3f4;border-radius:99px;width:fit-content;padding:5px 8px;font-size:9px;font-weight:800}.command-status.published,.command-status.acked,.command-status.ok{color:#087e75;background:#e6f6f3}.command-status.failed,.command-status.error{color:#a14437;background:#fff0ed}.history-filter-panel{margin-bottom:16px}.history-filter{grid-template-columns:1.2fr 1fr 1fr .8fr 80px 110px;align-items:end;gap:12px;padding:18px;display:grid}.history-filter button.secondary{color:#087f76;background:#fff;border:1px solid #c9dcdf}.history-chart-panel{overflow:hidden}.metric-tabs{background:#f0f4f5;border-radius:9px;padding:3px;display:flex}.metric-tabs button{color:#71818b;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 10px;font-size:9px;font-weight:800}.metric-tabs button.active{color:var(--teal);background:#fff;box-shadow:0 2px 7px #1c344114}.history-range{color:#89969e;gap:18px;padding:0 20px 10px;font-size:9px;display:flex}.history-range strong{color:#354a55;margin-left:4px}.history-chart{background:repeating-linear-gradient(#f8fbfb 0 51px,#e8eef0 52px);border:1px solid #e4ecee;border-radius:12px;align-items:end;gap:2px;height:260px;margin:0 20px 20px;padding:18px 12px 0;display:flex}.history-chart>i{opacity:.86;background:linear-gradient(#59d0c7,#0ba297);border-radius:4px 4px 0 0;flex:1;min-width:2px;max-width:18px}.history-chart>i:hover{opacity:1}.chart-empty{color:#89969e;text-align:center;align-self:center;width:100%;font-size:10px}.history-table{max-height:430px;padding:0 20px 20px;overflow:auto}.history-row{color:#536670;border-bottom:1px solid #edf1f3;grid-template-columns:1.5fr repeat(4,1fr);align-items:center;gap:10px;min-height:42px;font-size:10px;display:grid}.history-head{color:#89969e;background:#fff;font-size:9px;font-weight:800;position:sticky;top:0}.dashboard-alert-list{padding:0 18px 18px}.dashboard-alert-item{border-bottom:1px solid #edf1f3;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:68px;padding:11px 0;display:grid}.dashboard-alert-item:last-child{border-bottom:0}.dashboard-alert-item .alert-icon{color:#b87100;background:#fff0d4;border-radius:10px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.dashboard-alert-item.critical .alert-icon{color:#b34132;background:#ffebe7}.dashboard-alert-item strong,.dashboard-alert-item p,.dashboard-alert-item small{display:block}.dashboard-alert-item strong{color:#263e48;font-size:13px}.dashboard-alert-item p{color:#6f8089;margin:4px 0 2px;font-size:12px}.dashboard-alert-item small{color:#98a4aa;font-size:11px}.dashboard-alert-item button,.ack-button{color:#087f76;cursor:pointer;background:#fff;border:1px solid #c9dcdf;border-radius:9px;min-height:34px;padding:0 12px;font-size:12px;font-weight:850}.alert-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.alert-history-panel{overflow:hidden}.alert-history-table{padding:0 20px 20px}.alert-history-row{color:#536670;border-bottom:1px solid #edf1f3;grid-template-columns:.7fr 1.25fr 1.1fr 1.05fr 1.05fr 1fr;align-items:center;gap:14px;min-height:66px;font-size:12px;display:grid}.alert-history-head{color:#89969e;min-height:42px;font-size:11px;font-weight:850}.alert-history-message strong,.alert-history-message small,.alert-history-target strong,.alert-history-target small,.ack-copy strong,.ack-copy small{display:block}.alert-history-message strong,.alert-history-target strong,.ack-copy strong{color:#304650;font-size:13px}.alert-history-message small,.alert-history-target small,.ack-copy small{color:#8c999f;margin-top:4px;font-size:11px}.alert-state{border-radius:99px;align-items:center;min-height:28px;padding:0 10px;font-size:11px;display:inline-flex}.alert-state.open{color:#a96500;background:#fff0d7}.alert-state.acknowledged{color:#506c77;background:#eaf2f4}.alert-state.resolved{color:#087d75;background:#e5f7f3}.alert-history-row.resolved{background:#fbfcfc}.login-shell{background:radial-gradient(circle at 100% 0,#dff7f4,#0000 38%),#f1f6f6;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fffffff5;border:1px solid #e3ebed;border-radius:24px;width:min(410px,100%);padding:42px;box-shadow:0 24px 70px #193d451f}.login-brand{background:var(--teal);color:#fff;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:25px;font-size:25px;font-weight:900;display:grid}.login-card h1{color:var(--ink);margin:5px 0 8px;font-size:25px}.login-guide{color:#7b8b94;margin:0 0 28px;font-size:12px}.login-card form{gap:17px;display:grid}.login-card label{color:#4d606a;font-size:11px;font-weight:800}.login-card input{width:100%;height:45px;color:var(--ink);font:inherit;background:#fbfdfd;border:1px solid #dbe5e7;border-radius:10px;outline:none;margin-top:7px;padding:0 13px}.login-card input:focus{border-color:#43bcb3;box-shadow:0 0 0 3px #13a69b1a}.login-card form>button{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:11px;height:46px;margin-top:5px;font-size:12px;font-weight:900}.login-card form>button:disabled{opacity:.65;cursor:wait}.login-error{color:#b1493c;margin:-5px 0;font-size:10px}.login-loader{color:#61747d;font-size:12px;font-weight:700}.sidebar-brand small,.nav-section-title,.nav-copy small,.sidebar-bottom strong{font-size:11px}.sidebar-bottom small{font-size:10px}.nav-copy strong{font-size:13px}.eyebrow,.profile-button small,.updated-time,.summary-card p,.panel-head p,.tank-row small,.receive-state strong,.section-label,.measure-grid dt,.device-row.device-head,.device-name small,.calibration-hint,.admin-note,.calibration-form label,.calibration-table>div span,.vehicle-list button small,.vehicle-list button b,.map-link,.position-facts span,.route-row.route-head,.sim-signal,.sim-identifiers span,.estimated-usage-title span,.estimated-usage-grid span,.usage-estimate-meta,.sim-form-grid label,.command-form label,.config-form label,.history-filter label,.usage-meter small,.command-warning,.config-status-row,.command-head,.command-status,.metric-tabs button,.history-range,.history-head{font-size:11px}.profile-button strong,.summary-card span,.filter-group button,.tank-identity strong,.tank-amount strong,.view-all,.empty-state,.status-pill,.gauge-summary>span,.gauge-summary p,.measure-grid dd,.text-button,.alert-item strong,.alert-item p,.system-notice strong,.system-notice p,.refresh-button,.tank-create-form label,.tank-create-form>button,.device-row,.assignment-control button,.admin-empty,.calibration-form textarea,.calibration-form>button,.calibration-error,.vehicle-list button strong,.position-facts strong,.route-row,.route-empty,.operations-summary span,.sim-identifiers strong,.estimated-usage-title strong,.sim-save,.command-form button,.config-form button,.history-filter button,.command-row,.chart-empty,.history-row,.login-guide,.login-card label,.login-card form>button,.login-error,.login-loader{font-size:13px}.panel-head h3{font-size:18px}.empty-state strong,.admin-empty strong,.map-empty strong{font-size:15px}@media (max-width:1180px){.summary-grid{grid-template-columns:repeat(2,1fr)}.main-grid{grid-template-columns:1fr}.side-column{grid-template-columns:1fr 1fr}.tank-create-form{grid-template-columns:repeat(2,minmax(0,1fr))}.site-management-body,.calibration-layout,.tracker-layout,.sim-grid{grid-template-columns:1fr}.history-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.alert-history-row{grid-template-columns:.75fr 1.2fr 1fr 1fr}.alert-history-row>span:nth-child(5),.alert-history-row>span:nth-child(6){display:none}.route-history-panel{grid-column:auto}}@media (max-width:760px){.sidebar{width:76px;padding:16px 9px}.page-wrap{margin-left:76px}.sidebar-brand{justify-content:center;margin:0 0 22px}.sidebar-brand>div:last-child,.nav-copy small,.nav-section-title,.sidebar-bottom>div{display:none}.brand-mark{width:36px;height:36px}.sidebar nav{gap:6px}.nav-section-title.management{width:40px;height:1px;margin:7px auto;padding:0;display:block;overflow:hidden}.nav-button{text-align:center;grid-template-columns:1fr;justify-items:center;gap:2px;min-height:52px;padding:4px 2px}.nav-icon{width:29px;height:29px;font-size:14px}.nav-copy strong{white-space:nowrap;margin:0;font-size:8px}.nav-button.active:before{height:32px;top:10px;left:-9px}.nav-button b{top:1px;right:2px}.sidebar-bottom{justify-content:center;padding:8px 0 0}.topbar{height:73px;padding:0 17px}.topbar h1{font-size:17px}.live-chip,.profile-button>span:not(.avatar),.profile-button i{display:none}.dashboard-content{padding:23px 15px 36px}.welcome-row{align-items:start}.welcome-row h2{font-size:20px}.updated-time{display:none}.summary-grid{grid-template-columns:1fr}.summary-card{min-height:112px}.panel-head{flex-direction:column;align-items:flex-start;gap:13px}.filter-group{width:100%;display:flex}.filter-group button{flex:1}.tank-row{grid-template-columns:32px 1fr auto}.tank-amount,.percent-block,.row-arrow{display:none}.receive-state{justify-self:end}.side-column,.admin-overview,.operations-summary{grid-template-columns:1fr}.admin-overview article{min-height:86px}.tank-create-form,.site-create-form{grid-template-columns:1fr}.device-table{padding:0 14px 14px}.device-row{grid-template-columns:1fr 1fr;gap:9px 14px;padding:14px 2px}.device-row.device-head{display:none}.device-name,.assignment-control{grid-column:1/-1}.calibration-summary{grid-template-columns:1fr}.calibration-summary div,.calibration-summary div:nth-child(odd){border-bottom:1px solid #e7edef;border-right:0}.calibration-summary div:last-child{border-bottom:0}.position-map,.map-empty{height:330px}.position-facts{grid-template-columns:1fr}.position-facts div{border-bottom:1px solid #e7edef;border-right:0}.position-facts div:last-child{border-bottom:0}.route-row{grid-template-columns:1fr 1fr;padding:10px 0}.route-row.route-head{display:none}.sim-form-grid,.sim-identifiers{grid-template-columns:1fr}.estimated-usage-grid{grid-template-columns:1fr 1fr}.estimated-usage-grid div:nth-child(2){border-right:0}.estimated-usage-grid div:nth-child(-n+2){border-bottom:1px solid #e4ebed}.usage-estimate-meta{flex-direction:column;gap:4px}.sim-identifiers div:first-child{border-bottom:1px solid #e8eef0;border-right:0}.command-form,.config-form,.history-filter{grid-template-columns:1fr}.config-form>button{margin-top:0}.command-row,.config-status-row,.history-row{grid-template-columns:1fr 1fr;padding:10px 0}.alert-history-row{grid-template-columns:1fr 1fr;gap:9px 14px;padding:13px 0}.alert-history-head{display:none}.alert-history-row>span:nth-child(5),.alert-history-row>span:nth-child(6){display:block}.command-head,.history-head{display:none}}