:root{color:#10233c;font-synthesis:none;--blue:#087eb2;--blue-dark:#075985;--navy:#0b2c4e;--cyan:#12b6c7;--green:#20a46b;--orange:#ee8b35;--red:#dc4c56;--ink:#10233c;--muted:#6c7e90;--line:#dce7ee;--panel:#fff;--bg:#f3f7fa;--shadow:0 10px 35px #10365517;background:#f3f7fa;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,a{transition:all .2s}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,.brand strong{font-family:Inter,Segoe UI,Arial,sans-serif}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cfdee8;border-radius:11px;outline:none;padding:11px 13px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #087eb21f}input:disabled,select:disabled{color:#6c7e90;background:#edf3f6}.brand{align-items:center;gap:12px;display:flex}.brand img{object-fit:contain;filter:drop-shadow(0 4px 8px #0000001f);width:64px;height:64px}.brand div{flex-direction:column;display:flex}.brand strong{letter-spacing:.02em;color:var(--navy);font-size:17px}.brand span{color:var(--muted);margin-top:3px;font-size:11px}.brand-small img{width:47px;height:47px}.brand-small strong{font-size:14px}.brand-small span{font-size:9px}.button{color:#fff;background:linear-gradient(135deg,#0786bb,#086e9e);border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:700;display:inline-flex;box-shadow:0 7px 16px #087eb22e}.button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #087eb23d}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-outline{color:var(--navy);box-shadow:none;background:#fff;border:1px solid #cbdde7}.button-danger{color:var(--red);box-shadow:none;background:#fff2f3;border:1px solid #f5cbd0}.button-light{color:var(--blue-dark);background:#fff}.icon-button{color:var(--muted);background:0 0;border:0;border-radius:10px;place-items:center;padding:8px;display:grid}.icon-button:hover{color:var(--navy);background:#e9f2f6}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--blue);font-size:11px;font-weight:800}.status{text-transform:capitalize;white-space:nowrap;color:#617486;background:#edf2f5;border-radius:99px;justify-content:center;align-items:center;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:6px}.status-aktif,.status-lunas,.status-disetujui,.status-terverifikasi,.status-diterima{color:#168457;background:#e9f8f1}.status-dibuka,.status-dikirim,.status-menunggu,.status-menunggu_verifikasi{color:#087aa9;background:#e6f5fb}.status-belum_dicatat,.status-belum_dibayar,.status-draft{color:#718090;background:#f1f4f6}.status-dibayar_sebagian,.status-selisih,.status-verifikasi{color:#c66a18;background:#fff4e7}.status-perlu_diperbaiki,.status-ditolak,.status-dibatalkan{color:#cb3e49;background:#fff0f2}.status-dialihkan{color:#5b5fc7;background:#eef0ff}.alert{border-radius:10px;align-items:center;gap:8px;margin:12px 0;padding:11px 13px;font-size:13px;display:flex}.alert-error{color:#a72b3b;background:#fff0f2;border:1px solid #ffd5da}.loader,.empty{min-height:260px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.loader svg,.empty svg{color:var(--blue);width:35px;height:35px}.spin{animation:1.2s linear infinite spin}.empty strong{color:var(--ink)}.empty span{font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}.public-site{color:#10233c;background:#fbfdfe}.public-nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:20;background:#ffffffeb;border-bottom:1px solid #d3e4edcc;justify-content:space-between;align-items:center;height:82px;padding:0 max(5vw,24px);display:flex;position:sticky;top:0}.public-nav nav{align-items:center;gap:28px;display:flex}.public-nav nav>a{color:#486074;font-size:13px;font-weight:600}.public-nav nav>a:hover{color:var(--blue)}.menu-toggle{background:0 0;border:0;display:none}.hero{background:radial-gradient(circle at 80% 25%,#2cbecd33,#0000 30%),linear-gradient(145deg,#eef9fc 0%,#fff 54%,#f1f9f6 100%);grid-template-columns:1.05fr .95fr;align-items:center;min-height:690px;padding:75px max(7vw,34px);display:grid;overflow:hidden}.hero-copy{z-index:2;max-width:690px;position:relative}.hero-chip{color:#27657d;background:#ffffffb3;border:1px solid #c7e8ef;border-radius:99px;align-items:center;gap:9px;margin-bottom:21px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.hero-chip span{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #20a46b1f}.hero h1{letter-spacing:-.055em;color:var(--navy);margin-bottom:24px;font-size:clamp(46px,5.5vw,78px);line-height:1.03}.hero h1 em{color:var(--blue);font-style:normal}.hero-copy>p{color:#526d80;max-width:570px;font-size:18px;line-height:1.75}.hero-actions{align-items:center;gap:10px;margin:28px 0 35px;display:flex}.hero-trust{gap:25px;display:flex}.hero-trust>div{align-items:center;gap:10px;display:flex}.hero-trust svg{width:28px;color:var(--green)}.hero-trust span{color:var(--muted);flex-direction:column;font-size:11px;display:flex}.hero-trust strong{color:var(--navy);margin-bottom:2px;font-size:13px}.hero-visual{place-items:center;height:520px;display:grid;position:relative}.water-orbit{background:linear-gradient(145deg,#16a7c417,#087eb233);border-radius:52% 48% 45% 55%;width:430px;height:430px;animation:12s linear infinite orbit;position:absolute}.water-orbit:after{content:"";border:1px dashed #087eb240;border-radius:50%;position:absolute;inset:-35px}@keyframes orbit{to{transform:rotate(360deg)}}.logo-stage{z-index:2;background:#ffffffe0;border-radius:50%;place-items:center;width:360px;height:360px;display:grid;position:relative;box-shadow:0 35px 80px #07598538,inset 0 0 0 1px #fff}.logo-stage img{object-fit:contain;filter:drop-shadow(0 15px 20px #0000002e);width:88%;height:88%}.float-card{z-index:3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--shadow);background:#ffffffeb;border-radius:15px;align-items:center;gap:11px;padding:13px 17px;display:flex;position:absolute}.float-card svg{width:38px;height:38px;color:var(--blue);background:#e7f6fb;border-radius:11px;padding:8px}.float-card span{flex-direction:column;display:flex}.float-card small{color:var(--muted);font-size:10px}.float-card strong{font-size:13px}.float-a{top:18%;left:1%}.float-b{bottom:16%;right:0}.public-stats{z-index:4;max-width:1120px;box-shadow:var(--shadow);background:#fff;border-radius:18px;grid-template-columns:repeat(4,1fr);margin:-35px auto 0;padding:24px;display:grid;position:relative}.public-stats div{border-right:1px solid var(--line);flex-direction:column;align-items:center;display:flex}.public-stats div:last-child{border:0}.public-stats strong{color:var(--blue-dark);font-family:Manrope;font-size:25px}.public-stats span{color:var(--muted);font-size:11px}.section{padding:100px max(7vw,34px)}.section-title{text-align:center;max-width:640px;margin:0 auto 45px}.section-title.left{text-align:left;margin-left:0}.section-title h2{letter-spacing:-.035em;color:var(--navy);margin:9px 0 10px;font-size:38px}.section-title p{color:var(--muted);line-height:1.7}.feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1180px;margin:auto;display:grid}.feature-card{background:#fff;border:1px solid #deebf1;border-radius:18px;padding:28px;box-shadow:0 3px 12px #113a5809}.feature-card>svg{width:43px;height:43px;color:var(--blue);background:#e9f7fb;border-radius:12px;padding:10px}.feature-card h3{margin:20px 0 10px;font-size:17px}.feature-card p{color:var(--muted);min-height:67px;font-size:13px;line-height:1.7}.feature-card>span{color:var(--blue);align-items:center;font-size:12px;font-weight:800;display:flex}.feature-card>span svg{width:15px}.tariff-section{background:#eef6f9}.tariff-grid{grid-template-columns:repeat(2,minmax(260px,380px));justify-content:center;gap:20px;display:grid}.tariff-card{background:#fff;border:1px solid #dbe9ef;border-radius:20px;padding:30px;position:relative}.tariff-card.featured{border:2px solid var(--blue);box-shadow:0 14px 40px #087eb224}.tariff-card .popular{color:var(--green);background:#e8f8f1;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:800;position:absolute;top:18px;right:20px}.tariff-card>div{justify-content:space-between;align-items:center;display:flex}.tariff-card>div svg{color:var(--blue)}.tariff-card>div span{background:#edf5f8;border-radius:8px;padding:5px 8px;font-size:11px;font-weight:800}.tariff-card h3{margin:24px 0 7px}.tariff-card>strong{color:var(--navy);font-family:Manrope;font-size:30px}.tariff-card>strong small{color:var(--muted);font-size:12px}.tariff-card ul{border-top:1px solid var(--line);gap:11px;margin:24px 0 0;padding:20px 0 0;list-style:none;display:grid}.tariff-card li{color:#526779;align-items:center;gap:8px;font-size:12px;display:flex}.tariff-card li svg{width:15px;color:var(--green)}.announcement-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.announcement-grid article{border-left:3px solid var(--cyan);background:#fff;border-radius:0 14px 14px 0;padding:24px;box-shadow:0 3px 12px #113a580a}.announcement-grid article>span{color:var(--blue);align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.announcement-grid svg{width:14px}.announcement-grid h3{margin:12px 0 8px;font-size:16px}.announcement-grid p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.contact-band{color:#fff;background:linear-gradient(135deg,#075985,#0786a7 58%,#10a6a6);border-radius:24px;justify-content:space-between;align-items:center;margin:0 max(5vw,24px) 50px;padding:55px max(5vw,30px);display:flex}.contact-band .eyebrow{color:#a9ebee}.contact-band h2{margin:10px 0;font-size:34px}.contact-band p{color:#d3edf3;margin:0}.public-site footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:28px max(5vw,24px);display:flex}.public-site footer p{color:var(--muted);margin:0;font-size:11px}.login-page{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:radial-gradient(circle at 20% 75%,#11b6c740,#0000 25%),linear-gradient(145deg,#063457,#075985 55%,#0a7993);flex-direction:column;padding:35px 7vw;display:flex;position:relative}.login-brand .brand strong,.login-brand .brand span{color:#fff}.back-link{color:#d6eff5;background:#ffffff1a;border:0;border-radius:10px;align-self:flex-start;padding:9px 12px}.login-message{max-width:600px;margin:auto 0}.login-message>.brand{margin-bottom:70px}.login-message .eyebrow{color:#84e1e8}.login-message h1{letter-spacing:-.045em;margin:15px 0 20px;font-size:52px;line-height:1.08}.login-message>p{color:#cde5ed;font-size:16px;line-height:1.7}.login-points{gap:18px;margin-top:30px;display:flex}.login-points span{align-items:center;gap:6px;font-size:12px;display:flex}.login-points svg{color:#75e1b0;width:16px}.login-panel{place-items:center;padding:40px;display:grid}.login-card{width:min(420px,100%)}.login-card h2{margin:9px 0;font-size:31px}.login-card>p{color:var(--muted);margin-bottom:24px;font-size:13px}.field{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.field>span{color:#40566a;font-size:11px;font-weight:800}.field small{color:var(--muted);font-size:10px}.login-card>.button{width:100%;margin-top:7px;padding:13px}.forgot{color:var(--blue);background:0 0;border:0;margin:15px auto;font-size:12px;display:block}.demo-box{border:1px solid var(--line);background:#f6fafc;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:25px;padding:14px;display:grid}.demo-box>strong{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);grid-column:1/-1;font-size:10px}.demo-box button{color:var(--navy);background:#fff;border:1px solid #dbe7ed;border-radius:9px;flex-direction:column;align-items:center;gap:4px;padding:9px 6px;font-size:10px;font-weight:700;display:flex}.demo-box button svg{width:18px;color:var(--blue)}.demo-box small{color:var(--muted);font-size:8px}.mobile-logo{display:none}.app-shell{--panel:#fff;--bg:#f3f7fa;min-height:100vh;color:var(--ink);background:var(--bg);grid-template-columns:246px 1fr;display:grid}.app-shell.dark{--panel:#102b43;--bg:#0a2032;--ink:#e9f2f7;--muted:#9db0bf;--line:#27435a}.app-shell aside{z-index:30;background:#fff;border-right:1px solid #dce7ee;flex-direction:column;width:246px;transition:all .25s;display:flex;position:fixed;inset:0 auto 0 0}.dark aside,.dark .app-topbar{background:#0f2940;border-color:#27435a}.dark .brand strong{color:#eaf2f7}.side-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:78px;padding:0 14px 0 18px;display:flex}.collapse{color:var(--muted);background:0 0;border:0;padding:8px}.role-pill{color:var(--blue);text-transform:uppercase;letter-spacing:.12em;text-align:center;background:#e9f6fb;border-radius:8px;margin:18px 18px 8px;padding:7px 10px;font-size:9px;font-weight:800}.dark .role-pill{background:#163b53}.app-shell aside nav{flex-direction:column;gap:3px;padding:8px 12px;display:flex;overflow:auto}.app-shell aside nav button,.side-bottom button{color:#607487;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:10px 12px;font-size:12px;font-weight:600;display:flex;position:relative}.app-shell aside nav button svg,.side-bottom svg{width:18px}.app-shell aside nav button:hover,.side-bottom button:hover{color:var(--navy);background:#eef6f9}.app-shell aside nav button.active{color:var(--blue-dark);background:#e6f4f9;font-weight:800}.app-shell aside nav button.active i{background:var(--blue);border-radius:3px;width:3px;height:22px;position:absolute;right:0}.dark .app-shell aside nav button.active,.dark .app-shell aside nav button:hover,.dark .side-bottom button:hover{color:#fff;background:#173a52}.side-bottom{border-top:1px solid var(--line);margin-top:auto;padding:10px 12px;display:grid}.app-main{grid-column:2;min-width:0}.app-topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#ffffffeb;justify-content:space-between;align-items:center;height:78px;padding:0 30px;display:flex;position:sticky;top:0}.top-context{flex-direction:column;display:flex}.top-context span{color:var(--muted);font-size:9px}.top-context strong{font-size:15px}.top-actions{align-items:center;gap:8px;display:flex}.online{color:var(--green);align-items:center;gap:5px;margin-right:6px;font-size:9px;display:flex}.online span{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #20a46b1f}.top-actions .icon-button{position:relative}.top-actions .icon-button svg{width:19px}.top-actions .icon-button i{background:var(--red);color:#fff;border-radius:99px;padding:1px 4px;font-size:7px;font-style:normal;position:absolute;top:2px;right:4px}.avatar{color:#fff;background:linear-gradient(135deg,#0a7fb0,#11afb5);border-radius:11px;place-items:center;width:35px;height:35px;font-size:11px;font-weight:800;display:grid}.content{max-width:1580px;margin:auto;padding:28px 30px 80px}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-head h1{letter-spacing:-.03em;color:var(--ink);margin:5px 0 3px;font-size:27px}.page-head p{color:var(--muted);margin:0;font-size:12px}.page-actions{align-items:center;gap:8px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.stats-grid.three{grid-template-columns:repeat(3,1fr)}.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;align-items:center;gap:13px;padding:17px;display:flex;box-shadow:0 3px 12px #12395506}.stat-icon{width:40px;height:40px;color:var(--blue);background:#eaf5f9;border-radius:12px;place-items:center;display:grid}.stat-icon svg{width:21px}.stat-green .stat-icon{color:var(--green);background:#eaf8f2}.stat-cyan .stat-icon{color:var(--cyan);background:#e9f8fa}.stat-orange .stat-icon{color:var(--orange);background:#fff3e8}.stat-navy .stat-icon{color:var(--navy);background:#e9eff5}.stat>div:last-child{flex-direction:column;min-width:0;display:flex}.stat span{color:var(--muted);font-size:10px}.stat strong{color:var(--ink);white-space:nowrap;margin:2px 0;font-family:Manrope;font-size:18px}.stat small{color:var(--muted);font-size:9px}.dashboard-grid{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:0 3px 12px #113a5806}.panel-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panel-head h3{margin:4px 0 0;font-size:15px}.bars{gap:13px;display:grid}.bar-row{grid-template-columns:80px 1fr 86px;align-items:center;gap:10px;display:grid}.bar-row>span,.bar-row>strong{color:var(--muted);font-size:9px}.bar-row>strong{text-align:right;color:var(--ink)}.bar-track{background:#e9f0f4;border-radius:99px;height:7px;overflow:hidden}.bar-track i{background:linear-gradient(90deg,#0c94c2,#16b5bf);border-radius:99px;height:100%;display:block}.bar-track .bar-green{background:linear-gradient(90deg,#1d9c68,#52c78b)}.bar-track .bar-orange{background:linear-gradient(90deg,#e8802b,#f4ad58)}.legend{border-top:1px solid var(--line);color:var(--muted);gap:18px;margin-top:20px;padding-top:14px;font-size:9px;display:flex}.dot{border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.dot.blue{background:var(--blue)}.dot.green{background:var(--green)}.progress-panel .panel-head>strong{color:var(--blue);font-size:22px}.progress-ring{background:conic-gradient(var(--blue) var(--progress), #e7eef2 0);border-radius:50%;place-items:center;width:135px;height:135px;margin:15px auto;display:grid;position:relative}.progress-ring:after{content:"";background:var(--panel);border-radius:50%;position:absolute;inset:12px}.progress-ring>div{z-index:2;flex-direction:column;align-items:center;display:flex}.progress-ring strong{font-size:22px}.progress-ring span{color:var(--muted);font-size:9px}.progress-list{gap:8px;display:grid}.progress-list span{color:var(--muted);align-items:center;font-size:10px;display:flex}.progress-list i{border-radius:50%;width:7px;height:7px;margin-right:7px}.progress-list i.green{background:var(--green)}.progress-list i.orange{background:var(--orange)}.progress-list i.gray{background:#a1b0bb}.progress-list strong{color:var(--ink);margin-left:auto}.rank-list{gap:5px;display:grid}.rank-list>div{border-bottom:1px solid var(--line);align-items:center;padding:8px;display:flex}.rank-list b{width:27px;height:27px;color:var(--blue);background:#edf5f8;border-radius:8px;place-items:center;font-size:10px;display:grid}.rank-list span{flex-direction:column;margin-left:10px;display:flex}.rank-list strong{font-size:11px}.rank-list small{color:var(--muted);font-size:8px}.rank-list em{color:var(--blue);margin-left:auto;font-size:10px;font-style:normal;font-weight:700}.customer-hero{color:#fff;background:linear-gradient(135deg,#075985,#0795b1);border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:17px;padding:25px 30px;display:flex;box-shadow:0 14px 30px #0759852e}.customer-hero>div{flex-direction:column;display:flex}.customer-hero span{color:#bfe6ee;font-size:11px}.customer-hero strong{margin:5px 0;font-family:Manrope;font-size:34px}.customer-hero small{color:#d4ecf1}.bill-breakdown{gap:12px;display:grid}.bill-breakdown>span{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.bill-breakdown strong{color:var(--ink)}.bill-breakdown .total{border-top:1px solid var(--line);color:var(--ink);padding-top:13px;font-weight:800}.bill-breakdown small{color:var(--blue);text-align:center;background:#eff7fa;border-radius:8px;padding:9px}.sync-badge{color:var(--green);align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.sync-badge svg{width:17px}.toolbar{justify-content:space-between;gap:9px;margin-bottom:14px;display:flex}.toolbar select{width:auto;min-width:160px}.search{width:min(430px,100%);position:relative}.search svg{width:17px;color:var(--muted);position:absolute;top:10px;left:12px}.search input{padding-left:38px}.reading-cards{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.reading-cards article{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:16px}.reading-cards article.anomaly{border-color:#f4c79e}.reading-top{align-items:center;display:flex}.customer-initial{width:37px;height:37px;color:var(--blue);background:#e8f5fa;border-radius:11px;place-items:center;margin-right:10px;font-size:11px;font-weight:800;display:grid}.reading-top>div:nth-child(2){flex-direction:column;display:flex}.reading-top strong{font-size:12px}.reading-top span:not(.status){color:var(--muted);font-size:9px}.reading-top .status{margin-left:auto}.meter-values{background:#f5f9fb;border-radius:11px;align-items:center;gap:12px;margin:16px 0;padding:12px;display:flex}.dark .meter-values{background:#0a2235}.meter-values>span{flex-direction:column;display:flex}.meter-values small{color:var(--muted);font-size:8px}.meter-values strong{color:var(--ink);font-size:18px}.meter-values>svg{color:#9fb1bd;width:16px}.meter-values .usage{border-left:1px solid var(--line);margin-left:auto;padding-left:13px}.meter-values .usage strong{color:var(--blue)}.reading-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.reading-actions>span{color:var(--muted);align-items:center;max-width:55%;font-size:8px;display:flex}.reading-actions>span svg{width:13px}.reading-actions .button{padding:8px 11px;font-size:10px}.mini-warning{color:#bd651b;align-items:center;gap:5px;margin:-5px 0 8px;font-size:9px;display:flex}.mini-warning svg{width:14px}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow:auto}.table-panel>.panel-head{padding:18px 20px 0}table{border-collapse:collapse;width:100%;font-size:10px}th{text-align:left;color:#617587;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#f2f7f9;padding:11px 13px;font-size:8px}td{border-bottom:1px solid var(--line);color:#526778;padding:12px 13px}td strong{color:var(--ink)}tr:last-child td{border:0}.dark th{background:#0a2235}.person-cell{align-items:center;gap:9px;display:flex}.person-cell>span{width:29px;height:29px;color:var(--blue);background:#e8f5fa;border-radius:8px;place-items:center;font-size:9px;font-weight:800;display:grid}.person-cell>div{flex-direction:column;display:flex}.person-cell small{color:var(--muted);font-size:8px}.text-action{color:var(--blue);background:0 0;border:0;font-size:10px;font-weight:800}.negative{color:var(--red)!important}.bill-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.bill-grid article{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:18px}.bill-card-head{justify-content:space-between;align-items:center;display:flex}.bill-card-head>span{color:var(--muted);font-size:10px}.bill-grid article>strong{margin:15px 0 2px;font-family:Manrope;font-size:23px;display:block}.bill-grid article>small{color:var(--muted);font-size:9px}.bill-info{border-top:1px solid var(--line);gap:6px;margin-top:13px;padding:14px 0;display:grid}.bill-info span{color:var(--muted);align-items:center;gap:7px;font-size:9px;display:flex}.bill-info svg{width:14px;color:var(--blue)}.bill-customer{justify-content:space-between;align-items:center;display:flex}.bill-customer>span{flex-direction:column;font-size:10px;display:flex}.bill-customer small{color:var(--muted);font-size:8px}.bill-customer .button{padding:7px 9px;font-size:9px}.tariff-admin-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.tariff-code{color:var(--blue);background:#eaf6fa;border-radius:6px;padding:4px 6px;font-size:9px;font-weight:800;display:inline-block}.tariff-details{background:var(--line);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}.tariff-details span{background:var(--panel);color:var(--muted);flex-direction:column;padding:10px;font-size:8px;display:flex}.tariff-details strong{color:var(--ink);margin-top:3px;font-size:11px}.tariff-admin-grid h4{margin:16px 0 7px;font-size:10px}.tier{background:#f2f7f9;border-radius:7px;justify-content:space-between;margin-top:3px;padding:8px 10px;font-size:9px;display:flex}.dark .tier{background:#0a2235}.report-types{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.report-types button{background:var(--panel);border:1px solid var(--line);color:var(--ink);text-align:left;border-radius:11px;align-items:center;gap:8px;padding:11px;font-size:10px;display:flex}.report-types button span{width:21px;height:21px;color:var(--blue);background:#e9f4f8;border-radius:6px;place-items:center;font-size:8px;display:grid}.report-types button svg{width:14px;color:var(--muted);margin-left:auto}.report-types button.active{border-color:var(--blue);color:var(--blue);box-shadow:0 4px 14px #087eb21a}.import-layout{grid-template-columns:1.4fr .8fr;gap:16px;display:grid}.import-drop{text-align:center;padding:45px}.import-icon{width:64px;height:64px;color:var(--green);background:#e8f7f0;border-radius:18px;place-items:center;margin:0 auto 18px;display:grid}.import-icon svg{width:32px}.import-drop h3{margin-bottom:8px}.import-drop>p{color:var(--muted);max-width:450px;margin:0 auto 20px;font-size:11px;line-height:1.7}.import-drop>.button{margin:4px}.import-drop input{display:none}.import-features{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:13px;margin-top:23px;padding-top:18px;display:flex}.import-features span{color:var(--muted);align-items:center;gap:4px;font-size:9px;display:flex}.import-features svg{width:13px;color:var(--green)}.mapping>h3{margin:6px 0 15px;font-size:15px}.mapping>div{border-bottom:1px solid var(--line);flex-direction:column;padding:9px 0;display:flex}.mapping strong{font-size:10px}.mapping span{color:var(--muted);font-size:8px}.sheet-tabs{gap:7px;margin-bottom:12px;display:flex;overflow:auto}.sheet-tabs button{border:1px solid var(--line);background:#fff;border-radius:9px;flex-direction:column;padding:8px 10px;font-size:10px;display:flex}.sheet-tabs button.active{border-color:var(--blue);color:var(--blue)}.sheet-tabs span{color:var(--muted);font-size:8px}.preview-info,.info-box{color:#257552;background:#eaf8f2;border-radius:9px;align-items:center;gap:9px;margin-bottom:12px;padding:10px;font-size:10px;display:flex}.preview-info svg,.info-box svg{width:18px}.timeline{border-left:2px solid #d9e7ed;gap:12px;margin-left:17px;display:grid}.timeline article{align-items:center;margin-left:-18px;display:flex}.timeline-icon{background:var(--panel);width:34px;height:34px;color:var(--blue);border:2px solid #d9e7ed;border-radius:50%;place-items:center;margin-right:13px;display:grid}.timeline-icon svg{width:14px}.timeline article>div:last-child{background:var(--panel);border:1px solid var(--line);border-radius:11px;flex:1;grid-template-columns:1fr auto;padding:10px 13px;display:grid}.timeline strong{font-size:10px}.timeline span,.timeline small{color:var(--muted);font-size:8px}.timeline small{grid-column:1/-1;margin-top:3px}.complaints{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.complaints article{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:17px}.complaints article>div{align-items:center;gap:9px;display:flex}.complaints article>div svg{width:27px;height:27px;color:var(--blue);background:#e9f5f9;border-radius:8px;padding:6px}.complaints article>div span{flex-direction:column;display:flex}.complaints strong{font-size:11px}.complaints small{color:var(--muted);font-size:8px}.complaints article>.status{float:right;margin-top:-31px}.complaints p{color:var(--muted);margin:14px 0 0;font-size:10px;line-height:1.6}.complaints blockquote{border-left:2px solid var(--green);color:var(--green);margin:12px 0 0;padding-left:9px;font-size:9px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#05192999;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);width:min(520px,100%);max-height:92vh;color:var(--ink);border-radius:17px;padding:20px;overflow:auto;box-shadow:0 30px 80px #00000047}.modal-wide{width:min(900px,100%)}.modal-head{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.modal-head h3{margin:0;font-size:16px}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:18px;padding-top:15px;display:flex}.form-grid{grid-template-columns:repeat(2,1fr);gap:0 13px;display:grid}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid .field:has(textarea){grid-column:1/-1}.meter-modal-head{background:#f1f7f9;border-radius:9px;align-items:center;gap:8px;margin-bottom:12px;padding:9px 11px;font-size:9px;display:flex}.dark .meter-modal-head{background:#0a2235}.meter-modal-head strong{font-size:11px}.meter-modal-head small{color:var(--muted);margin-left:auto}.meter-inputs{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.unit-input,.money-input{background:#fff;border:1px solid #cfdee8;border-radius:11px;align-items:center;display:flex;overflow:hidden}.unit-input input,.money-input input{box-shadow:none;border:0}.unit-input span,.money-input span{color:var(--muted);padding:0 12px;font-size:11px}.usage-preview{color:var(--green);background:#e9f8f2;border-radius:10px;align-items:center;gap:9px;margin-bottom:13px;padding:11px;display:flex}.usage-preview svg{width:24px}.usage-preview span{flex-direction:column;font-size:8px;display:flex}.usage-preview strong{font-size:17px}.usage-preview em{margin-left:auto;font-size:8px;font-style:normal;font-weight:800}.usage-preview.warn{color:#c76a1b;background:#fff3e8}.usage-preview.bad{color:var(--red);background:#fff0f2}.upload-box{color:var(--blue);cursor:pointer;border:1px dashed #9cc9d8;border-radius:11px;align-items:center;gap:10px;padding:13px;display:flex}.upload-box>svg{width:23px}.upload-box span{flex-direction:column;font-size:10px;font-weight:700;display:flex}.upload-box small{color:var(--muted);font-size:8px;font-weight:400}.upload-box input{display:none}.toast{z-index:200;color:#fff;background:#123d3a;border-radius:11px;align-items:center;gap:9px;padding:12px 16px;font-size:11px;animation:.25s ease-out toast;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 15px 35px #0003}.toast svg{color:#73e3ae;width:17px}.toast-error{background:#7b2630}.toast-error svg{color:#ffb4bc}@keyframes toast{0%{opacity:0;transform:translateY(15px)}}.bottom-nav,.mobile-menu-backdrop{display:none}.splash{background:radial-gradient(circle,#e8f7fa,#fff);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.splash .loader{min-height:auto;margin-top:25px}.collapsed{grid-template-columns:78px 1fr}.collapsed aside{width:78px}.collapsed aside .brand div,.collapsed aside .brand img,.collapsed aside nav button span,.collapsed .side-bottom span,.collapsed .role-pill{display:none}.collapsed .side-top{justify-content:center;padding:0}.collapsed aside nav button,.collapsed .side-bottom button{justify-content:center}.collapsed aside nav button.active i{right:-1px}@media (width<=1050px){.hero{grid-template-columns:1fr 420px}.hero-visual{transform:scale(.85)}.stats-grid,.bill-grid{grid-template-columns:repeat(2,1fr)}.report-types{grid-template-columns:repeat(3,1fr)}}@media (width<=780px){.public-nav{height:68px}.public-nav nav{background:#fff;flex-direction:column;align-items:stretch;padding:20px;display:none;position:absolute;top:68px;left:0;right:0;box-shadow:0 15px 30px #0000001f}.public-nav nav.open{display:flex}.menu-toggle{display:block}.hero{text-align:center;grid-template-columns:1fr;padding:60px 24px 20px}.hero-copy{margin:auto}.hero h1{font-size:48px}.hero-actions,.hero-trust{justify-content:center}.hero-visual{height:400px;margin-top:-10px;transform:scale(.8)}.public-stats{grid-template-columns:repeat(2,1fr);margin:0 18px;padding:16px}.public-stats div{padding:12px}.public-stats div:nth-child(2){border:0}.section{padding:70px 22px}.feature-grid{grid-template-columns:repeat(2,1fr)}.announcement-grid{grid-template-columns:1fr}.contact-band{flex-direction:column;align-items:flex-start;gap:20px}.public-site footer{flex-direction:column;gap:15px}.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-panel{padding:30px 22px}.mobile-logo{margin-bottom:35px;display:block}.app-shell,.collapsed{display:block}.app-shell aside{display:none}.app-main{width:100%}.app-topbar{height:66px;padding:0 18px}.content{padding:20px 16px 90px}.page-head{align-items:flex-start}.page-head h1{font-size:23px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.bottom-nav{grid-template-columns:repeat(var(--mobile-nav-count,5), 1fr);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);z-index:40;height:68px;padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;display:grid;position:fixed;bottom:0;left:0;right:0}.dark .bottom-nav{background:#0f2940}.bottom-nav button{color:#718697;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:8px;display:flex}.bottom-nav svg{width:19px}.bottom-nav button.active{color:var(--blue);font-weight:800}.mobile-menu-backdrop{z-index:90;background:#010c19ad;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-menu-sheet{overscroll-behavior:contain;width:100%;max-height:calc(100dvh - 54px);padding:18px 16px calc(18px + env(safe-area-inset-bottom));border:1px solid var(--line);background:#fff;border-bottom:0;border-radius:24px 24px 0 0;overflow-y:auto;box-shadow:0 -20px 55px #00294e47}.dark .mobile-menu-sheet{background:#092138;border-color:#20445e;box-shadow:0 -20px 55px #0000006b}.mobile-menu-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.mobile-menu-head div{gap:2px;display:grid}.mobile-menu-head small{color:var(--blue);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:800}.mobile-menu-head strong{color:var(--ink);font-size:20px}.dark .mobile-menu-head strong{color:#f0f8ff}.mobile-menu-close{border:1px solid var(--line);background:var(--soft);width:42px;height:42px;color:var(--ink);border-radius:14px}.dark .mobile-menu-close{color:#eef8ff;background:#102e47;border-color:#28506c}.mobile-menu-close svg{width:19px}.mobile-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mobile-menu-grid>button{border:1px solid var(--line);min-height:88px;color:var(--ink);text-align:center;background:#f7fbfe;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px 6px;font-size:10px;font-weight:700;display:flex}.dark .mobile-menu-grid>button{color:#e9f6ff;background:#0c2a43;border-color:#214660}.mobile-menu-grid>button.active{color:var(--blue);background:#e7f4ff;border-color:#1589e5}.dark .mobile-menu-grid>button.active{color:#6bc9ff;background:#0c3e62;border-color:#1c9bdf}.mobile-menu-icon{width:38px;height:38px;color:var(--blue);background:#e4f2fd;border-radius:13px;place-items:center;display:grid}.dark .mobile-menu-icon{color:#64c9ff;background:#123d5b}.mobile-menu-icon svg{width:19px}.mobile-menu-actions{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;padding-top:14px;display:grid}.dark .mobile-menu-actions{border-color:#21455f}.mobile-menu-actions button{border:1px solid var(--line);min-height:48px;color:var(--ink);background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:11px;font-weight:700;display:flex}.dark .mobile-menu-actions button{color:#e9f6ff;border-color:#28506c}.mobile-menu-actions button.logout{color:#c83948;border-color:#efbec3}.dark .mobile-menu-actions button.logout{color:#ff9aa5;border-color:#713843}.mobile-menu-actions svg{width:18px}.reading-cards,.bill-grid,.tariff-admin-grid{grid-template-columns:1fr}.report-types{grid-template-columns:repeat(2,1fr)}.import-layout,.complaints{grid-template-columns:1fr}.toast{bottom:82px;left:15px;right:15px}.toolbar{flex-wrap:wrap}.search{width:100%}.toolbar select{flex:1}.customer-grid{grid-template-columns:1fr}}@media (width<=540px){.brand-small img{width:40px;height:40px}.brand-small strong{font-size:11px}.brand-small span{font-size:8px}.hero{min-height:auto}.hero h1{font-size:39px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-trust{flex-direction:column;align-items:center;gap:12px}.hero-visual{height:340px;margin:-20px 0;transform:scale(.65)}.public-stats strong{font-size:20px}.feature-grid,.tariff-grid{grid-template-columns:1fr}.feature-card p{min-height:0}.section-title h2{font-size:30px}.contact-band h2{font-size:28px}.login-card h2{font-size:27px}.demo-box{grid-template-columns:1fr}.demo-box button{flex-direction:row}.stats-grid,.stats-grid.three{grid-template-columns:1fr 1fr}.stat{gap:9px;padding:12px}.stat-icon{width:34px;height:34px}.stat strong{font-size:14px}.stat small{display:none}.page-head{flex-direction:column}.page-actions{width:100%}.page-actions .button{flex:1}.chart-panel .bar-row{grid-template-columns:62px 1fr 65px}.customer-hero{flex-direction:column;align-items:flex-start;gap:15px}.customer-hero .button{width:100%}.meter-values{gap:8px}.meter-values strong{font-size:15px}.meter-values .usage{padding-left:8px}.reading-actions{gap:8px}.reading-actions>span{max-width:45%}.table-wrap table,.table-wrap thead,.table-wrap tbody,.table-wrap th,.table-wrap td,.table-wrap tr{display:block}.table-wrap thead{display:none}.table-wrap tr{border-bottom:1px solid var(--line);padding:9px 12px}.table-wrap td{text-align:right;border:0;justify-content:space-between;gap:12px;padding:6px 0;display:flex}.table-wrap td:before{content:attr(data-label);text-transform:uppercase;color:var(--muted);text-align:left;font-size:8px;font-weight:700}.form-grid,.meter-inputs{grid-template-columns:1fr}.report-types{grid-template-columns:1fr 1fr}.import-drop{padding:25px 16px}.modal-backdrop{align-items:end;padding:8px}.modal{border-radius:17px 17px 5px 5px;max-height:94vh}.modal-actions{background:var(--panel);padding-bottom:5px;position:sticky;bottom:-20px}.online{display:none}}.settings-form{max-width:850px}.settings-logo{border-bottom:1px solid var(--line);align-items:center;gap:18px;margin-bottom:20px;padding-bottom:20px;display:flex}.settings-logo img{object-fit:contain;width:96px;height:96px}.settings-logo>div{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.settings-logo strong{font-size:14px}.settings-logo span{color:var(--muted);margin-bottom:7px;font-size:9px}.settings-logo .button{padding:7px 10px;font-size:9px}.registration-page{background:radial-gradient(circle at 10% 20%,#e1f7f7,#0000 28%),#f5f9fb;min-height:100vh}.registration-head{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:75px;padding:0 max(5vw,24px);display:flex}.registration-head .back-link{color:var(--blue-dark);background:#edf6f9}.registration-wrap{grid-template-columns:.8fr 1.2fr;align-items:start;gap:55px;max-width:1100px;margin:auto;padding:55px 24px;display:grid}.registration-intro{position:sticky;top:110px}.registration-intro h1{letter-spacing:-.045em;color:var(--navy);margin:14px 0 20px;font-size:42px;line-height:1.12}.registration-intro>p{color:var(--muted);font-size:14px;line-height:1.75}.registration-intro ol{gap:13px;margin-top:30px;padding:0;list-style:none;display:grid}.registration-intro li{color:#486074;align-items:center;gap:11px;font-size:11px;font-weight:700;display:flex}.registration-intro li span{width:29px;height:29px;color:var(--blue);background:#e3f4f8;border-radius:9px;place-items:center;display:grid}.registration-form{padding:28px}.registration-form h2{font-size:22px}.registration-form>.button{width:100%;margin-top:18px}.consent{color:var(--muted);align-items:flex-start;gap:9px;font-size:10px;line-height:1.5;display:flex}.consent input{width:auto;margin-top:2px}.registration-success{z-index:210;color:#147c4f;box-shadow:var(--shadow);background:#e7f8ef;border:1px solid #bfe9d3;border-radius:12px;align-items:center;gap:9px;padding:11px 14px;font-size:11px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.registration-success svg{width:18px}.registration-success button{color:inherit;background:0 0;border:0;place-items:center;display:grid}.application-hero{color:#fff;background:linear-gradient(135deg,#075985,#0798ab);border-radius:17px;justify-content:space-between;align-items:start;margin-bottom:16px;padding:25px;display:flex}.application-hero span{color:#bfe9ee;font-size:9px}.application-hero h2{text-transform:capitalize;margin:5px 0 8px;font-size:25px}.application-hero p{color:#d6edf1;max-width:600px;margin:0;font-size:11px}.application-progress{grid-template-columns:repeat(7,1fr);margin-bottom:16px;display:grid}.application-progress>div{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.application-progress>div:not(:last-child):after{content:"";background:#dbe6ec;height:2px;position:absolute;top:15px;left:60%;right:-40%}.application-progress>div.done:not(:last-child):after{background:var(--green)}.application-progress i{color:#788a98;z-index:1;background:#edf2f5;border-radius:50%;place-items:center;width:31px;height:31px;font-size:10px;font-style:normal;font-weight:800;display:grid}.application-progress .done i{color:var(--green);background:#e6f8ef}.application-progress .current i{background:var(--blue);color:#fff;box-shadow:0 0 0 5px #087eb21f}.application-progress i svg{width:15px}.application-progress span{flex-direction:column;margin-top:8px;display:flex}.application-progress strong{text-transform:capitalize;color:var(--ink);font-size:8px}.application-progress small{color:var(--muted);margin-top:2px;font-size:7px}.application-list{max-width:850px}.application-details{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px;display:grid}.application-details span{color:var(--muted);background:#f3f8fa;border-radius:9px;flex-direction:column;padding:10px;font-size:8px;display:flex}.application-details strong{color:var(--ink);margin-top:3px;font-size:10px}.document-upload{grid-template-columns:1fr 1fr auto;gap:8px;display:grid}.document-upload label{color:var(--blue);cursor:pointer;border:1px dashed #a8cbd8;border-radius:9px;align-items:center;gap:7px;padding:9px;font-size:9px;display:flex}.document-upload label svg{width:16px}.document-upload input{display:none}.document-upload .button{padding:8px;font-size:9px}.applicant-summary{background:#f2f7f9;border-radius:10px;flex-direction:column;margin-bottom:14px;padding:12px;display:flex}.applicant-summary strong{font-size:12px}.applicant-summary span,.applicant-summary p{color:var(--muted);margin:3px 0 0;font-size:9px}@media print{.app-shell aside,.app-topbar,.bottom-nav,.page-actions,.report-types,.toolbar{display:none!important}.app-shell,.app-main{width:100%!important;display:block!important}.content{padding:0!important}.panel{box-shadow:none!important;border:0!important}body{background:#fff!important}}@media (width<=780px){.registration-wrap{grid-template-columns:1fr;gap:25px;padding-top:30px}.registration-intro{position:static}.registration-intro h1{font-size:32px}.application-progress{grid-template-columns:1fr;gap:5px}.application-progress>div{text-align:left;flex-direction:row;gap:10px}.application-progress>div:not(:last-child):after{width:2px;height:calc(100% + 5px);top:30px;left:15px;right:auto}.application-progress span{margin:0}.document-upload,.application-details{grid-template-columns:1fr}}.bill-filter-toolbar{flex-wrap:wrap;align-items:stretch}.bill-filter-toolbar .search-field{flex:310px;min-width:240px}.bill-filter-toolbar select{min-width:155px}.table-summary{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:18px;padding:16px 20px;font-size:.9rem;display:flex}.table-summary strong{color:var(--navy)}.table-person{gap:2px;min-width:145px;display:grid}.table-person small,.muted-copy{color:var(--muted)}.tariff-card.is-inactive{opacity:.78}.tariff-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:18px;display:flex}.tier-editor{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.section-title-row{justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;display:flex}.section-title-row>div{gap:4px;display:grid}.section-title-row small{color:var(--muted)}.tier-editor-row{border:1px solid var(--line);background:var(--soft);border-radius:14px;grid-template-columns:repeat(3,minmax(120px,1fr)) auto;align-items:end;gap:12px;margin-top:10px;padding:14px;display:grid}.tier-editor-row .record-icon-button{margin-bottom:1px}.password-settings{margin-top:22px}.security-heading{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.security-heading h2{margin:5px 0 6px}.security-heading p{color:var(--muted);margin:0}.settings-security-icon{color:#087bb5;background:linear-gradient(135deg,#dff3ff,#dff8ed);border-radius:16px;place-items:center;width:50px;height:50px;display:grid}.dark .table-summary strong{color:#eef8ff}.dark .tier-editor-row{background:#071a2c}.dark .settings-security-icon{color:#5acbff;background:linear-gradient(135deg,#0d3758,#0c483c)}.table-section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.table-section-head h3{margin:5px 0 0}.table-section-head select{min-width:220px}.table-summary-inline,.payment-row-actions{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.table-summary-inline{color:var(--muted);font-size:.9rem}.table-summary-inline strong{color:var(--navy)}.payment-history-panel{margin-top:22px}.arrears-value{color:#c2414b;font-weight:850}.payment-row-actions{gap:8px;min-width:210px}.payment-quick-button{color:#086b9c;cursor:pointer;background:0 0;border:1px solid #b9d7e9;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:7px 11px;font-size:.78rem;font-weight:800;display:inline-flex}.payment-quick-button.full{color:#08794f;background:#eaf9f3;border-color:#a8ddc9}.payment-quick-button:hover{background:#e9f6fd;border-color:#0788cf}.payment-customer-summary{color:#08794f;background:#edf9f5;border:1px solid #b9e2d3;border-radius:14px;align-items:center;gap:13px;margin-bottom:18px;padding:14px;display:flex}.payment-customer-summary>span{gap:3px;display:grid}.payment-customer-summary small{color:#3f7564}.dark .table-summary-inline strong{color:#eef8ff}.dark .payment-quick-button{color:#76cfff;border-color:#255578}.dark .payment-quick-button.full{color:#79e0b7;background:#0b3d34;border-color:#256b58}.dark .payment-quick-button:hover{background:#0d3758;border-color:#168ed0}.dark .payment-customer-summary{color:#79e0b7;background:#0b332d;border-color:#256b58}.dark .payment-customer-summary small{color:#a6cebf}.dark .arrears-value{color:#ff929a}@media (width<=780px){.table-summary,.section-title-row,.table-section-head{flex-direction:column;align-items:stretch}.tier-editor-row{grid-template-columns:1fr}.tier-editor-row .record-icon-button,.table-section-head select{width:100%}}@media (width<=540px){.registration-head{height:64px}.registration-wrap{padding:25px 15px}.registration-form{padding:18px}.registration-intro ol{grid-template-columns:1fr 1fr}.registration-success{left:12px;right:12px;transform:none}.settings-logo{align-items:flex-start}.settings-logo img{width:75px;height:75px}}:root{--blue:#0568e8;--blue-dark:#034aab;--navy:#071d3d;--cyan:#00aecd;--green:#13ad67;--orange:#f28a2f;--bg:#f2f7fc;--line:#d7e5ef;--shadow:0 18px 50px #04488a1c}.button{background:linear-gradient(135deg,#0568e8 0%,#078acb 62%,#12a96b 140%);box-shadow:0 10px 24px #0568e83d}.button:hover{box-shadow:0 14px 30px #0568e852}.button-outline{color:var(--blue-dark);box-shadow:none;background:#ffffffe6;border-color:#0568e83d}.button-ghost{color:var(--blue-dark);box-shadow:none;background:0 0}.public-nav{border-bottom-color:#0568e81a;box-shadow:0 8px 28px #071d3d09}.hero{background:radial-gradient(circle at 80% 18%,#00aecd40,#0000 31%),radial-gradient(circle at 68% 78%,#13ad6726,#0000 27%),linear-gradient(140deg,#eaf5ff 0%,#fff 49%,#eafaf3 100%)}.hero h1{color:#071d3d}.hero h1 em{background:linear-gradient(100deg,#0568e8,#008fbe 55%,#0aa864);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-chip{color:#087847;background:#effff7d6;border-color:#13ad674d}.water-orbit{background:linear-gradient(145deg,#0568e824,#00aecd40,#13ad672e);box-shadow:0 0 80px #0568e81a}.feature-card{border-color:#0568e81c;transition:transform .25s,box-shadow .25s,border-color .25s}.feature-card:hover{border-color:#0568e84d;transform:translateY(-5px);box-shadow:0 20px 44px #04488a1c}.feature-card:nth-child(2n)>svg{color:var(--green);background:#e7f8ef}.public-stats strong,.tariff-card>strong{background:linear-gradient(100deg, var(--blue-dark), var(--blue), var(--green));color:#0000;-webkit-background-clip:text;background-clip:text}.contact-band,.application-hero,.customer-hero{background:linear-gradient(125deg,#043f9e 0%,#0568e8 48%,#0796a7 76%,#10a766 125%)}.panel,.stat,.reading-cards article,.bill-grid article{transition:transform .2s,box-shadow .2s,border-color .2s}.panel:hover,.stat:hover,.reading-cards article:hover,.bill-grid article:hover{border-color:#0568e838;box-shadow:0 15px 35px #04488a14}.stat-icon,.customer-initial,.person-cell>span{background:linear-gradient(145deg,#e7f2ff,#e5fbf1)}.app-shell aside nav button.active{color:#034aab;background:linear-gradient(90deg,#0568e821,#13ad6717)}.progress-ring{filter:drop-shadow(0 10px 18px #0568e829)}.bar-track i{background:linear-gradient(90deg,#0568e8,#00aecd,#13ad67)}.app-shell.dark{--panel:#0b1f34e0;--bg:#050f1c;--ink:#ecf8ff;--muted:#8faabc;--line:#7fb1cf29;--navy:#ecf8ff;background:radial-gradient(circle at 82% 4%,#0568e82e,#0000 29%),radial-gradient(circle at 58% 94%,#13ad671f,#0000 30%),#050f1c}.dark .app-main{isolation:isolate;position:relative}.dark .app-main:before,.dark .app-main:after{content:"";z-index:-1;filter:blur(90px);opacity:.16;pointer-events:none;border-radius:50%;width:360px;height:360px;animation:12s ease-in-out infinite alternate dark-float;position:fixed}.dark .app-main:before{background:#0568e8;top:8%;right:4%}.dark .app-main:after{background:#13ad67;animation-delay:-5s;bottom:2%;left:22%}@keyframes dark-float{to{transform:translate(30px,-25px)scale(1.12)}}.dark aside{background:linear-gradient(#081b2ffa,#05111efa);border-right-color:#4889b12e;box-shadow:18px 0 60px #00000029}.dark .app-topbar{background:#061423c7;border-color:#5e9cc426;box-shadow:0 8px 40px #00000029}.dark .panel,.dark .stat,.dark .reading-cards article,.dark .bill-grid article,.dark .complaints article{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#0d2740eb,#07192be0);border-color:#63a5cd26;box-shadow:inset 0 1px #ffffff09,0 18px 45px #00000026}.dark .panel:hover,.dark .stat:hover,.dark .reading-cards article:hover{border-color:#3197ff52;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0d,0 22px 50px #0000003d,0 0 28px #0568e80f}.dark .stat-icon,.dark .customer-initial,.dark .person-cell>span{color:#5cc7ff;background:linear-gradient(145deg,#0568e838,#13ad6729)}.dark input,.dark select,.dark textarea,.dark .unit-input,.dark .money-input{color:#eef9ff;background:#04111ed1;border-color:#69a6ca38}.dark input:focus,.dark select:focus,.dark textarea:focus{border-color:#2a91ff;box-shadow:0 0 0 3px #2a91ff24}.dark .button-outline{color:#dff4ff;background:#0f2c46b8;border-color:#4a9fda47}.dark .meter-values,.dark .tier,.dark .application-details span,.dark .applicant-summary{background:#03111e94}.dark .app-shell aside nav button.active{color:#e5f7ff;background:linear-gradient(90deg,#0568e83d,#13ad671f);box-shadow:inset 3px 0 #16b96f}.dark .role-pill{color:#7ee0ae;background:linear-gradient(90deg,#0568e82e,#13ad6724);border:1px solid #4ec78b1f}.dark .bar-track{background:#6a97b41f}.dark .progress-ring:after{background:#0a2239}.dark th{color:#8eb5cc;background:#03111eb8}.target-banner{color:#fff;background:radial-gradient(circle at 92% 20%,#5fffaf3d,#0000 28%),linear-gradient(120deg,#0349ad,#0568e8 54%,#07959e 82%,#13a966);border-radius:16px;grid-template-columns:1fr minmax(220px,.7fr);align-items:center;gap:15px 28px;margin-bottom:16px;padding:20px 22px;display:grid;overflow:hidden;box-shadow:0 18px 38px #044aa638}.target-main{align-items:center;gap:13px;display:flex}.target-icon{background:#ffffff24;border:1px solid #ffffff29;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.target-icon svg{width:23px}.target-main>div:last-child{flex-direction:column;display:flex}.target-main span,.target-main small{color:#ffffffbd;font-size:9px}.target-main strong{margin:2px 0;font-family:Inter,Segoe UI,sans-serif;font-size:21px}.target-meter{align-items:center;gap:12px;display:flex}.target-meter>div{background:#ffffff2b;border-radius:99px;flex:1;height:9px;overflow:hidden}.target-meter i{border-radius:inherit;background:linear-gradient(90deg,#77eeb0,#d8ffed);height:100%;display:block;box-shadow:0 0 18px #77eeb08c}.target-meter strong{font-size:19px}.realization-picker{flex-direction:column;justify-self:end;gap:5px;width:min(280px,100%);display:flex}.realization-picker>span{color:#ffffffbf;font-size:8px;font-weight:700}.realization-picker select{color:#fff;height:40px;box-shadow:none;background:#032a5b7a;border-color:#ffffff38}.realization-picker option{color:#fff;background:#08345c}.realization-metrics{grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.realization-metrics>span{background:#ffffff1a;border:1px solid #ffffff1f;border-radius:11px;flex-direction:column;min-width:0;padding:10px 12px;display:flex}.realization-metrics small{color:#ffffffb3;font-size:8px}.realization-metrics b{color:#fff;margin-top:2px;font-size:15px}.target-areas{border-top:1px solid #ffffff24;flex-wrap:wrap;grid-column:1/-1;gap:7px;padding-top:12px;display:flex}.target-areas span{background:#ffffff1c;border-radius:8px;padding:6px 9px;font-size:9px}.target-areas b{color:#b8ffd9;margin-left:7px}.officer-summary-grid{grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:14px;display:grid}.officer-summary-grid button{border:1px solid var(--line);background:var(--panel);color:var(--ink);text-align:left;border-radius:14px;align-items:center;gap:10px;padding:14px;display:flex}.officer-summary-grid button>span{color:#fff;background:linear-gradient(145deg, var(--blue), var(--green));border-radius:11px;place-items:center;width:38px;height:38px;font-size:10px;font-weight:800;display:grid}.officer-summary-grid button>div{flex-direction:column;min-width:0;display:flex}.officer-summary-grid strong{font-size:11px}.officer-summary-grid small{text-overflow:ellipsis;white-space:nowrap;max-width:150px;color:var(--muted);font-size:8px;overflow:hidden}.officer-summary-grid b{color:var(--blue);margin-left:auto;font-size:10px}.officer-summary-grid button.active{border-color:var(--blue);background:linear-gradient(145deg,#0568e812,#13ad670f);box-shadow:0 0 0 3px #0568e81a}.assignment-panel{padding:0;overflow:hidden}.assignment-toolbar{border-bottom:1px solid var(--line);grid-template-columns:minmax(260px,1fr) 180px 230px;gap:9px;padding:16px;display:grid}.assignment-toolbar .search{width:100%}.assignment-selection{color:var(--muted);background:#0568e80b;align-items:center;gap:15px;padding:10px 16px;font-size:9px;display:flex}.assignment-selection label{color:var(--ink);align-items:center;gap:7px;font-weight:700;display:flex}.assignment-selection input,.assignment-list input{width:15px;height:15px;accent-color:var(--blue)}.assignment-selection button{color:var(--red);background:0 0;border:0;margin-left:auto;font-size:9px;font-weight:700}.assignment-list{max-height:510px;overflow:auto}.assignment-list>label{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:24px 38px minmax(180px,1fr) 100px 150px;align-items:center;gap:9px;padding:10px 16px;display:grid}.assignment-list>label:hover,.assignment-list>label.selected{background:#0568e80e}.assignment-customer{flex-direction:column;display:flex}.assignment-customer strong{font-size:10px}.assignment-customer small,.assignment-area{color:var(--muted);font-size:8px}.assignment-list .assigned,.assignment-list .unassigned{color:#128151;background:#e8f8f0;border-radius:99px;justify-self:end;padding:5px 8px;font-size:8px;font-weight:700}.assignment-list .unassigned{color:#788995;background:#f0f3f5}.dark .officer-summary-grid button{border-color:var(--line);background:linear-gradient(145deg,#0d2740eb,#07192be0)}.dark .assignment-selection,.dark .assignment-list>label:hover,.dark .assignment-list>label.selected{background:#2a91ff14}.period-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.period-card{padding:17px;position:relative;overflow:hidden}.period-card:before{content:"";background:var(--muted);height:3px;position:absolute;inset:0 0 auto}.period-dibuka:before{background:linear-gradient(90deg, var(--blue), var(--green))}.period-verifikasi:before{background:linear-gradient(90deg, var(--orange), #f5bf56)}.period-ditutup:before{background:var(--navy)}.period-card-head{align-items:center;gap:10px;display:flex}.period-card-head>span{color:#fff;background:linear-gradient(145deg, var(--blue), var(--green));border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.period-card-head>span svg{width:20px}.period-card-head>div{flex-direction:column;display:flex}.period-card-head small{color:var(--muted);font-size:8px}.period-card-head strong{text-transform:capitalize;margin-top:2px;font-size:13px}.period-card-head .status{margin-left:auto}.period-progress{align-items:center;gap:10px;margin:17px 0 12px;display:flex}.period-progress>span{background:#67849921;border-radius:99px;flex:1;height:7px;overflow:hidden}.period-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--green));height:100%;display:block}.period-progress b{color:var(--blue);font-size:11px}.period-numbers{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.period-numbers span{background:#0568e80e;border-radius:9px;flex-direction:column;padding:9px;display:flex}.period-numbers small,.period-card dt{color:var(--muted);font-size:8px}.period-numbers strong{margin-top:2px;font-size:14px}.period-card dl{gap:7px;margin:13px 0;display:grid}.period-card dl>div{justify-content:space-between;gap:12px;display:flex}.period-card dd{color:var(--ink);text-align:right;margin:0;font-size:8px;font-weight:700}.period-actions{border-top:1px solid var(--line);justify-content:flex-end;padding-top:12px;display:flex}.period-actions .button{padding:8px 11px;font-size:9px}.period-date-grid{grid-template-columns:repeat(2,1fr)}.period-open-check{margin-top:3px}.officer-management-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.officer-card{padding:17px}.officer-card-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:14px;display:flex}.officer-card-head>span{color:#fff;background:linear-gradient(145deg, var(--blue), var(--green));border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:11px;font-weight:900;display:grid}.officer-card-head>div{flex-direction:column;min-width:0;display:flex}.officer-card-head strong{font-size:12px}.officer-card-head small{color:var(--muted);font-size:9px}.officer-card-head .status{margin-left:auto}.officer-card dl{gap:9px;margin:14px 0;display:grid}.officer-card dl>div{justify-content:space-between;gap:12px;display:flex}.officer-card dt,.officer-card dd{margin:0;font-size:9px}.officer-card dt{color:var(--muted)}.officer-card dd{color:var(--ink);text-align:right;font-weight:700}.officer-role-note,.role-preview{color:var(--green);background:#13ad6714;border-radius:10px;align-items:center;gap:8px;display:flex}.officer-role-note{padding:9px;font-size:8px;font-weight:700}.officer-role-note svg{width:15px}.record-actions{align-items:center;gap:8px;display:flex}.officer-record-actions{margin-top:12px}.officer-record-actions .button{box-shadow:none;flex:1;padding:8px 10px;font-size:9px}.table-record-actions{align-items:center;gap:6px;display:flex}.record-icon-button{border:1px solid var(--line);background:var(--panel);width:32px;height:32px;color:var(--blue);border-radius:9px;place-items:center;display:grid}.record-icon-button:hover{border-color:var(--blue);background:#0077ff14}.record-icon-button.danger{color:var(--red)}.record-icon-button.danger:hover{border-color:var(--red);background:#dc262614}.record-icon-button:disabled{opacity:.45;cursor:wait}.record-icon-button svg{width:15px;height:15px}.role-preview{margin-bottom:16px;padding:12px}.role-preview>span{flex-direction:column;display:flex}.role-preview strong{color:var(--ink);font-size:10px}.role-preview small{color:var(--muted);margin-top:2px;font-size:8px}.permission-check{border:1px solid var(--line);cursor:pointer;border-radius:11px;align-items:flex-start;gap:10px;padding:12px;display:flex}.permission-check input{width:17px;height:17px;accent-color:var(--green);flex:0 0 17px}.permission-check span{flex-direction:column;display:flex}.permission-check strong{font-size:10px}.permission-check small{color:var(--muted);margin-top:3px;font-size:8px;line-height:1.5}.reading-filter-toolbar{justify-content:flex-start}.reading-filter-toolbar .search{margin-right:auto}.reading-officer-label{margin-left:10px;font-weight:700;color:var(--blue)!important}.reading-admin-actions{gap:7px;margin-left:auto;display:flex}.officer-reading-sheet{padding:0;overflow:hidden}.sheet-summary{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#0568e813,#13ad670e);align-items:center;gap:28px;min-height:66px;padding:12px 16px;display:flex}.sheet-summary>div{flex-direction:column;display:flex}.sheet-summary span,.sheet-summary small{color:var(--muted);font-size:8px}.sheet-summary strong{color:var(--ink);margin-top:2px;font-size:14px}.sheet-summary small{margin-left:auto}.reading-sheet-scroll{width:100%;max-height:calc(100vh - 320px);overflow:auto}.reading-sheet-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1180px;font-size:9px}.reading-sheet-table th{z-index:3;color:#fff;text-align:left;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#0c5f91;border-right:1px solid #ffffff21;padding:11px 12px;font-size:8px;position:sticky;top:0}.reading-sheet-table th:last-child,.reading-sheet-table td:last-child{z-index:4;position:sticky;right:0;box-shadow:-8px 0 14px #021b3017}.reading-sheet-table td:last-child{background:var(--panel)}.reading-sheet-table td{color:var(--ink);border-right:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;background:var(--panel);padding:9px 12px}.reading-sheet-table tbody tr:nth-child(2n) td{background:#0568e806}.reading-sheet-table tbody tr:hover td{background:#13ad6711}.reading-sheet-table tr.anomaly td{background:#ee8b3512}.sheet-number{text-align:center;width:48px;color:var(--muted)!important}.sheet-customer{min-width:190px}.sheet-customer strong,.sheet-customer small{display:block}.sheet-period{font-weight:800;color:var(--blue)!important}.sheet-customer strong{font-size:10px}.sheet-customer small{color:var(--muted);margin-top:2px;font-size:8px}.numeric-cell{text-align:right;font-variant-numeric:tabular-nums}.current-meter,.usage-cell{font-weight:800}.usage-cell{color:var(--blue)!important}.usage-cell svg{vertical-align:middle;width:13px;height:13px;color:var(--orange);margin-left:5px}.sheet-action{border:1px solid var(--line);background:var(--panel);min-width:70px;color:var(--blue);border-radius:8px;padding:7px 9px;font-size:8px;font-weight:800}.sheet-action.primary{background:linear-gradient(135deg, var(--blue), var(--green));color:#fff;border-color:#0000}.dark .reading-sheet-table th{background:#075985}.dark .reading-sheet-table tbody tr:nth-child(2n) td{background:#2a91ff09}.dark .reading-sheet-table tbody tr:hover td{background:#33d58d12}.reading-head-actions,.customer-head-actions{align-items:center;gap:8px;display:flex}.customer-head-actions .button{padding:9px 11px;font-size:10px}.customer-filter-toolbar{justify-content:flex-start}.customer-filter-toolbar .search{margin-right:auto}.credential-notice{color:var(--blue);background:linear-gradient(135deg,#0077ff14,#13ad6714);border:1px solid #0077ff2e;border-radius:12px;align-items:center;gap:11px;margin-bottom:16px;padding:12px 14px;display:flex}.credential-notice>span{flex-direction:column;gap:2px;display:flex}.credential-notice strong{color:var(--ink);font-size:10px}.credential-notice small{color:var(--muted);font-size:9px}.credential-notice b{color:var(--green)}.reset-password-check{margin-top:12px}.summary-file-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden;font-size:10px!important}.reading-head-actions .button{padding:9px 11px;font-size:10px}.reading-import-start{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:520px;margin:10px auto 0;display:flex}.reading-import-start h3{margin:0}.reading-import-start p{max-width:440px;color:var(--muted);font-size:10px;line-height:1.7}.reading-import-start .upload-box{text-align:left;width:100%}.reading-import-summary{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;display:grid}.reading-import-summary>div{border:1px solid var(--line);background:var(--panel);border-radius:11px;flex-direction:column;padding:11px;display:flex}.reading-import-summary span{color:var(--muted);font-size:8px}.reading-import-summary strong{margin-top:2px;font-size:17px}.reading-import-summary .valid strong{color:var(--green)}.reading-import-summary .invalid strong,.row-error{color:var(--red)}.row-error{font-size:8px;font-weight:700}.bill-info .bill-arrears-note{color:var(--orange);font-weight:800}@media (width<=900px){.period-grid,.officer-management-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-filter-toolbar,.customer-filter-toolbar{flex-wrap:wrap}.customer-filter-toolbar .search,.reading-filter-toolbar .search{flex-basis:100%;width:100%}.officer-summary-grid{grid-template-columns:repeat(2,1fr)}.assignment-toolbar{grid-template-columns:1fr 1fr}.assignment-toolbar .search{grid-column:1/-1}}@media (width<=780px){.customer-head-actions{flex-wrap:wrap;width:100%}.customer-head-actions .button{flex:1}.reading-head-actions{flex-wrap:wrap;width:100%}.reading-head-actions .sync-badge{width:100%}.reading-head-actions .button{flex:1}.target-banner{grid-template-columns:1fr}.realization-picker{justify-self:stretch;width:100%}.target-meter{grid-column:1}.realization-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.assignment-list>label{grid-template-columns:22px 35px minmax(140px,1fr) 100px}.assignment-area{display:none}.reading-import-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.period-grid,.period-date-grid,.officer-management-grid{grid-template-columns:1fr}.sheet-summary{gap:15px}.sheet-summary small{display:none}.reading-sheet-scroll{max-height:calc(100vh - 365px)}.officer-summary-grid,.assignment-toolbar{grid-template-columns:1fr}.assignment-toolbar .search{grid-column:auto}.assignment-list>label{grid-template-columns:22px 34px minmax(130px,1fr)}.assignment-list .assigned,.assignment-list .unassigned{grid-column:3;justify-self:start}.target-main strong{font-size:18px}.realization-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.dark .app-main:before,.dark .app-main:after,.water-orbit{animation:none}.panel,.stat,.reading-cards article,.feature-card{transition:none}}html{scroll-behavior:auto}.app-shell aside{transition:none}.app-topbar,.bottom-nav,.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.app-topbar{background:#fff}.dark .app-topbar{background:#071d31}.dark .app-main:before,.dark .app-main:after{content:none;filter:none;animation:none;display:none}.dark .panel,.dark .stat,.dark .reading-cards article,.dark .bill-grid article,.dark .complaints article{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(145deg,#0d2740,#081d31)}.panel,.stat,.reading-cards article,.bill-grid article,.feature-card,button,a{transition:color .12s,background-color .12s,border-color .12s}.panel:hover,.stat:hover,.reading-cards article:hover,.bill-grid article:hover,.feature-card:hover,.button:hover,.dark .panel:hover,.dark .stat:hover,.dark .reading-cards article:hover{transform:none}@media (width<=780px){.bottom-nav{background:#fff}.dark .bottom-nav{background:#0f2940}}