*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:system-ui,sans-serif;margin:0;background:#f5f6f8;color:#1b1e23}h1{font-size:2rem;font-weight:800;margin:0 0 4px}.app-header{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:12px 24px;background:#1b1e23;color:#fff}.app-header-info{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.app-header-brand{font-weight:700}.app-header-user{font-size:14px;opacity:.85}.app-header button{margin-left:auto;flex-shrink:0;background:transparent;border:1px solid #fff;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer}main{max-width:960px;margin:0 auto;padding:24px}.auth-page{max-width:360px;margin:60px auto;padding:0 16px}.org-name{font-size:2rem;font-weight:800;color:#1b1e23;margin:0}.auth-page h1{margin:0 0 20px}.hint{font-size:13px;color:#6b7280}form{display:flex;flex-direction:column;gap:12px}label{display:flex;flex-direction:column;gap:4px;font-size:14px}input,select{padding:8px;border:1px solid #ccd0d5;border-radius:6px;font-size:16px;width:100%}input::placeholder{color:#9ca3af}button[type=submit],.reading-form button,.create-user-form button,.admin-reading-form button{padding:10px;border:none;border-radius:6px;background:#2563eb;color:#fff;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:default}.link-button{align-self:flex-start;background:none;border:none;color:#2563eb;text-decoration:underline;cursor:pointer;padding:4px 0;font-size:14px}.error{color:#dc2626;font-size:14px}.success{color:#16a34a;font-size:14px}.dashboard{display:flex;flex-direction:column;gap:32px}.dashboard section{display:flex;flex-direction:column;gap:8px}.reading-form,.create-user-form,.admin-reading-form{background:#fff;padding:16px;border-radius:8px}.reading-form{display:flex;flex-direction:column;gap:16px}.reading-form-period{max-width:220px}.meter-group{display:flex;flex-wrap:wrap;gap:12px;border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin:0}.meter-group legend{padding:0 6px;font-weight:600;font-size:13px;color:#374151}.meter-group label{flex:1 1 200px;min-width:180px}.field-with-toggle{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.field-with-toggle input{flex:1 1 100px}.inline-checkbox{flex-direction:row;align-items:center}.toggle-switch{display:inline-flex;flex-direction:row;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#374151;width:auto}.toggle-switch input{position:absolute;opacity:0;width:1px;height:1px}.toggle-switch-track{position:relative;width:44px;height:26px;background:#d1d5db;border-radius:999px;transition:background .2s ease;flex-shrink:0}.toggle-switch-thumb{position:absolute;top:2px;left:2px;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;transition:transform .2s ease}.toggle-switch input:checked+.toggle-switch-track{background:#34c759}.toggle-switch input:checked+.toggle-switch-track .toggle-switch-thumb{transform:translate(18px)}.toggle-switch input:disabled+.toggle-switch-track{opacity:.5}.toggle-switch-label{white-space:nowrap}.create-user-form,.admin-reading-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.create-user-form button,.admin-reading-form button{grid-column:1 / -1}.table-scroll{overflow-x:auto;border-radius:8px}.readings-table{width:100%;min-width:640px;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.readings-table th,.readings-table td{padding:8px 12px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:14px;white-space:nowrap}.readings-table td input{min-width:90px}.badge-replaced{color:#b45309;font-weight:600;font-size:12px}.reading-period .badge-replaced{margin-left:8px}.readings-table button,.filters-bar button{margin-right:8px;padding:4px 10px;border-radius:6px;border:1px solid #ccd0d5;cursor:pointer;background:#fff}.admin-layout{display:flex;flex-direction:column;min-height:100vh}.admin-menu-toggle{display:none;background:transparent;border:1px solid #fff;color:#fff;padding:4px 10px;border-radius:6px;cursor:pointer;font-size:18px;line-height:1;flex-shrink:0}.admin-body{display:flex;flex:1;position:relative}.admin-sidebar{width:180px;flex-shrink:0;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;padding:12px 0}.admin-nav-link{display:block;width:100%;padding:10px 16px;text-decoration:none;color:#1b1e23;font-size:14px;background:none;border:none;text-align:left;cursor:pointer}.admin-nav-link.active{background:#eef2ff;color:#2563eb;font-weight:600}.admin-content{flex:1;min-width:0}.admin-page{display:flex;flex-direction:column;gap:24px}.admin-page section{display:flex;flex-direction:column;gap:12px}.admin-page h3{margin:0}.danger-zone{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb;grid-column:1 / -1}.danger-warning{color:#dc2626;font-weight:600;font-size:13px}.create-user-form .danger-button{background:#dc2626}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-content{background:#fff;border-radius:8px;padding:20px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-header h3{margin:0}.modal-close{background:none;border:none;font-size:24px;line-height:1;cursor:pointer;color:#6b7280;padding:0 4px}.chart-block{background:#fff;padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:12px}.chart-tabs{display:flex;flex-wrap:wrap;gap:8px}.chart-tab{padding:6px 14px;border-radius:6px;border:1px solid #ccd0d5;background:#fff;cursor:pointer;font-size:13px}.chart-tab.active{background:#2563eb;color:#fff;border-color:#2563eb}.chart-svg{width:100%;height:auto;max-width:640px}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px}.chart-legend-item{display:flex;align-items:center;gap:6px}.chart-legend-swatch{width:12px;height:12px;border-radius:3px;display:inline-block}.admin-menu-overlay{display:none}.filters-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;background:#fff;padding:16px;border-radius:8px}.filters-bar label{flex:0 1 160px}.verification-editor{display:flex;flex-direction:column;gap:16px}.verification-editor-row{background:#fff;border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.verification-editor-fields{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.verification-field-group{display:flex;flex-direction:column;gap:8px;border:1px solid #e5e7eb;border-radius:6px;padding:10px;max-width:280px}.verification-field-group label{font-size:12px}.import-form{background:#fff;padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:8px}.import-errors{margin:4px 0 0;padding-left:20px;font-size:13px;color:#dc2626}@media (max-width: 768px){.admin-menu-toggle{display:inline-flex;align-items:center;justify-content:center}.admin-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:50;transform:translate(-100%);transition:transform .2s ease;box-shadow:2px 0 8px #00000026}.admin-sidebar-open{transform:translate(0)}.admin-menu-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40}}@media (max-width: 640px){main{padding:16px 12px}.app-header{padding:10px 16px}.dashboard{gap:24px}.meter-group>label,.create-user-form label,.admin-reading-form label{flex:1 1 100%}.toggle-switch-label{white-space:normal}.readings-table-compact{min-width:0}.readings-table-compact th,.readings-table-compact td{white-space:normal;padding:8px}.field-with-toggle{flex-wrap:nowrap}.field-with-toggle input{flex:1 1 auto;min-width:0}.field-with-toggle .toggle-switch{flex:0 0 auto;gap:6px}.field-with-toggle .toggle-switch-label{white-space:normal;max-width:88px;font-size:12px;line-height:1.2}.create-user-form,.admin-reading-form{grid-template-columns:1fr}.create-user-form button,.admin-reading-form button{grid-column:1}.filters-bar label{flex:1 1 100%}.org-name,h1{font-size:1.6rem}.table-scroll-cards{overflow-x:visible}.readings-table-cards{min-width:0;background:transparent}.readings-table-cards thead{display:none}.readings-table-cards tbody{display:flex;flex-direction:column;gap:8px}.readings-table-cards tr{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;background:#fff;border-radius:8px;padding:10px 12px}.readings-table-cards td{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border:none;padding:3px 0}.readings-table-cards td:before{content:attr(data-label);color:#6b7280;font-size:12px}.readings-table-cards td.reading-period{grid-column:1 / -1;justify-content:flex-start;font-weight:700;font-size:15px;border-bottom:1px solid #e5e7eb;padding-bottom:6px;margin-bottom:4px}.readings-table-cards td.reading-period:before{display:none}}