@font-face{font-family:Poppins;src:url('assets/Poppins-Regular.ttf')}@font-face{font-family:Poppins;src:url('assets/Poppins-Medium.ttf');font-weight:500}@font-face{font-family:Poppins;src:url('assets/Poppins-SemiBold.ttf');font-weight:600}@font-face{font-family:Poppins;src:url('assets/Poppins-Bold.ttf');font-weight:700}
@font-face{font-family:FontAwesome;src:url('assets/fa-solid-900.woff2')} .fa{font-family:FontAwesome!important;font-style:normal;font-weight:900;display:inline-block;text-align:center;width:20px}
:root{--navy:#151d32;--ink:#181c32;--muted:#9295aa;--blue:#009ef7;--line:#eceef3;--sidebar:280px;--header:72px;--footer:42px;--surface:#fff;--soft:#f7f8fb;--green:#19b989;--gold:#f6b126;--purple:#8c79ed}*{box-sizing:border-box}body{margin:0;font:13px/1.6 Poppins,sans-serif;color:var(--ink);background:var(--surface)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #009ef733;outline-offset:0;border-color:var(--blue)}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.app-header{position:fixed;top:0;left:var(--sidebar);right:0;height:var(--header);background:var(--navy);color:#fff;z-index:60;display:flex;align-items:center;justify-content:flex-end;padding:0 24px;gap:18px;transition:left .25s}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.fuelchat-btn{background:white;color:var(--ink);border-radius:30px;padding:10px 17px;font-weight:600;white-space:nowrap}.fuelchat-btn .fa{margin-right:5px}.icon-button{width:40px;height:40px;border-radius:50%;border:1px solid #ffffff26;background:#ffffff08;display:grid;place-items:center;color:white;position:relative}.icon-button:hover{background:#ffffff20}.bell-dot{position:absolute;top:3px;right:3px;font-size:9px;color:#abdffe}.avatar-button{width:42px;height:42px;border-radius:50%;background:#d3edff;color:#1676aa;font-weight:600}.user-menu{position:relative}.profile-dropdown{position:absolute;right:0;top:calc(100% + 15px);width:232px;background:#fff;color:var(--ink);box-shadow:0 10px 35px #131c3329;border:1px solid var(--line);border-radius:13px;padding:9px;z-index:80}.profile-dropdown a,.profile-dropdown button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 9px;border-radius:8px;background:transparent;text-align:left}.profile-dropdown a:hover,.profile-dropdown button:hover{background:#f2f8ff}.profile-dropdown .fa{color:#74788b}.menu-separator{border-top:1px solid var(--line);margin:4px 0}.mobile-toggle{display:none;color:white;background:transparent;font-size:20px}.mobile-brand{display:none;width:180px}
.side-panel{position:fixed;inset:0 auto var(--footer) 0;width:var(--sidebar);background:var(--navy);color:#f3f5fc;z-index:70;display:flex;flex-direction:column;transition:width .25s,transform .25s}.logo-section{flex:none;height:112px;padding:27px 25px 22px;border-bottom:1px solid #ffffff1a;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.logo{width:210px;max-width:100%;height:auto}.compact-logo{display:none;width:42px;height:42px;object-fit:contain}.drawer-toggle{position:absolute;top:112px;right:-16px;border-radius:50%;width:32px;height:32px;color:#9da4bc;background:white;box-shadow:0 2px 10px #0002;z-index:5}.sidebar-navigation{display:flex;flex-direction:column;flex:1;min-height:0}.pinned-nav,.utility-nav{flex:none;padding:0 10px}.utility-nav{border-top:1px solid #ffffff1a;padding-top:10px;padding-bottom:8px}.nav-menu{flex:1;min-height:0;overflow-y:auto;padding:12px 10px 18px;scroll-padding-top:12px;scrollbar-width:thin;scrollbar-color:#fff6 transparent}.side-nav-group{margin-bottom:8px}.side-nav-item{display:flex;align-items:center;gap:14px;border-radius:10px;padding:17px 20px;color:#e0e4ef;width:100%;background:transparent;position:relative;text-align:left;white-space:nowrap;min-height:55px;font-weight:500}.side-nav-item:hover{background:#ffffff10}.side-nav-item.active{background:#ffffff32;color:white}.side-nav-item.active:after{content:'';position:absolute;right:0;top:0;bottom:0;width:4px;background:white;border-radius:5px}.side-nav-item .fa{color:#b8c0d5;font-size:17px;flex:none}.side-nav-item.active .fa{color:white}.side-nav-title{flex:1}.caret{font-size:10px!important;width:12px!important}.side-nav-children{margin:6px 0 12px 22px;border-left:1px solid #ffffff24;padding-left:15px}.side-nav-sub-item{display:flex;gap:10px;align-items:center;padding:12px;border-radius:8px;margin-bottom:5px;font-size:12px;font-weight:500;line-height:1.5}.side-nav-sub-item:hover{background:#ffffff0d}.side-nav-sub-item.active{background:#ffffff25;color:white}.side-nav-sub-item .fa{font-size:11px;width:15px;flex:none}.drawer-collapsed{--sidebar:80px}.drawer-collapsed .logo-section{height:90px;padding:15px 8px;margin-bottom:12px}.drawer-collapsed .logo{display:none}.drawer-collapsed .compact-logo{display:block}.drawer-collapsed .side-nav-title,.drawer-collapsed .caret,.drawer-collapsed .side-nav-children{display:none!important}.drawer-collapsed .side-nav-item{justify-content:center;padding:16px 0;min-height:52px;gap:0}.drawer-collapsed .side-nav-item .fa{font-size:19px}.drawer-collapsed .drawer-toggle{top:90px}.drawer-overlay{display:none}
body[data-design=top-menu]{--sidebar:0px}.top-brand{width:190px;flex:none;margin-right:10px}.top-mode-header{left:0;justify-content:flex-start;padding:0 24px;gap:18px}.top-navigation{height:100%;display:flex;align-items:stretch;gap:8px}.top-item{height:100%;display:flex;align-items:center;position:relative}.top-trigger,.top-dashboard{height:100%;background:transparent;color:#d7ddec;padding:0 14px;position:relative;font-weight:500;white-space:nowrap}.top-dashboard{display:flex;align-items:center}.top-trigger.active,.top-dashboard.active,.top-trigger:hover{color:white}.top-trigger.active:after,.top-dashboard.active:after,.top-item.open .top-trigger:after{content:'';position:absolute;bottom:0;left:14px;right:14px;height:4px;background:var(--blue)}.top-trigger .caret{margin-left:6px;color:#8b9aba}.top-dropdown{position:absolute;top:100%;left:0;padding:16px;width:360px;background:white;color:var(--ink);border:1px solid #dde4f0;border-radius:0 0 14px 14px;box-shadow:5px 7px 0 #dce3f0,0 12px 35px #14213d1f;z-index:75}.top-dropdown h2{font-size:15px;margin:0 0 3px;font-weight:600}.top-dropdown p{font-size:11px;color:var(--muted);margin:0 0 12px}.top-dropdown-list{border-top:1px solid var(--line);padding-top:4px}.top-dropdown a{display:flex;align-items:center;gap:12px;padding:13px 8px;border-bottom:1px solid #f0f2f7;border-radius:5px;font-size:12px}.top-dropdown a:last-child{border-bottom:0}.top-dropdown a:hover,.top-dropdown a.active{background:#ecf7ff;color:#007ac5}.top-dropdown .fa{color:var(--blue);font-size:13px}.top-dropdown .link-chevron{margin-left:auto;color:#8494b0;font-size:9px}.top-mode-header .header-actions{gap:8px}.top-mode-header .fuelchat-btn{padding:10px 13px}.top-mode-header .top-mobile-brand{display:none}
.main-content{margin-left:var(--sidebar);padding:calc(var(--header) + 26px) 25px calc(var(--footer) + 35px);min-height:100vh;transition:margin-left .25s;max-width:2400px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:23px}.page-title{font-size:30px;font-weight:700;line-height:1.25;margin:0 0 6px;letter-spacing:-.4px}.text-muted{color:var(--muted)}.page-subtitle{font-size:12px;color:var(--muted);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 16px;border-radius:7px;background:#e8e9f1;color:#6b7087;font-weight:500;white-space:nowrap}.btn:hover{filter:brightness(.97)}.btn-primary{background:var(--blue);color:#fff}.btn-outline{background:white;border:1px solid #dce4ef;color:#627695}.btn-danger{background:#ffe6eb;color:#d94363}.btn-sm{padding:6px 10px;min-height:30px;font-size:11px}.btn-text{background:transparent;color:var(--blue);padding:6px;font-size:12px}.page-actions{display:flex;gap:8px}.card{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 10px 25px #0000000d;overflow:hidden;margin-bottom:23px}.card-body{padding:22px}.card-title{font-size:16px;font-weight:600;margin:0}.card-heading{padding:17px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.filter-card{padding:19px 18px 16px}.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.filter-grid.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid.one-col{grid-template-columns:minmax(230px,430px)}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>span,.field>label{font-weight:500;font-size:12px}.input,select,input[type=text],input[type=date],input[type=datetime-local],input[type=number],input[type=email],input[type=password],textarea{border:1px solid #e8eaf0;border-radius:8px;width:100%;min-height:43px;padding:9px 12px;color:var(--ink);background:#fff;box-shadow:0 2px 4px #00000004}select{padding-right:27px}.filter-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.filter-caption{font-size:11px;color:var(--muted);margin-top:8px}.health-overview{margin:0 10px 23px}.health-overview-heading{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.health-eyebrow{font-size:10px;color:#70798d;font-weight:600;display:block}.health-overview h2{font-size:15px;margin:2px 0 0}.health-metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:21px 15px}.health-metric{display:flex;align-items:center;gap:12px;padding:8px 15px;border-right:1px solid var(--line)}.health-metric:last-child{border:0}.health-icon{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#eaf5ff;color:var(--blue);flex:none}.health-icon.gold{background:#fff5df;color:#ec9c19}.health-primary{display:block;font-size:11px;font-weight:500}.health-primary strong{font-size:25px;line-height:1.2;font-weight:600;margin-right:4px}.health-caption{display:block;font-size:10px;color:var(--muted);margin-top:6px}.health-statuses{font-size:10px;color:#778696}.health-progress{height:4px;background:#e9eff5;border-radius:5px;margin-top:7px}.health-progress span{display:block;height:100%;width:97%;background:var(--green);border-radius:5px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:23px}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid .card{margin:0}.stat-card{padding:21px;position:relative;min-height:115px}.stat-card .eyebrow{font-size:11px;font-weight:500;color:#77839a}.stat-card .value{font-size:27px;font-weight:600;line-height:1.3;margin:12px 0 3px}.stat-card .dot{width:8px;height:8px;position:absolute;right:20px;top:24px;border-radius:50%;background:var(--accent,var(--blue))}.stat-sub{font-size:10px;color:var(--muted)}.mini-values{display:flex;gap:8px;margin-top:12px}.mini-values span{background:#f7f9fc;border:1px solid #e7edf7;border-radius:5px;padding:6px 9px;flex:1;font-size:10px;color:#7d87a0}.mini-values b{float:right;color:var(--ink);font-weight:500}.chart-layout{display:grid;grid-template-columns:2fr 1fr;gap:20px}.chart-layout>.card{min-width:0}.chart-wrap{padding:20px 22px 15px}.chart-wrap svg{width:100%;height:auto;display:block;max-height:280px;overflow:visible}.chart-legend{display:flex;gap:17px;font-size:11px;align-items:center}.chart-legend span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--blue);margin-right:5px}.chart-legend span:nth-child(2):before{background:#54c996}.donut{width:155px;height:155px;border-radius:50%;background:conic-gradient(var(--blue) 0 46%,var(--gold) 46% 84%,var(--green) 84%);position:relative;margin:20px auto}.donut:after{content:'';position:absolute;inset:27px;background:white;border-radius:50%}.donut-label{position:absolute;inset:0;display:grid;place-content:center;text-align:center;z-index:2;font-size:11px;color:var(--muted)}.donut-label b{display:block;font-size:23px;color:var(--ink)}.legend-list{display:flex;justify-content:center;gap:15px;font-size:11px;padding-bottom:15px}.progress{height:8px;background:#edf1f7;border-radius:10px;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent,var(--blue));width:var(--width,65%)}
.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 22px;border-bottom:1px solid var(--line)}.table-toolbar .tools{display:flex;align-items:center;gap:8px}.table-toolbar input{width:240px;min-height:38px}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}.data-table thead{background:#eef7ff;color:#657791}.data-table th,.data-table td{padding:14px 18px;text-align:left;border-bottom:1px solid #edf0f5}.data-table th{font-weight:500;cursor:pointer}.data-table td{color:#384255}.data-table tbody tr:hover{background:#fafcff}.data-table .input-small{width:115px;min-height:35px;font-size:11px}.data-table a{color:var(--blue)}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;font-size:10px;color:var(--muted);gap:15px}.pagination{display:flex;gap:5px}.pagination button{background:#f7f9fb;border-radius:5px;padding:5px 9px;color:#8190a7}.pagination .selected{background:var(--blue);color:white}.badge{display:inline-block;padding:4px 8px;font-size:10px;font-weight:500;border-radius:5px;background:#e9f8f2;color:#0da36f}.badge.warning{background:#fff4de;color:#ca8517}.badge.danger{background:#ffedf0;color:#d64c67}.badge.blue{background:#eaf5ff;color:#168ad8}.badge.muted{background:#edf0f5;color:#758297}.empty-row{display:none;text-align:center;padding:35px;color:var(--muted)}.notice{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:9px;background:#eef8ff;color:#5783a6;font-size:11px;margin-bottom:20px}.notice .btn{margin-left:auto}.segment-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.segment-tabs button{background:#f3f5f9;color:#77839a;padding:9px 16px;border-radius:7px}.segment-tabs button.selected{background:#e5f4ff;color:#008edc}.alarm-list{display:grid;gap:13px}.alarm-item{padding:20px;border:1px solid var(--line);border-left:4px solid var(--accent,var(--gold));border-radius:12px;display:flex;align-items:center;gap:18px}.alarm-item h3{font-size:14px;margin:0 0 6px}.alarm-item p{font-size:11px;color:var(--muted);margin:0}.alarm-item .details{flex:1}.alarm-item>.fa{color:var(--accent,var(--gold));font-size:22px}.tank-products{display:flex;flex-direction:column;gap:20px}.product-row{border:1px solid var(--line);border-radius:15px;overflow:hidden}.product-row>summary{list-style:none;padding:16px 22px;background:#fbfcfe;font-weight:600;display:flex;align-items:center;gap:14px;cursor:pointer}.product-row>summary:after{content:'⌄';margin-left:auto}.product-row-body{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:22px}.tank-card{text-align:center;padding:10px;border-right:1px solid var(--line)}.tank-card:last-child{border:0}.tank-label{font-size:12px;font-weight:500;margin-bottom:15px}.tank{width:135px;height:120px;border:2px solid var(--accent,var(--blue));border-radius:65px / 22px;position:relative;margin:0 auto 10px;overflow:hidden;background:#f6fbff}.tank:before{content:'';position:absolute;inset:0;background:var(--accent,var(--blue));opacity:.72;top:calc(100% - var(--fill,65%));border-radius:0 0 60px 60px / 0 0 20px 20px}.tank:after{content:'';position:absolute;left:0;right:0;top:0;height:25px;border-bottom:1px solid var(--accent,var(--blue));border-radius:50%}.tank b{position:absolute;inset:0;display:grid;place-content:center;z-index:2;color:var(--ink);font-size:21px}.tank-meta{display:flex;justify-content:center;gap:20px;color:var(--muted);font-size:10px}.tank-meta b{display:block;color:var(--ink);font-size:12px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-form .full{grid-column:1/-1}.profile-banner{padding:28px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.profile-avatar{width:90px;height:90px;border-radius:18px;background:#e8f5ff;color:var(--blue);display:grid;place-items:center;font-size:30px;font-weight:600}.profile-banner h2{margin:0;font-size:20px}.profile-banner p{margin:4px 0;color:var(--muted)}.chat-layout{display:grid;grid-template-columns:230px 1fr;min-height:480px}.chat-history{background:#f6f8fc;padding:20px;border-right:1px solid var(--line)}.chat-history h3{font-size:14px}.chat-history a{display:block;padding:10px 0;font-size:11px;color:#75829c}.chat-body{padding:25px;display:flex;flex-direction:column;gap:15px}.chat-message{background:#f4f8ff;padding:15px 18px;border-radius:12px;max-width:80%;font-size:12px}.chat-message.user{margin-left:auto;background:#e6f5ff}.chat-form{display:flex;gap:10px;margin-top:auto}.chat-prompts{display:flex;flex-wrap:wrap;gap:8px}
.app-footer{position:fixed;bottom:0;left:0;right:0;height:var(--footer);background:var(--navy);color:#aeb5c7;z-index:80;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:10px;gap:20px}.app-footer b{color:var(--blue)}.concept-label{letter-spacing:.5px;color:#c5d2e5;font-size:9px}.footer-links{display:flex;gap:15px}.help-btn{position:fixed;bottom:calc(var(--footer) + 24px);right:24px;width:48px;height:48px;background:#1c2b4d;color:white;border-radius:50%;box-shadow:0 7px 15px #17254433;font-size:22px;z-index:30}.toast{position:fixed;bottom:calc(var(--footer) + 22px);left:50%;transform:translateX(-50%);background:#14233b;color:#fff;padding:13px 20px;border-radius:10px;box-shadow:0 8px 24px #12203840;z-index:150;max-width:90%;font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#0a162066;z-index:110;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:white;width:660px;max-width:100%;max-height:90vh;border-radius:16px;box-shadow:0 20px 80px #0003;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:19px;margin:0}.modal-close{font-size:24px;background:transparent;color:#8d97ad}.modal-body{padding:22px 24px;overflow:auto}.modal-footer{padding:17px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.modal-body .notice{margin-bottom:18px}.modal-body .data-table{white-space:normal}.form-hint{font-size:10px;color:var(--muted);margin:10px 0 0}.toggle-switch{display:inline-block;background:var(--green);width:33px;height:18px;border-radius:20px;position:relative;vertical-align:middle}.toggle-switch:after{content:'';position:absolute;top:3px;right:3px;width:12px;height:12px;background:#fff;border-radius:50%}
@media(min-width:1700px){.main-content{padding-left:32px;padding-right:32px}.page-title{font-size:32px}.side-nav-item{padding-top:18px;padding-bottom:18px}.side-nav-sub-item{padding-top:13px;padding-bottom:13px}}
@media(max-width:1250px){.top-brand{width:157px;margin-right:0}.top-mode-header{gap:8px;padding:0 15px}.top-trigger,.top-dashboard{padding:0 10px;font-size:11px}.top-mode-header .fuelchat-btn{font-size:11px;padding:9px 11px}.top-mode-header .icon-button{width:35px;height:35px}.health-metrics{grid-template-columns:1fr 1fr;row-gap:15px}.health-metric:nth-child(2){border:0}}
@media(max-width:990px){body[data-design=sidebar]{--sidebar:0px}.side-panel{width:280px;transform:translateX(-100%)}.drawer-collapsed .side-panel{width:280px}.drawer-collapsed .logo-section{height:112px;padding:27px 25px}.drawer-collapsed .logo{display:block}.drawer-collapsed .compact-logo{display:none}.drawer-collapsed .side-nav-title,.drawer-collapsed .caret{display:block!important}.drawer-collapsed .side-nav-item{justify-content:flex-start;padding:17px 20px;gap:14px}.drawer-collapsed .drawer-toggle{top:112px}.drawer-open .side-panel{transform:translateX(0)}.drawer-open .drawer-overlay{display:block;position:fixed;inset:0;background:#0005;z-index:65}.app-header{left:0;padding:0 18px;justify-content:flex-start;gap:12px}.mobile-toggle{display:block}.mobile-brand{display:block}.main-content{padding-left:18px;padding-right:18px}.stats-grid{grid-template-columns:repeat(2,1fr)}.top-mode-header{height:120px;display:grid;grid-template-columns:1fr auto;grid-template-rows:64px 56px;padding:0 18px;gap:0}.top-mode-header .top-brand{width:175px}.top-navigation{grid-column:1/-1;grid-row:2;overflow-x:auto;gap:12px;scrollbar-width:none}.top-trigger,.top-dashboard{font-size:12px;padding:0 8px}.top-item{position:static}.top-dropdown{position:fixed;top:120px;left:12px;width:calc(100% - 24px);max-width:420px;max-height:calc(100vh - 180px);overflow:auto;border-radius:0 0 14px 14px}.top-mode-header .header-actions{grid-row:1;grid-column:2}.top-mode-header .top-trigger .caret{display:none}.top-mode-header .top-trigger.active:after,.top-mode-header .top-item.open .top-trigger:after,.top-mode-header .top-dashboard.active:after{left:0;right:0;bottom:0;position:relative;display:block;transform:translateY(14px)}body[data-design=top-menu]{--header:120px}.chart-layout{grid-template-columns:1fr}.page-heading{flex-wrap:wrap}.product-row-body{gap:8px}.tank-card{padding:3px}.tank{width:110px;height:110px}.health-overview{margin-left:0;margin-right:0}}
@media(max-width:600px){.page-title{font-size:25px}.main-content{padding-top:calc(var(--header) + 20px);padding-left:12px;padding-right:12px}.app-header{padding:0 12px;gap:8px}.mobile-brand{width:135px}.header-actions{gap:8px}.fuelchat-btn{padding:8px 11px;font-size:11px}.icon-button{width:33px;height:33px}.avatar-button{width:34px;height:34px;font-size:11px}.filter-grid,.filter-grid.two-cols{grid-template-columns:1fr}.filter-card{padding:16px}.stats-grid{gap:12px}.stats-grid.three{grid-template-columns:1fr}.stat-card{padding:17px}.stat-card .value{font-size:24px}.health-metrics{padding:14px 7px}.health-metric{padding:5px 8px;gap:8px;align-items:flex-start}.health-icon{width:31px;height:31px}.health-primary strong{font-size:22px;display:block}.health-primary{font-size:10px}.health-caption{font-size:9px}.mini-values{flex-direction:column}.health-overview-heading{padding:16px}.health-overview-heading a{font-size:10px}.card-body,.chart-wrap{padding:17px}.table-toolbar{padding:15px;flex-wrap:wrap}.table-toolbar .tools{width:100%}.table-toolbar input{flex:1;width:0}.table-footer{padding:15px}.product-row-body{grid-template-columns:1fr}.tank-card{border-right:0;border-bottom:1px solid var(--line);padding:18px}.tank{width:140px;height:120px}.tank-meta{margin-bottom:15px}.grid-two,.settings-form{grid-template-columns:1fr}.profile-banner{padding:20px;gap:15px}.profile-avatar{width:65px;height:65px;font-size:23px}.profile-banner h2{font-size:17px}.alarm-item{padding:15px;gap:10px;flex-wrap:wrap}.app-footer{padding:0 12px;gap:10px;font-size:9px}.footer-links{display:none}.concept-label{font-size:8px;max-width:160px;text-align:right}.help-btn{right:15px;width:42px;height:42px}.top-mode-header .top-brand{width:150px}.top-mode-header .header-actions{gap:7px}.top-mode-header .fuelchat-btn{padding:8px 10px}.chat-layout{grid-template-columns:1fr}.chat-history{display:none}.chat-body{padding:18px}.chat-message{max-width:95%}.top-navigation{gap:6px}.top-trigger,.top-dashboard{font-size:11px}.modal-backdrop{padding:10px}.modal-body,.modal-header,.modal-footer{padding:17px}}
.chat-form input{flex:1;width:0;border:1px solid #e8eaf0;border-radius:8px;min-height:43px;padding:9px 12px;background:#fff}.bell-dot .fa{width:10px;font-size:9px}

/* Presentation controls: keep both original navigation designs intact. */
.demo-banner{position:fixed;top:var(--header);left:var(--sidebar);right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;padding:9px 24px;background:#fff3cd;color:#614a0b;border-bottom:1px solid #efd58d;transition:left .25s;font-size:12px}
.demo-disclaimer{display:flex;align-items:center;gap:9px;min-width:0}.demo-disclaimer>.fa{flex:none;color:#a57500}.demo-disclaimer strong{font-weight:600}
.layout-switch{display:flex;flex:none;gap:3px;padding:3px;border:1px solid #d9bf75;border-radius:7px;background:#fff9e8}.layout-switch button{width:32px;height:30px;border-radius:4px;background:transparent;color:#614a0b;font-weight:600}.layout-switch button[aria-pressed=true]{background:var(--navy);color:white}.layout-switch button:hover{box-shadow:inset 0 0 0 1px #cba94e}
.main-content{padding-top:calc(var(--header) + var(--demo-banner,48px) + 26px)}
@media(max-width:990px){.demo-banner{left:0;padding-left:18px;padding-right:18px}}
@media(max-width:600px){.demo-banner{padding:8px 12px;gap:10px;font-size:10px;line-height:1.5}.demo-disclaimer{gap:7px}.demo-disclaimer>.fa{width:14px}.layout-switch button{width:29px;height:30px}.main-content{padding-top:calc(var(--header) + var(--demo-banner,80px) + 20px)}}