@font-face{font-family:Outfit;src:url(/fonts/outfit.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:NotoArabic;src:url(/fonts/noto-arabic.ttf) format("truetype");font-weight:100 900;font-display:swap}:root{--ink:#1e3a55;--text:#343b44;--muted:#66717a;--paper:#f5f5ef;--white:#fff;--line:#dce2df;--sky:#b4dce7;--success:#246c51;--warning:#875c15;--danger:#a32e3e;--radius:18px;font-family:Outfit,NotoArabic,sans-serif;color:var(--text);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{padding:env(safe-area-inset-top) 0 0}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:var(--ink);text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #2b96ae;outline-offset:4px}button{color:inherit}h1,h2,p{margin:0}h1{font-size:clamp(30px,7vw,40px);letter-spacing:-1.2px;line-height:1.1}h1,h2{font-weight:550;color:var(--ink)}h2{font-size:21px;line-height:1.3}p{line-height:1.55}small{font-size:12px;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{max-width:620px;margin:0 auto;background:var(--paper);min-height:100dvh}.masthead{height:86px;justify-content:space-between;padding:18px 25px;border-bottom:1px solid var(--line);gap:15px}.brand,.masthead{display:flex;align-items:center}.brand{gap:14px}.brand img{object-fit:contain;max-width:90px}.brand span{border-inline-start:1px solid #b8c3cb;padding-inline-start:14px;font-size:13px;line-height:1.25;width:95px;color:var(--ink)}.language-select{max-width:92px}.language-select select{border:0;min-height:44px;background:transparent;font-size:13px;color:var(--ink);padding:8px 2px}main{padding:0 25px 130px}.connection{display:flex;align-items:center;gap:7px;height:47px;font-size:11px;letter-spacing:.02em;border-bottom:1px solid var(--line);color:var(--success)}.connection-dot{height:6px;width:6px;border-radius:50%;background:currentColor}.connection-count{margin-inline-start:auto;color:var(--muted)}.connection.offline{color:var(--warning)}.heading{margin:29px 0 23px}.heading h1{margin-top:8px}.heading p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:10px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.readiness{display:flex;align-items:center;gap:13px;background:#e5eeea;border:1px solid #d7e4dc;padding:14px;border-radius:13px;margin-bottom:22px;color:var(--success)}.readiness svg{flex:none;width:20px}.readiness strong{display:block;font-size:13px;font-weight:550}.readiness span{display:block;font-size:11px;line-height:1.45;margin-top:3px;color:#556b61}.search{display:flex;flex-direction:row;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 13px;margin-bottom:17px;color:var(--muted)}.search svg{flex-shrink:0}.search input{width:100%;border:0!important;padding:14px 0!important;background:transparent!important;font-size:13px!important;outline-offset:0}.meter-list{display:grid;gap:12px}.meter-card{display:flex;align-items:center;text-align:start;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:21px 17px;gap:16px;width:100%;min-height:134px;box-shadow:0 3px 0 #1e3a5503;transition:transform .16s,border-color .16s}.meter-card:active{transform:scale(.985)}.meter-card:hover{border-color:#9dbac3}.meter-card>.resource-icon{width:43px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#f3eddb;color:#7a6224;flex:none}.resource-icon.water{background:#e8f2f7;color:#31789a}.resource-icon.gas{background:#efe6e2;color:#965d40}.meter-card-text{flex:1 1;min-width:0}.resource-label{display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.index{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#a7b2b8}.meter-card strong{display:block;font-size:19px;color:var(--ink);font-weight:550;margin:5px 0}.meter-card-text>span:not(.resource-label){display:block;font-size:12px;color:var(--muted);line-height:1.5}.serial{font-family:ui-monospace,SFMono-Regular,monospace;letter-spacing:.035em;display:block;margin-top:8px!important;font-size:10px!important;color:var(--muted)}.meter-card>svg:last-child{width:17px;flex:none;color:#8c9ea9}.sync-action{margin:24px auto;display:flex!important;align-items:center;justify-content:center;gap:8px}.sync-action svg{width:17px}.text-button{border:0;background:transparent;min-height:44px;color:var(--ink);font-size:13px;font-weight:500;padding:10px 8px}.text-button:hover{text-decoration:underline}.bottom-nav{position:fixed;bottom:0;inset-inline:0;max-width:620px;margin:auto;padding:10px 20px calc(11px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;background:#fdfdf9f5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:78px;min-height:54px;padding:5px 16px;border:0;background:none;color:#849099;font-size:11px}.bottom-nav button>span{position:relative;display:flex}.bottom-nav button.active{color:var(--ink);font-weight:600}.bottom-nav button.active>span:before{content:"";position:absolute;background:#e2ecec;inset:-4px -14px;border-radius:12px;z-index:-1}.bottom-nav i{position:absolute;inset-inline-end:-14px;top:-6px;background:var(--ink);color:white;font-size:9px;font-style:normal;border-radius:20px;padding:2px 5px}.notice{background:#f4ecda;border:1px solid #e5d4b3;border-radius:12px;padding:14px;font-size:13px;line-height:1.5;color:#71541f;margin:15px 0}.notice button{display:block;border:0;background:transparent;color:inherit;font-weight:600;min-height:40px;padding:10px 0 0}.notice p+p{margin-top:8px}.form-error{font-size:13px;color:var(--danger);border-inline-start:3px solid var(--danger);padding-inline-start:11px}.empty{padding:60px 5px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:13px;color:var(--muted);font-size:14px}.empty>svg{width:42px;height:42px;opacity:.65}.empty p{max-width:300px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:23px;margin:17px 0}.panel p{font-size:14px;color:var(--muted);margin:10px 0}.panel small{display:block;color:var(--muted);margin-top:12px}.panel .primary,.panel .secondary{margin-top:17px}.panel dl{margin:20px 0}.avatar{width:50px;height:50px;background:#dfeced;color:var(--ink);border-radius:50%;display:grid;place-items:center;font-size:25px;margin-bottom:15px}dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #edf0ed;padding:13px 0;font-size:12px}dl>div:last-child{border-bottom:0}dt{color:var(--muted);flex:1 1}dd{margin:0;text-align:end;max-width:63%;overflow-wrap:anywhere;color:var(--ink)}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;width:100%;min-height:52px;border-radius:13px;padding:14px 18px;font-size:14px;font-weight:500;border:1px solid var(--ink)}.primary{background:var(--ink);color:#fff;box-shadow:0 3px 0 #132536}.primary:active{box-shadow:none;transform:translateY(2px)}.secondary{background:transparent;color:var(--ink);border-color:#bdcad2}.danger{color:var(--danger);border-color:#d9b9bf}.source-guidance{font-size:12px;color:var(--muted);margin:27px 4px}.back{padding-inline:0;font-size:14px}.back,.back+.heading{margin-top:13px}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:500;color:var(--ink)}label small{font-weight:400;color:var(--muted);font-size:11px}input:not([type=file]),select,textarea{border:1px solid #c9d3d7;border-radius:10px;background:white;min-height:48px;padding:13px;width:100%;font-size:16px;color:var(--ink)}textarea{resize:vertical;line-height:1.5}.capture-form,.live-camera{display:grid;gap:20px}.register-info{background:#e9eee9;border-radius:10px;padding:13px 16px}.register-info span{font-size:11px;color:var(--muted)}.register-info strong{display:block;font-size:23px;font-weight:500;color:var(--ink);margin-top:4px}.register-info small{font-size:13px;font-weight:400}.register-info p{font-size:13px;margin-bottom:11px}.capture-control{min-height:280px;background:var(--ink);color:white;border:0;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 25px;position:relative;overflow:hidden}.capture-control:after,.capture-control:before{content:"";position:absolute;height:35px;width:35px;border-color:#c5dfe373;border-style:solid;pointer-events:none}.capture-control:before{border-width:2px 0 0 2px;top:19px;left:19px;border-radius:5px 0 0 0}.capture-control:after{border-width:0 2px 2px 0;bottom:19px;right:19px;border-radius:0 0 5px 0}.capture-control>svg{width:35px;height:35px;color:#c5e6ea;margin-bottom:15px}.capture-control strong{font-size:21px;font-weight:500}.capture-control>span{font-size:12px;color:#b7cbd4;line-height:1.5;max-width:240px;margin-top:9px}.shutter{display:block;width:50px;height:50px;border:1px solid #a9cad3;border-radius:50%;margin-top:25px;position:relative}.shutter:after{content:"";position:absolute;inset:5px;background:#e5f3ee;border-radius:50%}.photo{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:var(--radius);background:#e4e8e5}.capture-preview{position:relative}.capture-preview .secondary{margin-top:12px}.reference{margin-bottom:20px;font-size:13px;color:var(--ink)}.reference summary{padding:12px 0;cursor:pointer}.reference .photo{margin-top:8px;max-height:260px}.saved-view{padding-top:30px;text-align:center}.saved-check{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#ddecdf;color:var(--success);margin:0 auto 22px}.saved-check svg{width:36px;height:36px}.saved-check.action_required{background:#f4e9d5;color:#775622;font-size:36px}.saved-view h1{margin:15px 0}.saved-view p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:340px;margin:0 auto 25px}.saved-view .photo{max-height:220px;margin-bottom:28px}.activity-list{margin-top:23px;border-top:1px solid var(--line)}.activity-card{width:100%;display:flex;align-items:center;gap:15px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:19px 0;text-align:start}.activity-card>div,.activity-card>span:nth-child(2){flex:1 1;min-width:0}.activity-card strong{font-size:15px;font-weight:550;color:var(--ink);display:block}.activity-card small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.activity-card>svg:last-child{width:16px;color:var(--muted)}.activity-photo{display:grid;place-items:center;width:60px;height:72px;border-radius:10px;background:#e2e9e8;position:relative;overflow:hidden;flex:none;color:#728794}.activity-photo img{width:60px;height:72px;object-fit:cover;border-radius:0;z-index:1;position:absolute}.status{display:inline-block;font-size:10px;line-height:1.4;padding:4px 7px;border-radius:5px;background:#e8ecee;color:#405b6e;white-space:normal}.activity-card .status{margin-top:9px}.status.accepted,.status.included,.status.uploaded{background:#e0eee4;color:#32694a}.status.action_required,.status.blocked,.status.changes_requested,.status.needs_attention,.status.replacement_pending{background:#f4e9d5;color:#775622}.status.rejected{background:#f7e5e7;color:#903444}.status.superseded{color:#6a747a;background:#e9e9e9}.inventory-caption{display:block;font-size:10px;color:var(--muted);margin-top:6px}.muted{color:var(--muted)}.small{font-size:12px}.request-panel{border-color:#cbbf9e}.request-panel h2{font-size:18px;margin:12px 0 20px}.dialog::backdrop{background:#0919259c}.dialog{background:var(--paper);padding:25px;border-radius:24px;width:min(calc(100% - 40px),440px);border:0;color:var(--text);max-height:90dvh;overflow:auto;box-shadow:0 20px 100px #0003}.activity-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.dialog p{font-size:14px;color:var(--muted);margin:17px 0 24px}.dialog button{margin-top:12px}.dialog>.text-button{display:block;margin:10px auto 0}.login{padding:30px 0}.login>h1{font-size:37px;max-width:340px;margin:13px 0 17px}.login>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:370px}.login form{margin-top:33px;display:grid;gap:18px}.login form h2{font-size:19px}.login .secondary{margin-top:-3px}.login-graphic{height:194px;background:#e3eeeb;border-radius:20px;margin-bottom:30px;position:relative;display:grid;place-items:center;overflow:hidden;background-image:linear-gradient(#c9d9d740 1px,transparent 0),linear-gradient(90deg,#c9d9d740 1px,transparent 0);background-size:25px 25px}.meter-face{width:126px;height:140px;border:1px solid #a7b8b5;background:#fdfdf7;border-radius:17px;box-shadow:5px 7px 0 #1e3a5515;display:flex;align-items:center;flex-direction:column;padding-top:25px;transform:rotate(-7deg)}.meter-face>span{background:var(--ink);color:white;font:17px ui-monospace,monospace;letter-spacing:1px;padding:7px;border-radius:4px;white-space:nowrap}.meter-face>small{font-size:9px;margin-top:4px;align-self:flex-end;margin-inline-end:17px;color:var(--muted)}.meter-face i{width:37px;height:37px;border:1px solid #9cb9bc;border-radius:50%;margin-top:8px;background:conic-gradient(from 210deg,#a3cbcb 0deg 130deg,#e5eeea 130deg 1turn)}.meter-face b{height:4px;width:32px;background:#b6c7c6;border-radius:4px;margin-top:8px}.corner{position:absolute;width:24px;height:24px;border-style:solid;border-color:#2d667774}.tl{left:34px;border-width:1px 0 0 1px}.tl,.tr{top:25px}.tr{right:34px;border-width:1px 1px 0 0}.bl{left:34px;border-width:0 0 1px 1px}.bl,.br{bottom:25px}.br{right:34px;border-width:0 1px 1px 0}.spinner{width:30px;height:30px;border:2px solid #d8e5e4;border-top:2px solid var(--ink);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:699px){.language-select select,.search input{font-size:16px!important}}@media (min-width:700px){body{background:#e6ece9}.app-shell{box-shadow:0 0 70px #1e3a550d}.masthead,main{padding-inline:35px}.meter-card{padding:23px}.login{max-width:410px;margin:0 auto}}@media (max-width:350px){.masthead,main{padding-inline:16px}.meter-card{gap:10px;padding-inline:12px}.brand{gap:8px}.brand span{padding-inline-start:8px}.connection{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}[dir=rtl] :root,[dir=rtl] body{font-family:NotoArabic,Outfit,sans-serif}[dir=rtl] .eyebrow,[dir=rtl] .resource-label,[dir=rtl] h1{letter-spacing:0}[dir=rtl] h1{line-height:1.4}[dir=rtl] .activity-card>svg:last-child,[dir=rtl] .meter-card>svg:last-child{transform:rotate(180deg)}