:root{--navy:#101f62;--brand:#16329a;--word:#1f63c8;--ink:#172033;--grid:#d8dde8;--bar-blue-top:#2ea8f2;--bar-blue-bot:#0675c8;--bar-gold-top:#f3ce35;--bar-gold-bot:#d9ad14}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#eef3f7;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);font-synthesis:none;text-rendering:geometricPrecision}button{font:inherit}button:disabled{cursor:wait;opacity:.62}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:#0b3a75}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#edf4f8,#f8fbfd 55%,#fff);padding:24px}.login-panel{width:min(420px,100%);background:#fff;border:1px solid #c4d2e3;border-top:5px solid var(--navy);box-shadow:0 24px 70px #17203329;display:grid;gap:14px;padding:30px}.login-mark{color:#5a6478;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.login-panel h1{margin:0;color:var(--navy);font-size:32px;font-weight:900;line-height:1}.login-panel p{margin:0 0 8px;color:#5a6478;font-size:13px;font-weight:800}.login-panel label{display:grid;gap:6px;color:#25304a;font-size:12px;font-weight:900}.login-panel input{border:1.5px solid #a9bacd;color:var(--ink);font:inherit;font-size:16px;height:44px;padding:8px 10px;background:#fff}.login-panel input:focus{border-color:var(--navy);outline:3px solid rgba(16,31,98,.12)}.login-panel button{background:var(--navy);border:0;color:#fff;cursor:pointer;font-size:15px;font-weight:900;min-height:44px;margin-top:2px}.login-error{background:#fff3f1;border:1px solid #d64545;color:#a52828;font-size:12px;font-weight:800;padding:9px 10px}.stage{min-height:100vh;background:#eef3f7;padding:20px clamp(16px,2.6vw,42px)}.app-shell{width:min(1420px,100%);min-height:calc(100vh - 40px);margin:0 auto;background:#fff;position:relative;border:1px solid #c9d5e3;box-shadow:0 16px 42px #1720331f;overflow:visible}.app-shell:after{content:none}.app-shell>*{position:relative;z-index:1}.titlerow{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px clamp(26px,2.2vw,34px) 0;position:relative;z-index:2000}.title-main{display:grid;gap:4px}.titlerow h1{margin:0;font-size:30px;font-weight:900;color:#13205c;letter-spacing:.5px;display:flex;align-items:center;gap:12px}.titlerow h1:before{content:"";width:11px;height:30px;background:var(--navy);display:inline-block}.title-main p{margin:0;color:#5a6478;font-size:13px;font-weight:800;padding-left:23px}.date-controls{display:flex;align-items:center;gap:6px;background:#fff;border:1.5px solid var(--navy);padding:4px 6px}.date-controls label{display:flex;align-items:center;gap:4px;color:#536273;font-size:10px;font-weight:800}.date-controls input{border:1px solid #a9bacd;font:inherit;font-size:10px;height:23px;padding:1px 3px;color:var(--ink)}.mini-refresh{align-items:center;background:var(--navy);border:0;color:#fff;cursor:pointer;display:inline-flex;height:23px;justify-content:center;width:25px}.menu-wrap{position:relative;z-index:3000;flex:0 0 auto}.reffile{border:1.5px solid #2b2b2b;background:#fff;color:#1b1b1b;font-weight:800;font-size:13px;padding:7px 14px;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.action-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:5000;background:#fff;border:2px solid #313131;box-shadow:0 12px 22px #17203329;display:grid;gap:8px;min-width:244px;padding:10px}.action-menu span{align-items:center;color:#536273;display:inline-flex;font-size:12px;gap:5px}.action-menu button{align-items:center;background:#edf4f8;border:1px solid #a9bacd;color:#0b3a75;cursor:pointer;display:inline-flex;font-size:13px;font-weight:900;gap:7px;justify-content:center;min-height:36px}.error-strip{margin:8px 22px 0;background:#fff3f1;border:1px solid #d64545;color:#a52828;font-size:13px;font-weight:800;padding:8px 10px}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px clamp(26px,2.2vw,34px) 10px}.dashboard-kpis div{background:#f7fafd;border:1px solid #cbd8e8;border-left:5px solid var(--navy);padding:12px 14px}.dashboard-kpis span{display:block;color:#697589;font-size:11px;font-weight:900;margin-bottom:6px}.dashboard-kpis b{display:block;color:var(--navy);font-size:22px;font-weight:900;line-height:1}.tabbar{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;padding:10px clamp(26px,2.2vw,34px) 0}.tabbar button{background:#f4f7fb;border:1px solid #a9bacd;color:#26324d;cursor:pointer;font-size:13px;font-weight:900;min-height:38px;padding:0 18px}.tabbar button.active{background:var(--navy);border-color:var(--navy);color:#fff}.tabbar p{margin:0 0 0 8px;color:#536273;font-size:12px;font-weight:800;line-height:1.45}.tab-panel{padding:14px clamp(26px,2.2vw,34px) 32px}.col-label{font-size:16px;font-weight:900;color:#1b2a52;margin:0 0 8px}.card{border:2px solid var(--navy);background:#fff}.card-top{display:flex;align-items:center;justify-content:space-between;padding:3px 8px 1px}.kd{font-size:11px;font-weight:900;font-style:italic;letter-spacing:.5px}.kd .k{color:#1b3aa0}.kd .red{color:#d11f1f}.card-no{font-size:9px;color:#8a93a3;font-weight:700}.brand{display:flex;align-items:center;justify-content:space-between;padding:0 8px 5px}.brand .word{font-size:21px;font-weight:900;font-style:italic;letter-spacing:1px;line-height:1}.brand .word .w{color:var(--word)}.brand .word .r{color:#1a1f3a;font-style:normal;font-weight:800;margin-left:6px}.brand .badge{border:1.5px solid var(--navy);color:#16329a;font-weight:900;font-size:12px;padding:3px 9px;background:#fff}.brand .badge.tag{background:var(--navy);color:#fff;border-color:var(--navy)}.brand .badge.control-badge{border:0;padding:0;background:transparent}.brand .badge.control-badge .date-controls{margin:0}.brand-rule{height:4px;background:var(--navy)}.cust{display:grid;grid-template-columns:78px 1fr;border-bottom:2px solid var(--navy)}.cust .lab{background:var(--navy);color:#fff;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center;padding:5px 0}.cust .val{font-weight:800;font-size:14px;display:flex;align-items:center;padding:5px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:2px solid var(--navy)}.metric{border-right:1px solid var(--navy);padding:6px 2px 5px;text-align:center}.metric:last-child{border-right:0}.metric b{display:block;font-size:21px;font-weight:900;color:var(--navy);line-height:1}.metric b .u{font-size:12px}.metric small{display:block;font-size:8px;color:#5a6478;margin-top:3px;letter-spacing:-.2px}.grid6{display:grid;grid-template-columns:1fr 1fr}.cell{border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);overflow:hidden}.grid6 .cell:nth-child(2n){border-right:0}.grid6 .cell:nth-last-child(-n+2){border-bottom:0}.ctitle{background:var(--navy);color:#fff;font-size:10.5px;font-weight:700;padding:4px 8px;line-height:1}.plot{height:156px;position:relative;background:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,#eef1f6 1px,transparent 1px),#fff;background-size:100% 25%,16.6% 100%}.plot.svgplot{padding:0}.plot svg{display:block;width:100%;height:100%}.bars{display:flex;align-items:flex-end;justify-content:space-around;gap:10px;height:100%;padding:10px 18px 6px}.bars .b{width:100%;max-width:34px;position:relative;border:1px solid rgba(0,0,0,.12)}.bars .b span{position:absolute;left:50%;transform:translate(-50%);bottom:4px;font-size:7.5px;color:#fff;font-weight:700;white-space:nowrap}.bars.blue .b{background:linear-gradient(180deg,var(--bar-blue-top),var(--bar-blue-bot))}.bars.gold .b{background:linear-gradient(180deg,var(--bar-gold-top),var(--bar-gold-bot))}.grid2{display:grid;grid-template-columns:1fr 1fr}.grid2 .cell:nth-child(1){border-right:2px solid var(--navy)}.grid2 .cell:nth-child(2){border-right:0}.fullcell{border-bottom:2px solid var(--navy)}.fullcell.last{border-bottom:0}.donutwrap{display:grid;grid-template-columns:132px 1fr;gap:14px;align-items:center;height:170px;padding:10px 18px}.donutwrap svg{width:128px;height:128px}.legend{display:grid;gap:3px}.legend .li{display:flex;align-items:center;gap:6px;font-size:10px;color:#3b4655}.legend .sw{width:9px;height:9px;flex:0 0 9px}.stacked{display:flex;align-items:flex-end;justify-content:space-around;gap:20px;height:170px;padding:12px 32px 11px}.stacked .col{width:100%;max-width:38px;display:flex;flex-direction:column-reverse;border:1px solid rgba(0,0,0,.12)}.stacked .col i{display:block;width:100%}.strip{display:grid;grid-template-columns:repeat(7,1fr);height:126px;background:#fff}.strip .mini{border-right:1px solid #e7eaf1;background:linear-gradient(var(--grid) 1px,transparent 1px),#fff;background-size:100% 25%}.strip .mini:last-child{border-right:0}.strip .hours{display:flex;align-items:flex-end;height:100%;padding:0 1px}.strip .hours>*{flex:1 1 0;min-width:0;margin:0 .2px}.strip .ebar{display:flex;flex-direction:column-reverse}.strip .ebar i{display:block;width:100%}.strip .gasbar{display:block;background:#1f7fd8}.saving{border:3px solid #ff2e12;margin-top:7px}.saving .head{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 0;background:#fff}.saving .pill{display:inline-block;background:linear-gradient(180deg,#d11f1f,#9c1414);color:#fff;font-weight:900;font-size:10px;padding:2px 26px;clip-path:polygon(0 0,100% 0,94% 100%,6% 100%)}.saving .saving-actions{display:flex;gap:5px}.saving .saving-actions button{display:inline-flex;align-items:center;gap:3px;background:var(--navy);color:#fff;border:0;font-size:9px;font-weight:900;padding:3px 7px;cursor:pointer}.saving .saving-actions .ghost{background:#fff;color:var(--navy);border:1px solid var(--navy)}.saving .ai-error{color:#c33131;font-weight:800;font-size:9px;margin:4px 9px 0}.saving ul{list-style:none;margin:0;padding:4px 9px 6px}.saving li{font-size:8.8px;line-height:1.45;color:#1b1b1b;text-indent:-9px;padding-left:9px;margin-bottom:2px}.saving li:before{content:"○";color:#1b1b1b;margin-right:2px}.saving li.ai-summary{background:#f3f7ff;border:1px solid #cdd9f2;text-indent:0;padding:4px 6px;margin-bottom:4px;white-space:pre-line}.saving li.ai-summary:before{content:"";margin:0}.saving li b{color:#0b2f9c}.footer{display:none}@media(max-width:820px){.stage{padding:0;background:#fff}.app-shell{min-height:100vh;border:0;box-shadow:none}.titlerow{padding:18px 16px 0;flex-direction:column}.titlerow h1{font-size:24px}.title-main p{padding-left:21px}.menu-wrap{width:100%}.reffile{width:100%;justify-content:center}.action-menu{left:0;right:auto;width:100%;min-width:0}.dashboard-kpis{grid-template-columns:1fr 1fr;padding:14px 16px 6px}.tabbar{grid-template-columns:1fr 1fr;padding:10px 16px 0}.tabbar p{grid-column:1 / -1;margin:4px 0 0}.tab-panel{padding:12px 16px 22px;overflow-x:auto}.card{min-width:760px}}