:root{font-family:system-ui,sans-serif;color:#14231c;background:#f6f8f6;line-height:1.45}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a.primary{min-height:44px;border:0;border-radius:10px;padding:10px 16px;background:#e2e9e4;color:#14231c;font-weight:650;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:#086b45!important;color:#fff!important}.link{display:inline-flex;align-items:center;text-decoration:none}.center{min-height:100dvh;display:grid;place-content:center;text-align:center;padding:24px}.collector,.chairman{max-width:680px;margin:auto;padding:18px 16px 112px}.collector{min-height:100dvh;touch-action:pan-y}.collector header h1,.chairman h1{text-transform:capitalize;margin:0}.collector header p{margin-top:3px;color:#486158}.plot-nav{display:grid;grid-template-columns:56px 1fr 56px;gap:8px;margin:18px 0}.plot-nav button{font-size:36px;padding:0}.plot-nav label{display:flex;align-items:center;justify-content:center;gap:5px;background:#fff;border-radius:10px;font-weight:700}.plot-nav select{border:0;background:transparent;font-weight:700;max-width:180px;text-align:center}.card,.history{background:#fff;border-radius:16px;padding:18px;margin:14px 0;box-shadow:0 1px 3px #10201516}.card h2{margin:0 0 4px;font-size:17px;letter-spacing:.08em}.swipe-hint{display:none}.tariff{border-top:1px solid #dde7e0;padding:15px 0}.tariff h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;color:#486158}.tariff p{margin:8px 0 0}.stepper{display:grid;grid-template-columns:64px 1fr 64px;gap:10px;align-items:center}.stepper button{font-size:29px;padding:0}.stepper .value,.stepper input{background:#f1f5f2;color:#14231c;font-size:28px;font-weight:750;text-align:center;border:0;border-radius:10px;width:100%;min-height:54px}.history h2{font-size:17px;margin:0 0 8px}.history div{display:flex;justify-content:space-between;gap:12px;padding:6px 8px;text-transform:capitalize;border-radius:8px}.history .history-value{text-align:right}.history .history-value small{display:block;font-size:11px;font-weight:700;text-transform:none}.history .new-reading{background:#e8f5ee;color:#17603f}.message{color:#8b3000;font-weight:600}.collector footer{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;background:#f6f8f6ef;display:flex;gap:8px;justify-content:center}.collector footer button{flex:1;max-width:400px}.chairman{max-width:1380px}.chairman header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chairman-login{max-width:620px;justify-items:center}.chairman-login h1{margin:10px 0 0}.chairman-login p{font-size:20px;margin:5px 0 22px;color:#486158}.chairman-emblem{width:120px;height:auto}.chairman-id-notice{display:grid;gap:4px;margin:0 0 18px;padding:14px 18px;border-radius:12px;background:#fff3d8;color:#633f00;max-width:430px}.chairman-id-notice strong{font-size:26px;letter-spacing:.04em;-webkit-user-select:all;user-select:all}.chairman-id-notice small{font-size:14px}.chairman-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.tariff-note{margin:0;padding:9px 13px;border-radius:10px;background:#e8f5ee;color:#17603f}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.actions a{padding:10px;color:#075c3d;font-weight:650}.readings-table{width:fit-content;max-width:100%;margin:20px auto;overflow-x:auto;border-radius:12px;background:#fff;box-shadow:0 3px 12px #10201514}.chairman table{width:auto;min-width:840px;border-collapse:collapse;background:#fff}.chairman th,.chairman td{text-align:right;padding:9px;border-bottom:1px solid #dce6df;font-size:14px;white-space:nowrap}.chairman th{background:#edf3ef;color:#304b40}.chairman thead tr:first-child th{text-align:center;border-bottom:1px solid #cad8cf}.chairman thead th:first-child{text-align:left;position:sticky;left:0;z-index:2;background:#edf3ef}.chairman .night-row td,.chairman .single-row td{border-bottom:2px solid #cad8cf}.chairman .consumer{position:sticky;left:0;z-index:1;background:#fff;font-weight:700;vertical-align:middle;text-align:left}.tariff-mark{display:grid;grid-template-columns:18px auto;align-items:center;column-gap:7px;color:#14231c;font-weight:650}.tariff-icon{display:block;line-height:1;text-align:center;font-size:18px}.day-icon{color:#b87500}.night-icon{color:#2a6f9e}.missing-value{display:block;padding:4px 8px;border-radius:7px;background:#fff1d8;color:#7b5200;font-weight:700;text-align:center}@media(max-width:600px){.chairman header{align-items:flex-start;gap:12px}.chairman header h1{font-size:24px}}@media(max-width:699px){.collector{padding:12px 12px 96px;display:flex;flex-direction:column}.collector header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.collector header h1{font-size:22px}.collector header p{margin:0;font-size:14px;white-space:nowrap}.plot-nav{margin:10px 0;grid-template-columns:52px 1fr 52px}.plot-nav label{min-height:52px}.plot-nav select{width:100%;max-width:100%;font-size:16px}.card{margin:0 0 10px;padding:16px;flex:1}.swipe-hint{display:block;margin:0 0 12px;font-size:12px;color:#61746a}.tariff{padding:14px 0}.tariff h3{font-size:14px;margin-bottom:9px}.stepper{grid-template-columns:66px 1fr 66px;gap:12px}.stepper button{min-height:60px;font-size:34px}.stepper .value,.stepper input{min-height:60px;font-size:31px}.tariff p{font-size:14px}.history{margin:0;padding:14px 16px}.history div{padding:5px 2px}.collector footer{padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:8px}}@media(min-width:700px){.collector{max-width:980px;display:grid;grid-template-columns:minmax(420px,1fr) minmax(260px,320px);column-gap:20px;align-content:start}.collector header,.collector .plot-nav,.collector footer,.collector>.message{grid-column:1 / -1}.collector header{margin-top:6px}.collector .plot-nav{max-width:560px;margin:16px 0}.collector .card,.collector .history{margin:0}.collector .swipe-hint{display:none}.collector footer{position:static;padding:16px 0 0;background:transparent;justify-content:flex-start}.collector footer button{flex:0 1 330px}}@media(max-width:360px){.collector,.chairman{padding-left:10px;padding-right:10px}.stepper{grid-template-columns:54px 1fr 54px}.stepper .value,.stepper input{font-size:23px}}