:root{--brand-green: #8BC53F;--brand-green-dark: #009345;--brand-ink: #009345;--brand-gradient: linear-gradient(135deg, var(--brand-ink), var(--brand-green));--white: #ffffff;--bg: #f3f6f0;--surface: #ffffff;--text: #1d2a17;--muted: #6f7d66;--border: #e3ebdd;--border-hover: #cdddc2;--danger: #d64545;--warning: #e0a300;--radius: 12px;--shadow: 0 1px 3px rgba(20,40,10,.08), 0 1px 2px rgba(20,40,10,.06);--shadow-lg: 0 12px 30px rgba(20,40,10,.16), 0 4px 10px rgba(20,40,10,.08);--shadow-brand: 0 2px 8px rgba(0,147,69,.28);--ring: rgba(139,197,63,.25);--tint: rgba(0,147,69,.12);--tint-weak: rgba(139,197,63,.08);--neutral-tint: rgba(20,40,10,.05);--overlay: rgba(15,30,8,.5);--progress-track: rgba(20,40,10,.08)}:root[data-theme=contrast]{--brand-green: #05aa4e;--brand-green-dark: #05aa4e;--brand-ink: #000000;--white: #ffffff;--bg: #fafafa;--surface: #ffffff;--text: #000000;--muted: #5c5c5c;--border: #e4e6e4;--border-hover: #86d3a6;--danger: #d64545;--warning: #e0a300;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-lg: 0 12px 30px rgba(0,0,0,.16), 0 4px 10px rgba(0,0,0,.08);--shadow-brand: 0 2px 8px rgba(5,170,78,.3);--ring: rgba(5,170,78,.28);--tint: rgba(5,170,78,.12);--tint-weak: rgba(5,170,78,.07);--neutral-tint: rgba(0,0,0,.05);--overlay: rgba(0,0,0,.55);--progress-track: rgba(0,0,0,.08)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.45}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-shell{display:grid;grid-template-columns:248px 1fr;grid-template-rows:60px 1fr;grid-template-areas:"brand topbar" "sidebar main";height:100vh}.topbar{grid-area:topbar;background:var(--brand-gradient);color:var(--white);display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:var(--shadow);z-index:5}.topbar .page-title{font-size:18px;font-weight:600;letter-spacing:.2px}.topbar .user-box{display:flex;align-items:center;gap:14px;font-size:14px}.topbar .user-box .user-meta{text-align:right;line-height:1.2}.topbar .user-box .user-name{font-weight:600}.topbar .user-box .user-role{font-size:12px;opacity:.85;text-transform:capitalize}.logout-btn{background:#ffffff2e;border:1px solid rgba(255,255,255,.35);color:var(--white);padding:7px 14px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600;transition:background .15s}.logout-btn:hover{background:#ffffff4d}.brand{grid-area:brand;background:var(--brand-gradient);color:var(--white);display:flex;align-items:center;gap:10px;padding:0 20px;font-weight:700;font-size:17px;letter-spacing:.3px}.brand .brand-mark{width:30px;height:30px;border-radius:8px;background:#ffffff38;display:grid;place-items:center;font-size:17px}.sidebar{grid-area:sidebar;background:var(--surface);border-right:1px solid var(--border);padding:16px 12px;overflow-y:auto}.nav-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);padding:14px 12px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:background .12s,color .12s}.nav-item .nav-ico{width:18px;text-align:center;opacity:.8}.nav-item:hover{background:var(--bg)}.nav-item.active{background:linear-gradient(135deg,var(--tint),color-mix(in srgb,var(--brand-green) 16%,transparent));color:var(--brand-green-dark);font-weight:600}.main{grid-area:main;overflow-y:auto;padding:26px 30px 60px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.page-head h1{font-size:24px;margin:0 0 2px}.page-head .sub{color:var(--muted);font-size:14px}.page-notice{display:flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--brand-green) 8%,var(--surface));border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin-bottom:16px;color:var(--muted);font-size:13px}.page-notice:before{content:"🔒";font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:18px 20px}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:9px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s,box-shadow .12s,opacity .12s;display:inline-flex;align-items:center;gap:7px}.btn:hover{background:var(--bg)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand-gradient);color:var(--white);border:none}.btn-primary:hover{background:linear-gradient(135deg,#007d3b,#7db733);box-shadow:0 2px 8px color-mix(in srgb,var(--brand-green-dark) 30%,transparent)}.btn-danger{color:var(--danger);border-color:#f0cccc}.btn-danger:hover{background:#fbeeee}.btn-sm{padding:6px 11px;font-size:13px}.btn-ghost{border:none;background:transparent}.btn-ghost:hover{background:var(--bg)}.table-wrap{overflow-x:auto;border-radius:var(--radius)}table.data{width:100%;border-collapse:collapse;font-size:14px;background:var(--surface)}table.data th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:700;padding:12px 16px;border-bottom:1px solid var(--border);white-space:nowrap}table.data td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}table.data tr:last-child td{border-bottom:none}table.data tbody tr:hover{background:#fafcf8}.row-actions{display:flex;gap:8px;justify-content:flex-end}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap}.badge-green{background:color-mix(in srgb,var(--brand-green) 18%,transparent);color:var(--brand-green-dark)}.badge-gray{background:#eef1ec;color:var(--muted)}.badge-red{background:#fbeaea;color:var(--danger)}.badge-amber{background:#fbf1d8;color:#9a7200}.badge-blue{background:#e3effb;color:#2b6cb0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e0c73;display:grid;place-items:center;padding:24px;z-index:50}.modal{background:var(--surface);border-radius:var(--radius);box-shadow:0 12px 40px #0a1e0540;width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.modal-head{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-head h3{margin:0;font-size:18px}.modal-body{padding:20px 22px}.modal-foot{padding:16px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1 / -1}.field label{font-size:13px;font-weight:600;color:var(--text)}.field .hint{font-size:12px;color:var(--muted)}.input,.select{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:9px;font-size:14px;background:var(--white);color:var(--text);font-family:inherit}.input:focus,.select:focus{outline:none;border-color:var(--brand-green);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-green) 18%,transparent)}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:14px}.checkbox-row input{width:16px;height:16px;accent-color:var(--brand-green-dark)}.multiselect{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--border);border-radius:999px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .12s}.chip input{accent-color:var(--brand-green-dark)}.chip.on{border-color:var(--brand-green);background:color-mix(in srgb,var(--brand-green) 14%,transparent);color:var(--brand-green-dark);font-weight:600}.state{padding:40px;text-align:center;color:var(--muted);font-size:14px}.spinner{width:26px;height:26px;border:3px solid var(--border);border-top-color:var(--brand-green-dark);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:#fbeaea;border:1px solid #f0cccc;color:var(--danger);padding:10px 14px;border-radius:9px;font-size:14px;margin-bottom:14px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:22px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px}.kpi .kpi-label{font-size:13px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:8px}.kpi .kpi-value{font-size:30px;font-weight:700;margin-top:8px;line-height:1}.kpi .kpi-value.accent{color:var(--brand-green-dark)}.kpi .kpi-foot{font-size:12px;color:var(--muted);margin-top:8px}.kpi .kpi-ico{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-green-dark) 14%,transparent),color-mix(in srgb,var(--brand-green) 18%,transparent))}.section-title{font-size:16px;font-weight:700;margin:26px 0 14px}.tank-row{display:grid;grid-template-columns:200px 1fr 130px;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.tank-row:last-child{border-bottom:none}.tank-name{font-weight:600;font-size:14px}.tank-name .fuel{color:var(--muted);font-weight:500;font-size:12px}.fillbar{height:14px;background:var(--bg);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.fillbar>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand-green-dark),var(--brand-green));transition:width .5s ease}.fillbar>span.low{background:linear-gradient(90deg,#c86a00,var(--warning))}.fillbar>span.crit{background:linear-gradient(90deg,#b12b2b,var(--danger))}.tank-vol{text-align:right;font-size:13px;font-variant-numeric:tabular-nums}.tank-vol .pct{font-weight:700}.barviz{display:grid;grid-template-columns:minmax(110px,180px) 1fr minmax(90px,auto);gap:12px;align-items:center;padding:8px 0}.barviz .bar-track{height:20px;background:var(--bg);border-radius:6px;overflow:hidden}.barviz .bar-fill{height:100%;background:linear-gradient(90deg,var(--brand-green-dark),var(--brand-green));border-radius:6px;min-width:2px;transition:width .4s ease}.barviz .bar-label{font-size:14px;font-weight:500}.barviz .bar-value{text-align:right;font-size:13px;font-variant-numeric:tabular-nums;font-weight:600}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:18px}.filters .field{min-width:160px}.expand-btn{border:none;background:transparent;cursor:pointer;font-size:13px;color:var(--brand-green-dark);font-weight:600;padding:0}.subtable{background:#fafcf8;padding:4px 0}.subtable table{width:100%;border-collapse:collapse;font-size:13px}.subtable th,.subtable td{padding:8px 16px;text-align:left;border-bottom:1px solid var(--border)}.subtable th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:8px}.detail-item .dl{font-size:12px;color:var(--muted);font-weight:600}.detail-item .dv{font-size:15px;font-weight:600;margin-top:2px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 900px){.two-col,.form-grid{grid-template-columns:1fr}}.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef4e6,#e2efd8);padding:24px}.login-card{background:var(--surface);border-radius:16px;box-shadow:0 12px 40px #0a280529;width:100%;max-width:400px;overflow:hidden}.login-head{background:var(--brand-gradient);color:var(--white);padding:30px 28px;text-align:center}.login-head .brand-mark{width:52px;height:52px;border-radius:14px;background:#ffffff38;display:grid;place-items:center;font-size:27px;margin:0 auto 12px}.login-head h1{margin:0;font-size:21px}.login-head p{margin:6px 0 0;opacity:.9;font-size:14px}.login-body{padding:28px;display:flex;flex-direction:column;gap:16px}.login-body .btn-primary{padding:11px;font-size:15px;justify-content:center}.login-hint{text-align:center;font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.right{text-align:right}.navigators-layout{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}@media (max-width: 900px){.navigators-layout{grid-template-columns:1fr}}.nav-pick{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px;border:1px solid var(--border);border-radius:10px;margin-bottom:8px;cursor:pointer;transition:background .12s,border-color .12s}.nav-pick:hover{background:var(--bg)}.nav-pick.active{border-color:var(--brand-green);background:var(--tint)}.nav-pick-main{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.nav-pick-main strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-pick-actions{display:flex;gap:6px;flex-shrink:0;justify-content:flex-end}.nav-tree-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.nav-tree-toolbar{display:flex;gap:8px}.nav-node{border-left:2px solid var(--border);padding-left:12px;margin-top:8px}.nav-node-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0}.nav-node-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.nav-node-ico{font-size:16px}.nav-node-order{font-size:12px;font-weight:500}.nav-node-actions{display:flex;gap:6px;flex-shrink:0}.nav-items{margin:2px 0 4px 26px;display:flex;flex-direction:column;gap:4px}.nav-item-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 10px;background:var(--bg);border-radius:8px;font-size:13px}.nav-item-good{display:flex;align-items:center;gap:6px}.delivery-fab{position:fixed;right:14px;bottom:12px;width:30px;height:30px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:13px;line-height:1;cursor:pointer;opacity:.35;z-index:40;display:grid;place-items:center;transition:opacity .15s,background .15s,color .15s}.delivery-fab:hover{opacity:1;background:var(--tint);color:var(--brand-green-dark)}.delivery-lines{display:flex;flex-direction:column;gap:8px}.delivery-line{display:grid;grid-template-columns:1fr 90px auto;gap:8px;align-items:center}.delivery-qty{text-align:right}.toast{position:fixed;right:20px;bottom:56px;z-index:60;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--brand-green);color:var(--text);padding:12px 16px;border-radius:10px;box-shadow:var(--shadow-lg);font-size:14px;font-weight:600;max-width:320px;animation:toast-in .2s ease}.toast-ico{font-size:16px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.emu-note{display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--warning) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--warning) 35%,var(--border));border-radius:10px;padding:10px 14px;margin-bottom:16px;color:var(--text);font-size:13px}.emu-note-ico{font-size:15px;flex:none}.remote-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;margin-top:16px}@media (max-width: 900px){.remote-panels{grid-template-columns:1fr}}.pos-frame{position:relative;background:var(--neutral-tint);border:1px solid var(--border);border-radius:16px;padding:16px}.pos-frame-notch{width:46px;height:5px;border-radius:3px;background:var(--border-hover);margin:12px auto 2px}.pos-screen{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.pos-screen-head{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--brand-gradient);color:var(--white);padding:10px 14px;font-weight:700;font-size:14px}.pos-badge{font-size:11px;font-weight:600;background:#fff3;border-radius:999px;padding:2px 8px;white-space:nowrap}.pos-screen-body{padding:6px 14px}.pos-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--border);font-size:14px}.pos-line:last-child{border-bottom:none}.pos-screen-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-top:2px solid var(--border);background:var(--tint-weak);font-weight:800;font-size:16px}.pos-screen-foot{padding:8px 14px 12px;color:var(--muted);font-size:12px;text-align:center}.ssh-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.ssh-term{background:#10151b;color:#d7dce2;border:1px solid #1f2933;border-radius:10px;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.7;overflow-x:auto;white-space:pre;margin:0;min-height:220px}.ssh-term-idle{display:flex;align-items:center}.ssh-dim{color:#7c8794}.ssh-ok{color:var(--brand-green)}.ssh-cursor{color:var(--brand-green);animation:ssh-blink 1s steps(1) infinite}@keyframes ssh-blink{50%{opacity:0}}