:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-soft:#eff6ff;--primary-border:#dbeafe;--navy:#101b30;--navy-light:#1d2b45;--navy-hover:#233653;--background:#f4f7fb;--surface:#fff;--surface-soft:#f8fafc;--surface-blue:#f1f6ff;--text:#17243b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-white:#fff;--border:#e2eaf4;--border-strong:#cbd8e8;--success:#10b981;--success-soft:#ecfdf5;--warning:#f59e0b;--warning-soft:#fffbeb;--danger:#ef4444;--danger-soft:#fef2f2;--info:#3b82f6;--info-soft:#eff6ff;--zone-a:#2563eb;--zone-a-soft:#eff6ff;--zone-b:#f59e0b;--zone-b-soft:#fffbeb;--zone-c:#10b981;--zone-c-soft:#ecfdf5;--sidebar-width:170px;--header-height:60px;--content-max-width:1600px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--shadow:0 2px 8px #0f234109, 0 6px 18px #0f234109;--shadow-card:0 2px 10px #0f23410b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background:var(--background);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}html{scroll-behavior:smooth;scrollbar-gutter:stable;width:100%;min-height:100%}#root{text-align:left;width:100%;min-height:100vh;margin:0;padding:0;display:block}input,select,textarea{color:var(--text)}:is(input:focus,select:focus,textarea:focus,button:focus-visible){outline:2px solid var(--primary);outline-offset:2px}h1,h2,h3,h4,h5,h6{color:var(--text);margin-top:0;font-family:inherit;font-weight:700;line-height:1.3}h1{letter-spacing:-.7px;margin-bottom:12px;font-size:28px}h2{letter-spacing:-.35px;margin-bottom:10px;font-size:21px}h3{margin-bottom:8px;font-size:16px}h4{margin-bottom:6px;font-size:14px}a{color:var(--primary);text-decoration:none}img{max-width:100%;display:block}table{border-collapse:collapse;width:100%}code,.counter{font-family:Consolas,Courier New,monospace}code{border-radius:var(--radius-sm);color:#334155;background:#f1f5f9;padding:3px 6px;font-size:12px}::selection{color:#fff;background:var(--primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-soft)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1024px){:root{--sidebar-width:150px}body{font-size:12px}h1{font-size:24px}h2{font-size:19px}}@media (max-width:640px){:root{--sidebar-width:0px;--header-height:56px}body{font-size:12px}h1{font-size:22px}h2{font-size:18px}}:root{color:#17243b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--navy:#101a2e;--navy-light:#1d2b43;--blue:#2864f0;--blue-dark:#1d4ed8;--blue-soft:#eff6ff;--cyan:#0ea5e9;--green:#059669;--green-soft:#ecfdf5;--warning:#f59e0b;--danger:#ef4444;--line:#e5ebf3;--muted:#718096;--text:#17243b;--surface:#fff;--background:#f5f7fb;--radius:12px;--shadow:0 2px 8px #14284b09, 0 8px 20px #14284b06;background:#f5f7fb;font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--background);min-width:320px;min-height:100%}body{background:var(--background);min-width:320px;min-height:100vh;color:var(--text);margin:0;font-family:inherit;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}:is(button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline-offset:2px;outline:3px solid #2864f033}button:disabled{cursor:not-allowed;opacity:.58}img{max-width:100%}p{margin:0}.sidebar{z-index:30;color:#f8fafc;background:var(--navy);border-right:1px solid #1b2940;flex-direction:column;width:174px;padding:18px 12px 12px;display:flex;position:fixed;top:0;bottom:0;left:0;right:auto;overflow-y:auto}.brand{align-items:center;gap:9px;padding:0 7px 28px;display:flex}.brand-mark{color:#fff;background:#1d4f9b;border-radius:8px;flex:0 0 29px;place-items:center;width:29px;height:29px;font-size:17px;font-weight:800;display:grid}.brand h1{color:#fff;letter-spacing:.5px;margin:0;font-size:13px}.brand p,.admin-profile p,.sidebar-footer p{color:#91a2bb;margin:2px 0 0;font-size:8px;line-height:1.4}.admin-label{color:#72839e;letter-spacing:1px;padding:0 9px 9px;font-size:8px;font-weight:700}.navigation{gap:5px;display:grid}.nav-item{color:#aab8cc;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:9px;width:100%;min-height:34px;padding:8px 9px;font-size:9px;font-weight:500;transition:background .16s,color .16s;display:flex}.nav-item.active{color:#fff;background:#1d2b43;border-color:#2b4b78;font-weight:700;box-shadow:inset 2px 0 #3b82f6}.nav-icon{color:#91a9ca;text-align:center;flex:0 0 15px;width:15px;font-size:13px}.sidebar-footer{background:#1b2940;border:1px solid #94a3b821;border-radius:9px;margin-top:auto;padding:10px 9px;display:block}.sidebar-footer strong{color:#e5edf8;font-size:9px}.status-dot{background:#10b981;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;box-shadow:0 0 0 3px #10b9811a}.topbar{z-index:20;background:#fff;border-bottom:1px solid #e9edf4;justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:10px 22px;display:flex;position:sticky;top:0}.breadcrumb,.eyebrow{color:var(--blue);letter-spacing:1px;margin:0 0 4px;font-size:8px;font-weight:800}.topbar h2{color:#142238;letter-spacing:-.35px;margin:0;font-size:16px;font-weight:750}.admin-profile{align-items:center;gap:8px;display:flex}.profile-avatar{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;place-items:center;width:29px;height:29px;font-size:11px;font-weight:800;display:grid}.admin-profile strong{color:#26364d;font-size:9px}.admin-profile p{color:#8190a5;font-size:8px}.welcome-row{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.welcome-row h2{color:#132238;letter-spacing:-.8px;margin:0 0 5px;font-size:clamp(20px,2vw,26px);font-weight:800}.muted{color:var(--muted);font-size:10px;line-height:1.6}.welcome-row .muted{margin:0}.demo-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;max-width:300px;padding:7px 10px;font-size:8px;font-weight:700;line-height:1.4}.notice{color:#24508a;background:#f1f7ff;border:1px solid #d8e7fb;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:11px;padding:9px 11px;display:flex}.notice>span{color:var(--blue);flex:none;font-size:12px;font-weight:800}.notice p{margin:1px 0;font-size:9px;line-height:1.6}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px;display:grid}.summary-card,.panel{min-width:0;box-shadow:var(--shadow);background:#fff;border:1px solid #e5ebf3;border-radius:10px}.summary-card{padding:13px 14px;position:relative;overflow:hidden}.summary-card:before{content:"";background:var(--blue);height:2px;position:absolute;top:0;bottom:auto;left:0;right:0}.card-heading{color:#718096;justify-content:space-between;align-items:center;gap:7px;font-size:9px;font-weight:600;display:flex}.metric-icon{border-radius:7px;place-items:center;width:27px;height:27px;font-size:14px;font-weight:800;display:grid}.blue-bg{color:#2563eb;background:#eff6ff}.gold-bg{color:#b7791f;background:#fffbeb}.green-bg{color:#059669;background:#ecfdf5}.purple-bg{color:#7c3aed;background:#f5f3ff}.summary-card h3{color:#111f34;letter-spacing:-.6px;overflow-wrap:anywhere;margin:9px 0 3px;font-size:clamp(18px,1.8vw,23px);font-weight:800}.summary-card .status-text{font-size:15px}.summary-card>p{color:#8794a7;margin:0;font-size:8px;line-height:1.5}.panel{margin-bottom:14px;padding:17px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.panel-heading h3{color:#17243b;margin:0;font-size:13px;font-weight:750}.panel-heading p{margin:4px 0 0}.secondary-button{color:#1d4ed8;background:#f8fbff;border:1px solid #d6e3f5;border-radius:7px;min-height:31px;padding:7px 11px;font-size:9px;font-weight:700;transition:all .16s}.secondary-button:hover:not(:disabled){color:#fff;border-color:var(--blue);background:var(--blue)}.zone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.zone-card{background:#fff;border:1px solid #e5ebf3;border-radius:9px;min-width:0;padding:13px;transition:border-color .16s,box-shadow .16s}.zone-card:hover{border-color:#c8d9f2;box-shadow:0 5px 15px #0f23410e}.zone-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.zone-symbol{border-radius:7px;place-items:center;min-width:29px;height:29px;padding:0 5px;font-size:10px;font-weight:800;display:grid}.zone-symbol.blue{color:#2563eb;background:#eff6ff}.zone-symbol.gold{color:#b7791f;background:#fffbeb}.zone-symbol.green{color:#059669;background:#ecfdf5}.zone-position{color:#64748b;background:#f3f6fa;border-radius:20px;padding:4px 7px;font-size:8px}.zone-card h4{color:#17243b;margin:10px 0 4px;font-size:11px}.zone-card>p{margin:0}.zone-divider{background:#edf1f6;height:1px;margin:11px 0}.zone-need{justify-content:space-between;align-items:flex-start;gap:8px;margin:7px 0;font-size:8px;display:flex}.zone-need span{color:#77869b}.zone-need strong{color:#233650;text-align:right;font-size:9px}.workflow-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.workflow-step{background:#fbfdff;border:1px solid #e5ebf3;border-radius:8px;min-width:0;padding:11px}.workflow-step>span{color:#1d4ed8;background:#eff6ff;border:1px solid #d6e5fb;border-radius:7px;place-items:center;width:25px;height:25px;margin-bottom:8px;font-size:9px;font-weight:800;display:grid}.workflow-step strong{color:#26364d;font-size:9px;line-height:1.5;display:block}.workflow-step p{color:#8391a5;margin:5px 0 0;font-size:8px;line-height:1.5}.zone-edit-form{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:14px;display:flex}.zone-edit-form label{color:#52647c;flex-direction:column;flex:170px;gap:6px;min-width:0;font-size:9px;font-weight:700;display:flex}input,select,textarea,.zone-edit-form input{color:#1e2e45;background:#fff;border:1px solid #dce4ef;border-radius:7px;width:100%;min-height:34px;padding:8px 10px;font-size:10px}input:focus,select:focus,textarea:focus{border-color:#93b4f5;outline:none;box-shadow:0 0 0 3px #2864f014}.zone-edit-form button{border:1px solid var(--blue);color:#fff;background:var(--blue);border-radius:7px;min-height:34px;padding:8px 12px;font-size:9px;font-weight:700}.zone-edit-form button:hover:not(:disabled){background:var(--blue-dark)}.prediction-result{background:#f3f8ff;border:1px solid #d8e7fb;border-radius:9px;margin-top:15px;padding:15px}.prediction-result h3,.prediction-result h4{color:#1d4ed8;margin:0 0 10px;font-size:13px}.prediction-result p{color:#52647c;margin:7px 0;font-size:10px;line-height:1.6}.prediction-result strong{color:#17243b}.history-table{border-collapse:separate;border-spacing:0;width:100%;min-width:620px}.history-table th{color:#52647c;text-align:left;letter-spacing:.35px;text-transform:uppercase;white-space:nowrap;background:#f6f8fc;border-bottom:1px solid #e5ebf3;padding:10px 11px;font-size:8px;font-weight:800}.history-table td{color:#33445c;vertical-align:middle;border-bottom:1px solid #edf1f6;padding:10px 11px;font-size:9px}.history-table tbody tr:last-child td{border-bottom:0}.page-footer{color:#8a98aa;padding:7px 2px 13px;font-size:8px;line-height:1.6}[role=alert]{color:#b91c1c}[role=status]{color:#047857}@media (max-width:1100px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-content{padding:18px 16px 26px}.topbar{padding-inline-start:16px;padding-inline-end:16px}}@media (max-width:760px){.sidebar{border-bottom:1px solid #94a3b829;border-right:0;width:100%;height:auto;padding:9px 11px;position:sticky;top:0;bottom:auto;left:auto;right:auto;overflow:visible}.brand{padding:0 4px 8px}.brand-mark{flex-basis:27px;width:27px;height:27px;font-size:15px}.brand h1{font-size:12px}.brand p{font-size:8px}.admin-label,.sidebar-footer{display:none}.navigation{scrollbar-width:thin;gap:5px;padding:2px 0 4px;display:flex;overflow-x:auto}.nav-item{white-space:nowrap;flex:none;gap:6px;width:auto;min-height:31px;padding:7px 9px;font-size:9px}.nav-item.active{box-shadow:inset 0 -2px #60a5fa}.nav-icon{flex-basis:auto;width:auto;font-size:12px}.main-content{min-height:calc(100vh - 85px);margin-left:0}.topbar{min-height:52px;padding:9px 13px;position:static}.topbar h2{font-size:14px}.page-content{padding:16px 12px 22px}.welcome-row{flex-direction:column;align-items:flex-start}.demo-badge{max-width:none}.panel{padding:14px}}@media (max-width:520px){.summary-grid,.zone-grid,.workflow-grid{grid-template-columns:1fr}.summary-card{padding:13px}.summary-card h3{font-size:21px}.page-content{padding:14px 10px 20px}.topbar{gap:7px;padding:9px 10px}.admin-profile>div:last-child{display:none}.profile-avatar{width:27px;height:27px}.welcome-row h2{font-size:21px}.panel{border-radius:9px;padding:12px}.panel-heading{flex-direction:column;align-items:flex-start}.panel-heading>button{width:100%}.zone-edit-form{flex-direction:column;align-items:stretch}.zone-edit-form label,.zone-edit-form button{width:100%}.history-table{min-width:580px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{background:#f5f7fb;min-height:100vh}.main-content{background:#f5f7fb;min-height:100vh;margin-left:174px}.sidebar{background:#101a2e;border-right:1px solid #1c2940;width:174px;padding:20px 12px 13px}.brand{padding:0 7px 30px}.brand-mark{background:#1d4f9b;border-radius:8px;width:30px;height:30px;box-shadow:0 3px 8px #0000001f}.brand h1{letter-spacing:.6px;font-size:14px}.brand p{color:#91a2bb;font-size:8px}.navigation{gap:5px}.nav-item{border-radius:7px;min-height:36px;padding:8px 9px;font-size:9px;transition:all .2s}.nav-item:hover{color:#fff;background:#1b2940}.nav-item.active{color:#fff;background:#1d2b43;border:1px solid #2b4b78;box-shadow:inset 2px 0 #3b82f6}.nav-item.active .nav-icon{color:#60a5fa}.sidebar-footer{background:#1b2940;border:1px solid #94a3b821;border-radius:9px;padding:11px 9px}.topbar{background:#fff;border-bottom:1px solid #e9edf4;min-height:64px;padding:11px 24px}.topbar h2{color:#142238;font-size:17px;font-weight:750}.breadcrumb{letter-spacing:1px;font-size:8px}.page-content{width:100%;max-width:1600px;margin:0 auto;padding:24px 24px 32px}.welcome-row{margin-bottom:18px}.welcome-row h2{letter-spacing:-.7px;font-size:clamp(21px,2vw,27px)}.demo-badge{border-radius:8px;padding:8px 11px;font-size:9px}.notice{border-radius:9px;margin-bottom:12px;padding:10px 12px}.notice p{font-size:10px}.summary-grid{gap:12px;margin-bottom:16px}.summary-card{border:1px solid #e5ebf3;border-radius:11px;padding:15px;box-shadow:0 2px 8px #14284b09}.summary-card h3{margin:10px 0 4px;font-size:clamp(19px,1.8vw,24px)}.card-heading{font-size:10px}.panel{background:#fff;border:1px solid #e5ebf3;border-radius:11px;margin-bottom:16px;padding:19px;box-shadow:0 2px 8px #14284b09}.panel-heading{margin-bottom:16px}.panel-heading h3{font-size:14px;font-weight:750}.panel-heading p{font-size:10px}.secondary-button{border-radius:7px;min-height:33px;padding:8px 12px;font-size:10px;transition:all .2s}.secondary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 9px #2864f02e}.zone-card{border:1px solid #e5ebf3;border-radius:10px;transition:all .2s;box-shadow:0 2px 7px #14284b06}.zone-card:hover{border-color:#c9dafa;transform:translateY(-2px);box-shadow:0 5px 14px #14284b0f}.history-table-wrapper{border:1px solid #e5ebf3;border-radius:9px;width:100%;overflow-x:auto}.history-table{border-collapse:collapse;background:#fff;width:100%}.history-table th{color:#64748b;text-align:left;white-space:nowrap;background:#f7f9fc;padding:12px 13px;font-size:9px;font-weight:700}.history-table td{color:#334155;border-top:1px solid #edf1f6;padding:12px 13px;font-size:10px}.page-footer{color:#94a3b8;text-align:center;padding:16px 0;font-size:9px}@media (max-width:900px){.page-content{padding:20px 16px 28px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:15px}}@media (max-width:600px){.brand{justify-content:center;padding:0 0 24px}.brand>div:last-child,.admin-label,.nav-item>span:last-child,.sidebar-footer{display:none}.nav-item{justify-content:center;padding:9px 5px}.nav-icon{margin:0}.topbar{padding:10px 13px}.admin-profile>div:last-child{display:none}.page-content{padding:16px 12px 24px}.welcome-row{flex-direction:column;align-items:flex-start}.demo-badge{max-width:100%}.summary-grid{grid-template-columns:1fr}.panel{padding:13px}.panel-heading{flex-direction:column;align-items:flex-start}}.dashboard-status{align-items:center;min-height:43px;margin-bottom:10px}.dashboard-status p{font-size:10px}.dashboard-info{color:#64748b;background:#fff;border:1px solid #e5ebf3;border-radius:9px;align-items:flex-start;gap:9px;margin-bottom:16px;padding:10px 12px;display:flex}.dashboard-info span{color:#2864f0;font-size:13px;font-weight:700}.dashboard-info p{font-size:10px;line-height:1.6}.dashboard-metrics{margin-bottom:16px}.dashboard-main-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);align-items:stretch;gap:16px;display:grid}.dashboard-chart-panel,.dashboard-schedule-panel{min-width:0;margin-bottom:16px}.chart-legend{color:#64748b;align-items:center;gap:18px;margin-bottom:22px;font-size:10px;display:flex}.chart-legend span{align-items:center;gap:7px;display:flex}.supply-dot{background:#2864f0}.demand-dot{background:#94a3b8}.zone-comparison-list{flex-direction:column;gap:23px;display:flex}.zone-comparison-item{min-width:0}.comparison-title,.comparison-values{justify-content:space-between;align-items:center;gap:10px;display:flex}.comparison-title{margin-bottom:9px;font-size:11px}.comparison-title span{color:#64748b;font-size:10px}.comparison-bar-group{flex-direction:column;gap:6px;display:flex}.comparison-bar-track{background:#edf1f7;border-radius:20px;width:100%;height:9px;overflow:hidden}.comparison-bar{border-radius:20px;height:100%;transition:width .35s}.demand-bar{background:#94a3b8}.supply-bar{background:#2864f0}.supply-color-1{background:#0ea5e9}.supply-color-2{background:#10b981}.comparison-values{color:#718096;margin-top:7px;font-size:9px}.chart-footer-note{color:#718096;border-top:1px solid #edf1f6;align-items:center;gap:8px;margin-top:25px;padding-top:13px;font-size:9px;display:flex}.dashboard-schedule-list{flex-direction:column;gap:10px;display:flex}.dashboard-schedule-item{background:#fbfcfe;border:1px solid #e8edf5;border-radius:9px;align-items:center;gap:10px;padding:12px 10px;display:flex}.schedule-zone-icon{color:#2864f0;background:#eff6ff;border-radius:8px;flex:0 0 31px;justify-content:center;align-items:center;height:31px;font-size:11px;font-weight:750;display:flex}.schedule-zone-1{color:#d97706;background:#fffbeb}.schedule-zone-2{color:#059669;background:#ecfdf5}.schedule-zone-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.schedule-zone-info strong{color:#17243b;font-size:10px}.schedule-zone-info span{color:#718096;font-size:9px}.schedule-volume{white-space:nowrap;align-items:baseline;gap:4px;display:flex}.schedule-volume strong{color:#2864f0;font-size:12px}.schedule-volume span{color:#718096;font-size:9px}.schedule-panel-footer{color:#718096;border-top:1px solid #edf1f6;justify-content:space-between;align-items:center;margin-top:17px;padding-top:13px;font-size:9px;display:flex}.schedule-panel-footer button{color:#2864f0;cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:650}.dashboard-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:245px;padding:20px;display:flex}.empty-state-icon{color:#2864f0;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:12px;font-size:22px;display:flex}.dashboard-empty-state strong{color:#17243b;font-size:11px}.dashboard-empty-state p{color:#718096;max-width:230px;margin:7px 0 14px;font-size:10px;line-height:1.6}.primary-button{color:#fff;cursor:pointer;background:#2864f0;border:0;border-radius:7px;padding:9px 14px;font-size:10px;font-weight:650}.primary-button:hover:not(:disabled){background:#1d4ed8}.primary-button:disabled{opacity:.6;cursor:not-allowed}.dashboard-priority-panel{margin-top:0}.priority-summary-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.priority-indicator{background:#f8fafc;border:1px solid #e5ebf3;border-radius:9px;align-items:flex-start;gap:12px;padding:17px;display:flex}.priority-indicator>span{border-radius:50%;flex:0 0 29px;justify-content:center;align-items:center;width:29px;height:29px;font-size:14px;font-weight:750;display:flex}.priority-warning{color:#ea580c;background:#fff7ed}.priority-normal{color:#059669;background:#ecfdf5}.priority-indicator strong{color:#17243b;font-size:11px;line-height:1.5}.priority-indicator p{color:#718096;margin-top:6px;font-size:10px;line-height:1.6}.priority-zone-list{flex-direction:column;justify-content:center;gap:0;display:flex}.priority-zone-row{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.priority-zone-row:last-child{border-bottom:0}.priority-zone-row>div{flex-direction:column;gap:4px;display:flex}.priority-zone-row>div strong{color:#17243b;font-size:10px}.priority-zone-row>div span{color:#718096;font-size:9px}.priority-zone-row>strong{white-space:nowrap;font-size:10px}.shortage-value{color:#dc2626}.normal-value{color:#059669}@media (max-width:900px){.dashboard-main-grid,.priority-summary-content{grid-template-columns:1fr}}@media (max-width:600px){.comparison-values{flex-direction:column;align-items:flex-start;gap:4px}.dashboard-schedule-item{padding:10px 8px}}.dashboard-zone-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.zone-metric-progress{background:#edf1f7;border-radius:20px;width:100%;height:6px;margin-top:12px;overflow:hidden}.zone-metric-progress-fill{border-radius:inherit;height:100%;transition:width .3s}.zone-metric-progress-fill.blue-bg{background:#2864f0}.zone-metric-progress-fill.gold-bg{background:#d97706}.zone-metric-progress-fill.green-bg{background:#059669}@media (max-width:1100px){.dashboard-zone-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.dashboard-zone-metrics{grid-template-columns:1fr}}.zone-map-layout{grid-template-columns:minmax(0,2fr) minmax(260px,.9fr);align-items:start;gap:22px;display:grid}.zone-schematic,.zone-summary{min-width:0}.zone-schematic{background:#f8faff;border:1px solid #e2eaf5;border-radius:14px;padding:22px}.schematic-legend{color:#64748b;flex-wrap:wrap;gap:16px;margin-bottom:28px;font-size:12px;display:flex}.schematic-legend span{align-items:center;gap:7px;display:inline-flex}.legend-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.blue-dot{background:#2563eb}.green-dot{background:#10b981}.red-dot{background:#ef4444}.water-network{flex-direction:column;align-items:center;gap:0;display:flex}.reservoir-node{color:#1e40af;z-index:1;background:#eaf2ff;border:1px solid #bfd5ff;border-radius:12px;align-items:center;gap:14px;width:min(100%,300px);padding:16px 20px;display:flex;position:relative}.network-icon{color:#fff;background:#2563eb;border-radius:10px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.reservoir-node strong,.reservoir-node small{display:block}.reservoir-node small{color:#64748b;margin-top:4px}.network-trunk{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;padding-top:42px;display:grid;position:relative}.network-trunk:before{content:"";background:#93b4ed;width:2px;height:22px;position:absolute;top:0;left:50%}.network-trunk:after{content:"";background:#93b4ed;height:2px;position:absolute;top:21px;left:16.66%;right:16.66%}.network-branch{flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.network-branch:before{content:"";background:#93b4ed;width:2px;height:21px;position:absolute;top:-21px}.gate-node{text-align:center;background:#fff;border:1px solid #dbe5f2;border-radius:10px;width:100%;padding:12px 8px}.gate-node strong,.gate-node small{display:block}.gate-node strong{font-size:14px}.gate-node small{color:#64748b;margin-top:4px;font-size:11px}.zone-a{--zone-color:#2563eb;--zone-bg:#eff6ff}.zone-b{--zone-color:#d97706;--zone-bg:#fffbeb}.zone-c{--zone-color:#059669;--zone-bg:#ecfdf5}.gate-node.zone-a,.gate-node.zone-b,.gate-node.zone-c{border-color:color-mix(in srgb, var(--zone-color) 25%, white);background:var(--zone-bg);color:var(--zone-color)}.branch-line{background:#93b4ed;width:2px;height:20px}.zone-node{border:1px solid #e2eaf5;border-top:3px solid var(--zone-color);background:#fff;border-radius:12px;width:100%;min-height:190px;padding:15px;box-shadow:0 3px 10px #0f172a0a}.zone-node-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;margin-bottom:14px;display:flex}.zone-node-heading strong{color:#172b4d;font-size:14px}.zone-node-heading span{background:var(--zone-bg);color:var(--zone-color);border-radius:20px;padding:4px 9px;font-size:11px}.zone-node p{color:#64748b;margin:8px 0;font-size:12px;line-height:1.5}.zone-node .progress-track{background:#e9eef5;border-radius:20px;height:8px;margin-top:14px;overflow:hidden}.zone-node .progress-fill{border-radius:inherit;background:var(--zone-color);height:100%}.zone-node>small{color:var(--zone-color);margin-top:8px;font-size:11px;font-weight:700;display:block}.map-disclaimer{color:#64748b;background:#eff6ff;border-radius:9px;margin:22px 0 0;padding:12px 14px;font-size:11px;line-height:1.6}.zone-summary{flex-direction:column;gap:14px;display:flex}.zone-summary h3{margin:0 0 4px;font-size:16px}.zone-status-card{background:#fff;border:1px solid #e2eaf5;border-radius:12px;padding:16px}.zone-status-card .panel-heading{align-items:center;margin-bottom:12px}.zone-status-card .panel-heading strong{font-size:14px}.zone-status-card .panel-heading span{color:#2563eb;font-size:14px;font-weight:700}.zone-status-card .progress-track{background:#e9eef5;border-radius:20px;height:8px;margin:12px 0;overflow:hidden}.zone-status-card .progress-fill{border-radius:inherit;background:#2563eb;height:100%}.zone-status-card p{margin:5px 0;font-size:12px}.zone-status-card>small{color:#64748b;margin-top:8px;line-height:1.5;display:block}@media (max-width:1000px){.zone-map-layout{grid-template-columns:1fr}.zone-summary{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.zone-summary h3{grid-column:1/-1}}@media (max-width:650px){.zone-schematic{padding:14px}.network-trunk{grid-template-columns:1fr;gap:18px;padding-top:28px}.network-trunk:after{display:none}.network-trunk:before{height:15px}.network-branch:before{display:none}.zone-node{min-height:auto}.zone-summary{grid-template-columns:1fr}.zone-summary h3{grid-column:auto}}.monitoring-page{flex-direction:column;gap:22px;display:flex}.monitoring-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.section-eyebrow{color:#2563eb;letter-spacing:1px;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.monitoring-heading h2{color:#10213b;margin:0 0 7px;font-size:26px}.monitoring-heading p{margin:0}.monitoring-status{color:#24549a;background:#eff6ff;border:1px solid #d8e5fb;border-radius:10px;align-items:center;gap:10px;padding:13px 16px;font-size:13px;display:flex}.status-dot{background:#2563eb;border-radius:50%;flex-shrink:0;width:9px;height:9px}.monitoring-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.monitoring-card{background:#fff;border:1px solid #e2eaf5;border-top:3px solid #2563eb;border-radius:13px;min-width:0;padding:20px;box-shadow:0 3px 12px #0f23410a}.monitoring-card-top{justify-content:space-between;align-items:center;display:flex}.monitoring-card-label{color:#71829d;letter-spacing:.7px;font-size:10px;font-weight:700}.monitoring-icon{color:#2563eb;background:#eff6ff;border-radius:9px;place-items:center;width:34px;height:34px;font-size:21px;display:grid}.monitoring-card h3{margin:15px 0 7px;font-size:15px}.monitoring-value{color:#14233c;margin-bottom:5px;font-size:29px;font-weight:800}.monitoring-card p{margin:0;font-size:12px}.monitoring-card-footer{color:#71829d;border-top:1px solid #edf1f7;margin-top:17px;padding-top:12px;font-size:11px}.monitoring-data-panel{min-width:0}.monitoring-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:30px 20px;display:flex}.monitoring-empty-icon{color:#2563eb;background:#eff6ff;border-radius:16px;place-items:center;width:58px;height:58px;margin-bottom:15px;font-size:30px;display:grid}.monitoring-empty h3{margin:0 0 8px}.monitoring-empty p{max-width:430px;margin-bottom:18px;line-height:1.6}.monitoring-disclaimer{color:#71829d;font-size:11px;line-height:1.6}@media (max-width:900px){.monitoring-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.monitoring-summary-grid{grid-template-columns:1fr}.monitoring-heading h2{font-size:22px}}.ai-analytics-layout{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;margin-top:24px;display:grid}.ai-analytics-card{background:#fff;border:1px solid #dce5f0;border-radius:12px;min-width:0;padding:26px;box-shadow:0 2px 5px #0f23410a}.ai-analytics-card h3{color:#101b30;margin:8px 0 20px;font-size:21px;font-weight:700}.ai-analytics-eyebrow{color:#647995;letter-spacing:.7px;text-transform:uppercase;font-size:11px;font-weight:700}.ai-analytics-card--green{border-top:4px solid #10b981}.ai-analytics-card--blue{border-top:4px solid #2864f0}@media (max-width:1100px){.ai-analytics-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.ai-analytics-layout{grid-template-columns:1fr}.ai-analytics-card{padding:20px}}.page-content{max-width:1600px;margin:auto}.panel{margin-bottom:20px}.panel h3{margin:0 0 10px}.integration-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:20px 0}.integration-metrics .summary-card h3{overflow-wrap:anywhere;font-size:26px;line-height:1.3}.integration-hero{background:linear-gradient(120deg,#fff,#eef4ff);justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex}.integration-hero h3{letter-spacing:-.5px;font-size:26px}.integration-hero p{max-width:700px}.integration-hero button{flex-shrink:0}.table-scroll{width:100%;margin:18px 0;overflow:auto}.history-table th,.history-table td{white-space:normal;min-width:100px;padding:16px 12px}.history-table th{font-size:12px}.history-table td{font-size:13px}.integration-caption{color:#64748b;margin:12px 0;font-size:12px;line-height:1.7}.integration-error{color:#9f1239;overflow-wrap:anywhere;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;margin:16px 0;padding:16px 20px}.integration-chart{width:100%;height:300px;margin-top:25px}.json-details{border-top:1px solid #e2e8f0;margin:18px 0;padding-top:16px}.json-details summary{cursor:pointer;color:#2864f0;font-weight:600}.json-details pre{color:#24354c;white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f5f9;max-height:420px;padding:16px;font-size:12px;overflow:auto}.json-details p{padding:12px 0}.integration-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0;display:grid}.integration-form label,.replay-form label{flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.integration-form input,.integration-form select,.feature-editor input,.replay-form input,.login-card input{color:#17243b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:46px;padding:12px}.integration-fieldset{border:0;min-width:0;padding:0}.check-label{align-items:center;gap:10px;margin:20px 0;display:flex}.feature-editor{background:#f8fafc;border-radius:12px;margin:20px 0;padding:18px}.feature-editor input{min-width:105px}.feature-editor summary{margin-bottom:16px;font-weight:700}.replay-form{align-items:flex-end;gap:20px;margin:20px 0;display:flex}.replay-form input{max-width:220px}.integration-zone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0;display:grid}.zone-summary-card{background:#fff;border:1px solid #e2e8f0;border-top:4px solid #2864f0;border-radius:10px;padding:24px}.zone-summary-card p{margin:8px 0}.zone-card-B{border-top-color:#f59e0b}.zone-card-C{border-top-color:#059669}.network-source{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-top:20px;padding:24px;font-size:18px;font-weight:700}.timeline{margin:24px 0}.timeline-row{grid-template-columns:65px 1fr 140px;align-items:center;gap:12px;margin:12px 0;font-size:12px;display:grid}.timeline-track{background:#eaf0f7;border-radius:5px;height:28px;position:relative;overflow:hidden}.timeline-bar{background:#2864f0;border-radius:3px;min-width:2px;position:absolute;top:3px;bottom:3px}.timeline-bar.zone-B{background:#e9a321}.timeline-bar.zone-C{background:#059669}.integration-dl{grid-template-columns:130px 1fr;gap:18px;margin:24px 0;display:grid}.integration-dl dt{font-weight:700}.integration-dl dd{color:#475569;margin:0}.integration-footer{color:#64748b;padding:24px 0;font-size:12px}.empty{color:#64748b;padding:26px}.login-page{background:linear-gradient(140deg,#101a2e,#213f6a);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border-radius:18px;width:100%;max-width:520px;padding:36px;box-shadow:0 24px 80px #0004}.login-card h1{margin:12px 0;font-size:30px}.login-card .notice{margin:24px 0;line-height:1.7}.login-card form{gap:14px;display:grid}.login-card label{font-weight:700}.login-card .muted{overflow-wrap:anywhere;font-size:12px}.login-card>p:last-child{margin-top:20px}.notice{line-height:1.6}.dashboard-info{margin-bottom:20px;line-height:1.7}.demo-badge{white-space:normal}.integration-footer,.panel,.dashboard-info{overflow-wrap:anywhere}@media (min-width:1200px){.page-content{padding:30px}.sidebar{width:205px}.main-content{margin-left:205px}}@media (max-width:1000px){.integration-metrics,.integration-form{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-zone-grid{grid-template-columns:1fr}.integration-hero{flex-direction:column;align-items:flex-start}}@media (max-width:600px){.integration-form,.integration-metrics{grid-template-columns:1fr}.timeline-row{grid-template-columns:55px 1fr}.timeline-row>span{grid-column:2}.replay-form{flex-direction:column;align-items:stretch}.integration-dl{grid-template-columns:1fr;gap:8px}.login-card{padding:24px}.welcome-row{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width:900px){.sidebar{width:100%;padding:16px;display:block;position:relative;top:auto;bottom:auto;left:auto;right:auto}.brand{justify-content:flex-start;padding:0 0 14px}.brand>div:last-child{display:block}.navigation{gap:8px;max-width:100%;display:flex;overflow-x:auto}.nav-item{white-space:nowrap;flex:none;justify-content:flex-start;width:auto;padding:10px 14px;font-size:12px}.nav-icon{flex:none;width:auto;display:inline-block!important}.main-content{min-width:0;margin-left:0}.admin-label,.sidebar-footer{display:none}.table-scroll,.panel{min-width:0}}.replay-form select{color:#17243b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:46px;padding:12px}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif}button,input,select,textarea{font-family:inherit}.brand-mark{box-shadow:none;background:0 0;overflow:visible}.brand-mark img{object-fit:contain;width:100%;height:auto;max-height:100%;display:block}.brand h1{letter-spacing:.45px;font-size:14px;font-weight:700}.brand p{font-size:9px}.admin-label{letter-spacing:.9px;font-size:9px;font-weight:600}.nav-item{font-size:12px;font-weight:500}.nav-item.active{font-weight:600}.nav-icon{justify-content:center;align-items:center;display:inline-flex}.sidebar-footer strong{font-size:11px;font-weight:600}.sidebar-footer p{font-size:9px}.topbar h2{letter-spacing:-.25px;font-size:18px;font-weight:650}.breadcrumb,.eyebrow{letter-spacing:.9px;font-size:10px;font-weight:650}.welcome-row h2{letter-spacing:-.65px;font-weight:700}.welcome-row .muted{font-size:12px}.demo-badge{letter-spacing:.1px;font-size:10px;font-weight:600}.dashboard-status{font-size:13px;font-weight:500}.dashboard-info{color:#64748b;font-size:13px}.panel,.summary-card{box-shadow:0 1px 3px #14284b06}.panel-heading h3,.panel>h3{letter-spacing:-.2px;font-size:16px;font-weight:650}.panel .muted{font-size:12px}.card-heading{color:#64748b;font-size:12px;font-weight:500}.integration-metrics .summary-card h3{letter-spacing:-.55px;font-variant-numeric:tabular-nums;font-weight:650}.summary-card>p{color:#718096;font-size:11px}.integration-hero h3{letter-spacing:-.5px;font-weight:650}.integration-hero p{line-height:1.65}.primary-button,.secondary-button{letter-spacing:0;font-size:12px;font-weight:600;transition:background-color .15s,border-color .15s}.history-table th{letter-spacing:.25px;font-size:11px;font-weight:650}.history-table td{font-variant-numeric:tabular-nums;line-height:1.65}.history-table td:first-child strong{font-weight:600}.history-table tbody tr:hover{background:#f8fafc}.status-badge.allocation-status{font-size:11px;font-weight:600}.allocation-status.no_supply{color:#b7791f;background:#fffbeb}.allocation-status.degraded_tail{color:#ef4444;background:#fef2f2}.integration-form label,.replay-form label{font-weight:600}.integration-form input,.feature-editor input,.replay-form input{font-variant-numeric:tabular-nums}.integration-form input:hover,.integration-form select:hover{border-color:#94a3b8}.timeline-row{font-variant-numeric:tabular-nums}.timeline-row strong{font-weight:600}.zone-summary-card h3{font-size:16px;font-weight:650}.zone-summary-card p,.zone-summary-card strong{font-variant-numeric:tabular-nums}.json-details summary{font-size:13px;font-weight:600}.json-details[open] summary{margin-bottom:12px}.login-brand{color:#17243b;letter-spacing:1px;align-items:center;gap:11px;font-size:18px;font-weight:700;display:flex}.login-brand .brand-mark{background:0 0;flex-basis:34px;width:34px;height:34px}.login-card h1{letter-spacing:-.7px;font-weight:650}.login-card>p{color:#64748b;font-size:13px;line-height:1.65}.login-card .notice{font-size:12px}.login-card form{margin-top:20px}.login-card label{gap:7px;font-size:13px;font-weight:600;display:grid}.login-card .primary-button{min-height:44px}.login-card .secondary-button{width:100%}.demo-access{color:#17243b;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin:24px 0;padding:16px;line-height:1.65}.demo-access h2{margin:0 0 10px;font-size:16px;font-weight:650}.demo-access dl{margin:0;font-size:14px}.demo-access dl>div{flex-wrap:wrap;gap:4px 8px;display:flex}.demo-access dt{font-weight:600}.demo-access dd{overflow-wrap:anywhere;min-width:0;margin:0}.demo-access code{font-size:inherit;-webkit-user-select:text;user-select:text}.demo-access p{margin:12px 0 0;font-size:13px}:is(button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible){outline-offset:3px;outline:2px solid #2864f0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}