@import "https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Work+Sans:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600&family=Work+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600&family=Work+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-page:#e5eaf0;--bg-card:#ffffffbe;--bg-subtle:#f6fbfb;--border-subtle:#e5ebf0;--border-color:#636363c7;--text-primary:#243638;--text-heading:#0f4c81;--text-muted:#718184;--text-faint:#9aa8a9;--text-dark:#4a535c;--shadow-color:#1b383c12;--separator:#071f37;--selected-bg:#f0f8fd;--selected-text:#17364d;--normal-text:#d6d6d6;--primary:#0f8b8d;--primary-dark:#0b6a6c;--green:#28b57a;--orange:#e4a24a;--red:#df5c62;--blue:#6f9fe8;--purple:#9985d5;--radius:20px;--bg:var(--bg-page);--surface:var(--bg-card);--surface-soft:var(--bg-subtle);--border:var(--border-subtle);--text:var(--text-primary);--muted:var(--text-muted);--faint:var(--text-faint);--glass-hi:color-mix(in srgb, var(--bg-card) 97%, white);--glass-mid:color-mix(in srgb, var(--primary) 5%, var(--bg-card));--glass-lo:color-mix(in srgb, var(--bg-card) 90%, transparent);--shadow-soft:0 8px 24px var(--shadow-color), 0 2px 5px var(--shadow-color);--shadow-glass:0 14px 35px var(--shadow-color), inset 0 1px 0 var(--glass-hi);--shadow-hover:0 18px 40px var(--shadow-color), inset 0 1px 0 var(--glass-hi);--header-bg-1:#0d2d4b;--header-bg-2:#08192d;--header-accent:#22b8c4;--header-text:#fff;--header-muted:#93afc6;--header-line:#ffffff17}[data-theme=dark]{--bg-page:#071f37;--bg-card:#0b2b4d;--bg-subtle:#092541;--border-color:#163a5e;--border-subtle:#163a5e;--text-primary:#e8f1f9;--text-heading:#6fb6e8;--text-muted:#9fb4c8;--text-faint:#7690a8;--text-dark:#b9c5cf;--shadow-color:#00000073;--separator:#e6edef;--selected-bg:#e8f1f9;--selected-text:#e8f1f9}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;min-height:100%;color:var(--text-primary);background:radial-gradient(circle at 8% -10%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 32%), radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--blue) 10%, transparent), transparent 38%), radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--purple) 6%, transparent), transparent 45%), var(--bg-page);font-family:Arial,Helvetica,sans-serif;transition:background .2s,color .2s}body{overflow-x:hidden}a{text-decoration:none}button{cursor:pointer;font-family:inherit}.page-shell{background:var(--bg-page);width:100%;min-width:0;max-width:1500px;min-height:100vh;color:var(--text-primary);margin:0 auto;padding:0 32px 48px;font-family:Inter,Segoe UI,sans-serif;font-size:15px}.page-shell h1{color:var(--text-heading);letter-spacing:-.8px;font-family:Sora,Segoe UI,sans-serif;font-size:34px;font-weight:700;line-height:1.2}.page-shell>.page-header{isolation:isolate;border:1px solid var(--header-line);background:radial-gradient(520px 220px at 92% -30%, #22b8c44d, transparent 70%), radial-gradient(460px 220px at 0% 130%, #6f9fe82e, transparent 70%), linear-gradient(135deg, var(--header-bg-1) 0%, var(--header-bg-2) 100%);border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px;width:100%;margin-bottom:28px;padding:28px 34px;animation:.5s cubic-bezier(.2,.7,.2,1) both headerEnter;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px -12px #071c3173,inset 0 1px #ffffff12}.page-shell>.page-header:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(#ffffff17 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 35%,#000 100%);mask-image:linear-gradient(90deg,#0000 35%,#000 100%)}.page-shell>.page-header:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg, transparent 0%, var(--header-accent) 45%, transparent 100%);opacity:.7;height:1px;position:absolute;inset:0 0 auto}.page-shell>.page-header>*{z-index:1;min-width:0;position:relative}.page-shell>.page-header>div:first-child{flex:260px}.page-shell>.page-header h1{color:var(--header-text);-webkit-text-fill-color:var(--header-text);letter-spacing:-.03em;overflow-wrap:anywhere;background:0 0;font-size:clamp(26px,2.6vw,32px);font-weight:700}.page-shell>.page-header p{max-width:420px;color:var(--header-muted);margin-top:8px;font-size:14px;line-height:1.6}.page-shell>.page-header .header-stats{flex:0 auto;justify-content:flex-end;align-items:stretch;min-width:0;display:flex}.page-shell>.page-header .stat-badge{border:0;border-left:1px solid var(--header-line);min-width:0;box-shadow:none;color:var(--header-muted);letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap;background:0 0;border-radius:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;margin:0;padding:4px 30px;font-size:11px;font-weight:600;line-height:1.3;display:flex}.page-shell>.page-header .stat-badge:first-child{border-left:0;padding-left:0}.page-shell>.page-header .stat-badge:last-child{padding-right:0}.page-shell>.page-header .stat-badge strong{max-width:100%;color:var(--header-text);letter-spacing:-.03em;text-transform:none;font-variant-numeric:tabular-nums;font-family:Sora,Segoe UI,sans-serif;font-size:clamp(22px,2.2vw,28px);font-weight:700;line-height:1.15;display:block}.badge{border:1px solid color-mix(in srgb, var(--green) 18%, var(--border));background:linear-gradient(145deg, var(--glass-hi), color-mix(in srgb, var(--green) 12%, var(--bg-card)));color:var(--green);box-shadow:0 4px 12px var(--shadow-color), inset 0 1px 0 var(--glass-hi);border-radius:999px;align-items:center;gap:5px;padding:9px 14px;font-size:12.5px;font-weight:800;display:inline-flex}.card,.page-shell>section:not(.health-grid):not(.trend-section){background:var(--glass-lo);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px)}.page-shell>section:not(.health-grid){margin-bottom:20px}.page-shell>section:not(.health-grid):not(.trend-section){border-color:var(--border-color);padding:24px}.panel-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.panel-head h3{color:var(--text-heading);letter-spacing:-.25px;font-size:20px;font-weight:800}.panel-head p{color:var(--text-muted);letter-spacing:-.1px;margin-top:7px;font-size:14.5px;font-weight:500;line-height:1.5}@keyframes headerEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.page-shell>.page-header{flex-direction:column;align-items:stretch;gap:22px}.page-shell>.page-header>div:first-child{flex:initial}.page-shell>.page-header .header-stats{flex:initial;border-top:1px solid var(--header-line);justify-content:flex-start;padding-top:20px}}@media (width<=650px){.page-shell{padding:14px 14px calc(96px + env(safe-area-inset-bottom,0px));font-size:14px}.page-shell h1{font-size:26px}.page-shell>.page-header{border-radius:18px;gap:16px;margin-bottom:16px;padding:20px 18px}.page-shell>.page-header h1{font-size:24px}.page-shell>.page-header p{max-width:none;margin-top:6px;font-size:13px;line-height:1.5}.page-shell>.page-header .header-stats{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;width:100%;padding-top:16px;display:grid}.page-shell>.page-header .stat-badge{letter-spacing:.06em;white-space:normal;gap:4px;padding:2px 14px;font-size:10px}.page-shell>.page-header .stat-badge:first-child{padding-left:0}.page-shell>.page-header .stat-badge:last-child{padding-right:0}.page-shell>.page-header .stat-badge strong{text-align:left;overflow-wrap:anywhere;margin:0;font-size:20px}.panel-head{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:14px}.panel-head h3{font-size:17px}.panel-head p{margin-top:4px;font-size:13px}.page-shell>section:not(.health-grid):not(.trend-section){box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;margin-bottom:16px;padding:0}}@media (width<=350px){.page-shell>.page-header .header-stats{grid-auto-flow:row;gap:0}.page-shell>.page-header .stat-badge,.page-shell>.page-header .stat-badge:first-child,.page-shell>.page-header .stat-badge:last-child{border-left:0;border-top:1px solid var(--header-line);flex-direction:row;justify-content:space-between;align-items:center;padding:10px 0;font-size:11px}.page-shell>.page-header .stat-badge:first-child{border-top:0}}@media (prefers-reduced-motion:reduce){.page-shell>.page-header{animation:none}}:root{--ink:#142433;--ink-soft:#536779;--pond-deep:#0b2a45;--pond:#134873;--water-light:#bfe0f2;--accent:#2f7fd1;--accent-deep:#1f5fa1;--scale:#eef6fc;--scale-dark:#c7dff2;--reed:#2a6a8f;--sand:#f6f9fc;--border:#d7e3ee;--rust:#a5462f;--rust-bg:#fbf0ea;--icon:#8fa3b5;--clay-shadow-dark:#06162659;--clay-inset-dark:#13487329;--clay-inset-light:#ffffffe6}html,body,#root{min-height:100%}body{-webkit-text-size-adjust:100%;margin:0}.login-page{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:#0d3a60;justify-content:center;align-items:center;font-family:Work Sans,sans-serif;display:flex;position:relative;overflow:hidden}.water-background{z-index:0;cursor:default;position:fixed;inset:0}.login-card{--badge:76px;--banner-h:118px;--gap:18px;z-index:1;width:100%;max-width:380px;box-shadow:18px 18px 42px var(--clay-shadow-dark), inset 1px 1px 2px #fff9, inset -2px -2px 6px #1348730d;background:#fdfeff;border-radius:32px;position:relative;overflow:hidden}.card-top{position:relative}.pond-banner{width:100%;height:var(--banner-h);display:block}.wave-divider{width:100%;height:26px;position:absolute;bottom:-1px;left:0;right:0}.mark-badge{left:50%;bottom:calc(var(--badge) * -.45);width:var(--badge);height:var(--badge);box-shadow:8px 8px 18px var(--clay-shadow-dark), inset 1px 1px 2px #fffc;background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.mark-badge img{width:calc(var(--badge) * 2.63);height:calc(var(--badge) * 2.63);object-fit:contain;max-width:none}.form-shell{padding:calc(var(--badge) * .63) 32px 28px;text-align:center}.form-shell h1{color:var(--ink);letter-spacing:-.3px;margin:0;font-family:Fraunces,serif;font-size:25px;font-weight:500}.lede{color:var(--ink-soft);overflow-wrap:anywhere;margin:6px 0 0;font-size:13.5px;line-height:1.5}.login-form{gap:var(--gap);text-align:left;flex-direction:column;margin-top:24px;display:flex}.field{text-align:left}.field label{color:var(--ink);margin-bottom:6px;font-size:12.5px;font-weight:500;display:block}.input-row{align-items:center;display:flex;position:relative}.field input{background:var(--sand);width:100%;min-width:0;height:44px;color:var(--ink);box-shadow:inset 3px 3px 7px var(--clay-inset-dark), inset -3px -3px 7px var(--clay-inset-light);border:none;border-radius:16px;outline:none;padding:0 14px;font-family:inherit;font-size:14px;transition:box-shadow .15s,background .15s}.field input::placeholder{color:#a9b8c6}.field input:focus{box-shadow:inset 3px 3px 7px var(--clay-inset-dark), inset -3px -3px 7px var(--clay-inset-light), 0 0 0 3px #2f7fd129;background:#fff}.input-icon{z-index:1;color:var(--icon);pointer-events:none;transition:color .15s;position:absolute;left:14px}.input-row:focus-within .input-icon{color:var(--accent-deep)}.input-row.has-icon input{padding-left:40px}.field-hint{color:var(--ink-soft);margin:6px 2px 0;font-size:11.5px}.password-toggle{width:32px;height:32px;color:var(--icon);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:box-shadow .15s,color .15s,background .15s;display:flex;position:absolute;right:6px}.password-toggle:hover{color:var(--accent-deep);background:var(--scale);box-shadow:inset 2px 2px 5px var(--clay-inset-dark), inset -2px -2px 5px var(--clay-inset-light)}.field:has(.password-toggle) .input-row input{padding-right:44px}.field-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin-top:-4px;display:flex}.remember{color:var(--ink-soft);cursor:pointer;align-items:center;gap:6px;font-size:12.5px;display:flex}.remember input{width:14px;height:14px;accent-color:var(--accent-deep);cursor:pointer}.forgot-link{color:var(--accent-deep);font-size:12.5px;font-weight:500;text-decoration:none}.forgot-link:hover{text-decoration:underline}.error-message{background:var(--rust-bg);color:var(--rust);border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12.5px;line-height:1.5;display:flex;box-shadow:inset 2px 2px 5px #a5462f14}.error-message svg{flex-shrink:0;margin-top:1px}.login-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);isolation:isolate;text-shadow:0 1px 2px #0b2a452e;background:linear-gradient(135deg,#2f7fd1eb,#1f5fa1d1);border:1px solid #ffffff61;border-radius:14px;justify-content:center;align-items:center;gap:8px;height:46px;margin-top:4px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #1f5fa147,inset 0 1px #ffffff73,inset 0 -1px #0b2a452e}.login-button:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff47,#0000);width:35%;height:260%;animation:4.5s ease-in-out infinite glassSweep;position:absolute;top:-80%;left:-45%;transform:rotate(22deg)}.login-button:after{content:"";pointer-events:none;background:#ffffff24;border-radius:0 0 50% 50%;width:80%;height:45%;position:absolute;top:0;left:10%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#3b8fdcf5,#1f5fa1e0);transform:translateY(-2px);box-shadow:0 12px 26px #1f5fa157,inset 0 1px #ffffff80,inset 0 -1px #0b2a4529}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 10px #1f5fa138,inset 0 2px 5px #0b2a4533,inset 0 1px #ffffff40}.login-button:disabled{opacity:.6;cursor:wait}.login-button svg{flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glassSweep{0%{opacity:0;left:-45%}15%{opacity:1}45%{opacity:.8;left:110%}55%,to{opacity:0;left:110%}}.affiliation{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:12px;margin-top:22px;padding-top:16px;display:flex}.affiliation-logo{object-fit:contain;opacity:.9;width:auto;height:30px}.affiliation-divider{background:var(--border);width:1px;height:22px}.welcome-card{--banner-h:154px;max-width:420px;animation:.85s cubic-bezier(.2,.8,.2,1) both pondWelcomeCard}.welcome-card .mark-badge{animation:.85s ease-out .18s both pondWelcomeMark}.welcome-eyebrow{color:var(--accent-deep);letter-spacing:2px;margin:10px 0 12px;font-size:10px;font-weight:600}.welcome-card .form-shell h1{font-size:clamp(28px,8vw,38px);line-height:1.17}.welcome-card h1 span{color:var(--accent-deep)}.welcome-description{margin-top:16px;line-height:1.7}.welcome-eyebrow,.welcome-card h1,.welcome-description{animation:.7s .35s both pondWelcomeRise}.welcome-features{grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 0;padding:0;list-style:none;animation:.7s .55s both pondWelcomeRise;display:grid}.welcome-features li{background:var(--sand);color:var(--ink-soft);box-shadow:inset 2px 2px 5px var(--clay-inset-dark), inset -2px -2px 5px var(--clay-inset-light);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;font-size:11px;font-weight:500;line-height:1.25;display:flex}.feature-icon{width:30px;height:30px;color:var(--accent-deep);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:3px 3px 8px #1348732e}.welcome-actions{gap:12px;margin-top:22px;animation:.7s .7s both pondWelcomeRise;display:grid}.welcome-action{border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:50px;padding:12px 18px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.welcome-action span{text-align:left;flex:1}.welcome-secondary{color:var(--accent-deep);background:var(--sand);border:1px solid var(--border);transition:background .2s,transform .2s}.welcome-secondary:hover{background:#e8f2fb;transform:translateY(-2px)}.welcome-hint{color:var(--ink-soft);margin:0;font-size:11px;line-height:1.5}.welcome-card .affiliation{animation:.7s .9s both pondWelcomeRise}.auth-back{color:var(--accent-deep);margin-bottom:18px;font-size:12px;text-decoration:none;display:inline-block}.auth-back:hover,.auth-switch a:hover{text-decoration:underline}.auth-switch{color:var(--ink-soft);margin:20px 0 0;font-size:12px;line-height:1.6}.auth-switch a{color:var(--accent-deep);font-weight:600}.auth-switch-link{align-items:center;gap:4px;display:inline-flex}.registration-notice{color:var(--pond);background:#eef5fc;border-radius:12px;margin:20px 0 0;padding:12px;font-size:12px;line-height:1.6}.registration-fields{gap:var(--gap);border:0;min-width:0;margin:0;padding:0;display:grid}.registration-fields:disabled{opacity:.65}.registration-fields:disabled input{cursor:not-allowed}.login-form:has(.registration-fields:disabled) .login-button:disabled{cursor:not-allowed}.name-greeting{color:var(--accent-deep);align-items:center;gap:5px;margin:8px 0 0;font-size:12.5px;font-weight:600;animation:.22s ease-out both nameGreetingIn;display:flex}@keyframes nameGreetingIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes pondWelcomeCard{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pondWelcomeMark{0%{opacity:0;transform:translate(-50%)scale(.65)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes pondWelcomeRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-button:focus-visible,.field input:focus-visible,.password-toggle:focus-visible,.otp-resend:focus-visible,.step-back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-back:focus-visible,.auth-switch a:focus-visible,.welcome-action:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.login-enter{animation:.8s cubic-bezier(.2,.8,.2,1) both loginCardEnter}.login-enter .mark-badge{animation:.75s ease-out .15s both loginLogoEnter}.login-enter .login-intro{animation:.65s ease-out .3s both loginContentEnter}.login-enter .login-form{animation:.65s ease-out .45s both loginContentEnter}.login-enter .auth-switch{animation:.65s ease-out .6s both loginContentEnter}.login-enter .affiliation{animation:.65s ease-out .75s both loginContentEnter}@keyframes loginCardEnter{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes loginLogoEnter{0%{opacity:0;transform:translate(-50%)scale(.65)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes loginContentEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.login-enter:focus-within,.login-enter:focus-within .mark-badge,.login-enter:focus-within .login-intro,.login-enter:focus-within .login-form,.login-enter:focus-within .auth-switch,.login-enter:focus-within .affiliation{animation:none}.login-page.register-page{align-items:flex-start;min-height:100dvh;overflow:visible}.register-page .register-card{flex-shrink:0;margin-block:auto}.stepper{justify-content:center;align-items:center;gap:0;width:70%;max-width:220px;margin:18px auto 0;padding:0;list-style:none;display:flex}.stepper-part{flex:1;align-items:center;display:flex}.stepper-part:last-child{flex:none}.stepper-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:background .2s,color .2s,transform .2s,box-shadow .2s;display:flex}.stepper-todo{background:var(--sand);color:var(--icon);box-shadow:inset 2px 2px 4px var(--clay-inset-dark), inset -2px -2px 4px var(--clay-inset-light)}.stepper-active{background:var(--accent);color:#fff;transform:scale(1.08);box-shadow:0 0 0 4px #2f7fd12e,0 6px 12px #1f5fa14d}.stepper-done{background:var(--accent-deep);color:#fff}.stepper-line{background:var(--border);border-radius:2px;flex:1;height:2px;margin:0 6px;transition:background .2s}.stepper-line-done{background:var(--accent-deep)}.step-label{color:var(--ink-soft);letter-spacing:.2px;text-align:center;margin:10px 0 0;font-size:11.5px;font-weight:500}.step-back{color:var(--accent-deep);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;margin-bottom:2px;padding:0;font-family:inherit;font-size:12.5px;font-weight:500;display:inline-flex}.step-back:hover{text-decoration:underline}.step-back:disabled{opacity:.5;cursor:not-allowed}.otp-resend{color:var(--accent-deep);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;margin-top:-8px;padding:0;font-family:inherit;font-size:12.5px;font-weight:500;display:inline-flex}.otp-resend:hover:not(:disabled){text-decoration:underline}.otp-resend:disabled{color:var(--ink-soft);cursor:default}.otp-field{text-align:left}.otp-label{color:var(--ink);margin-bottom:8px;font-size:12.5px;font-weight:500;display:block}.otp-group{justify-content:center;gap:8px;display:flex}.register-card .otp-group .otp-box{background:var(--sand);width:100%;min-width:0;height:52px;color:var(--ink);text-align:center;caret-color:var(--accent-deep);box-shadow:inset 3px 3px 7px var(--clay-inset-dark), inset -3px -3px 7px var(--clay-inset-light);border:none;border-radius:14px;outline:none;flex:1 1 0;padding:0;font-family:Fraunces,serif;font-size:22px;font-weight:500;transition:box-shadow .15s,background .15s,transform .15s}.register-card .otp-group .otp-box:focus{box-shadow:inset 3px 3px 7px var(--clay-inset-dark), inset -3px -3px 7px var(--clay-inset-light), 0 0 0 3px #2f7fd138;background:#fff;transform:translateY(-2px)}.register-card .otp-group .otp-box-filled{background:var(--scale);color:var(--accent-deep)}.register-card .otp-group .otp-box-error{background:var(--rust-bg);color:var(--rust);box-shadow:inset 3px 3px 7px #a5462f2e, inset -3px -3px 7px var(--clay-inset-light)}.register-card .otp-group .otp-box:disabled{opacity:.65;cursor:not-allowed}.success-message{color:#1f7a4d;background:#eaf6ef;border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12.5px;line-height:1.5;display:flex;box-shadow:inset 2px 2px 5px #1f7a4d14}.success-message svg{flex-shrink:0;margin-top:1px}.field .phone-row{flex-direction:row;gap:8px;display:flex}.phone-number{flex:1;min-width:0}.attempts-message{color:#9a6700;background:#fff7e6;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;display:flex}.attempts-message.is-locked{color:#b42318;background:#fdecec}.phone-country{background:var(--sand);width:108px;min-width:0;height:44px;color:var(--ink);cursor:pointer;box-shadow:inset 3px 3px 7px var(--clay-inset-dark), inset -3px -3px 7px var(--clay-inset-light);border:none;border-radius:16px;outline:none;flex:0 0 108px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-family:inherit;font-size:13.5px;font-weight:500;transition:box-shadow .15s,background .15s;display:inline-flex}.phone-country:focus,.phone-country[aria-expanded=true]{box-shadow:inset 3px 3px 7px var(--clay-inset-dark), inset -3px -3px 7px var(--clay-inset-light), 0 0 0 3px #2f7fd129;background:#fff}.phone-country:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.phone-country:disabled{opacity:.65;cursor:not-allowed}.phone-chevron{color:var(--icon);flex-shrink:0;transition:transform .15s}.phone-country[aria-expanded=true] .phone-chevron{color:var(--accent-deep);transform:rotate(180deg)}.phone-flag{background-position:50%;background-size:cover;border-radius:3px;flex-shrink:0;width:22px;height:16px;box-shadow:0 0 0 1px #13487324}.phone-menu{z-index:1000;border:1px solid var(--border);overscroll-behavior:contain;background:#fff;border-radius:14px;margin:0;padding:6px;font-family:Work Sans,sans-serif;list-style:none;position:fixed;overflow-y:auto;box-shadow:0 16px 40px #06162647}.phone-option{color:var(--ink);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;display:flex}.phone-option.is-active{background:var(--scale)}.phone-option.is-selected{color:var(--accent-deep);font-weight:600}.phone-option-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.phone-option-code{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:12.5px}.phone-option-check{color:var(--accent-deep);flex-shrink:0}@media (width<=480px){.login-page{padding-inline:max(12px, env(safe-area-inset-left))}.login-card{--badge:64px;--banner-h:92px;--gap:14px;border-radius:26px}.welcome-card{--banner-h:124px}.wave-divider{height:20px}.form-shell{padding-inline:22px;padding-bottom:22px}.form-shell h1{font-size:22px}.lede{font-size:13px}.login-form{margin-top:20px}.field input,.phone-country{border-radius:14px;height:42px}.login-button{height:44px}.welcome-action{min-height:46px}.auth-switch{margin-top:16px}.affiliation{margin-top:18px;padding-top:14px}.affiliation-logo{height:26px}.otp-group{gap:6px}.register-card .otp-group .otp-box{height:46px;font-size:20px}}@media (hover:none) and (pointer:coarse){.field input,.phone-country{font-size:16px}.password-toggle{width:36px;height:36px}}@media (width<=360px){.login-card{--badge:56px;--banner-h:78px;--gap:12px;border-radius:22px}.welcome-card{--banner-h:104px}.form-shell{padding-inline:16px}.form-shell h1{font-size:20px}.welcome-card .form-shell h1{font-size:26px}.welcome-features{gap:6px}.welcome-features li{padding:8px 2px;font-size:10px}.feature-icon{width:26px;height:26px}.phone-country{flex-basis:84px;width:84px;font-size:12.5px}.otp-group{gap:4px}.register-card .otp-group .otp-box{border-radius:12px;height:42px;font-size:18px}.stepper{width:82%}}@media (height<=700px){.login-page{align-items:flex-start;padding-block:16px}.login-card{--banner-h:84px;--badge:60px;--gap:12px}.welcome-card{--banner-h:100px}.login-form{margin-top:16px}.welcome-description{margin-top:10px}.welcome-features{margin-top:14px}.welcome-actions{gap:10px;margin-top:16px}.affiliation{margin-top:14px;padding-top:12px}}@media (height<=560px){.welcome-features,.welcome-hint{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}.login-button:before{animation:none}.spin{animation-duration:2s}.welcome-card,.welcome-card *,.welcome-card :before{animation:none!important}.login-enter,.login-enter .mark-badge,.login-enter .login-intro,.login-enter .login-form,.login-enter .auth-switch,.login-enter .affiliation{animation:none}.login-page .water-background{display:none}.name-greeting{animation:none}}@media (width<=480px){.login-page .phone-row{gap:6px}.login-page .phone-row .phone-country{width:88px!important;height:42px!important}}@media (width<=360px){.login-page .phone-row .phone-country{font-size:12.5px;width:80px!important}}@keyframes brand-in{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){aside.sidebar,aside.sidebar.sidebar-collapsed{--bar-ring:#0a2540;top:auto;left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));background:linear-gradient(165deg, var(--bg) 0%, var(--bg-dark) 100%);width:auto;height:70px;box-shadow:0 14px 32px #01081080, 0 2px 8px #01081059, 0 0 0 1px #ffffff0f, inset 1px 1px 1px var(--clay-hi-edge), inset -1px -2px 4px #0000004d;border-radius:26px;flex-direction:row;align-items:stretch;transition:none}aside.sidebar:before,aside.sidebar .sidebar-header{display:none}aside.sidebar .sidebar-navigation,aside.sidebar.sidebar-collapsed .sidebar-navigation{flex-direction:row;flex:1;justify-content:space-around;align-items:center;gap:2px;padding:0 8px;overflow:visible}aside.sidebar .nav-group{display:contents}aside.sidebar .sidebar-link-desktop,aside.sidebar .navigation-label,aside.sidebar .navigation-divider,aside.sidebar .navigation-divider-line,aside.sidebar .collapsed-tooltip,aside.sidebar .collapsed-badge{display:none}aside.sidebar .sidebar-link,aside.sidebar.sidebar-collapsed .sidebar-link{min-width:0;height:100%;min-height:0;box-shadow:none;color:var(--muted);-webkit-tap-highlight-color:transparent;background:0 0;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 2px;font-size:10px}aside.sidebar .sidebar-link:hover{background:0 0;transform:none}aside.sidebar .link-icon{border-radius:50%;width:28px;height:28px;font-size:16px;transition:transform .28s cubic-bezier(.3,1.4,.5,1),background .2s,box-shadow .2s,color .2s}aside.sidebar .sidebar-link:hover .link-icon{background:0 0}aside.sidebar .link-label,aside.sidebar.sidebar-collapsed .link-label{text-overflow:ellipsis;letter-spacing:.1px;flex:none;max-width:100%;font-size:9.5px;font-weight:600;line-height:1.1;transition:color .2s;display:block;overflow:hidden}aside.sidebar .sidebar-link.active{box-shadow:none;color:#fff;background:0 0}aside.sidebar .sidebar-link.active:before{display:none}aside.sidebar .sidebar-link.active .link-icon{color:#fff;background:linear-gradient(150deg, var(--accent) 0%, var(--accent-deep) 100%);box-shadow:0 0 0 2.5px var(--bar-ring), 2px 4px 10px #0d8f9c73, 0 2px 16px var(--accent-glow), inset 1px 1px 1px #ffffff59, inset -1px -1px 3px #00373c40;transform:translateY(-15px)scale(1.5)}aside.sidebar .sidebar-link.active .link-label{color:var(--accent)}}@media (width<=360px){aside.sidebar,aside.sidebar.sidebar-collapsed{border-radius:22px;height:66px;left:8px;right:8px}aside.sidebar .link-label,aside.sidebar.sidebar-collapsed .link-label{font-size:9px}}@media (prefers-reduced-motion:reduce){aside.sidebar .link-icon{transition:none}}@media (width<=768px){body{padding-bottom:calc(104px + env(safe-area-inset-bottom))}}.sidebar{--expanded:256px;--collapsed:80px;--bg:#0e2e4c;--bg-dark:#071c31;--accent:#22b8c4;--accent-deep:#0d8f9c;--accent-glow:#22b8c459;--text:#fff;--muted:#8fa9c0;--clay-shadow:#01081073;--clay-shadow-tight:#0108104d;--clay-hi:#ffffff0d;--clay-hi-edge:#a0d2e61a;width:var(--expanded);background:linear-gradient(165deg, var(--bg) 0%, var(--bg-dark) 100%);height:100vh;color:var(--text);z-index:1000;border:0;flex-direction:column;font-family:Work Sans,sans-serif;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;box-shadow:0 0 0 1px #ffffff0a,18px 0 40px #01081059}.sidebar.sidebar-collapsed{width:var(--collapsed)}.sidebar:before{content:"";background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);opacity:.18;pointer-events:none;width:260px;height:260px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.sidebar-header{z-index:1;flex-shrink:0;align-items:center;gap:12px;height:88px;padding:0 18px;display:flex;position:relative}.sidebar-collapsed .sidebar-header{justify-content:center;padding:0 10px}.sidebar-toggle{color:#cfe5f5;cursor:pointer;width:44px;height:44px;box-shadow:4px 5px 10px var(--clay-shadow-tight), inset 1px 1px 1px var(--clay-hi-edge), inset -1px -1px 3px #0000004d;background:linear-gradient(150deg,#164567 0%,#0b2c4a 100%);border:0;border-radius:15px;flex-shrink:0;place-items:center;font-size:15px;transition:box-shadow .2s,color .2s,transform .15s;display:grid}.sidebar-toggle:hover{color:#fff;box-shadow:5px 7px 14px var(--clay-shadow-tight), 0 0 0 1px #22b8c440, inset 1px 1px 1px var(--clay-hi-edge);transform:translateY(-1px)}.sidebar-toggle:active{transform:translateY(0);box-shadow:inset 2px 2px 6px #00000073,inset -1px -1px 2px #ffffff0a}.sidebar-brand{align-items:center;gap:11px;min-width:0;animation:.25s brand-in;display:flex;overflow:hidden}.logo-wrapper{width:42px;height:42px;box-shadow:3px 4px 10px var(--clay-shadow-tight), inset 1px 1px 2px #fffffff2;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.logo-wrapper img{object-fit:contain;width:100px;height:100px}.brand-text{flex-direction:column;min-width:0;display:flex}.brand-text strong{letter-spacing:-.3px;font-family:Fraunces,serif;font-size:17.5px;font-weight:600}.brand-text span{color:var(--muted);white-space:nowrap;margin-top:2px;font-size:10.5px;font-weight:500}.sidebar-navigation{z-index:1;flex-direction:column;flex:1;gap:5px;padding:18px 14px;display:flex;position:relative;overflow-y:auto}.sidebar-collapsed .sidebar-navigation{padding-left:13px;padding-right:13px}.sidebar-navigation::-webkit-scrollbar{width:3px}.sidebar-navigation::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.nav-group{flex-direction:column;gap:5px;display:flex}.navigation-label{color:var(--muted);letter-spacing:.8px;text-transform:uppercase;opacity:.7;padding:4px 10px 10px;font-size:10.5px;font-weight:700}.navigation-divider{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:8px;margin:14px 0 4px;padding:4px 10px;font-size:10.5px;font-weight:700;display:flex}.navigation-divider:after{content:"";background:#ffffff0f;flex:1;height:1px}.navigation-divider-line{background:#ffffff14;height:1px;margin:10px 6px 9px}.sidebar-link{color:#a9c1d6;background:0 0;border-radius:14px;align-items:center;gap:13px;min-height:46px;padding:9px 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s,transform .15s;display:flex;position:relative}.sidebar-collapsed .sidebar-link{justify-content:center;gap:0;padding:9px}.sidebar-link:hover{color:#fff;background:#ffffff0a;transform:translate(2px)}.link-icon{width:28px;height:28px;color:var(--muted);border-radius:9px;flex-shrink:0;place-items:center;font-size:14.5px;transition:color .2s,background .2s;display:grid}.sidebar-link:hover .link-icon{color:#fff;background:#ffffff0d}.link-label{white-space:nowrap;flex:1}.sidebar-collapsed .link-label{display:none}.sidebar-link.active{background:linear-gradient(150deg, var(--accent) 0%, var(--accent-deep) 100%);color:#fff;box-shadow:3px 4px 12px #0d8f9c61, 0 2px 20px var(--accent-glow), inset 1px 1px 1px #ffffff59, inset -2px -2px 5px #00373c40;transform:none}.sidebar-link.active:hover{transform:none}.sidebar-link.active .link-icon{color:#fff}.sidebar-link.active:before{content:"";background:var(--accent);width:4px;height:18px;box-shadow:0 0 10px var(--accent-glow);border-radius:4px;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.alert-badge{color:#fff;background:linear-gradient(150deg,#f0716f,#dc4444);border-radius:20px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-weight:700;display:grid;box-shadow:2px 3px 8px #8c1e1e59}.collapsed-badge{border:2px solid var(--bg);color:#fff;pointer-events:none;background:linear-gradient(150deg,#f0716f,#dc4444);border-radius:50%;place-items:center;width:15px;height:15px;font-size:8px;font-weight:700;display:grid;position:absolute;top:6px;right:6px}.collapsed-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:2000;background:#0a2137d9;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:8px;min-width:max-content;padding:10px 15px;font-size:12.5px;font-weight:600;transition:opacity .18s,transform .18s,visibility .18s;display:flex;position:absolute;top:50%;left:calc(100% + 16px);transform:translateY(-50%)translate(-4px);box-shadow:6px 8px 24px #01081066}.collapsed-tooltip:before{content:"";background:#0a2137d9;border-bottom:1px solid #ffffff0f;border-left:1px solid #ffffff0f;width:9px;height:9px;position:absolute;top:50%;left:-5px;transform:translateY(-50%)rotate(45deg)}.sidebar-collapsed .sidebar-link:hover .collapsed-tooltip{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}.tooltip-badge{background:linear-gradient(150deg,#f0716f,#dc4444);border-radius:50%;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9.5px;display:grid}@media (width<=768px){aside.sidebar,aside.sidebar.sidebar-collapsed{--bar-ring:#0a2540;width:100%;height:calc(70px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;background:linear-gradient(165deg, var(--bg) 0%, var(--bg-dark) 100%);box-shadow:0 -6px 20px #01081066, 0 -1px 0 #ffffff0f, inset 0 1px 1px var(--clay-hi-edge);border-radius:0;flex-direction:row;align-items:stretch;transition:none;inset:auto 0 0}aside.sidebar:before,aside.sidebar .sidebar-header{display:none}aside.sidebar .sidebar-navigation,aside.sidebar.sidebar-collapsed .sidebar-navigation{flex-direction:row;flex:1;justify-content:space-around;align-items:center;gap:2px;padding:0 8px;overflow:visible}aside.sidebar .nav-group{display:contents}aside.sidebar .sidebar-link-desktop,aside.sidebar .navigation-label,aside.sidebar .navigation-divider,aside.sidebar .navigation-divider-line,aside.sidebar .collapsed-tooltip,aside.sidebar .collapsed-badge{display:none}aside.sidebar .sidebar-link,aside.sidebar.sidebar-collapsed .sidebar-link{min-width:0;height:100%;min-height:0;box-shadow:none;color:var(--muted);-webkit-tap-highlight-color:transparent;background:0 0;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 2px;font-size:10px}aside.sidebar .sidebar-link:hover{background:0 0;transform:none}aside.sidebar .link-icon{border-radius:50%;width:28px;height:28px;font-size:16px;transition:transform .28s cubic-bezier(.3,1.4,.5,1),background .2s,box-shadow .2s,color .2s}aside.sidebar .sidebar-link:hover .link-icon{background:0 0}aside.sidebar .link-label,aside.sidebar.sidebar-collapsed .link-label{text-overflow:ellipsis;letter-spacing:.1px;flex:none;max-width:100%;font-size:9.5px;font-weight:600;line-height:1.1;transition:color .2s;display:block;overflow:hidden}aside.sidebar .sidebar-link.active{box-shadow:none;color:#fff;background:0 0}aside.sidebar .sidebar-link.active:before{display:none}aside.sidebar .sidebar-link.active .link-icon{color:#fff;background:linear-gradient(150deg, var(--accent) 0%, var(--accent-deep) 100%);box-shadow:0 0 0 2.5px var(--bar-ring), 2px 4px 10px #0d8f9c73, 0 2px 16px var(--accent-glow), inset 1px 1px 1px #ffffff59, inset -1px -1px 3px #00373c40;transform:translateY(-15px)scale(1.5)}aside.sidebar .sidebar-link.active .link-label{color:var(--accent)}}@media (width<=360px){aside.sidebar,aside.sidebar.sidebar-collapsed{height:calc(66px + env(safe-area-inset-bottom,0px));border-radius:0;left:0;right:0}aside.sidebar .link-label,aside.sidebar.sidebar-collapsed .link-label{font-size:9px}}@media (prefers-reduced-motion:reduce){aside.sidebar .link-icon{transition:none}}@media (width<=768px){body{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}.header,.logout-overlay{--text-primary:#193336;--text-muted:#718588;--icon-muted:#70868b;--teal:#0f8b8d;--teal-deep:#0a6b6d;--teal-soft:#0f8b8d1a;--panel-1:#f7fbfbeb;--panel-2:#e7f0f0e0;--control-1:#fafdfdc7;--control-2:#e0ededbd;--hover-1:#ffffffe6;--hover-2:#e1f1f1d1;--menu-hover-1:#ffffffad;--menu-hover-2:#dbeeeea3;--chip-1:#e8fafaeb;--chip-2:#c7e7e8c7;--modal-1:#f7fbfbf7;--modal-2:#e4efeff5;--border:#ffffffb8;--edge:#17343a1a;--highlight:#ffffffe6;--shadow-lg:#17343a29;--shadow-md:#17343a17;--shadow-sm:#17343a0f;--press-dark:#17343a1f;--press-light:#ffffff8c;--divider:#78919438;--danger:#d45555;--danger-deep:#c43f3f;--danger-bg-1:#fff0f0d1;--danger-bg-2:#f4dcdcb3;--badge-ring:#eef5f5;--skeleton-1:#dfe9e9;--skeleton-2:#f1f7f7;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .header,:root:not([data-theme=light]) .logout-overlay{--text-primary:#e6f2f2;--text-muted:#8fa9ad;--icon-muted:#8fb0b4;--teal:#3fc7c9;--teal-deep:#7be0e1;--teal-soft:#3fc7c924;--panel-1:#1b2b2fe6;--panel-2:#111d21e0;--control-1:#283c41b3;--control-2:#1c2c30b3;--hover-1:#344e54d9;--hover-2:#243a3fcc;--menu-hover-1:#3c585e8c;--menu-hover-2:#2c444980;--chip-1:#264a4ee6;--chip-2:#183438d9;--modal-1:#1e2f33fa;--modal-2:#132024fa;--border:#ffffff17;--edge:#ffffff1f;--highlight:#ffffff12;--shadow-lg:#00000080;--shadow-md:#00000057;--shadow-sm:#00000038;--press-dark:#0006;--press-light:#ffffff0d;--divider:#a0c8cd29;--danger:#ee8484;--danger-deep:#ff9a9a;--danger-bg-1:#78303066;--danger-bg-2:#5a242466;--badge-ring:#1b2b2f;--skeleton-1:#263c40;--skeleton-2:#33494e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark] .header,:root[data-theme=dark] .logout-overlay{--text-primary:#e6f2f2;--text-muted:#8fa9ad;--icon-muted:#8fb0b4;--teal:#3fc7c9;--teal-deep:#7be0e1;--teal-soft:#3fc7c924;--panel-1:#1b2b2fe6;--panel-2:#111d21e0;--control-1:#283c41b3;--control-2:#1c2c30b3;--hover-1:#344e54d9;--hover-2:#243a3fcc;--menu-hover-1:#3c585e8c;--menu-hover-2:#2c444980;--chip-1:#264a4ee6;--chip-2:#183438d9;--modal-1:#1e2f33fa;--modal-2:#132024fa;--border:#ffffff17;--edge:#ffffff1f;--highlight:#ffffff12;--shadow-lg:#00000080;--shadow-md:#00000057;--shadow-sm:#00000038;--press-dark:#0006;--press-light:#ffffff0d;--divider:#a0c8cd29;--danger:#ee8484;--danger-deep:#ff9a9a;--danger-bg-1:#78303066;--danger-bg-2:#5a242466;--badge-ring:#1b2b2f;--skeleton-1:#263c40;--skeleton-2:#33494e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.header{z-index:50;background:linear-gradient(145deg, var(--panel-1), var(--panel-2));border:1px solid var(--border);height:76px;box-shadow:0 10px 26px var(--shadow-lg), 0 2px 6px var(--shadow-sm), inset 0 1px 0 var(--highlight), inset 0 -1px 0 var(--shadow-sm);-webkit-backdrop-filter:blur(18px);border-radius:22px;justify-content:space-between;align-items:center;gap:16px;margin:16px 40px 0;padding:0 18px 0 22px;font-family:Inter,Segoe UI,sans-serif;transition:background .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:visible}.header:before{content:"";background:linear-gradient(90deg, transparent, var(--highlight), transparent);pointer-events:none;border-radius:999px;height:1px;position:absolute;top:0;left:28px;right:28px}.header:after{content:"";background:linear-gradient(90deg, transparent, var(--teal), transparent);opacity:.4;pointer-events:none;width:44%;height:1px;position:absolute;top:0;left:28%}.header-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.header-title{flex-direction:column;justify-content:center;gap:5px;min-width:0;display:flex}.header-greeting{min-width:0;color:var(--text-primary);letter-spacing:-.45px;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:700;line-height:1.2;display:flex}.greeting-icon{color:var(--teal);flex-shrink:0}.greeting-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.header-name{color:var(--teal)}.header-meta{flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0;display:flex}.header-date{background:var(--teal-soft);max-width:100%;color:var(--text-primary);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:12px;line-height:1.2;display:inline-flex}.header-date svg{color:var(--teal);flex-shrink:0}.header-date strong{color:var(--teal);font-weight:700}.header-date-full{text-overflow:ellipsis;color:var(--text-primary);font-weight:600;overflow:hidden}.header-note{color:var(--text-muted);font-size:11px;font-weight:500}.name-skeleton{background:linear-gradient(90deg, var(--skeleton-1) 25%, var(--skeleton-2) 50%, var(--skeleton-1) 75%);vertical-align:middle;background-size:200% 100%;border-radius:6px;width:110px;height:.9em;animation:1.5s infinite skeleton-loading;display:inline-block}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.notification,.header-action{border:1px solid var(--border);background:linear-gradient(145deg, var(--control-1), var(--control-2));width:42px;height:42px;color:var(--teal);cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:5px 6px 13px var(--shadow-md), inset 0 1px 0 var(--highlight);-webkit-backdrop-filter:blur(12px);border-radius:14px;justify-content:center;align-items:center;padding:0;transition:transform .2s,box-shadow .2s,background .2s,color .2s;display:flex;position:relative}.notification:hover,.header-action:hover{color:var(--teal-deep);background:linear-gradient(145deg, var(--hover-1), var(--hover-2));box-shadow:7px 9px 18px var(--shadow-md), inset 0 1px 0 var(--highlight);transform:translateY(-2px)}.notification:hover svg{transform-origin:50% 0;animation:.6s bellRing}@keyframes bellRing{0%,to{transform:rotate(0)}20%{transform:rotate(14deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-5deg)}}.notification:active,.header-action:active{box-shadow:inset 3px 3px 7px var(--press-dark), inset -2px -2px 5px var(--press-light);transform:translateY(0)scale(.95)}.notification-badge{border:2px solid var(--badge-ring);color:#fff;background:linear-gradient(145deg,#ef6a6a,#d94747);border-radius:50px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:8px;font-weight:800;line-height:1;display:flex;position:absolute;top:1px;right:1px;box-shadow:0 3px 7px #6e282840,inset 0 1px #ffffff59}.header-separator{background:linear-gradient(var(--press-dark), var(--highlight), var(--shadow-sm));border-radius:5px;width:1px;height:30px;margin:0 3px}.header-action{text-decoration:none}.header-action:hover svg{transform:scale(1.08)}.header-action svg{transition:transform .2s}.header-action-active,.header-action-active:hover{color:var(--teal-deep);background:linear-gradient(145deg, var(--chip-1), var(--chip-2));box-shadow:inset 2px 2px 6px var(--press-dark), inset -2px -2px 5px var(--press-light), 0 0 0 1px var(--teal-soft);transform:none}.header-action-tooltip{border:1px solid var(--border);background:linear-gradient(145deg, var(--panel-1), var(--panel-2));-webkit-backdrop-filter:blur(14px);color:var(--text-primary);white-space:nowrap;box-shadow:0 8px 18px var(--shadow-lg), inset 0 1px 0 var(--highlight);opacity:0;visibility:hidden;pointer-events:none;z-index:60;border-radius:10px;padding:6px 11px;font-size:11px;font-weight:600;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(-4px)}.header-action:hover .header-action-tooltip,.header-action:focus-visible .header-action-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.account-container{position:relative}.profile{min-height:50px;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:10px;padding:5px 10px 5px 5px;font-family:inherit;transition:background .2s,box-shadow .2s,transform .2s;display:flex}.profile:hover,.profile-active{background:linear-gradient(145deg, var(--menu-hover-1), var(--menu-hover-2));border-color:var(--border);box-shadow:4px 5px 12px var(--shadow-sm), inset 0 1px 0 var(--highlight);-webkit-backdrop-filter:blur(10px)}.profile-icon,.dropdown-avatar{border:1px solid var(--border);background:linear-gradient(145deg, var(--chip-1), var(--chip-2));color:var(--teal);box-shadow:4px 5px 11px var(--shadow-md), inset 0 1px 0 var(--highlight);flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-icon{border-radius:13px;width:40px;height:40px;transition:transform .2s}.dropdown-avatar{border-radius:12px;width:38px;height:38px}.avatar-initials{letter-spacing:.3px;font-size:13px;font-weight:700;line-height:1}.profile:hover .profile-icon{transform:translateY(-1px)}.profile-info{flex-direction:column;align-items:flex-start;gap:2px;min-width:110px;max-width:170px;display:flex}.profile-name,.profile-role{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.profile-name{color:var(--text-primary);font-size:12px;font-weight:700}.profile-role{color:var(--text-muted);font-size:10px;font-weight:500}.profile-chevron{color:var(--icon-muted);flex-shrink:0;margin-left:2px;transition:transform .22s,color .2s}.profile-active .profile-chevron{color:var(--teal)}.profile-chevron.rotate{transform:rotate(180deg)}.account-dropdown{border:1px solid var(--border);background:linear-gradient(145deg, var(--panel-1), var(--panel-2));width:min(240px,100vw - 24px);box-shadow:0 18px 38px var(--shadow-lg), 0 4px 10px var(--shadow-sm), inset 0 1px 0 var(--highlight);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:10px;animation:.18s both dropdownIn;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-7px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-user{align-items:center;gap:10px;padding:10px;display:flex}.dropdown-user-info{flex-direction:column;gap:3px;min-width:0;display:flex}.dropdown-user strong,.dropdown-user span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown-user strong{color:var(--text-primary);font-size:12px}.dropdown-user-info span{color:var(--text-muted);font-size:10px}.dropdown-divider{background:linear-gradient(90deg, transparent, var(--divider), transparent);height:1px;margin:5px 4px}.dropdown-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:13px;align-items:center;gap:10px;padding:9px;font-family:inherit;font-size:12px;font-weight:600;transition:background .18s,color .18s,transform .18s,box-shadow .18s;display:flex}.dropdown-item:hover{color:var(--teal);background:linear-gradient(145deg, var(--menu-hover-1), var(--menu-hover-2));border-color:var(--border);box-shadow:3px 4px 9px var(--shadow-sm), inset 0 1px 0 var(--highlight);transform:translate(2px)}.dropdown-item-icon{border:1px solid var(--border);background:linear-gradient(145deg, var(--control-1), var(--control-2));width:30px;height:30px;color:var(--icon-muted);box-shadow:3px 4px 8px var(--shadow-md), inset 0 1px 0 var(--highlight);border-radius:9px;justify-content:center;align-items:center;transition:background .18s,color .18s;display:flex}.dropdown-item:hover .dropdown-item-icon{color:var(--teal);background:linear-gradient(145deg, var(--chip-1), var(--chip-2))}.logout-item{color:var(--danger)}.logout-item:hover{color:var(--danger-deep);background:linear-gradient(145deg, var(--danger-bg-1), var(--danger-bg-2))}.logout-item:hover .dropdown-item-icon{color:var(--danger);background:linear-gradient(145deg, var(--danger-bg-1), var(--danger-bg-2))}.logout-overlay{z-index:10000;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.logout-modal{border:1px solid var(--border);background-color:var(--badge-ring);background-image:linear-gradient(145deg, var(--modal-1), var(--modal-2));-webkit-backdrop-filter:none;text-align:center;width:min(100%,360px);box-shadow:0 26px 60px var(--shadow-lg), 0 4px 14px var(--shadow-md), 0 0 0 1px var(--edge), inset 0 1px 0 var(--highlight);border-radius:26px;padding:28px 26px 24px;font-family:Inter,Segoe UI,sans-serif;animation:.24s cubic-bezier(.2,.8,.2,1) both modalIn}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.logout-icon{border:1px solid var(--border);background:linear-gradient(145deg, var(--danger-bg-1), var(--danger-bg-2));width:54px;height:54px;color:var(--danger);box-shadow:5px 6px 12px var(--shadow-md), inset 0 1px 0 var(--highlight);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 15px;display:flex}.logout-modal h2{color:var(--text-primary);letter-spacing:-.3px;margin:0 0 8px;font-size:19px;font-weight:700}.logout-modal p{max-width:290px;color:var(--text-muted);margin:0 auto 22px;font-size:12.5px;line-height:1.6}.logout-actions{gap:10px;display:flex}.cancel-button,.confirm-logout{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:7px;height:44px;font-family:inherit;font-size:12.5px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:flex}.cancel-button{border:1px solid var(--border);background:linear-gradient(145deg, var(--control-1), var(--control-2));color:var(--text-primary);box-shadow:5px 6px 12px var(--shadow-md), inset 0 1px 0 var(--highlight)}.cancel-button:hover:not(:disabled){transform:translateY(-1px)}.cancel-button:active:not(:disabled){box-shadow:inset 3px 3px 7px var(--press-dark), inset -2px -2px 5px var(--press-light);transform:translateY(0)}.confirm-logout{color:#fff;background:linear-gradient(145deg,#e2696a,#c94a4a);border:1px solid #ffffff40;box-shadow:5px 7px 14px #78323247,inset 0 1px #ffffff4d}.confirm-logout:hover:not(:disabled){background:linear-gradient(145deg,#e77070,#c54343);transform:translateY(-1px)}.confirm-logout:active:not(:disabled){transform:translateY(1px);box-shadow:inset 3px 3px 7px #5a28284d,inset -2px -2px 5px #fff3}.cancel-button:disabled,.confirm-logout:disabled{opacity:.55;cursor:wait}.logout-spinner{animation:.8s linear infinite spin}.profile:focus-visible,.notification:focus-visible,.header-action:focus-visible,.dropdown-item:focus-visible,.cancel-button:focus-visible,.confirm-logout:focus-visible{outline:3px solid var(--teal);outline-offset:2px}@media (width<=1000px){.header-note{display:none}}@media (width<=900px){.header{margin-left:18px;margin-right:18px}.profile-info{min-width:90px}}@media (width<=700px){.header{border-radius:19px;gap:10px;height:68px;margin:12px;padding:0 10px 0 14px}.header-left{gap:11px}.header-greeting{gap:6px;font-size:16px}.greeting-icon{width:16px;height:16px}.header-date{padding:2px 8px 2px 7px;font-size:11px}.header-right{gap:7px}.header-separator{height:24px;margin:0}.notification,.header-action{border-radius:12px;width:38px;height:38px}.profile{border-radius:13px;min-height:42px;padding:3px}.profile-info,.profile-chevron{display:none}.profile-icon{border-radius:11px;width:38px;height:38px}.account-dropdown{border-radius:18px;width:min(230px,100vw - 24px)}}@media (width<=480px){.header{border-radius:17px;height:62px;margin:9px;padding:0 8px 0 12px}.header-title{gap:4px}.header-greeting{font-size:14.5px}.header-date-full{display:none}.header-date{font-size:10.5px}.header-separator{display:none}.notification,.header-action,.profile-icon{width:36px;height:36px}.avatar-initials{font-size:12px}.logout-modal{border-radius:22px;padding:24px 20px 20px}.logout-modal h2{font-size:17.5px}}@media (width<=400px){.header-right{gap:5px}.notification,.header-action,.profile-icon{width:34px;height:34px}}@media (width<=360px){.greeting-icon{display:none}.header-greeting{font-size:13.5px}.logout-actions{flex-direction:column-reverse}}@media (hover:none) and (pointer:coarse){.notification:hover svg{animation:none}.header-action-tooltip{display:none}.dropdown-item{min-height:46px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=700px){.header{z-index:50;box-sizing:border-box;width:auto;height:auto;min-height:62px;padding:max(10px, env(safe-area-inset-top)) 14px 10px;background:linear-gradient(135deg, var(--teal-soft) 0%, transparent 60%), linear-gradient(145deg, var(--panel-1), var(--panel-2));box-shadow:0 12px 26px var(--shadow-lg), 0 2px 6px var(--shadow-sm), inset 0 -1px 0 var(--shadow-sm);border:0;border-radius:0 0 24px 24px;gap:10px;margin:0 calc(50% - 50vw);position:sticky;top:0}.header:before{display:none}.header:after{background:linear-gradient(90deg, var(--teal), transparent 85%);opacity:.9;border-radius:3px 3px 0 0;width:auto;height:3px;inset:auto 24px 0}.header-left{flex:1;gap:0;min-width:0}.header-title{gap:0;min-width:0}.greeting-icon,.header-note,.header-separator,.profile-info,.profile-chevron{display:none}.header-greeting{gap:0}.greeting-text{flex-direction:column;gap:2px;line-height:1.1;display:flex}.greeting-hello{text-overflow:ellipsis;color:var(--text-muted);letter-spacing:0;font-size:11px;font-weight:500;overflow:hidden}.header-name{text-overflow:ellipsis;letter-spacing:-.5px;font-size:19px;font-weight:800;overflow:hidden}.name-skeleton{width:110px;height:18px}.header-meta{margin-top:7px;display:flex}.header-date{border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--highlight);padding:3px 10px 3px 8px;font-size:10.5px}.header-date-full{display:inline}.header-right{gap:4px}.notification,.header-action{width:38px;height:38px;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:50%}.notification:hover,.header-action:hover{background:var(--teal-soft);box-shadow:none;transform:none}.notification:active,.header-action:active{background:var(--teal-soft);box-shadow:none;transform:scale(.94)}.header-action-active,.header-action-active:hover{background:var(--teal-soft);box-shadow:none}.notification-badge{top:0;right:0}.profile{border-radius:50%;min-height:0;margin-left:4px;padding:0}.profile:hover,.profile-active{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-color:#0000}.profile-icon{border-radius:50%;width:38px;height:38px}.account-dropdown{top:calc(100% + 8px)}}@media (width<=400px){.header{padding:max(8px, env(safe-area-inset-top)) 12px 8px}.header-right{gap:2px}.notification,.header-action,.profile-icon{width:36px;height:36px}.header-name{font-size:18px}.header-date-full{display:none}}.header-action{display:none}@media (width<=768px){.header-action{display:flex}}@media (width<=700px){.header{background-color:var(--badge-ring);background-image:linear-gradient(135deg, var(--teal-soft) 0%, transparent 60%), linear-gradient(145deg, var(--panel-1), var(--panel-2));-webkit-backdrop-filter:none}.notification,.header-action{background-color:var(--badge-ring);background-image:linear-gradient(145deg, var(--chip-1), var(--chip-2));border:1px solid var(--border);box-shadow:3px 4px 9px var(--shadow-md), inset 0 1px 0 var(--highlight)}.notification:hover,.header-action:hover{background-image:linear-gradient(145deg, var(--hover-1), var(--hover-2));box-shadow:3px 4px 9px var(--shadow-md), inset 0 1px 0 var(--highlight)}.notification:active,.header-action:active{box-shadow:inset 2px 2px 6px var(--press-dark), inset -2px -2px 4px var(--press-light)}.header-action-active,.header-action-active:hover{background-image:linear-gradient(145deg, var(--chip-2), var(--chip-1));border-color:var(--teal-soft);box-shadow:inset 2px 2px 6px var(--press-dark), inset -2px -2px 5px var(--press-light)}.cancel-button,.confirm-logout{border-radius:12px;height:38px;font-size:12px}.account-dropdown{background-color:var(--badge-ring);background-image:linear-gradient(145deg, var(--panel-1), var(--panel-2));-webkit-backdrop-filter:none}}.layout{background:var(--bg-page);min-height:100vh}.main{flex-direction:column;min-height:100vh;margin-left:240px;transition:margin-left .3s;display:flex}.main.collapsed{margin-left:78px}.page-content{flex:1;width:100%;padding:26px 30px 40px;animation:.35s both pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.main,.main.collapsed{margin-left:78px}.page-content{padding:22px}}@media (width<=600px){.main,.main.collapsed{margin-left:0}.page-content{padding:18px 14px 30px}}@media (prefers-reduced-motion:reduce){.main{transition:none}.page-content{animation:none}}.alert-page{--a-primary:var(--primary,#0f8b8d);--a-primary-dark:var(--primary-dark,#0b6a6c);--a-indigo:#4f6fd8;--a-amber:#e49b13;--a-red:#dc2626;--a-green:#16a36a;background:var(--bg-page);min-height:100vh;color:var(--text-primary);padding:24px 30px 40px}.alert-page *,.alert-page :before,.alert-page :after{box-sizing:border-box}.alert-page :focus-visible{outline:2px solid var(--a-primary);outline-offset:2px}.alert-title{align-items:center;gap:16px;min-width:0;display:flex}.alert-title-icon{color:#fff;background:linear-gradient(145deg, var(--a-primary), var(--a-primary-dark));width:52px;height:52px;box-shadow:0 10px 22px color-mix(in srgb, var(--a-primary) 32%, transparent);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.alert-header h1{color:var(--text-heading,var(--text-primary));letter-spacing:-.03em;margin:0;font-size:30px;font-weight:800}.alert-header p{color:var(--text-muted);margin:4px 0 0;font-size:13px;line-height:1.5}.summary-card{--tone:var(--a-indigo);background:var(--bg-card);min-width:0;min-height:92px;box-shadow:0 10px 26px var(--shadow-color);border:0;border-radius:18px;align-items:center;gap:14px;padding:16px 18px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.summary-card:before{content:"";background:var(--tone);opacity:.85;height:3px;position:absolute;inset:0 0 auto}.summary-card:after{content:"";background:var(--tone);opacity:.08;pointer-events:none;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-34px;right:-28px}.summary-card:hover{box-shadow:0 16px 34px var(--shadow-color);transform:translateY(-2px)}.risk-card{--tone:var(--a-amber)}.danger-card{--tone:var(--a-red)}.summary-icon{width:46px;height:46px;color:var(--tone);background:color-mix(in srgb, var(--tone) 14%, var(--bg-card));border-radius:14px;flex-shrink:0;place-items:center;display:grid}.summary-text{min-width:0}.summary-card strong{color:var(--tone);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1.1;display:block}.alert-page .alert-date-filter{background:var(--bg-card);box-shadow:0 8px 22px var(--shadow-color);border:0;border-radius:18px;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:14px;margin-bottom:20px;padding:14px 18px;display:flex}.alert-page .alert-date-filter label span{color:var(--text-muted);letter-spacing:.6px;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.alert-page .alert-date-filter input[type=date]{border:1px solid var(--border-subtle);background:var(--bg-subtle);min-width:160px;height:46px;color:var(--text-primary);font:inherit;border-radius:12px;outline:none;padding:0 14px;font-size:14px;font-weight:600;transition:border-color .2s,box-shadow .2s}.alert-page .alert-date-filter input[type=date]:focus{border-color:var(--a-primary);background:var(--bg-card);box-shadow:0 0 0 3px color-mix(in srgb, var(--a-primary) 15%, transparent)}.alert-page .alert-date-reset{background:var(--bg-subtle);height:46px;color:var(--text-muted);font:inherit;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.alert-page .alert-date-reset:hover{background:color-mix(in srgb, var(--a-red) 10%, var(--bg-subtle));color:var(--a-red)}.alert-history{background:var(--bg-card);box-shadow:0 10px 28px var(--shadow-color);border:0;border-radius:22px;overflow:hidden}.history-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.history-title{align-items:center;gap:12px;min-width:0;display:flex}.history-title-icon{width:40px;height:40px;color:var(--a-primary);background:color-mix(in srgb, var(--a-primary) 13%, var(--bg-card));border-radius:12px;flex-shrink:0;place-items:center;display:grid}.history-header h2{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:19px;font-weight:800}.alert-device-filter{flex-direction:column;gap:6px;min-width:0;display:flex}.alert-device-filter label{color:var(--text-muted);letter-spacing:.6px;text-transform:uppercase;font-size:11px;font-weight:700}.alert-device-filter select{border:1px solid var(--border-subtle);background-color:var(--bg-subtle);appearance:none;width:100%;min-width:220px;height:44px;color:var(--text-primary);font:inherit;cursor:pointer;text-overflow:ellipsis;border-radius:12px;outline:none;padding:0 38px;font-size:14px;font-weight:600;transition:all .2s}.alert-device-filter select:hover:not(:disabled){border-color:color-mix(in srgb, var(--a-primary) 35%, var(--border-subtle))}.alert-device-filter select:focus{border-color:var(--a-primary);background-color:var(--bg-card);box-shadow:0 0 0 3px color-mix(in srgb, var(--a-primary) 15%, transparent)}.alert-device-filter select:disabled{opacity:.6;cursor:not-allowed}.alert-device-filter .device-error{color:var(--a-red);font-size:12px}.alerts-table th{background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);color:var(--text-muted);letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:14px 16px;font-size:11px;font-weight:800}.alerts-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;padding:14px 16px;font-size:13px}.alerts-table tbody tr:hover{background:color-mix(in srgb, var(--bg-subtle) 60%, transparent)}.date-time,.recipient{color:var(--text-primary);white-space:nowrap;align-items:center;gap:7px;font-size:13px;display:inline-flex}.date-time svg,.recipient svg{color:var(--text-faint,var(--text-muted));flex-shrink:0}.parameter{color:var(--text-primary);font-size:13.5px;font-weight:700}.action-text{color:var(--text-muted);align-items:flex-start;gap:8px;display:flex}.action-text>svg{color:var(--a-amber);flex-shrink:0;margin-top:2px}.status-badge{--tone:var(--text-muted);border:1px solid color-mix(in srgb, var(--tone) 26%, transparent);background:color-mix(in srgb, var(--tone) 12%, var(--bg-card));color:var(--tone);text-transform:capitalize;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:6px 11px;font-size:11px;font-weight:800;display:inline-flex}.status-badge.critical,.status-badge.in-danger{--tone:var(--a-red)}.status-badge.at-risk{--tone:var(--a-amber)}.status-badge.normal{--tone:var(--a-green)}.empty-alerts{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:280px;padding:30px 20px;display:flex}.empty-icon{width:54px;height:54px;color:var(--a-primary);background:color-mix(in srgb, var(--a-primary) 12%, var(--bg-card));border-radius:16px;place-items:center;margin-bottom:8px;display:grid}.empty-alerts--error .empty-icon{color:var(--a-red);background:color-mix(in srgb, var(--a-red) 12%, var(--bg-card))}.empty-alerts h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:800}.empty-alerts p{max-width:340px;color:var(--text-muted);margin:2px 0 0;font-size:13px;line-height:1.5}.empty-alerts button{background:linear-gradient(145deg, var(--a-primary), var(--a-primary-dark));color:#fff;height:38px;font:inherit;cursor:pointer;border:0;border-radius:11px;align-items:center;gap:6px;margin-top:12px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.spin{animation:1s linear infinite alert-spin}@keyframes alert-spin{to{transform:rotate(360deg)}}.alert-page .table-footer{border-top:1px solid var(--border-subtle);background:var(--bg-subtle);justify-content:space-between;align-items:center;gap:16px;padding:14px 22px;display:flex}.alert-page .table-footer>p{color:var(--text-muted);margin:0;font-size:12.5px}.alert-page .pagination{align-items:center;gap:8px;display:flex}.alert-page .pagination button{background:var(--bg-card);height:34px;color:var(--a-primary-dark);font:inherit;cursor:pointer;box-shadow:0 2px 6px var(--shadow-color);border:0;border-radius:999px;align-items:center;gap:3px;padding:0 13px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.alert-page .pagination button:hover:not(:disabled){background:linear-gradient(145deg, var(--a-primary), var(--a-primary-dark));color:#fff}.alert-page .pagination button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.alert-page .pagination span{background:color-mix(in srgb, var(--a-primary) 12%, var(--bg-card));min-width:54px;color:var(--a-primary-dark);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}@media (width<=900px){.history-header{flex-direction:column;align-items:stretch}.alert-device-filter select{min-width:0}.alert-page .alert-date-filter{justify-content:flex-start}}@media (width<=768px){.alert-page{-webkit-tap-highlight-color:transparent;padding:14px 12px 32px;overflow-x:hidden}.alert-page>*{min-width:0;max-width:100%}.alert-header{margin-bottom:14px}.alert-title{gap:12px}.alert-title-icon{border-radius:14px;width:44px;height:44px}.alert-title-icon svg{width:21px;height:21px}.alert-header h1{font-size:23px}.alert-header p{font-size:12.5px;line-height:1.4}.alert-summary{gap:8px;margin-bottom:14px}.summary-card{min-height:0;box-shadow:0 6px 16px var(--shadow-color);border-radius:16px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 10px 12px}.summary-card:hover{transform:none}.summary-icon{border-radius:10px;width:32px;height:32px}.summary-icon svg{width:17px;height:17px}.summary-card span{margin-bottom:1px;font-size:10.5px;line-height:1.25}.summary-card strong{font-size:22px}.summary-card small{display:none}.alert-page .alert-date-filter{border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;padding:12px;display:grid}.alert-page .alert-date-filter label{min-width:0}.alert-page .alert-date-filter input[type=date]{appearance:none;width:100%;min-width:0;max-width:100%;padding:0 10px;font-size:16px;display:block}.alert-page .alert-date-filter input::-webkit-date-and-time-value{text-align:left;min-width:0}.alert-page .alert-date-reset{grid-column:1/-1;justify-content:center;height:40px}.alert-history{box-shadow:none;background:0 0;border-radius:18px;overflow:visible}.history-header{background:var(--bg-card);box-shadow:0 6px 18px var(--shadow-color);border:0;border-radius:18px;gap:12px;margin-bottom:12px;padding:14px 12px}.history-title{gap:10px}.history-title-icon{border-radius:11px;width:36px;height:36px}.history-title-icon svg{width:18px;height:18px}.history-header h2{font-size:16px}.history-header p{font-size:12px}.alert-device-filter select{height:46px;font-size:16px}.alerts-table-wrapper{overflow:visible}.alerts-table,.alerts-table tbody{width:100%;display:block}.alerts-table{min-width:0}.alerts-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.alerts-table tbody tr{--sev:var(--a-indigo);border-left:3px solid var(--sev);background:var(--bg-card);box-shadow:0 4px 14px var(--shadow-color);border-radius:16px;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;margin-bottom:10px;padding:12px 14px 14px;display:grid}.alerts-table tbody tr.alert-row--critical,.alerts-table tbody tr.alert-row--in-danger{--sev:var(--a-red)}.alerts-table tbody tr.alert-row--at-risk{--sev:var(--a-amber)}.alerts-table tbody tr.alert-row--normal{--sev:var(--a-green)}.alerts-table tbody tr.alert-row--unknown{--sev:var(--text-muted)}.alerts-table tbody tr:hover{background:var(--bg-card)}.alerts-table tbody tr:last-child{margin-bottom:0}.alerts-table td{text-align:right;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:13.5px;display:flex;border:0!important}.alerts-table td:before{content:attr(data-label);color:var(--text-muted);letter-spacing:.05em;text-align:left;text-transform:uppercase;flex-shrink:0;font-size:10.5px;font-weight:700}.alerts-table td.cell-date{grid-area:1/1;justify-content:flex-start;padding:0 0 6px}.alerts-table td.cell-severity{grid-area:1/2;justify-content:flex-end;padding:0 0 6px}.alerts-table td.cell-date:before,.alerts-table td.cell-severity:before,.alerts-table td.cell-title:before,.alerts-table td.action-cell:before{display:none}.date-time{color:var(--text-muted);white-space:normal;font-size:12px}.alerts-table td.cell-title{text-align:left;grid-column:1/-1;justify-content:flex-start;padding:2px 0 8px}.parameter{font-size:15.5px}.alerts-table td[data-label=Sent\ to],.alerts-table td[data-label=Device],.alerts-table td[data-label=Source]{grid-column:1/-1;border-top:1px solid var(--border-subtle)!important}.recipient{white-space:normal;overflow-wrap:anywhere;text-align:right}.alerts-table td.action-cell{background:color-mix(in srgb, var(--a-amber) 9%, var(--bg-subtle));text-align:left;border-radius:12px;grid-column:1/-1;max-width:none;margin-top:8px;padding:10px 12px}.action-text{font-size:13px;line-height:1.5}.empty-alerts{background:var(--bg-card);min-height:0;box-shadow:0 6px 18px var(--shadow-color);border-radius:18px;padding:30px 16px}.alert-page .table-footer{background:0 0;border-top:0;flex-direction:column;align-items:stretch;gap:10px;margin-top:12px;padding:0}.alert-page .table-footer>p{text-align:center;font-size:12px}.alert-page .pagination{justify-content:space-between;gap:8px}.alert-page .pagination button{border-radius:11px;flex:1;justify-content:center;height:38px;padding:0 10px;font-size:13px}.alert-page .pagination span{flex:none;min-width:58px;padding:9px 10px}}@media (width<=650px){.alert-page{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}}@media (width<=400px){.alert-page{padding-left:10px;padding-right:10px}.alert-header h1{font-size:21px}.summary-card{padding:12px 8px 10px}.summary-card strong{font-size:20px}}@media (prefers-reduced-motion:reduce){.spin{animation:none}.summary-card{transition:none}.summary-card:hover{transform:none}}.login-page .phone-row{align-items:stretch;gap:8px;width:100%;flex-flow:row!important;display:flex!important}.login-page .phone-row .phone-country{gap:6px;padding:0 8px;aspect-ratio:auto!important;flex:none!important;width:96px!important;height:44px!important;min-height:0!important}.login-page .phone-row .phone-number{width:auto;min-width:0;flex:1 1 0!important}.phone-flag{background-color:var(--scale-dark);background-repeat:no-repeat}@media (width<=480px){.login-page .phone-row{gap:6px}.login-page .phone-row .phone-country{width:88px!important;height:42px!important}}@media (width<=360px){.login-page .phone-row .phone-country{font-size:12.5px;width:80px!important}}.alert-push{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.alert-page .alert-push-btn{background:linear-gradient(145deg, var(--a-primary), var(--a-primary-dark));color:#fff;height:42px;font:inherit;cursor:pointer;box-shadow:0 6px 16px color-mix(in srgb, var(--a-primary) 28%, transparent);border:0;border-radius:12px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:700;transition:transform .15s,opacity .15s;display:inline-flex}.alert-page .alert-push-btn:hover:not(:disabled){transform:translateY(-1px)}.alert-page .alert-push-btn:disabled{cursor:default}.alert-page .alert-push-btn--working{opacity:.7}.alert-page .alert-push-btn--enabled{background:color-mix(in srgb, var(--a-green) 12%, var(--bg-card));color:var(--a-green);box-shadow:none}.alert-page .alert-push-btn--denied{background:var(--bg-subtle);color:var(--text-muted);box-shadow:none}.alert-push-note{max-width:260px;color:var(--text-muted);text-align:right;font-size:12px;line-height:1.4}.alert-push-note--error{color:var(--a-red)}@media (width<=768px){.alert-header{flex-direction:column;align-items:stretch}.alert-push{align-items:stretch}.alert-page .alert-push-btn{justify-content:center;width:100%;height:44px}.alert-push-note{text-align:left;max-width:none}.alert-page{padding:10px 10px 28px}.alert-header{gap:8px;margin-bottom:10px}.alert-title{gap:10px}.alert-title-icon{width:38px;height:38px;box-shadow:0 6px 14px color-mix(in srgb, var(--a-primary) 28%, transparent);border-radius:12px}.alert-title-icon svg{width:18px;height:18px}.alert-header h1{font-size:20px}.alert-header p{margin-top:2px;font-size:11.5px;line-height:1.35}.alert-push{align-items:flex-start;gap:4px}.alert-page .alert-push-btn{width:auto;height:34px;box-shadow:0 4px 10px color-mix(in srgb, var(--a-primary) 24%, transparent);border-radius:10px;gap:6px;padding:0 14px;font-size:12px}.alert-page .alert-push-btn--enabled,.alert-page .alert-push-btn--denied{box-shadow:none}.alert-push-btn svg{width:14px;height:14px}.alert-push-note{font-size:11px}.alert-summary{gap:6px;margin-bottom:10px}.summary-card{box-shadow:0 4px 12px var(--shadow-color);border-radius:14px;gap:6px;padding:10px 9px 9px}.summary-card:before{height:2px}.summary-card:after{width:64px;height:64px;bottom:-24px;right:-20px}.summary-icon{border-radius:8px;width:26px;height:26px}.summary-icon svg{width:14px;height:14px}.summary-card span{margin-bottom:0;font-size:10px}.summary-card strong{font-size:19px}.alert-page .alert-date-filter{box-shadow:0 4px 12px var(--shadow-color);border-radius:14px;gap:8px;margin-bottom:10px;padding:10px}.alert-page .alert-date-filter label{gap:5px}.alert-page .alert-date-filter label span{letter-spacing:.4px;font-size:10px}.alert-page .alert-date-filter input[type=date]{border-radius:10px;height:38px;padding:0 8px;font-size:16px}.alert-page .alert-date-reset{border-radius:10px;height:34px;font-size:12px}.history-header{box-shadow:0 4px 12px var(--shadow-color);border-radius:14px;gap:8px;margin-bottom:8px;padding:10px}.history-title-icon{border-radius:9px;width:30px;height:30px}.history-title-icon svg{width:15px;height:15px}.history-header h2{font-size:15px}.history-header p{margin-top:1px;font-size:11px}.alert-device-filter{gap:4px}.alert-device-filter label{letter-spacing:.4px;font-size:10px}.alert-device-filter select{border-radius:10px;height:40px;padding:0 34px}.select-wrap .select-lead{width:14px;height:14px;left:11px}.select-wrap .select-trail{width:14px;height:14px;right:10px}.alerts-table tbody tr{box-shadow:0 3px 10px var(--shadow-color);border-left-width:3px;border-radius:14px;margin-bottom:8px;padding:9px 11px 10px}.alerts-table td{gap:10px;padding:5px 0;font-size:12.5px}.alerts-table td:before{font-size:9.5px}.alerts-table td.cell-date,.alerts-table td.cell-severity{padding:0 0 4px}.alerts-table td.cell-title{padding:0 0 6px}.date-time{gap:5px;font-size:11px}.date-time svg,.recipient svg{width:12px;height:12px}.parameter{font-size:14px;line-height:1.3}.status-badge{gap:4px;padding:4px 9px;font-size:10px}.status-badge svg{width:11px;height:11px}.recipient{gap:5px;font-size:12.5px}.alerts-table td.action-cell{border-radius:10px;margin-top:5px;padding:8px 10px}.action-text{gap:6px;font-size:12px;line-height:1.45}.action-text>svg{width:13px;height:13px;margin-top:2px}.empty-alerts{border-radius:14px;padding:22px 14px}.empty-icon{border-radius:13px;width:44px;height:44px;margin-bottom:6px}.empty-alerts h3{font-size:14.5px}.empty-alerts p{font-size:12px}.empty-alerts button{height:34px;padding:0 14px;font-size:12px}.alert-page .table-footer{gap:8px;margin-top:8px}.alert-page .table-footer>p{font-size:11.5px}.alert-page .pagination button{border-radius:10px;height:34px;font-size:12px}.alert-page .pagination span{min-width:50px;padding:7px 8px;font-size:11.5px}}@media (width<=650px){.alert-page{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}@media (width<=400px){.alert-page{padding-left:8px;padding-right:8px}.alert-header h1{font-size:19px}.summary-card{padding:9px 8px 8px}.summary-card strong{font-size:18px}}@media (width<=768px){.alert-page .alert-summary{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-bottom:10px!important;display:grid!important}.alert-page .alert-summary .summary-card{text-align:left!important;border-radius:14px!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;gap:6px!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:10px 9px 9px!important}.alert-page .alert-summary .summary-text{width:100%;text-align:left!important}.alert-page .alert-summary .summary-icon{border-radius:8px!important;width:26px!important;height:26px!important;margin:0!important}.alert-page .alert-summary .summary-card span{font-size:10px!important;line-height:1.2!important}.alert-page .alert-summary .summary-card strong{font-size:19px!important}.alert-page .alert-summary .summary-card small{display:none!important}}.account-page{--s-accent:var(--primary,#0f8b8d);--s-accent-dark:var(--primary-dark,#0b6a6c);--s-green:#159b66;--s-red:#dc2626;width:100%;max-width:1120px;min-height:100%;color:var(--text-primary);margin:0 auto;font-family:Inter,Segoe UI,sans-serif}.account-page :focus-visible{outline:2px solid var(--s-accent);outline-offset:2px}.account-eyebrow,.account-section-label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:10.5px;font-weight:700;display:block}.account-card{background:var(--bg-card);box-shadow:0 10px 28px var(--shadow-color);border:0;border-radius:22px;overflow:hidden}.account-identity{border-bottom:1px solid var(--border-subtle);background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--s-accent) 10%, transparent), transparent 55%), var(--bg-card);align-items:center;gap:16px;padding:24px 26px;display:flex}.account-avatar{background:color-mix(in srgb, var(--s-accent) 13%, var(--bg-card));width:64px;height:64px;color:var(--s-accent);border:0;border-radius:50%;flex:0 0 64px;place-items:center;font-size:26px;font-weight:800;display:grid}.account-identity-copy{min-width:0}.account-identity-copy h2{color:var(--text-primary);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0 0 3px;font-size:20px;font-weight:800;line-height:1.3}.account-identity-copy p{color:var(--text-muted);margin:0;font-size:13.5px;font-weight:500}.account-edit-button{background:var(--bg-subtle);height:40px;color:var(--text-primary);font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px var(--border-subtle);border:0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;margin-left:auto;padding:0 16px;font-size:13.5px;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.account-edit-button:hover:not(:disabled){background:color-mix(in srgb, var(--s-accent) 10%, var(--bg-subtle));color:var(--s-accent)}.account-edit-button:disabled{cursor:wait;opacity:.6}.account-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 26px 22px;display:grid}.account-detail{background:var(--bg-subtle);min-width:0;box-shadow:inset 0 0 0 1px var(--border-subtle);border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.account-detail-icon{width:40px;height:40px;color:var(--s-accent);background:color-mix(in srgb, var(--s-accent) 13%, var(--bg-card));border:0;border-radius:12px;flex:0 0 40px;place-items:center;display:grid}.account-detail:first-child .account-detail-icon{color:var(--s-green);background:color-mix(in srgb, var(--s-green) 13%, var(--bg-card))}.account-detail-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.account-detail-copy>span{color:var(--text-muted);font-size:12px;font-weight:600}.account-detail-copy strong{color:var(--text-primary);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:14.5px;font-weight:700;line-height:1.4}.operators-section{margin-top:30px}.operators-section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.operators-section-header h2{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:800}.operators-section-header p{color:var(--text-muted);margin:3px 0 0;font-size:12.5px;line-height:1.4}.operator-add-button{background:linear-gradient(145deg, var(--s-accent), var(--s-accent-dark));color:#fff;height:40px;font:inherit;cursor:pointer;box-shadow:0 8px 18px color-mix(in srgb, var(--s-accent) 28%, transparent);border:0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:13.5px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.operator-add-button:hover{transform:translateY(-1px)}.operators-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.operator-card{background:var(--bg-card);min-width:0;box-shadow:0 10px 28px var(--shadow-color);border:0;border-radius:18px;padding:18px}.pond-owner-card{background:linear-gradient(135deg, color-mix(in srgb, var(--s-accent) 7%, var(--bg-card)), var(--bg-card) 65%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--s-accent) 22%, var(--border-subtle)), 0 10px 28px var(--shadow-color)}.operator-card-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding-bottom:14px;display:flex;position:relative}.operator-card-avatar{background:color-mix(in srgb, var(--s-accent) 13%, var(--bg-card));width:40px;height:40px;color:var(--s-accent);border:0;border-radius:50%;flex:0 0 40px;place-items:center;font-size:16px;font-weight:800;display:grid}.operator-card-header h3{min-width:0;color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-size:14.5px;font-weight:700}.pond-owner-badge{background:color-mix(in srgb, var(--s-accent) 13%, var(--bg-card));color:var(--s-accent);border:0;border-radius:999px;flex-shrink:0;margin-left:auto;padding:3px 9px;font-size:11px;font-weight:800}.operator-card-disabled{background:color-mix(in srgb, var(--bg-subtle) 75%, var(--bg-card))}.operator-disabled-badge{background:color-mix(in srgb, var(--text-muted) 14%, var(--bg-card));color:var(--text-muted);border:0;border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:11px;font-weight:800}.operator-actions{flex:none;margin-left:auto;position:relative}.operator-menu-trigger{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.operator-menu-trigger:hover,.operator-menu-trigger[aria-expanded=true]{background:var(--bg-subtle);color:var(--text-primary)}.operator-menu{z-index:2;background:linear-gradient(var(--bg-card), var(--bg-card)), var(--bg-page);width:184px;box-shadow:inset 0 0 0 1px var(--border-subtle), 0 12px 32px var(--shadow-color);border:0;border-radius:14px;padding:5px;position:absolute;top:calc(100% + 6px);right:0}.operator-menu-item{width:100%;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:9px 10px;font-size:12.5px;font-weight:600;display:flex}.operator-menu-item:hover,.operator-menu-item:focus-visible{background:var(--bg-subtle);outline:none}.operator-menu-remove{color:var(--s-red)}.operator-menu-remove:hover,.operator-menu-remove:focus-visible{background:color-mix(in srgb, var(--s-red) 10%, var(--bg-card))}.operator-card-details{gap:14px;padding-top:14px;display:grid}.operator-card-detail{min-width:0;color:var(--s-accent);align-items:flex-start;gap:11px;display:flex}.operator-card-detail:first-child>svg{color:var(--s-green)}.operator-card-detail>svg{flex:none;margin-top:2px}.operator-card-detail>div{gap:3px;min-width:0;display:grid}.operator-card-detail span{color:var(--text-muted);font-size:11.5px;font-weight:600}.operator-card-detail strong{color:var(--text-primary);overflow-wrap:anywhere;font-size:13.5px;font-weight:700;line-height:1.4}.operators-empty{border:1px dashed color-mix(in srgb, var(--text-muted) 30%, transparent);color:var(--text-muted);text-align:center;border-radius:14px;padding:24px;font-size:13px}.operator-optional{color:var(--text-muted);font-size:11px;font-weight:400}.operator-form-error{color:var(--s-red);margin-top:12px;font-size:12.5px;line-height:1.5}.account-modal-backdrop{z-index:1100;overscroll-behavior:contain;background:#0009;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.account-edit-modal{border:1px solid var(--border-subtle);background:linear-gradient(var(--bg-card), var(--bg-card)), var(--bg-page);-webkit-backdrop-filter:none;backdrop-filter:none;opacity:1;width:min(100%,440px);color:var(--text-primary);border-radius:22px;padding:24px;animation:.18s ease-out both account-modal-in;box-shadow:0 24px 60px #0000004d}.account-edit-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.account-edit-modal-header h2{color:var(--text-primary);letter-spacing:-.02em;margin:4px 0 0;font-size:18px;font-weight:800}.account-modal-close{background:var(--bg-subtle);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border:0;border-radius:11px;flex:0 0 36px;place-items:center;display:grid}.account-modal-close:hover{background:color-mix(in srgb, var(--s-accent) 10%, var(--bg-subtle));color:var(--s-accent)}.account-modal-description{color:var(--text-muted);margin:6px 0 20px;font-size:13px;line-height:1.55}.account-modal-label{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.account-modal-label:not(:first-of-type){margin-top:14px}.account-modal-input{border:1px solid var(--border-subtle);background:var(--bg-subtle);width:100%;height:44px;color:var(--text-primary);font:inherit;border-radius:12px;outline:none;padding:0 14px;font-size:14.5px;transition:border-color .2s,box-shadow .2s,background .2s}.account-modal-input:focus{border-color:var(--s-accent);background:var(--bg-card);box-shadow:0 0 0 3px color-mix(in srgb, var(--s-accent) 15%, transparent)}.account-modal-input[readonly]{cursor:default;color:var(--text-muted)}.account-modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.account-modal-cancel,.account-modal-submit{height:42px;font:inherit;cursor:pointer;border:0;border-radius:12px;padding:0 18px;font-size:13.5px;font-weight:700;transition:all .15s}.account-modal-cancel{background:var(--bg-subtle);color:var(--text-primary)}.account-modal-cancel:hover{background:color-mix(in srgb, var(--s-accent) 10%, var(--bg-subtle));color:var(--s-accent)}.account-modal-submit{background:linear-gradient(145deg, var(--s-accent), var(--s-accent-dark));color:#fff;box-shadow:0 8px 18px color-mix(in srgb, var(--s-accent) 28%, transparent)}.account-modal-submit:disabled,.account-modal-cancel:disabled{opacity:.6;cursor:not-allowed}.operator-confirm-danger{background:linear-gradient(145deg, #e25555, var(--s-red));box-shadow:0 8px 18px color-mix(in srgb, var(--s-red) 28%, transparent)}@keyframes account-modal-in{0%{transform:translateY(8px)scale(.98)}to{transform:translateY(0)scale(1)}}@keyframes account-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.account-error{background:color-mix(in srgb, var(--s-red) 8%, var(--bg-card));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--s-red) 28%, var(--border-subtle));color:var(--s-red);border-radius:18px;align-items:center;gap:14px;padding:20px;display:flex}.account-error>div{flex:1}.account-error strong{color:var(--text-primary);font-size:14px;font-weight:700}.account-error p{color:var(--text-muted);margin:4px 0 0;font-size:12.5px;line-height:1.5}.account-retry{background:var(--bg-card);height:38px;color:var(--text-primary);font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px var(--border-subtle);border:0;border-radius:11px;flex-shrink:0;align-items:center;gap:7px;padding:0 14px;font-size:12.5px;font-weight:700;display:inline-flex}.account-retry:hover{color:var(--s-accent)}@media (width<=760px){.account-details,.operators-grid{grid-template-columns:1fr}}@media (width<=768px){.account-page{padding:12px 12px calc(96px + env(safe-area-inset-bottom,0px));-webkit-tap-highlight-color:transparent}.account-card{box-shadow:0 6px 16px var(--shadow-color);border-radius:16px}.account-identity{flex-wrap:wrap;gap:12px;padding:14px}.account-avatar{flex-basis:46px;width:46px;height:46px;font-size:19px}.account-avatar svg{width:22px;height:22px}.account-identity-copy{flex:1}.account-identity-copy h2{margin-bottom:1px;font-size:16px}.account-identity-copy p{font-size:12.5px}.account-edit-button{border-radius:11px;flex:100%;height:38px;margin-left:0;font-size:13px}.account-edit-button svg{width:14px;height:14px}.account-details{gap:8px;padding:10px 14px 14px}.account-detail{border-radius:12px;gap:10px;padding:10px 12px}.account-detail-icon{border-radius:10px;flex-basis:32px;width:32px;height:32px}.account-detail-icon svg{width:15px;height:15px}.account-detail-copy{gap:1px}.account-detail-copy>span{font-size:11.5px}.account-detail-copy strong{font-size:13.5px}.operators-section{margin-top:18px}.operators-section-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:10px}.operators-section-header h2{font-size:15px}.operators-section-header p{font-size:11.5px}.operator-add-button{border-radius:11px;height:38px;font-size:13px}.operator-add-button svg{width:15px;height:15px}.operator-add-button:hover{transform:none}.operator-add-button:active{transform:scale(.98)}.operators-grid{gap:10px}.operator-card{box-shadow:0 6px 16px var(--shadow-color);border-radius:16px;padding:13px}.operator-card-header{gap:10px;padding-bottom:11px}.operator-card-avatar{flex-basis:34px;width:34px;height:34px;font-size:14px}.operator-card-header h3{font-size:13.5px}.pond-owner-badge,.operator-disabled-badge{padding:2px 8px;font-size:10.5px}.operator-card-details{gap:10px;padding-top:11px}.operator-card-detail{gap:9px}.operator-card-detail>svg{width:15px;height:15px}.operator-card-detail span{font-size:11px}.operator-card-detail strong{font-size:13px}.operators-empty{border-radius:12px;padding:18px 14px;font-size:12.5px}.operator-form-error{font-size:12px}.operator-menu-trigger{border-radius:10px;width:36px;height:36px;margin-right:-6px}.operator-menu-trigger svg{width:17px;height:17px}.operator-menu{z-index:1100;top:auto;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));border-radius:18px;width:auto;padding:6px;animation:.22s cubic-bezier(.2,.8,.2,1) account-sheet-up;position:fixed;left:12px;box-shadow:0 -8px 40px #00000047}.operator-menu-item{border-radius:12px;gap:10px;min-height:46px;padding:0 12px;font-size:14px;font-weight:600}.operator-menu-item svg{width:16px;height:16px}.account-modal-backdrop{place-items:end stretch;padding:0}.account-edit-modal{width:100%;max-height:92dvh;padding:8px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;animation:.3s cubic-bezier(.2,.8,.2,1) account-sheet-up;overflow-y:auto}.account-edit-modal:before{content:"";background:color-mix(in srgb, var(--text-muted) 40%, transparent);border-radius:4px;width:36px;height:4px;margin:0 auto 12px;display:block}.account-edit-modal-header h2{font-size:16.5px}.account-modal-close{border-radius:10px;flex-basis:34px;width:34px;height:34px}.account-modal-close svg{width:16px;height:16px}.account-modal-description{margin:4px 0 14px;font-size:12.5px}.account-modal-label{margin-bottom:5px;font-size:12.5px}.account-modal-label:not(:first-of-type){margin-top:11px}.account-modal-input{border-radius:11px;height:44px;padding:0 12px;font-size:16px}.account-modal-actions{flex-direction:column-reverse;gap:8px;margin-top:16px}.account-modal-cancel,.account-modal-submit{border-radius:11px;width:100%;height:40px;font-size:13px}.account-error{border-radius:14px;flex-wrap:wrap;gap:10px;padding:14px}.account-error svg{width:18px;height:18px}.account-retry{border-radius:11px;justify-content:center;width:100%;height:38px}}@media (width<=420px){.account-page{padding-left:10px;padding-right:10px}}@media (prefers-reduced-motion:reduce){.account-edit-modal,.operator-menu{animation:none!important}}@media (width<=768px){.account-page{padding:10px 10px calc(84px + env(safe-area-inset-bottom,0px))}.account-page .account-card{box-shadow:0 4px 12px var(--shadow-color);border-radius:14px}.account-page .account-identity{gap:10px;padding:11px}.account-page .account-avatar{flex-basis:38px;width:38px;height:38px;font-size:16px}.account-page .account-avatar svg{width:18px;height:18px}.account-page .account-identity-copy h2{font-size:14px}.account-page .account-identity-copy p{font-size:11px}.account-page .account-edit-button{border-radius:10px;height:32px;font-size:12px}.account-page .account-edit-button svg{width:13px;height:13px}.account-page .account-details{gap:6px;padding:8px 11px 11px}.account-page .account-detail{border-radius:11px;gap:9px;padding:8px 10px}.account-page .account-detail-icon{border-radius:9px;flex-basis:28px;width:28px;height:28px}.account-page .account-detail-icon svg{width:14px;height:14px}.account-page .account-detail-copy{gap:0}.account-page .account-detail-copy>span{font-size:10.5px}.account-page .account-detail-copy strong{font-size:12.5px}.account-page .operators-section{margin-top:14px}.account-page .operators-section-header{gap:8px;margin-bottom:8px}.account-page .operators-section-header h2{font-size:13.5px}.account-page .operators-section-header p{margin-top:1px;font-size:11px}.account-page .operator-add-button{border-radius:10px;height:34px;font-size:12px}.account-page .operator-add-button svg{width:14px;height:14px}.account-page .operators-grid{gap:8px}.account-page .operator-card{box-shadow:0 4px 12px var(--shadow-color);border-radius:14px;padding:11px}.account-page .operator-card-header{gap:9px;padding-bottom:9px}.account-page .operator-card-avatar{flex-basis:30px;width:30px;height:30px;font-size:12.5px}.account-page .operator-card-header h3{font-size:12.5px}.account-page .pond-owner-badge,.account-page .operator-disabled-badge{padding:2px 7px;font-size:10px}.account-page .operator-card-details{gap:8px;padding-top:9px}.account-page .operator-card-detail{gap:8px}.account-page .operator-card-detail>svg{width:14px;height:14px}.account-page .operator-card-detail>div{gap:1px}.account-page .operator-card-detail span{font-size:10.5px}.account-page .operator-card-detail strong{font-size:12px}.account-page .operators-empty{padding:14px 12px;font-size:11.5px}.account-page .operator-form-error{font-size:11px}.account-page .operator-menu-trigger{border-radius:9px;width:32px;height:32px;margin-right:-5px}.account-page .operator-menu-trigger svg{width:16px;height:16px}.account-page .operator-menu{border-radius:16px;padding:5px}.account-page .operator-menu-item{border-radius:11px;gap:9px;min-height:40px;padding:0 11px;font-size:13px}.account-page .operator-menu-item svg{width:15px;height:15px}.account-page .account-edit-modal{padding:8px 14px calc(14px + env(safe-area-inset-bottom,0px))}.account-page .account-edit-modal-header h2{font-size:15px}.account-page .account-eyebrow{font-size:9.5px}.account-page .account-modal-close{border-radius:9px;flex-basis:30px;width:30px;height:30px}.account-page .account-modal-close svg{width:14px;height:14px}.account-page .account-modal-description{margin:3px 0 11px;font-size:11.5px}.account-page .account-modal-label{margin-bottom:4px;font-size:11.5px}.account-page .account-modal-label:not(:first-of-type){margin-top:9px}.account-page .account-modal-input{border-radius:10px;height:40px;padding:0 11px;font-size:16px}.account-page .account-modal-actions{gap:6px;margin-top:13px}.account-page .account-modal-cancel,.account-page .account-modal-submit{border-radius:10px;height:36px;font-size:12px}.account-page .account-error{border-radius:12px;gap:8px;padding:11px}.account-page .account-error svg{width:16px;height:16px}.account-page .account-error strong{font-size:12.5px}.account-page .account-error p{font-size:11px}.account-page .account-retry{border-radius:10px;height:34px;font-size:12px}}body .account-page .account-page-header{justify-content:flex-start;align-items:center;gap:16px;margin-bottom:24px;display:flex}body .account-page .account-header-icon{color:#fff;background:linear-gradient(145deg, var(--s-accent), var(--s-accent-dark));width:52px;height:52px;box-shadow:0 10px 22px color-mix(in srgb, var(--s-accent) 32%, transparent);border-radius:16px;flex:0 0 52px;place-items:center;display:grid}body .account-page .account-header-title{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}body .account-page .account-header-title h1{color:var(--text-primary);letter-spacing:-.03em;margin:0;font-size:30px;font-weight:800;line-height:1.2}body .account-page .account-header-title p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}body .account-page .operators-section-title{align-items:center;gap:12px;min-width:0;display:flex}body .account-page .account-section-icon{width:42px;height:42px;color:var(--s-accent);background:color-mix(in srgb, var(--s-accent) 13%, var(--bg-card));border-radius:13px;flex-shrink:0;place-items:center;display:grid}body .account-page .account-section-icon svg{width:20px;height:20px}body .account-page .operators-section-header h2{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:800}body .account-page .operators-section-header p{margin:3px 0 0;font-size:12.5px;line-height:1.4}body .account-page .account-detail-icon{border-radius:10px;flex:0 0 34px;width:34px;height:34px}body .account-page .account-detail-icon svg{width:16px;height:16px}body .account-page .account-detail-copy strong,body .account-page .operator-card-detail strong{font-size:14.5px;font-weight:700}body .account-page .account-detail-copy>span,body .account-page .operator-card-detail span{font-size:12.5px;font-weight:600}body .account-page .operator-card-detail>svg{width:16px;height:16px}body .account-page .operator-add-button,body .account-page .account-edit-button{border-radius:12px;height:42px;font-size:13.5px;font-weight:700}body .account-page .operator-add-button svg,body .account-page .account-edit-button svg{width:15px;height:15px}body .account-page .account-modal-input{border-radius:12px;height:46px}body .account-page .account-edit-modal-header h2{letter-spacing:-.02em;font-size:17px;font-weight:800}body .account-page .account-modal-description{font-size:13px}body .account-page .account-modal-cancel,body .account-page .account-modal-submit{border-radius:12px;height:42px;font-size:13.5px;font-weight:700}@media (width<=768px){body .account-page .account-page-header{gap:10px;margin-bottom:10px}body .account-page .account-header-icon{width:34px;height:34px;box-shadow:0 6px 14px color-mix(in srgb, var(--s-accent) 28%, transparent);border-radius:11px;flex-basis:34px}body .account-page .account-header-icon svg{width:16px;height:16px}body .account-page .account-header-title{gap:1px}body .account-page .account-header-title h1{letter-spacing:-.02em;font-size:18px}body .account-page .account-header-title p{font-size:11px}body .account-page .operators-section-title{gap:9px}body .account-page .account-section-icon{border-radius:9px;width:30px;height:30px}body .account-page .account-section-icon svg{width:15px;height:15px}body .account-page .operators-section-header h2{font-size:13.5px}body .account-page .operators-section-header p{margin-top:1px;font-size:11px}body .account-page .account-detail-icon{border-radius:8px;flex-basis:26px;width:26px;height:26px}body .account-page .account-detail-icon svg{width:13px;height:13px}body .account-page .account-detail-copy strong,body .account-page .operator-card-detail strong{font-size:13px}body .account-page .account-detail-copy>span,body .account-page .operator-card-detail span{font-size:11px}body .account-page .operator-card-detail>svg{width:14px;height:14px}body .account-page .operator-add-button,body .account-page .account-edit-button{border-radius:10px;height:34px;font-size:12px}body .account-page .operator-add-button svg,body .account-page .account-edit-button svg{width:14px;height:14px}body .account-page .account-modal-input{border-radius:10px;height:38px}body .account-page .account-edit-modal-header h2{font-size:14px}body .account-page .account-modal-description{font-size:11.5px}body .account-page .account-modal-cancel,body .account-page .account-modal-submit{border-radius:10px;height:36px;font-size:12px}body .account-page .account-edit-button{flex:none;height:30px;margin-left:auto;padding:0 14px}body .account-page .operator-add-button{align-self:flex-end;height:32px;padding:0 14px}body .account-page .account-modal-actions{flex-direction:row}body .account-page .account-modal-cancel,body .account-page .account-modal-submit{flex:1;width:auto;height:34px}}.account-page.account-modals{width:auto;max-width:none;height:0;min-height:0;margin:0;padding:0}.account-modals .account-modal-backdrop{z-index:10000}:root{--primary:#0f8b8d;--primary-dark:#0b6a6c;--green:#28b57a;--orange:#e4a24a;--red:#df5c62}.client-history-page *,.client-history-page :before,.client-history-page :after{box-sizing:border-box}.client-history-page :focus-visible{outline:2px solid var(--primary);outline-offset:2px}.client-history-page .ch-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.ch-title{align-items:center;gap:16px;min-width:0;display:flex}.ch-title-icon{color:#fff;background:linear-gradient(145deg, var(--primary), var(--primary-dark));width:52px;height:52px;box-shadow:0 10px 22px color-mix(in srgb, var(--primary) 32%, transparent);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.ch-header h1{margin:0}.ch-header p{color:var(--text-muted);margin:4px 0 0}.history-export-button{background:linear-gradient(145deg, var(--primary), var(--primary-dark));color:#fff;height:40px;font:inherit;white-space:nowrap;cursor:pointer;box-shadow:0 8px 18px color-mix(in srgb, var(--primary) 28%, transparent);border:0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.history-export-button:hover:not(:disabled){box-shadow:0 12px 24px color-mix(in srgb, var(--primary) 34%, transparent);transform:translateY(-1px)}.history-export-button:disabled{opacity:.6;cursor:not-allowed}.history-export-error{background:color-mix(in srgb, #dc2626 11%, var(--bg-card));color:#dc2626;border-radius:14px;align-items:center;gap:10px;margin-bottom:14px;padding:11px 14px;font-size:13px;font-weight:600;display:flex}.history-export-error>svg{flex-shrink:0}.history-export-error>span{flex:1;min-width:0}.history-export-error button{width:26px;height:26px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid}.history-export-error button:hover{background:#dc262629}.history-status-icon{width:46px;height:46px;color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--bg-card));border-radius:14px;place-items:center;display:grid}.history-status-error{color:#dc2626}.history-status-error .history-status-icon{color:#dc2626;background:color-mix(in srgb, #dc2626 12%, var(--bg-card))}.view-tabs{background:color-mix(in srgb, var(--bg-subtle) 80%, transparent);box-shadow:inset 0 1px 3px var(--shadow-color);border-radius:999px;gap:4px;margin:4px 0 18px;padding:5px;display:inline-flex}.view-tabs button{height:38px;color:var(--text-muted);font:inherit;letter-spacing:.2px;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 24px;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex}.view-tabs button.active{background:linear-gradient(145deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:0 6px 16px color-mix(in srgb, var(--primary) 35%, transparent)}.history-controls{background:var(--bg-card);box-shadow:0 8px 22px var(--shadow-color);border:0;border-radius:18px;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;padding:14px 20px;display:flex}.history-filters-left{flex-wrap:nowrap;align-items:flex-end;gap:16px;min-width:0;display:flex}.control-group{flex-direction:column;gap:8px;min-width:0;display:flex}.select-wrap .select-lead{color:var(--text-muted);pointer-events:none;position:absolute;left:13px}.select-wrap .select-trail{color:var(--primary);pointer-events:none;position:absolute;right:12px}.display-select{border:1px solid var(--border-subtle);background-color:var(--bg-subtle);appearance:none;width:100%;min-width:230px;height:46px;color:var(--text-primary);font:inherit;cursor:pointer;text-overflow:ellipsis;border-radius:12px;outline:none;padding:0 38px;font-size:14px;font-weight:600;transition:all .2s}.display-select:focus{border-color:var(--primary);background-color:var(--bg-card);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent)}.client-history-date-range{flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:flex-end;gap:12px;width:fit-content;max-width:100%;margin:0;padding:0;display:flex}.client-history-date-field{flex-direction:column;gap:8px;min-width:150px;display:flex}.client-history-date-field>span{color:var(--text-muted);letter-spacing:.6px;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.client-history-date-field input[type=date]{border:1px solid var(--border-subtle);background:var(--bg-subtle);width:100%;min-width:0;height:46px;color:var(--text-primary);border-radius:12px;outline:none;padding:0 12px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .18s,box-shadow .18s}.client-history-date-field input[type=date]:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent)}.client-history-date-range input[type=date]::-webkit-calendar-picker-indicator{filter:brightness(0);cursor:pointer}[data-theme=dark] .client-history-date-range input[type=date]::-webkit-calendar-picker-indicator{filter:brightness(0)invert()}.history-charts-grid>.history-chart-card:only-child{grid-column:1/-1}.history-chart-card{background:var(--bg-card);min-width:0;box-shadow:0 10px 26px var(--shadow-color);border:0;border-radius:20px;padding:18px 14px 12px}.history-chart-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:0 6px;display:flex}.history-chart-icon{--metric-color:var(--primary);width:36px;height:36px;color:var(--metric-color);background:color-mix(in srgb, var(--metric-color) 14%, var(--bg-card));border-radius:11px;flex-shrink:0;place-items:center;display:grid}.history-chart-chip{background:var(--bg-subtle);color:var(--text-muted);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:5px 11px;font-size:11.5px;font-weight:600}.history-chart-card .recharts-wrapper,.history-chart-card .recharts-surface{outline:none}.empty{border:1px dashed color-mix(in srgb, var(--text-muted) 30%, transparent);height:300px;color:var(--text-muted);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.empty svg{color:var(--text-faint,var(--text-muted))}.history-list-container{background:var(--bg-card);box-shadow:0 10px 26px var(--shadow-color);border:0;border-radius:22px;margin-top:4px;padding:20px}.history-list-icon{width:40px;height:40px;color:var(--primary);background:color-mix(in srgb, var(--primary) 13%, var(--bg-card));border-radius:12px;flex-shrink:0;place-items:center;display:grid}.history-table-wrapper{width:100%;box-shadow:inset 0 0 0 1px var(--border-subtle);border-radius:16px;overflow-x:auto}.history-table th{background:var(--bg-subtle);color:var(--text-muted);letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid var(--border-subtle);padding:13px 14px;font-size:11.5px;font-weight:700}.history-table td{color:var(--text-primary);font-variant-numeric:tabular-nums;border-bottom:1px solid var(--border-subtle);padding:13px 14px;font-size:13.5px}.th-short,.th-unit,.when-inline,.date-short{display:none}.history-table td.cell-value{font-weight:700}.history-table td.val-normal{color:var(--green)}.history-table td.val-warn{color:var(--orange)}.history-table td.val-bad{color:var(--red)}.history-pagination-button{background:var(--bg-subtle);height:34px;color:var(--primary-dark);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:4px;padding:0 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.history-pagination-button:hover:not(:disabled){background:linear-gradient(145deg, var(--primary), var(--primary-dark));color:#fff}.history-pagination-page{background:color-mix(in srgb, var(--primary) 12%, var(--bg-card));min-width:56px;color:var(--primary-dark);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}@media (width<=1024px){.history-controls{flex-direction:column;align-items:stretch;gap:14px}.history-filters-left{width:100%}.history-filters-left .control-group{flex:1 1 0}.display-select,.history-device-select{width:100%;min-width:0}.client-history-date-range{justify-content:flex-start;width:100%}.client-history-date-field{flex:1 1 0;min-width:0}}@media (width<=900px){.history-charts-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=768px){.client-history-page{-webkit-tap-highlight-color:transparent;overflow-x:hidden}.client-history-page>*{min-width:0;max-width:100%}.client-history-page .ch-header{flex-direction:column;align-items:flex-start;gap:12px}.ch-title{gap:12px}.ch-title-icon{border-radius:14px;width:44px;height:44px}.ch-title-icon svg{width:21px;height:21px}.ch-header h1{font-size:23px}.ch-header p{font-size:12.5px;line-height:1.4}.history-export-button{border-radius:10px;height:36px;padding:0 14px;font-size:12.5px}.view-tabs{width:100%;margin:0 0 12px;padding:4px;display:flex}.view-tabs button{flex:1;height:36px;padding:0 10px;font-size:13px}.history-controls{border-radius:16px;gap:12px;margin-bottom:14px;padding:12px}.history-filters-left{flex-direction:column;align-items:stretch;gap:12px}.history-filters-left .control-group{flex:none;width:100%}.display-select,.client-history-date-field input[type=date]{height:46px}.display-select{font-size:16px}.client-history-date-range{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.client-history-date-field{min-width:0}.client-history-date-field input[type=date]{appearance:none;width:100%;min-width:0;max-width:100%;padding:0 10px;font-size:16px;display:block}.client-history-date-field input::-webkit-date-and-time-value{text-align:left;min-width:0}.history-status{border-radius:16px;padding:24px 16px}.history-charts-grid{gap:12px}.history-chart-card{min-width:0;box-shadow:0 6px 18px var(--shadow-color);border-radius:18px;padding:14px 8px 8px;overflow:hidden}.history-chart-header{flex-wrap:wrap;gap:8px;margin-bottom:6px;padding:0 4px}.history-chart-icon{border-radius:10px;width:32px;height:32px}.chart-title{font-size:15px}.history-chart-chip{padding:4px 9px;font-size:10.5px}.history-chart-card .recharts-responsive-container{height:190px!important}.history-chart-card .recharts-cartesian-axis-tick-value{font-size:9px}.empty{height:140px;font-size:12.5px}.history-list-container{border-radius:18px;padding:14px 12px}.history-list-header{margin-bottom:12px}.history-list-icon{border-radius:11px;width:36px;height:36px}.history-list-header h2{font-size:17px}.history-list-header p{font-size:12px}.history-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:14px}.history-table{min-width:0}.history-table th{letter-spacing:.03em;vertical-align:bottom;padding:10px 6px;font-size:9.5px}.history-table td{white-space:nowrap;padding:10px 6px;font-size:12px;line-height:1.3}.history-table th:nth-child(2),.history-table td:nth-child(2){display:none}.history-table td.cell-date{font-weight:700}.when-inline{color:var(--text-muted);margin-top:2px;font-size:10px;font-weight:600;display:block}.th-long{display:none}.th-short{display:inline}.th-unit{color:var(--text-faint,var(--text-muted));letter-spacing:0;text-transform:none;margin-top:1px;font-size:8.5px;font-weight:600;display:block}.cell-unit{display:none}.history-table td.no-history{white-space:normal;padding:28px 16px!important}.client-history-page .history-table{width:100%!important;display:table!important}.client-history-page .history-table thead{clip:auto!important;width:auto!important;height:auto!important;display:table-header-group!important;position:static!important;overflow:visible!important}.client-history-page .history-table tbody{display:table-row-group!important}.client-history-page .history-table tr{box-shadow:none!important;background:0 0!important;border-radius:0!important;margin:0!important;padding:0!important;display:table-row!important}.client-history-page .history-table th,.client-history-page .history-table td{text-align:left!important;border-bottom:1px solid var(--border-subtle)!important;width:auto!important;display:table-cell!important}.client-history-page .history-table tbody tr:last-child td{border-bottom:0!important}.client-history-page .history-table td:before{content:none!important}.client-history-page .history-table th:nth-child(2),.client-history-page .history-table td:nth-child(2){display:none!important}.history-list-container{background:linear-gradient(145deg, color-mix(in srgb, var(--bg-card) 97%, white), color-mix(in srgb, var(--primary) 5%, var(--bg-card)));box-shadow:0 10px 28px var(--shadow-color)}.history-table-wrapper{background:var(--bg-card);box-shadow:inset 0 0 0 1px var(--border-subtle)}.history-table th{padding:12px 8px;font-size:10px;font-weight:800}.client-history-page .history-table td{padding:13px 8px;font-size:13px}.history-table th:first-child,.history-table td:first-child{padding-left:14px!important}.history-table th:last-child,.history-table td:last-child{padding-right:14px!important}.date-long{display:none}.date-short{font-size:13px;display:block}.history-table td.cell-date{color:var(--text-primary)}.when-inline{margin-top:3px;font-size:11px}.history-pagination{border-top:0;flex-direction:column;align-items:stretch;gap:10px;margin-top:12px;padding-top:12px}.history-pagination-meta{text-align:center;font-size:12px}.history-pagination-controls{justify-content:space-between;gap:8px}.history-pagination-button{border-radius:11px;flex:1;justify-content:center;height:38px;padding:0 10px;font-size:13px}.history-pagination-page{flex:none;min-width:58px}}@media (width<=650px){.page-shell.client-history-page{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}}@media (width<=400px){.ch-header h1{font-size:21px}.history-chart-chip{display:none}.history-chart-card .recharts-responsive-container{height:180px!important}}:root{--bg:#f5f8f8;--surface:#fff;--primary:#0f8b8d;--primary-dark:#0b6a6c;--green:#28b57a;--orange:#e4a24a;--red:#df5c62;--text:#183437;--muted:#6e8285;--faint:#9aa9ab;--border:#d7e4e4e6;--shadow-soft:0 8px 24px #1b2f3411, 0 2px 5px #1b2f3409;--radius:20px}.container{flex-direction:row;gap:20px;display:flex}.predicted_status{background:color-mix(in srgb, var(--surface) 90%, transparent);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);flex:1;padding:28px 30px}.predicted_status,.forecast{min-width:0}.predicted_status_header{margin-bottom:16px}.predicted_status_header h2{color:var(--text);margin:0 0 5px;font-size:1.2rem;font-weight:700}.predicted_status_header p{color:var(--muted);margin:0;font-size:.85rem;line-height:1.5}.predicted_status_grid{gap:16px;max-height:620px;padding-right:8px;display:grid;overflow-y:auto}.predicted_status_grid::-webkit-scrollbar{height:3px}.predicted_status_grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.forecast-no-data{text-align:center;justify-content:center;align-items:center;width:100%;min-height:200px;display:flex}.predicted_status_card{border:1px solid var(--border);background:var(--card,var(--surface));border-radius:13px;min-width:0;padding:18px;transition:border-color .2s,box-shadow .2s}.predicted_status_card:hover{border-color:var(--muted);box-shadow:0 4px 14px #0000000d}.predicted_status_card_header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.predicted_status_card_header h3{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:500}.predicted_status_badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.predicted_status_badge.safe{color:#1cbb76;background:#22c55e1f}.predicted_status_badge.at-risk{color:#d18a17;background:#f59e0b24}.predicted_status_badge.in-danger{color:#f53c3c;background:#ef44441f}.predicted_status_parameters{flex-direction:column;gap:0;display:flex}.predicted_parameter{border-bottom:1px solid var(--border);flex-direction:row;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:10px 0;display:flex}.predicted_parameter:last-child{border-bottom:none}.predicted_parameter span{color:var(--text-muted);font-size:.8rem}.predicted_parameter strong{color:var(--text);text-align:right;overflow-wrap:anywhere;font-size:.95rem;font-weight:600}@media (width<=400px){.predicted_status_parameters{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.predicted_parameter strong{font-size:.95rem}}.predicted_status_prevention{border-top:1px solid var(--border);margin-top:20px;padding-top:14px}.predicted_status_prevention>span{color:var(--text);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.predicted_status_prevention p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.5}@media (width<=768px){.predicted_status_parameters{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}}@media (width<=400px){.predicted_status_parameters{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.predicted_status_card{padding:14px}.predicted_status_card_header{flex-direction:column;align-items:flex-start}.predicted_parameter strong{font-size:.95rem}}.forecast{max-width:none;min-height:0;color:var(--text);background:0 0;flex:3;margin:0;padding:0;font-family:Inter,Segoe UI,sans-serif}.forecast-error{background:color-mix(in srgb, #dc2626 10%, var(--bg-card));color:#dc2626;border:1px solid #dc2626;border-radius:12px;margin-bottom:14px;padding:12px 16px;font-size:14px;font-weight:500}.panel{background:color-mix(in srgb, var(--surface) 90%, transparent);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);padding:28px 30px}.forecast-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.forecast-primary{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.forecast-primary-icon svg{width:42px;height:42px}.forecast-big-value{color:var(--text);letter-spacing:-1.2px;font-size:48px;font-weight:800;line-height:1}.forecast-quickfacts{border-left:1px solid var(--border);flex-direction:column;gap:4px;padding-left:16px;display:flex}.forecast-quickfacts p{color:var(--muted);margin:0;font-size:12px}.forecast-quickfacts strong{color:var(--text);margin-left:4px;font-weight:700}.forecast-quickfacts strong.status-normal{color:var(--green)}.forecast-quickfacts strong.status-risk{color:var(--orange)}.forecast-quickfacts strong.status-danger{color:var(--red)}.forecast-summary-right{text-align:right}.forecast-datetime{color:var(--muted);margin:6px 0 0;font-size:14px;font-weight:600}.param-nav-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.param-nav{align-items:center;gap:12px;display:flex}.param-nav-item{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:6px 2px 10px;font-family:inherit;font-size:14px;font-weight:600;position:relative}.param-nav-item:hover{color:var(--primary-dark)}.param-nav-item.active{color:var(--primary);font-weight:800}.param-nav-item.active:after{content:"";background:var(--primary);border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}.param-nav-divider{color:var(--faint);font-size:14px}.view-toggle{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 60%, transparent);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.view-toggle-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.view-toggle-btn:hover{color:var(--primary-dark)}.view-toggle-btn:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.view-toggle-btn.active{color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);font-weight:800}.forecast-area-chart .recharts-cartesian-axis-tick-value{fill:var(--muted);font-size:12px}.forecast-area-chart svg,.forecast-area-chart svg:focus,.forecast-area-chart :focus{outline:none}.forecast-area-chart .recharts-default-tooltip{border:1px solid var(--border)!important;background:color-mix(in srgb, var(--surface) 97%, transparent)!important;border-radius:12px!important;padding:10px 13px!important;font-size:12px!important;box-shadow:0 12px 30px #1b2f341f!important}.forecast-area-chart .recharts-tooltip-label{color:var(--text)!important;font-weight:700!important}.forecast-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.forecast-list-row{border:1px solid var(--border);border-left:4px solid var(--faint);background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:14px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.forecast-list-row.row-normal{border-left-color:var(--green)}.forecast-list-row.row-risk{border-left-color:var(--orange)}.forecast-list-row.row-danger{border-left-color:var(--red)}.forecast-list-main{grid-template-columns:1.1fr 1.2fr 1.3fr 1fr;align-items:center;gap:14px;display:grid}.forecast-list-when{flex-direction:column;gap:2px;display:flex}.forecast-list-time{color:var(--text);font-size:15px;font-weight:800}.forecast-list-offset{color:var(--muted);font-size:12px;font-weight:600}.forecast-list-reading{align-items:center;gap:8px;display:flex}.forecast-list-icon{flex:none;place-items:center;display:grid}.forecast-list-icon svg{width:20px;height:20px}.forecast-list-value{color:var(--text);letter-spacing:-.3px;font-size:18px;font-weight:800}.forecast-list-state{flex-direction:column;gap:2px;display:flex}.forecast-list-zone{color:var(--muted);font-size:13px;font-weight:800}.forecast-list-zone.status-normal{color:var(--green)}.forecast-list-zone.status-risk{color:var(--orange)}.forecast-list-zone.status-danger{color:var(--red)}.forecast-list-meaning{color:var(--muted);font-size:12px;font-weight:500}.forecast-list-change{justify-content:flex-end;align-items:center;gap:5px;display:flex}.forecast-list-change-text{font-size:13px;font-weight:700}.forecast-list-change.trend-flat .forecast-list-change-text,.forecast-list-change.trend-flat{color:var(--faint)}.forecast-list-health{border-top:1px solid var(--border);align-items:flex-start;gap:12px;padding-top:12px;display:flex}.forecast-list-health .predicted_status_badge{flex:none}.forecast-list-health p{color:var(--muted);align-items:flex-start;gap:7px;margin:0;font-size:12.5px;line-height:1.5;display:flex}.forecast-list-health p svg{color:var(--orange);flex-shrink:0;margin-top:2px}.forecast-list-empty{list-style:none}.forecast-value-group{flex-direction:column;display:flex}.forecast-value-row{align-items:center;gap:8px;display:flex}.forecast-trend{flex:none}.trend-up{color:var(--red)}.trend-down{color:var(--primary)}.trend-flat{color:var(--faint)}.forecast-summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid}.forecast-summary-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 60%, transparent);cursor:pointer;border-radius:14px;flex-direction:column;gap:6px;padding:14px;transition:border-color .2s,background .2s;display:flex}.forecast-summary-card:hover{border-color:var(--primary)}.forecast-summary-card.active{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent)}.forecast-summary-icon svg{width:18px;height:18px}.forecast-summary-label{color:var(--muted);font-size:12px;font-weight:700}.forecast-summary-values{color:var(--text);flex-wrap:wrap;align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex}.forecast-summary-arrow{color:var(--faint);flex:none}.forecast-summary-trend{flex:none}.forecast-summary-status{text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.forecast-summary-status.status-normal{color:var(--green)}.forecast-summary-status.status-risk{color:var(--orange)}.forecast-summary-status.status-danger{color:var(--red)}.forecast-title{align-items:center;gap:10px;display:flex}.forecast-title-icon{color:#fff;background:linear-gradient(145deg, var(--primary), var(--primary-dark));border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.forecast-badge-label{align-items:center;gap:6px;display:inline-flex}.forecast-badge-label svg{color:var(--primary);flex-shrink:0}.forecast-h2-icon,.forecast-h3-icon{align-items:center;gap:8px;display:flex}.forecast-h2-icon svg{color:var(--primary);flex-shrink:0}.forecast-h3-icon svg{color:var(--faint);flex-shrink:0}.predicted_status_badge{gap:5px}.predicted_status_badge svg{flex-shrink:0}.predicted_parameter_label{align-items:center;gap:7px;display:inline-flex}.predicted_parameter_label svg{color:var(--faint);flex-shrink:0}.predicted_status_prevention>span.predicted_prevention_label{align-items:center;gap:7px;display:flex}.predicted_prevention_label svg{color:var(--orange);flex-shrink:0}.forecast-error{align-items:flex-start;gap:10px;display:flex}.forecast-error svg{flex-shrink:0;margin-top:2px}.forecast-datetime{align-items:center;gap:7px;display:inline-flex}.forecast-datetime svg{color:var(--primary);flex-shrink:0}.forecast-no-data.has-icon{color:var(--muted);flex-direction:column;gap:10px}.forecast-no-data.has-icon svg{color:var(--faint)}@media (width<=900px){.container{flex-direction:column;gap:16px}.predicted_status,.forecast{flex:none;width:100%}.predicted_status_grid{max-height:none;padding-right:0;overflow:visible}.forecast-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.forecast-list-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.forecast-list-change{justify-content:flex-start}}@media (width<=650px){.predicted_status{-webkit-backdrop-filter:none;border-radius:18px;padding:16px 14px}.predicted_status_header h2{font-size:1.05rem}.predicted_status_header p{font-size:.8rem}.predicted_status_card_header{flex-direction:row;align-items:center}.predicted_status_prevention{margin-top:14px}.forecast-top{gap:12px}.forecast .panel{-webkit-backdrop-filter:none;border-radius:18px;padding:16px 14px}.forecast-top{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:14px}.forecast-summary-right{text-align:left;order:-1}.forecast-datetime{margin-top:3px;font-size:12.5px}.forecast-primary{gap:10px 12px;min-width:0}.forecast-primary-icon svg{width:32px;height:32px}.forecast-big-value{letter-spacing:-.8px;overflow-wrap:anywhere;font-size:34px}.forecast-quickfacts{border-left:0;border-top:1px solid var(--border);flex-flow:wrap;flex:100%;gap:4px 14px;padding:10px 0 0}.forecast-quickfacts p{font-size:11.5px}.forecast-quickfacts strong{margin-left:3px}.param-nav-row{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px}.view-toggle{align-self:stretch}.view-toggle-btn{flex:1 1 0;justify-content:center;min-height:38px}.param-nav{border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.param-nav-divider{display:none}.param-nav-item{text-align:center;overflow-wrap:anywhere;border-radius:9px;min-height:38px;padding:6px 2px;font-size:11.5px}.param-nav-item.active{background:color-mix(in srgb, var(--primary) 12%, transparent)}.param-nav-item.active:after{display:none}.forecast-area-chart .recharts-responsive-container{height:190px!important}.forecast-area-chart .recharts-cartesian-axis-tick-value{font-size:11px}.forecast-list{gap:8px}.forecast-list-main{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"when change""reading state";gap:10px 12px}.forecast-list-when{grid-area:when}.forecast-list-change{grid-area:change;justify-content:flex-end}.forecast-list-reading{grid-area:reading;min-width:0}.forecast-list-state{text-align:right;grid-area:state;align-items:flex-end}.forecast-list-row{border-radius:12px;gap:10px;padding:12px}.forecast-list-time{font-size:14px}.forecast-list-value{font-size:16px}.forecast-list-icon svg{width:18px;height:18px}.forecast-list-zone{font-size:12.5px}.forecast-list-health{flex-direction:column;gap:8px;padding-top:10px}.forecast-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.forecast-summary-card{-webkit-tap-highlight-color:transparent;border-radius:12px;gap:4px;min-width:0;padding:10px}.forecast-summary-icon svg{width:16px;height:16px}.forecast-summary-label{font-size:11px}.forecast-summary-values{gap:3px;font-size:11.5px;line-height:1.3}.forecast-summary-status{font-size:10px}.forecast-title-icon{border-radius:9px;width:30px;height:30px}.forecast-title-icon svg,.forecast-h2-icon svg{width:17px;height:17px}}@media (width<=400px){.forecast-big-value{font-size:30px}.param-nav-item{font-size:10.5px}.predicted_status,.forecast .panel{padding:14px 12px}.forecast-list-row{padding:10px}.forecast-list-value{font-size:15px}.forecast-list-meaning{font-size:11.5px}.forecast-list-health p{font-size:12px}.view-toggle-btn{padding:6px 8px;font-size:12.5px}}@media (width<=340px){.param-nav{scrollbar-width:none;display:flex;overflow-x:auto}.param-nav-item{flex:none;padding:6px 12px}.forecast-summary-grid{grid-template-columns:minmax(0,1fr)}}.settings{--s-accent:var(--primary,#0f8b8d);--s-accent-dark:var(--primary-dark,#0b6a6c);--s-green:#159b66;--s-red:#dc2626;background:var(--bg-page);min-height:100vh;color:var(--text-primary);padding:24px 30px 40px;font-family:Inter,Segoe UI,sans-serif}.settings *,.settings :before,.settings :after{box-sizing:border-box}.settings :focus-visible{outline:2px solid var(--s-accent);outline-offset:2px}.settings-grid{grid-template-rows:auto 1fr;grid-template-columns:1.15fr .85fr;align-items:start;gap:20px;width:100%;max-width:1150px;margin:0 auto;display:grid}.preferences-card{grid-area:1/1}.wifi-card{grid-area:2/1}.sms-card{grid-area:1/2/span 2}.settings-card{background:var(--bg-card);min-width:0;box-shadow:0 10px 28px var(--shadow-color);border:0;border-radius:22px;padding:22px}.card-title h2{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:800}.card-title p{color:var(--text-muted);margin:3px 0 0;font-size:12.5px;line-height:1.4}.setting-section h3{color:var(--text-primary);margin:0;font-size:14.5px;font-weight:700}.setting-description{color:var(--text-muted);margin:4px 0 14px;font-size:12.5px;line-height:1.5}.option-card{background:var(--bg-subtle);min-height:98px;color:var(--text-muted);font:inherit;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px var(--border-subtle);border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:14px;transition:transform .2s,box-shadow .2s,background .2s;display:flex;position:relative}.option-icon{width:34px;height:34px;color:var(--s-accent);background:color-mix(in srgb, var(--s-accent) 12%, var(--bg-card));border-radius:10px;place-items:center;margin-bottom:2px;display:grid}.option-label{color:var(--text-primary);font-size:13.5px;font-weight:700}.option-card:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--s-accent) 40%, var(--border-subtle));transform:translateY(-1px)}.option-card.selected{background:color-mix(in srgb, var(--s-accent) 8%, var(--bg-card));box-shadow:inset 0 0 0 2px var(--s-accent), 0 6px 16px color-mix(in srgb, var(--s-accent) 16%, transparent)}.option-check{background:var(--s-accent);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:9px;right:9px}.sms-body{padding-top:16px}.registered-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.registered-head h4{color:var(--text-primary);margin:0;font-size:14.5px;font-weight:700}.registered-count{background:color-mix(in srgb, var(--s-accent) 13%, var(--bg-card));min-width:22px;color:var(--s-accent);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:800}.phone-list{gap:8px;display:grid}.phone-card{background:var(--bg-subtle);box-shadow:inset 0 0 0 1px var(--border-subtle);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;display:flex}.phone-left{align-items:center;gap:10px;min-width:0;display:flex}.phone-icon{width:34px;height:34px;color:var(--s-green);background:color-mix(in srgb, var(--s-green) 13%, var(--bg-card));border-radius:10px;flex-shrink:0;place-items:center;display:grid}.phone-number{color:var(--text-primary);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-size:14.5px;font-weight:700}.remove-btn{background:color-mix(in srgb, var(--s-red) 12%, var(--bg-card));height:34px;color:var(--s-red);font:inherit;cursor:pointer;border:0;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:700;transition:background .15s;display:inline-flex}.remove-btn:hover:not(:disabled){background:color-mix(in srgb, var(--s-red) 22%, var(--bg-card))}.remove-btn:disabled{opacity:.5;cursor:not-allowed}.no-phone{border:1px dashed color-mix(in srgb, var(--text-muted) 30%, transparent);color:var(--text-faint,var(--text-muted));border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:22px 12px;display:flex}.no-phone p{color:var(--text-muted);margin:0;font-size:13px}.add-jar{border-top:1px solid var(--border-subtle);margin-top:18px;padding-top:16px}.add-text{color:var(--text-primary);margin:0 0 10px;font-size:14px;font-weight:700}.number-wrap{border:1px solid var(--border-subtle);background:var(--bg-subtle);border-radius:12px;align-items:center;gap:6px;width:100%;height:46px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.number-wrap:focus-within{border-color:var(--s-accent);background:var(--bg-card);box-shadow:0 0 0 3px color-mix(in srgb, var(--s-accent) 15%, transparent)}.number-prefix{color:var(--text-muted);-webkit-user-select:none;user-select:none;font-weight:700}.number-inp{min-width:0;height:100%;color:var(--text-primary);font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;flex:1;padding:0;font-size:15px}.settings .number-inp:focus,.settings .number-inp:focus-visible{box-shadow:none;outline:none}.add-error{color:var(--s-red);align-items:center;gap:6px;margin:8px 0 0;font-size:12.5px;line-height:1.4;display:flex}.add-error svg{flex-shrink:0}.add-btn{background:linear-gradient(145deg, var(--s-accent), var(--s-accent-dark));color:#fff;width:100%;height:42px;font:inherit;cursor:pointer;box-shadow:0 8px 18px color-mix(in srgb, var(--s-accent) 28%, transparent);border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:0 14px;font-size:13.5px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.add-btn:hover{transform:translateY(-1px)}.sms-note{color:var(--text-muted);align-items:flex-start;gap:7px;margin:12px 0 0;font-size:12px;line-height:1.45;display:flex}.sms-note svg{color:var(--s-accent);flex-shrink:0;margin-top:2px}.wifi-loading{margin:16px 0 0}.wifi-connected-card{background:color-mix(in srgb, var(--s-accent) 8%, var(--bg-card));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--s-accent) 22%, var(--border-subtle));border-radius:16px;align-items:center;gap:14px;margin-top:16px;padding:16px;display:flex}.wifi-connected-icon{background:linear-gradient(145deg, var(--s-accent), var(--s-accent-dark));color:#fff;border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid}.wifi-connected-info{flex-direction:column;gap:3px;min-width:0;display:flex}.wifi-connected-label{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.status-dot{background:#2fb872;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 3px #2fb87238}.status-dot.unknown{box-shadow:none;background:#9ca3af}.wifi-connected-ssid{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.wifi-connected-device{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;display:flex}.wifi-edit-trigger{background:var(--bg-subtle);width:100%;height:42px;color:var(--text-primary);font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px var(--border-subtle);border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;margin-top:14px;font-size:13.5px;font-weight:700;transition:all .15s;display:inline-flex}.wifi-edit-trigger:hover{background:color-mix(in srgb, var(--s-accent) 10%, var(--bg-subtle));color:var(--s-accent)}.no-device-state{border:1px dashed color-mix(in srgb, var(--text-muted) 30%, transparent);background:var(--bg-subtle);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:6px;margin-top:16px;padding:26px 20px;display:flex}.no-device-icon{width:46px;height:46px;color:var(--s-accent);background:color-mix(in srgb, var(--s-accent) 13%, var(--bg-card));border-radius:14px;place-items:center;margin-bottom:4px;display:grid}.add-button{background:linear-gradient(145deg, var(--s-accent), var(--s-accent-dark));color:#fff;height:40px;font:inherit;white-space:nowrap;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:13px;font-weight:700;display:inline-flex}.success-toast{z-index:99999;color:#fff;background:#166534;border-radius:14px;align-items:center;gap:10px;max-width:calc(100vw - 48px);padding:12px 18px;font-size:13.5px;font-weight:600;animation:.25s ease-out settings-toast-in;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 12px 28px #00000038}.success-toast>svg{flex-shrink:0}.undo-countdown{opacity:.8;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12.5px}.undo-button{color:inherit;font:inherit;cursor:pointer;background:#ffffff29;border:0;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:12.5px;font-weight:700;display:inline-flex}.undo-button:hover{background:#ffffff42}.undo-button:disabled{opacity:.5;cursor:not-allowed}@keyframes settings-toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes settings-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.settings-modal-overlay{z-index:9999;overscroll-behavior:contain;background:#0009;justify-content:center;align-items:center;padding:20px;font-family:Inter,Segoe UI,sans-serif;display:flex;position:fixed;inset:0}.settings-modal-box{box-sizing:border-box;border:1px solid var(--border-subtle);background:linear-gradient(var(--bg-card), var(--bg-card)), var(--bg-page);-webkit-backdrop-filter:none;backdrop-filter:none;opacity:1;width:100%;max-width:380px;color:var(--text-primary);text-align:center;border-radius:22px;padding:24px;box-shadow:0 24px 60px #0000004d}.settings-modal-box *,.settings-modal-box :before,.settings-modal-box :after{box-sizing:border-box}.settings-modal-icon{color:#159b66;background:color-mix(in srgb, #159b66 14%, var(--bg-card));border-radius:16px;place-items:center;width:50px;height:50px;margin:0 auto 14px;display:grid}.settings-modal-box h3{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 12px;font-size:17px;font-weight:800}.settings-modal-number{background:var(--bg-subtle);color:var(--text-primary);letter-spacing:.5px;font-variant-numeric:tabular-nums;border-radius:12px;margin:0 0 12px;padding:12px 14px;font-size:17px;font-weight:800}.settings-modal-box p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.55}.settings-modal-actions{gap:10px;margin-top:20px;display:flex}.settings-cancel-button,.settings-confirm-button{height:42px;font:inherit;cursor:pointer;border:0;border-radius:12px;flex:1;padding:0 14px;font-size:13.5px;font-weight:700;transition:all .15s}.settings-cancel-button{background:var(--bg-subtle);color:var(--text-primary)}.settings-cancel-button:hover{background:color-mix(in srgb, #dc2626 10%, var(--bg-subtle));color:#dc2626}.settings-confirm-button{background:linear-gradient(145deg, var(--primary,#0f8b8d), var(--primary-dark,#0b6a6c));color:#fff;box-shadow:0 8px 18px color-mix(in srgb, var(--primary,#0f8b8d) 28%, transparent)}.settings-confirm-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=900px){.settings-grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.preferences-card,.wifi-card,.sms-card{grid-area:auto}}@media (width<=768px){.settings{padding:12px 12px calc(88px + env(safe-area-inset-bottom,0px));-webkit-tap-highlight-color:transparent;overflow-x:hidden}.settings .settings-header-text{flex-direction:row;align-items:center;gap:11px;margin-bottom:12px}.settings .settings-header-icon{border-radius:12px;flex-basis:40px;width:40px;height:40px}.settings .settings-header-title h1{font-size:21px}.settings .settings-header-title p{margin:0;font-size:12px}.settings-header-icon svg{width:19px;height:19px}.settings-header-text h1{font-size:21px}.settings-header-text p{margin-top:2px;font-size:12px}.settings-grid{gap:10px}.settings-card{box-shadow:0 6px 16px var(--shadow-color);border-radius:16px;padding:13px}.card-title{gap:10px;padding-bottom:11px}.title-icon{border-radius:10px;width:34px;height:34px}.title-icon svg{width:17px;height:17px}.card-title h2{font-size:15px}.card-title p{font-size:11.5px}.setting-section{padding:12px 0 0}.setting-section h3{font-size:13.5px}.setting-description{margin:3px 0 10px;font-size:12px}.option-grid{gap:6px}.option-card{text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:4px;min-height:68px;padding:9px 4px}.option-card:hover{transform:none}.option-card:active{transform:scale(.97)}.option-icon{border-radius:9px;width:28px;height:28px;margin:0}.option-icon svg{width:16px;height:16px}.option-label{font-size:12px}.option-card small{display:none}.option-check{width:16px;height:16px;top:5px;right:5px}.option-check svg{width:10px;height:10px}.sms-body{padding-top:12px}.registered-head{margin-bottom:8px}.registered-head h4{font-size:13.5px}.registered-count{font-size:11px}.phone-list{gap:6px}.phone-card{border-radius:12px;gap:8px;padding:8px 10px}.phone-left{gap:9px}.phone-icon{border-radius:9px;width:30px;height:30px}.phone-icon svg{width:14px;height:14px}.phone-number{font-size:14px}.remove-btn{border-radius:9px;height:32px;padding:0 10px;font-size:11.5px}.no-phone{border-radius:12px;padding:16px 10px}.no-phone svg{width:18px;height:18px}.no-phone p{font-size:12.5px}.add-jar{margin-top:12px;padding-top:12px}.add-text{margin-bottom:8px;font-size:13px}.number-wrap{border-radius:11px;height:42px;padding:0 12px}.number-prefix,.number-inp{font-size:16px}.add-error{font-size:12px}.add-btn{border-radius:11px;height:38px;margin-top:10px;font-size:13px}.add-btn:hover{transform:none}.add-btn:active{transform:scale(.98)}.sms-note{margin-top:10px;font-size:11.5px}.wifi-connected-card{border-radius:13px;gap:10px;margin-top:12px;padding:11px}.wifi-connected-icon{border-radius:11px;width:38px;height:38px}.wifi-connected-icon svg{width:18px;height:18px}.wifi-connected-label{font-size:11px}.wifi-connected-ssid{font-size:15px}.wifi-connected-device{flex-wrap:wrap;font-size:11px}.wifi-edit-trigger{border-radius:11px;height:38px;margin-top:10px;font-size:13px}.no-device-state{border-radius:13px;gap:4px;margin-top:12px;padding:18px 14px}.no-device-icon{border-radius:11px;width:38px;height:38px}.no-device-icon svg{width:18px;height:18px}.no-device-title{font-size:13.5px}.no-device-text{font-size:12px}.no-device-add-button{border-radius:11px;height:38px;padding:0 18px}.success-toast{top:calc(8px + env(safe-area-inset-top,0px));border-radius:12px;gap:8px;max-width:none;padding:9px 12px;font-size:12.5px;left:10px;right:10px}.undo-countdown{margin-left:auto;font-size:12px}.undo-button{padding:3px 8px;font-size:12px}.settings-modal-overlay{align-items:flex-end;padding:0}.settings-modal-box{max-width:none;max-height:92dvh;padding:8px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;animation:.3s cubic-bezier(.2,.8,.2,1) settings-sheet-up;overflow-y:auto}.settings-modal-box:before{content:"";background:color-mix(in srgb, var(--text-muted) 40%, transparent);border-radius:4px;width:36px;height:4px;margin:0 auto 12px;display:block}.settings-modal-icon{border-radius:13px;width:42px;height:42px;margin-bottom:10px}.settings-modal-box h3{margin-bottom:8px;font-size:15.5px}.settings-modal-number{margin-bottom:8px;padding:9px 12px;font-size:16px}.settings-modal-box p{font-size:12.5px}.settings-modal-actions{gap:8px;margin-top:14px}.settings-cancel-button,.settings-confirm-button{border-radius:11px;height:40px;font-size:13px}}@media (width<=420px){.settings{padding-left:10px;padding-right:10px}.settings-header-text h1{font-size:19px}.remove-btn{justify-content:center;width:32px;padding:0}.remove-btn span{display:none}.option-label{font-size:11.5px}}@media (prefers-reduced-motion:reduce){.settings-modal-box,.success-toast{animation:none!important}}.pod-tile{background:radial-gradient(120% 150% at 0% 0%, color-mix(in srgb, var(--s-accent) 16%, transparent), transparent 62%), var(--bg-subtle);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--s-accent) 20%, var(--border-subtle));border-radius:20px;margin-top:16px;padding:20px}.pod-eyebrow{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:10.5px;font-weight:700}.pod-tile-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.pod-tile-id{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.pod-name{color:var(--text-primary);letter-spacing:-.035em;overflow-wrap:anywhere;margin:0;font-size:28px;font-weight:800;line-height:1.1}.pod-pill{background:color-mix(in srgb, #2fb872 14%, var(--bg-card));color:#1b8a53;border-radius:999px;align-items:center;gap:7px;margin-top:6px;padding:4px 11px 4px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.pod-live-dot{background:#2fb872;border-radius:50%;width:7px;height:7px;position:relative}.pod-live-dot:after{content:"";background:#2fb872;border-radius:50%;animation:2s ease-out infinite pod-pulse;position:absolute;inset:0}@keyframes pod-pulse{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.pod-change-btn{background:linear-gradient(145deg, var(--s-accent), var(--s-accent-dark));color:#fff;height:40px;font:inherit;white-space:nowrap;cursor:pointer;box-shadow:0 8px 18px color-mix(in srgb, var(--s-accent) 30%, transparent);border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:0 18px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.pod-change-btn:hover{box-shadow:0 12px 22px color-mix(in srgb, var(--s-accent) 36%, transparent);transform:translateY(-1px)}.pod-change-btn:active{transform:scale(.98)}.pod-network{border-top:1px solid color-mix(in srgb, var(--s-accent) 16%, var(--border-subtle));align-items:center;gap:14px;margin-top:18px;padding-top:18px;display:flex}.pod-bars{background:color-mix(in srgb, var(--s-accent) 13%, var(--bg-card));border-radius:14px;flex:none;align-items:flex-end;gap:3px;width:44px;height:44px;padding:11px 12px;display:flex}.pod-bars i{background:var(--s-accent);border-radius:2px;width:4px;display:block}.pod-bars i:first-child{height:6px}.pod-bars i:nth-child(2){height:10px}.pod-bars i:nth-child(3){height:15px}.pod-bars i:nth-child(4){height:21px}.pod-bars.off i{background:color-mix(in srgb, var(--text-muted) 38%, transparent)}.pod-network-info{flex-direction:column;gap:3px;min-width:0;display:flex}.pod-ssid{color:var(--text-primary);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:700;overflow:hidden}@media (width<=768px){.pod-tile{border-radius:16px;margin-top:12px;padding:15px}.pod-name{font-size:22px}.pod-change-btn{height:36px;padding:0 15px;font-size:12.5px}.pod-network{gap:12px;margin-top:14px;padding-top:14px}.pod-bars{border-radius:12px;width:40px;height:40px;padding:10px 11px}.pod-ssid{font-size:16px}}@media (prefers-reduced-motion:reduce){.pod-live-dot:after{animation:none}}@media (width<=768px){.settings{padding:10px 10px calc(84px + env(safe-area-inset-bottom,0px))}.settings .settings-header-icon{width:34px;height:34px;box-shadow:0 6px 14px color-mix(in srgb, var(--s-accent) 28%, transparent);border-radius:11px;flex-basis:34px}.settings .settings-grid{gap:8px}.settings .settings-card{box-shadow:0 4px 12px var(--shadow-color);border-radius:14px;padding:11px}.settings .card-title{gap:9px;padding-bottom:9px}.settings .title-icon{border-radius:9px;width:30px;height:30px}.settings .title-icon svg{width:15px;height:15px}.settings .card-title h2{font-size:13.5px}.settings .card-title p{margin-top:1px;font-size:11px}.settings .setting-section{padding-top:10px}.settings .setting-section h3{font-size:12.5px}.settings .setting-description{margin:2px 0 8px;font-size:11px}.settings .option-grid{gap:5px}.settings .option-card{border-radius:10px;gap:3px;min-height:56px;padding:7px 4px}.settings .option-icon{border-radius:8px;width:24px;height:24px}.settings .option-icon svg{width:14px;height:14px}.settings .option-label{font-size:11px}.settings .option-check{width:14px;height:14px;top:4px;right:4px}.settings .option-check svg{width:9px;height:9px}.settings .sms-body{padding-top:10px}.settings .registered-head{margin-bottom:7px}.settings .registered-head h4{font-size:12.5px}.settings .registered-count{min-width:20px;padding:1px 7px;font-size:10.5px}.settings .phone-list{gap:5px}.settings .phone-card{border-radius:11px;padding:7px 9px}.settings .phone-left{gap:8px}.settings .phone-icon{border-radius:8px;width:26px;height:26px}.settings .phone-icon svg{width:13px;height:13px}.settings .phone-number{font-size:13px}.settings .remove-btn{border-radius:8px;gap:5px;height:28px;padding:0 9px;font-size:11px}.settings .remove-btn svg{width:13px;height:13px}.settings .no-phone{border-radius:11px;padding:12px 10px}.settings .no-phone svg{width:16px;height:16px}.settings .no-phone p{font-size:11.5px}.settings .add-jar{margin-top:10px;padding-top:10px}.settings .add-text{margin-bottom:6px;font-size:12px}.settings .number-wrap{border-radius:10px;height:38px;padding:0 11px}.settings .add-error{margin-top:6px;font-size:11px}.settings .add-btn{border-radius:10px;height:34px;margin-top:8px;font-size:12px}.settings .add-btn svg{width:14px;height:14px}.settings .sms-note{margin-top:8px;font-size:10.5px}.settings .sms-note svg{width:12px;height:12px}.settings .wifi-connected-card{border-radius:11px;gap:9px;margin-top:10px;padding:9px}.settings .wifi-connected-icon{border-radius:9px;width:32px;height:32px}.settings .wifi-connected-icon svg{width:16px;height:16px}.settings .wifi-connected-label{font-size:10.5px}.settings .wifi-connected-ssid{font-size:13.5px}.settings .wifi-connected-device{font-size:10.5px}.settings .wifi-edit-trigger{border-radius:10px;height:34px;margin-top:8px;font-size:12px}.settings .no-device-state{border-radius:12px;margin-top:10px;padding:14px 12px}.settings .no-device-icon{border-radius:10px;width:32px;height:32px}.settings .no-device-icon svg{width:16px;height:16px}.settings .no-device-title{font-size:12.5px}.settings .no-device-text{margin-bottom:6px;font-size:11px}.settings .no-device-add-button,.settings .add-button{border-radius:10px;height:34px;padding:0 16px;font-size:12px}.settings .pod-tile{border-radius:14px;margin-top:10px;padding:12px}.settings .pod-eyebrow{font-size:9.5px}.settings .pod-tile-top{gap:10px}.settings .pod-name{font-size:18px}.settings .pod-pill{margin-top:4px;padding:3px 9px 3px 8px;font-size:10.5px}.settings .pod-change-btn{gap:6px;height:32px;padding:0 13px;font-size:11.5px}.settings .pod-change-btn svg{width:13px;height:13px}.settings .pod-network{gap:10px;margin-top:11px;padding-top:11px}.settings .pod-bars{border-radius:10px;gap:2px;width:34px;height:34px;padding:8px 9px}.settings .pod-bars i{width:3px}.settings .pod-bars i:first-child{height:5px}.settings .pod-bars i:nth-child(2){height:8px}.settings .pod-bars i:nth-child(3){height:12px}.settings .pod-bars i:nth-child(4){height:17px}.settings .pod-ssid{font-size:14px}.settings .success-toast{padding:8px 11px;font-size:12px}.settings .success-toast>svg{width:16px;height:16px}.settings .undo-countdown,.settings .undo-button{font-size:11.5px}.settings-modal-overlay .settings-modal-box{padding:8px 14px calc(14px + env(safe-area-inset-bottom,0px))}.settings-modal-overlay .settings-modal-icon{border-radius:11px;width:36px;height:36px;margin-bottom:8px}.settings-modal-overlay .settings-modal-box h3{font-size:14px}.settings-modal-overlay .settings-modal-number{padding:8px 11px;font-size:14.5px}.settings-modal-overlay .settings-modal-box p{font-size:11.5px}.settings-modal-overlay .settings-cancel-button,.settings-modal-overlay .settings-confirm-button{border-radius:10px;height:36px;font-size:12px}.settings .option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings .settings-header-text{gap:10px;margin-bottom:10px}.settings .settings-header-icon{border-radius:11px;flex:0 0 34px;width:34px;height:34px}.settings .settings-header-icon svg{width:16px;height:16px}.settings .settings-header-title{gap:1px}.settings .settings-header-title h1{letter-spacing:-.02em;font-size:18px}.settings .settings-header-title p{font-size:11px}}.settings-device-modals .add-device-modal-overlay{z-index:10000!important;background:#0009!important;position:fixed!important;inset:0!important}.settings-device-modals .add-device-modal-panel{background:linear-gradient(var(--bg-card), var(--bg-card)), var(--bg-page)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:1!important}@media (width<=768px){.settings .add-btn{height:32px}.settings .no-device-add-button,.settings .add-button{height:32px;padding:0 14px}.settings-modal-overlay .settings-cancel-button,.settings-modal-overlay .settings-confirm-button{height:34px;font-size:12px}}.add-device-page{align-items:flex-start;overflow:visible}.add-device-card{flex-shrink:0;max-width:410px;margin-block:auto}.add-device-body{--gap:16px;text-align:center;color:var(--ink);flex-direction:column;display:flex}.add-device-body h1{color:var(--ink);letter-spacing:-.3px;margin:0;font-family:Fraunces,serif;font-size:24px;font-weight:500}.add-device-body .login-form{margin-top:20px}.device-hero-icon{background:linear-gradient(145deg, #fff, var(--scale));width:48px;height:48px;color:var(--accent-deep);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;display:none;box-shadow:5px 5px 12px #13487324,-4px -4px 10px #fffffff2,inset 1px 1px 2px #ffffffe6}.device-eyebrow{color:var(--accent-deep);letter-spacing:1.8px;text-transform:uppercase;margin:2px 0 8px;font-size:10px;font-weight:600}.add-device-lede{max-width:300px;margin:7px auto 0;line-height:1.55}.device-choice-divider{align-items:center;gap:10px;margin:16px 0 12px;display:flex}.device-choice-divider span{background:var(--border);flex:1;height:1px}.device-choice-divider p{color:#9babb8;margin:0;font-size:11px}.device-skip-button{border:1px solid var(--border);background:var(--sand);width:100%;min-height:44px;color:var(--accent-deep);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;justify-content:center;align-items:center;gap:7px;margin-top:8px;padding:0 14px;font-family:inherit;font-size:12.5px;font-weight:500;transition:background .2s,transform .2s,border-color .2s;display:flex}.device-choice-divider+.device-skip-button{margin-top:0}.device-skip-button:hover:not(:disabled){background:#e9f3fb;border-color:#c4dbea;transform:translateY(-1px)}.device-skip-button:disabled{opacity:.55;cursor:not-allowed}.device-bottom-note{color:#8a9eac;max-width:300px;margin:14px auto 0;font-size:11px;line-height:1.5}.pond-device-radar{--radar:clamp(150px, 30dvh, 220px);width:var(--radar);height:var(--radar);border-radius:50%;justify-content:center;align-items:center;margin:16px auto 8px;display:flex;position:relative}.radar-backdrop{background:radial-gradient(circle,#2f7fd10f,#0000 72%);border-radius:50%;position:absolute;inset:0;overflow:hidden}.radar-backdrop:before,.radar-backdrop:after{content:"";background:#2f7fd117;position:absolute}.radar-backdrop:before{height:1px;top:50%;left:7%;right:7%;transform:translateY(-50%)}.radar-backdrop:after{width:1px;top:7%;bottom:7%;left:50%;transform:translate(-50%)}.pond-radar-ring{opacity:.3;background:#2f7fd103;border:1px solid #2f7fd133;border-radius:50%;transition:opacity .4s;position:absolute}.pond-ring-one{width:36%;height:36%}.pond-ring-two{opacity:.24;width:56%;height:56%}.pond-ring-three{opacity:.17;width:77%;height:77%}.pond-ring-four{opacity:.1;width:98%;height:98%}.radar-scanning .pond-radar-ring{opacity:1;animation:3.2s ease-out infinite pondRadarPulse}.radar-scanning .pond-ring-two{animation-delay:.35s}.radar-scanning .pond-ring-three{animation-delay:.7s}.radar-scanning .pond-ring-four{animation-delay:1.05s}@keyframes pondRadarPulse{0%{opacity:.15;transform:scale(.82)}40%{opacity:.85}to{opacity:0;transform:scale(1.08)}}.pond-radar-sweep{filter:drop-shadow(0 0 6px #2f7fd140);background:conic-gradient(#0000 0deg 296deg,#2f7fd104 312deg,#2f7fd147 356deg,#0000 360deg);border-radius:50%;width:88%;height:88%;animation:4.2s linear infinite pondRadarRotate;position:absolute}@keyframes pondRadarRotate{to{transform:rotate(360deg)}}.pond-gateway-circle{z-index:5;width:34%;height:34%;color:var(--accent-deep);background:linear-gradient(145deg,#fff,#eef6fc);border-radius:50%;justify-content:center;align-items:center;transition:box-shadow .4s;animation:2.8s ease-in-out infinite gatewayFloat;display:flex;position:relative;box-shadow:8px 8px 18px #13487324,-6px -6px 15px #fffffff5,inset 1px 1px 2px #fffffff2,inset -2px -2px 5px #13487314}.radar-scanning .pond-gateway-circle{box-shadow:8px 8px 18px #13487324,-6px -6px 15px #fffffff5,inset 1px 1px 2px #fffffff2,inset -2px -2px 5px #13487314,0 0 16px #2f7fd159}@keyframes gatewayFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.gateway-search-dot{background:var(--accent);border:3px solid #fff;border-radius:50%;width:13px;height:13px;animation:1.3s ease-in-out infinite gatewayDotPulse;position:absolute;bottom:8%;right:8%;box-shadow:0 0 9px #2f7fd180}@keyframes gatewayDotPulse{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.radar-found-device{z-index:10;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;animation:.4s cubic-bezier(.34,1.56,.64,1) both radarFoundPop;position:absolute;top:18%;right:8%}@keyframes radarFoundPop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.radar-found-device-icon{width:48px;height:48px;color:var(--accent-deep);background:#fff;border:1px solid #2f7fd147;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;animation:1.8s ease-in-out infinite pondDetectedPulse;display:flex;box-shadow:0 5px 14px #0b2a4524}.radar-found-device:hover .radar-found-device-icon{transform:scale(1.06)}.radar-found-device-label{color:var(--ink);white-space:nowrap;margin-top:3px;font-size:10px;font-weight:600;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes pondDetectedPulse{0%,to{box-shadow:0 5px 14px #0b2a4524}50%{box-shadow:0 5px 18px #2f7fd14d}}.device-search-status{color:var(--ink-soft);justify-content:center;align-items:center;gap:7px;margin:0 0 16px;font-size:12px;display:flex}.device-search-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.3s ease-in-out infinite searchStatusPulse;box-shadow:0 0 6px #2f7fd180}.device-found-dot{background:#2b9a66;animation:none;box-shadow:0 0 7px #2b9a6680}@keyframes searchStatusPulse{0%,to{opacity:.35}50%{opacity:1}}.search-dots{display:inline-flex}.search-dots i{opacity:0;font-style:normal;animation:1.3s infinite animatedSearchDots}.search-dots i:nth-child(2){animation-delay:.2s}.search-dots i:nth-child(3){animation-delay:.4s}@keyframes animatedSearchDots{0%,25%{opacity:0}55%,to{opacity:1}}.detected-device-row{border:1px solid var(--border);background:var(--sand);width:100%;color:var(--ink);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:11px;margin:0 0 14px;padding:11px 12px;font-family:inherit;transition:border-color .2s,background .2s;display:flex}.detected-device-row:hover{background:#f3f9fd;border-color:#2f7fd159}.detected-device-row-icon{width:38px;height:38px;color:var(--accent-deep);background:var(--scale);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.detected-device-row-content{flex:1;min-width:0}.detected-device-row-content strong{text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:13px;font-weight:600;display:block;overflow:hidden}.detected-device-row-content small{color:var(--ink-soft);font-size:11px}.row-arrow{color:#96a9b8;flex-shrink:0;transition:transform .2s,color .2s}.detected-device-row:hover .row-arrow{color:var(--accent-deep);transform:translate(3px)}.radar-search-button{width:100%;margin-top:0}.wifi-device-summary{border:1px solid var(--border);background:var(--sand);color:var(--accent-deep);text-align:left;border-radius:16px;align-items:center;gap:11px;margin:18px 0 14px;padding:11px 14px;display:flex}.wifi-device-summary>svg{flex-shrink:0}.wifi-device-summary>div{flex:1;min-width:0}.wifi-device-summary strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;display:block;overflow:hidden}.wifi-device-summary small{color:var(--ink-soft);margin-top:2px;font-size:11px;display:block}.wifi-summary-check{color:#2b9a66}.wifi-bluetooth-required{color:var(--accent-deep);background:#f4f9fd;border:1px dashed #2f7fd152;border-radius:16px;flex-direction:column;align-items:center;gap:6px;margin-bottom:16px;padding:14px;display:flex}.wifi-bluetooth-required strong{color:var(--ink);font-size:13px}.wifi-bluetooth-required p{max-width:280px;color:var(--ink-soft);margin:0;font-size:12px;line-height:1.5}.wifi-bluetooth-required .device-skip-button{margin-top:6px}.wifi-ble-ready{color:#237a52;background:#2b9a6617;border-radius:12px;justify-content:center;align-items:center;gap:7px;margin-bottom:14px;padding:9px 12px;font-size:12px;font-weight:500;display:flex}.wifi-network-section{margin:4px 0 2px}.wifi-network-header{text-align:left;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.wifi-network-header>div{min-width:0}.wifi-network-header strong{color:var(--ink);font-size:13px;font-weight:600;display:block}.wifi-network-header small{color:var(--ink-soft);margin-top:2px;font-size:11px;display:block}.wifi-scan-button{border:1px solid var(--border);background:var(--sand);min-height:36px;color:var(--accent-deep);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:500;display:inline-flex}.wifi-scan-button:hover:not(:disabled){background:#e9f3fb;border-color:#c4dbea}.wifi-scan-button:disabled{opacity:.55;cursor:not-allowed}.wifi-network-list{scrollbar-width:thin;gap:7px;max-height:min(38dvh,260px);padding:2px 3px 2px 0;display:grid;overflow-y:auto}.wifi-network-row{border:1px solid var(--border);background:var(--sand);width:100%;min-height:56px;color:var(--ink);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;align-items:center;gap:10px;padding:9px 11px;font-family:inherit;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;display:flex}.wifi-network-row:hover:not(:disabled){background:#f3f9fd;border-color:#2f7fd159;transform:translateY(-1px)}.wifi-network-row:disabled{opacity:.65;cursor:not-allowed}.wifi-network-selected{box-shadow:0 0 0 3px #2f7fd11a;border-color:var(--accent)!important;background:#eef7fd!important}.wifi-network-icon{background:var(--scale);width:36px;height:36px;color:var(--accent-deep);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.wifi-network-main{flex:1;min-width:0}.wifi-network-main strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;display:block;overflow:hidden}.wifi-network-main small{color:var(--ink-soft);margin-top:2px;font-size:11px;display:block}.wifi-network-security{color:#7890a2;flex-shrink:0;align-items:center;display:flex}.wifi-network-security small{font-size:10.5px}.wifi-empty-state{border:1px dashed var(--border);min-height:88px;color:var(--ink-soft);text-align:center;background:#f2f8fc8c;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:15px;font-size:12px;display:flex}.wifi-connect-form{margin-top:14px!important}.wifi-selected-card{background:var(--scale);color:var(--accent-deep);border-radius:13px;align-items:center;gap:9px;padding:10px 12px;display:flex}.wifi-selected-card>div{flex:1;min-width:0}.wifi-selected-card small{color:var(--ink-soft);font-size:10.5px;display:block}.wifi-selected-card strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:13px;display:block;overflow:hidden}.wifi-open-network-note{color:#237a52;text-align:center;background:#2b9a6614;border-radius:12px;margin:0;padding:11px 12px;font-size:12px;line-height:1.45}.pod-wifi-status{background:var(--scale);min-height:40px;color:var(--accent-deep);text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:12px;line-height:1.45;display:flex}.pod-setup-success{text-align:center;padding:10px 0 24px}.pod-success-icon{color:#26845a;background:#2b9a661a;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:4px auto 18px;animation:.45s cubic-bezier(.34,1.56,.64,1) both radarFoundPop;display:flex;box-shadow:inset 2px 2px 6px #2b9a6614,0 7px 20px #2b9a661f}.device-skip-button:focus-visible,.wifi-scan-button:focus-visible,.wifi-network-row:focus-visible,.detected-device-row:focus-visible,.radar-found-device:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=480px){.add-device-body{--gap:14px}.add-device-body h1{font-size:22px}.add-device-body .login-form{margin-top:16px}.pond-device-radar{--radar:clamp(140px, 27dvh, 200px);margin-top:12px}.device-search-status{margin-bottom:12px}.wifi-device-summary{margin:14px 0 12px}}@media (hover:none) and (pointer:coarse){.device-skip-button{min-height:48px}.wifi-scan-button{min-height:42px}.wifi-network-row{min-height:60px}}@media (height<=640px){.device-hero-icon{display:none!important}.device-bottom-note{margin-top:10px}}@media (prefers-reduced-motion:reduce){.pond-radar-ring,.pond-radar-sweep,.pond-gateway-circle,.gateway-search-dot,.device-search-dot,.search-dots i,.radar-found-device,.radar-found-device-icon,.pod-success-icon{animation:none!important}.search-dots i{opacity:1}}.add-device-modal-overlay{z-index:1100;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));overscroll-behavior:contain;background:0 0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.add-device-modal-panel{overscroll-behavior:contain;width:100%;max-width:400px;max-height:100%;color:var(--ink);scrollbar-width:thin;scrollbar-color:var(--scale-dark) transparent;background:#fdfeff;border-radius:28px;padding:32px 26px 26px;font-family:Work Sans,sans-serif;animation:.26s cubic-bezier(.2,.8,.2,1) both addDeviceModalPopIn;position:relative;overflow-y:auto;box-shadow:0 28px 70px #06162652,0 0 0 1px #1348731a,inset 1px 1px 2px #ffffffb3}@keyframes addDeviceModalPopIn{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.add-device-modal-panel .device-hero-icon{display:flex}.add-device-modal-close{z-index:3;background:var(--sand);width:34px;height:34px;color:var(--ink-soft);cursor:pointer;box-shadow:inset 2px 2px 4px var(--clay-inset-dark), inset -2px -2px 4px var(--clay-inset-light);border:0;border-radius:50%;place-items:center;padding:0;transition:background .15s,color .15s;display:grid;position:absolute;top:12px;right:12px}.add-device-modal-close:hover:not(:disabled){background:var(--rust-bg);color:var(--rust)}.add-device-modal-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.add-device-modal-close:disabled{opacity:.45;cursor:not-allowed}@media (width<=480px){.add-device-modal-overlay{padding-inline:max(12px, env(safe-area-inset-left))}.add-device-modal-panel{border-radius:24px;padding:28px 18px 20px}}@media (hover:none) and (pointer:coarse){.add-device-modal-close{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.add-device-modal-panel{animation:none}}.dashboard-page *,.dashboard-page :before,.dashboard-page :after{box-sizing:border-box}.dash-title{align-items:center;gap:16px;min-width:0;display:flex}.dash-title h1{margin:0}.dash-title p{color:var(--muted);margin:4px 0 0}.dash-title-icon{color:#fff;background:linear-gradient(145deg, var(--primary), var(--primary-dark));width:52px;height:52px;box-shadow:0 10px 22px color-mix(in srgb, var(--primary) 32%, transparent);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.header-stats{flex-wrap:wrap;gap:10px;display:flex}.stat-badge{--tone:var(--primary);background:var(--bg-card);min-width:0;box-shadow:0 6px 16px var(--shadow-color);border:0;border-radius:14px;align-items:center;gap:10px;padding:8px 16px 8px 8px;display:inline-flex}.stat-badge--blue{--tone:var(--blue,#72a7e8)}.stat-badge--red{--tone:var(--red)}.stat-badge--green{--tone:var(--green)}.stat-badge-icon{width:34px;height:34px;color:var(--tone);background:color-mix(in srgb, var(--tone) 14%, var(--bg-card));border-radius:10px;flex-shrink:0;place-items:center;display:grid}.stat-badge-text{min-width:0;color:var(--muted);flex-direction:column;gap:1px;font-size:11px;font-weight:700;line-height:1.2;display:flex}.stat-label--short{display:none}.stat-badge strong{color:var(--text);letter-spacing:-.3px;font-variant-numeric:tabular-nums;margin:0;font-size:18px;font-weight:800}.dash-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.dash-head-main{align-items:center;gap:12px;min-width:0;display:flex}.dash-head-icon{width:40px;height:40px;color:var(--primary);background:color-mix(in srgb, var(--primary) 13%, var(--bg-card));border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.dash-head h3{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:19px;font-weight:800}.dash-head p{color:var(--muted);margin:3px 0 0;font-size:13px;line-height:1.45}.dash-live{--tone:var(--orange);border:1px solid color-mix(in srgb, var(--tone) 28%, transparent);background:color-mix(in srgb, var(--tone) 12%, var(--bg-card));color:var(--tone);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.dash-live--ok{--tone:var(--green)}.dash-live--off{--tone:var(--red)}.page-shell>.health-overview{align-items:stretch;gap:22px;margin-bottom:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important}.health-overview .health-status-card{--health-accent:var(--green);border:1px solid color-mix(in srgb, var(--health-accent) 28%, transparent);background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--health-accent) 14%, transparent), transparent 60%), linear-gradient(145deg, var(--bg-card), var(--bg-subtle));min-width:0;box-shadow:0 8px 24px var(--shadow-color), inset 0 1px 0 var(--glass-hi);border-radius:22px;flex-direction:column;padding:26px;display:flex;position:relative;overflow:hidden}.health-overview .health-status-card:before{content:"";background:var(--health-accent);opacity:.85;height:3px;position:absolute;inset:0 0 auto}.health-overview .health-status-card--risk{--health-accent:var(--orange)}.health-overview .health-status-card--danger{--health-accent:var(--red)}.health-overview .health-status-card--no-data{--health-accent:var(--text-muted);border:1px dashed color-mix(in srgb, var(--text-muted) 35%, transparent);background:linear-gradient(145deg, var(--bg-card), var(--bg-subtle))}.health-overview .health-status-card--no-data:before{opacity:.25}.health-overview .health-status-card--no-data .health-condition h2{color:var(--text-muted)}.health-overview .health-status-card--no-data .health-condition{flex:1;margin:16px 0 6px}@keyframes health-pulse{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.health-spin{animation:.9s linear infinite health-rotate}@keyframes health-rotate{to{transform:rotate(360deg)}}.health-recommendation{border:0;border-left:3px solid var(--health-accent);background:var(--bg-card);border-radius:12px;flex:1;padding:16px 18px;animation:.35s both health-pop}@keyframes health-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.page-shell .gauge-grid{gap:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important}.gauge-card{background:linear-gradient(145deg, var(--glass-hi), var(--glass-mid));min-width:0;min-height:375px;box-shadow:0 10px 28px var(--shadow-color);-webkit-backdrop-filter:blur(18px);border:0;border-radius:20px;padding:21px;transition:transform .22s,box-shadow .22s,background .2s;position:relative;overflow:hidden}.gauge-card:before,.gauge-card:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.gauge-card:before{background:var(--glass-hi);filter:blur(30px);width:230px;height:135px;top:-65px;left:-50px}.gauge-card:after{background:color-mix(in srgb, var(--primary) 5%, transparent);filter:blur(16px);width:190px;height:190px;bottom:-85px;right:-75px}@media (hover:hover){.gauge-card:hover{box-shadow:0 18px 38px var(--shadow-color);transform:translateY(-4px)}}.gauge-title>div{min-width:0}.gauge-icon{--pill-color:var(--muted);width:36px;height:36px;color:var(--pill-color);background:color-mix(in srgb, var(--pill-color) 14%, var(--bg-card));border:1px solid color-mix(in srgb, var(--pill-color) 24%, transparent);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.pill{color:var(--pill-color);background:linear-gradient(145deg, var(--glass-hi), color-mix(in srgb, var(--pill-color) 9%, var(--bg-card)));border:1px solid color-mix(in srgb, var(--pill-color) 20%, transparent);box-shadow:0 4px 10px var(--shadow-color);border-radius:999px;flex-shrink:0;padding:7px 12px;font-size:10.5px;font-weight:800}.half-gauge{width:100%;height:auto;filter:drop-shadow(0 6px 7px var(--shadow-color));display:block}.gauge-value{z-index:2;text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 6px;margin-top:6px;display:flex;position:relative}.gauge-value strong{color:var(--text);letter-spacing:-.6px;font-size:34px;font-weight:800;line-height:1}.gauge-value small{color:var(--muted);font-size:15px;font-weight:650}.gauge-legend{display:none}.updated{z-index:3;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;gap:6px;margin:13px 0 0;font-size:11.5px;font-weight:600;display:flex;position:relative}.gauge-empty-state p{max-width:170px;color:var(--muted);margin:0;font-size:12.5px}.page-shell>.trend-section{background:var(--bg-card);min-width:0;box-shadow:0 8px 24px var(--shadow-color);border:0;border-radius:22px;margin-top:24px;padding:28px}.trend-section .trend-heading{flex-flow:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.trend-heading>div:first-child{flex:260px;min-width:0}.trend-eyebrow{color:var(--text-muted);letter-spacing:1.6px;margin-bottom:9px;font-size:10px;font-weight:700;display:block}.trend-section .trend-heading h3{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-family:Sora,Segoe UI,sans-serif;font-size:clamp(18px,2vw,22px);font-weight:600;line-height:1.4}.trend-section .trend-heading p{color:var(--text-muted);margin:8px 0 0;font-size:13px;font-weight:400;line-height:1.6}.range-switch{background:var(--bg-subtle);border:0;border-radius:12px;flex-shrink:0;gap:2px;padding:4px;display:inline-flex}.range-btn{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 14px;font-size:12px;font-weight:600;transition:background .18s,color .18s}.range-btn:hover{color:var(--text-primary)}.range-btn.is-active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 8px var(--shadow-color)}.range-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.trend-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 24px;display:grid}.trend-metric{border:0;border-top:3px solid var(--metric-color);background:var(--bg-subtle);border-radius:12px;min-width:0;padding:17px 16px}.trend-metric-label{min-height:36px;color:var(--text-primary);overflow-wrap:anywhere;align-items:center;gap:8px;font-size:12px;font-weight:600;line-height:1.5;display:flex}.trend-metric-dot{background:var(--metric-color);border-radius:50%;flex-shrink:0;width:8px;height:8px}.trend-metric-value{flex-wrap:wrap;align-items:baseline;gap:6px;margin:12px 0 0;display:flex}.trend-metric-value strong{min-width:0;color:var(--text-primary);letter-spacing:-.6px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-family:Sora,Segoe UI,sans-serif;font-size:25px;font-weight:600;line-height:1.3}.trend-metric-value span{color:var(--text-muted);font-size:11px}.trend-metric-caption{color:var(--text-muted);margin:6px 0 0;font-size:11px;line-height:1.5}.trend-metric.is-empty .trend-metric-value strong{color:var(--text-muted)}.trend-section .trend-chart{background:var(--bg-subtle);border:0;border-radius:14px;min-width:0;margin-top:0;padding:18px 10px 10px;position:relative}.trend-chart .recharts-wrapper{font-family:Inter,Segoe UI,sans-serif}.trend-chart .recharts-cartesian-axis-tick-value{fill:var(--muted);font-size:12.5px}.trend-chart .recharts-cartesian-grid-horizontal line{stroke:color-mix(in srgb, var(--border) 60%, transparent)}.trend-chart .recharts-cartesian-grid-vertical line{stroke:#0000}.trend-chart .recharts-tooltip-wrapper{outline:none}.trend-chart .recharts-default-tooltip{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border)!important;background:var(--glass-hi)!important;box-shadow:0 12px 30px var(--shadow-color)!important;border-radius:12px!important;padding:13px 15px!important}.trend-chart .recharts-tooltip-label{color:var(--text)!important;margin-bottom:8px!important;font-size:12.5px!important;font-weight:750!important}.trend-chart .recharts-tooltip-item{font-size:12.5px!important}.trend-chart .recharts-area-curve{filter:drop-shadow(0 3px 5px var(--shadow-color))}.trend-chart .recharts-bar-rectangle{filter:drop-shadow(0 2px 3px var(--shadow-color))}.empty{color:var(--muted);text-align:center;padding:55px 40px;font-size:14px}.trend-section .trend-chart .empty{place-items:center;min-height:260px;padding:32px 20px;line-height:1.6;display:grid}.tq-card{background:linear-gradient(145deg, var(--glass-hi), var(--glass-mid));min-width:0;box-shadow:0 12px 30px var(--shadow-color);-webkit-backdrop-filter:blur(18px);border:0;border-radius:24px;margin-top:24px;padding:28px 28px 24px;position:relative;overflow:hidden}.health-forecast{width:100%;margin-top:8px}.forecast-list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.forecast-list li{border-bottom:1px solid var(--border);grid-template-columns:75px 90px minmax(0,1fr);align-items:start;gap:8px;padding:6px 4px;display:grid}.forecast-time{color:var(--text-primary);font-size:.82rem;font-weight:500}.forecast-pill{white-space:nowrap;border-radius:20px;justify-self:start;padding:2px 8px;font-size:.7rem;font-weight:600}.forecast-warning{color:var(--text-muted);white-space:normal;text-overflow:unset;overflow-wrap:anywhere;min-width:0;font-size:.75rem;line-height:1.4;overflow:visible}.forecast-pill--safe{color:#15803d;background:#dcfce7}.forecast-pill--at-risk{color:#c2410c;background:#ffedd5}.forecast-pill--in-danger{color:#dc2626;background:#fee2e2}.tq-card:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--primary) 12%, transparent), transparent);pointer-events:none;border-radius:50%;width:320px;height:320px;position:absolute;top:-110px;right:-90px}.tq-card>*{position:relative}.tq-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.tq-title{flex:260px;align-items:center;gap:12px;min-width:0;display:flex}.tq-head h3{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-family:Sora,Segoe UI,sans-serif;font-size:clamp(18px,2vw,21px);font-weight:600;line-height:1.35}.tq-head p{color:var(--text-muted);margin:4px 0 0;font-size:13px;line-height:1.55}.tq-range{background:var(--bg-subtle);box-shadow:inset 0 2px 5px var(--shadow-color);border:0;border-radius:14px;flex-shrink:0;gap:2px;padding:4px;display:inline-flex}.tq-range-btn{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:7px 15px;font-size:12px;font-weight:600;transition:background .18s,color .18s,box-shadow .18s}.tq-range-btn:hover{color:var(--text-primary)}.tq-range-btn.is-active{background:var(--bg-card);color:var(--primary-dark,var(--text-primary));box-shadow:0 3px 9px var(--shadow-color)}.tq-range-btn:focus-visible,.tq-metric:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tq-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.tq-metric{background:color-mix(in srgb, var(--metric-color) 8%, transparent);min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;border:0;border-radius:16px;gap:5px;padding:14px 14px 18px;transition:background .18s,opacity .18s,filter .18s,transform .18s;display:grid;position:relative}.tq-metric:hover{background:color-mix(in srgb, var(--metric-color) 14%, transparent)}.tq-metric:after{content:"";background:var(--metric-color);border-radius:3px;height:3px;transition:transform .2s,opacity .2s;position:absolute;bottom:7px;left:14px;right:14px}.tq-metric-label{color:var(--text-primary);align-items:center;gap:8px;font-size:12px;font-weight:600;line-height:1.4;display:flex}.tq-metric-icon{width:26px;height:26px;color:var(--metric-color);background:color-mix(in srgb, var(--metric-color) 16%, var(--bg-card));border-radius:8px;flex-shrink:0;place-items:center;display:grid}.tq-metric-eye{color:var(--text-muted);margin-left:auto;display:grid}.tq-metric-value{flex-wrap:wrap;align-items:baseline;gap:5px;margin-top:4px;display:flex}.tq-metric-value strong{color:var(--text-primary);letter-spacing:-.6px;font-variant-numeric:tabular-nums;font-family:Sora,Segoe UI,sans-serif;font-size:24px;font-weight:600;line-height:1.2}.tq-metric-value small{color:var(--text-muted);font-size:11px}.tq-metric-caption{color:var(--text-muted);font-size:11px;line-height:1.4}.tq-metric.is-empty .tq-metric-value strong{color:var(--text-muted)}.tq-metric.is-off{background:var(--bg-subtle);opacity:.55;filter:grayscale()}.tq-metric.is-off:after{opacity:0;transform:scaleX(.3)}.tq-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tq-chart-card:last-child:nth-child(odd){grid-column:1/-1}.tq-chart-card{background:color-mix(in srgb, var(--bg-card) 78%, transparent);min-width:0;box-shadow:0 6px 18px var(--shadow-color);border:0;border-radius:18px;padding:18px 14px 10px 8px}.tq-chart-head{justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px 10px;padding-right:4px;display:flex}.tq-chart-title-row{align-items:center;gap:9px;min-width:0;display:flex}.tq-chart-icon{width:28px;height:28px;color:var(--metric-color);background:color-mix(in srgb, var(--metric-color) 15%, var(--bg-card));border:1px solid color-mix(in srgb, var(--metric-color) 24%, transparent);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.tq-chart-title{color:var(--text-primary);letter-spacing:-.2px;margin:0;font-size:15px;font-weight:700}.tq-chart-head>span{color:var(--text-muted);white-space:nowrap;font-size:11.5px;font-weight:600}.tq-chart-card .recharts-wrapper{font-family:Inter,Segoe UI,sans-serif}.tq-chart-card .recharts-tooltip-wrapper{outline:none}.tq-chart-empty,.tq-empty{border:1px dashed color-mix(in srgb, var(--text-muted) 30%, transparent);min-height:200px;color:var(--text-muted);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px 20px;font-size:14px;line-height:1.6;display:flex}.tq-chart-empty svg,.tq-empty svg{color:var(--faint)}.tq-chart-empty{margin:0 0 8px 10px}.tq-empty{min-height:250px}.tq-chart-card--combined{padding:18px 14px 12px 8px}.tq-tip{border:1px solid var(--border);background:var(--bg-card);min-width:170px;box-shadow:0 12px 30px var(--shadow-color);border-radius:12px;padding:10px 12px;font-size:12px}.tq-tip-time{color:var(--text-primary);margin:0 0 8px;font-weight:700}.tq-tip-row{color:var(--text-muted);align-items:center;gap:8px;padding:2px 0;display:flex}.tq-tip-row strong{color:var(--text-primary);font-variant-numeric:tabular-nums;margin-left:auto;padding-left:12px}.tq-tip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}@media (width<=1199px){.page-shell .gauge-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=1100px){.trend-summary,.tq-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.tq-charts{grid-template-columns:minmax(0,1fr)}}@media (width<=650px){.page-shell.dashboard-page{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px));-webkit-tap-highlight-color:transparent;overflow-x:hidden}.dash-title{gap:12px}.dash-title-icon{border-radius:12px;width:40px;height:40px}.dash-title-icon svg{width:20px;height:20px}.dash-title h1{font-size:22px;line-height:1.15}.dash-title p{margin-top:2px;font-size:12px;line-height:1.35}.dashboard-page .header-stats{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px;width:100%;display:grid}.dashboard-page .header-stats .stat-badge{border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;width:100%;min-width:0;height:100%;padding:9px 9px 10px;display:flex}.stat-badge-icon{border-radius:8px;width:26px;height:26px}.stat-badge-icon svg{width:14px;height:14px}.stat-badge-text{gap:2px;width:100%;min-width:0}.stat-label--full{display:none}.stat-label--short{color:var(--muted);letter-spacing:0;text-transform:none;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;line-height:1.2;display:block;overflow:hidden}.dashboard-page .header-stats .stat-badge strong{letter-spacing:-.2px;white-space:nowrap;font-size:16px;line-height:1.2}.dash-head{flex-wrap:wrap;gap:10px;margin-bottom:12px}.dash-head-icon{border-radius:10px;width:34px;height:34px}.dash-head-icon svg{width:17px;height:17px}.dash-head h3{font-size:16px}.dash-head p{font-size:12px}.dash-live{padding:4px 10px;font-size:11px}.page-shell>.health-overview{gap:10px;margin-bottom:16px;grid-template-columns:minmax(0,1fr)!important}.health-overview .health-status-card{border-radius:16px;padding:12px 14px 14px}.health-card-heading{flex-flow:row;justify-content:space-between;align-items:center;gap:8px}.health-card-heading h3{flex:auto;gap:8px;font-size:13px;line-height:1.3}.health-title-icon{border-radius:8px;width:24px;height:24px;display:grid}.health-title-icon svg{width:14px;height:14px}.health-time{padding:3px 8px;font-size:9.5px}.health-condition{flex-direction:row;align-items:center;gap:12px;margin:10px 0}.health-overview .health-status-card--no-data .health-condition{flex:none;margin:10px 0 0}.health-condition-icon{border-radius:12px;width:40px;height:40px}.health-condition-icon svg{width:20px;height:20px}.health-status-label{letter-spacing:.5px;margin-bottom:1px;font-size:9.5px}.health-condition h2{letter-spacing:-.3px;font-size:20px;line-height:1.15}.health-overview .health-status-card--no-data .health-condition h2{font-size:16px}.health-recommendation{border-radius:10px;flex:none;padding:10px 12px}.health-recommendation b{gap:5px;font-size:10px}.health-recommendation p{margin-top:5px;font-size:12.5px;line-height:1.5}.health-card-footer{align-items:flex-start;margin-top:10px;font-size:10.5px}.health-card-footer>svg{width:12px;height:12px;margin-top:1px}.page-shell .gauge-grid{gap:10px}.page-shell .gauge-card{-webkit-backdrop-filter:none;border-radius:16px;min-height:0;padding:12px 10px}.gauge-card:before,.gauge-card:after{display:none}.page-shell .gauge-top{flex-direction:column;align-items:flex-start;gap:8px}.gauge-icon{border-radius:9px;width:28px;height:28px}.gauge-icon svg{width:15px;height:15px}.gauge-title{gap:8px}.page-shell .gauge-top b{font-size:12.5px;line-height:1.25}.page-shell .gauge-top small{display:none}.page-shell .gauge-top .pill{padding:3px 8px;font-size:9.5px}.page-shell .gauge-visual{aspect-ratio:200/132;width:100%;margin:10px auto 0}.half-gauge{overflow:visible}.zone-label-text{display:none}.half-gauge,.rim-arc,.gauge-card .half-gauge path[stroke],.needle-wedge,.needle-hub-ring,.needle-hub-dot{filter:none}.page-shell .gauge-value{gap:0 4px;margin-top:2px}.page-shell .gauge-value strong{letter-spacing:-.4px;font-size:22px}.page-shell .gauge-value small{font-size:11px}.gauge-legend{z-index:3;flex-wrap:wrap;justify-content:center;gap:3px 8px;margin:8px 0 0;padding:0;list-style:none;display:flex;position:relative}.gauge-legend li{color:var(--muted);align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.gauge-legend li:before{content:"";background:var(--zone-color);border-radius:50%;width:6px;height:6px}.gauge-legend li.is-active{color:var(--text);font-weight:800}.page-shell .updated{gap:4px;margin-top:8px;font-size:10px}.updated svg{width:11px;height:11px}.page-shell .gauge-empty-state{padding:16px 4px}.page-shell .gauge-empty-state span{font-size:28px}.page-shell .gauge-empty-state p{font-size:11px}.page-shell>.trend-section{border-radius:18px;margin-top:20px;padding:18px 14px}.trend-section .trend-heading{gap:14px;margin-bottom:18px}.trend-heading>div:first-child{flex-basis:100%}.range-switch{width:100%;display:flex}.range-btn{flex:1;min-height:40px;padding:8px 6px}.trend-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.trend-metric{padding:12px}.trend-metric-label{min-height:0;font-size:11.5px}.trend-metric-value{margin-top:8px}.trend-metric-value strong{font-size:20px}.trend-metric:last-child:nth-child(odd){grid-column:1/-1}.trend-section .trend-chart{padding:12px 0 6px;overflow:hidden}.trend-chart .recharts-responsive-container{height:260px!important}.trend-chart .recharts-cartesian-axis-tick-value{font-size:11px}.trend-chart .recharts-label{display:none}.trend-chart .recharts-default-tooltip{-webkit-backdrop-filter:none;padding:10px 12px!important}.trend-section .trend-chart .empty{min-height:200px}.tq-card{-webkit-backdrop-filter:none;border-radius:18px;margin-top:20px;padding:16px 12px 12px}.tq-card:before{display:none}.tq-head{gap:12px;margin-bottom:14px}.tq-title{flex-basis:100%;gap:10px}.tq-head h3{font-size:16px}.tq-head p{font-size:12px}.tq-range{width:100%;display:flex}.tq-range-btn{flex:1;min-height:40px;padding:8px 6px}.tq-metrics{scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;margin:0 -12px 14px;padding:0 12px 2px;display:flex;overflow-x:auto}.tq-metrics::-webkit-scrollbar{display:none}.tq-metric{scroll-snap-align:start;flex:0 0 140px;padding:12px 12px 16px}.tq-metric-value strong{font-size:20px}.tq-charts{gap:12px}.tq-chart-card{box-shadow:none;border-radius:14px;padding:14px 10px 6px 4px}.tq-chart-head{margin:0 0 10px 8px}.tq-chart-icon{border-radius:8px;width:26px;height:26px}.tq-chart-title{font-size:14px}.tq-chart-head>span{font-size:10.5px}.tq-chart-card .recharts-cartesian-axis-tick-value{font-size:10px}.tq-chart-empty{min-height:140px;margin-left:8px}.tq-empty{min-height:200px}}@media (width<=400px){.dash-title h1{font-size:20px}.dashboard-page .header-stats .stat-badge{padding:8px}.stat-label--short{font-size:9.5px}.dashboard-page .header-stats .stat-badge strong{font-size:15px}.health-condition h2{font-size:18px}.health-recommendation p{font-size:12px}.tq-metric{flex-basis:130px}}@media (width<=360px){.trend-summary{grid-template-columns:minmax(0,1fr)}.dashboard-page .header-stats .stat-badge strong{font-size:14px}}@media (width<=319px){.page-shell .gauge-grid,.page-shell>.health-overview{grid-template-columns:minmax(0,1fr)!important}}@supports (padding:max(0px)){.page-shell{padding-left:max(var(--page-pad,16px), env(safe-area-inset-left));padding-right:max(var(--page-pad,16px), env(safe-area-inset-right))}}@media (prefers-reduced-motion:reduce){.gauge-card{transition:none}.gauge-card:hover{transform:none}.health-recommendation,.health-status-card--danger .health-condition-icon:after,.health-spin{animation:none}.tq-metric,.tq-metric:after,.tq-range-btn{transition:none}}.dashboard-page>section:not(.health-overview),.dashboard-page .panel,.dashboard-page .card:not(.health-status-card),.dashboard-page .gauge-card,.dashboard-page .tq-card,.dashboard-page .tq-chart-card,.dashboard-page .tq-metric,.dashboard-page .tq-range,.dashboard-page .stat-badge{border:0!important;outline:0!important}.dashboard-page>section:not(.health-overview):not(.tq-card){background:var(--bg-card);box-shadow:0 10px 28px var(--shadow-color);border-radius:24px;padding:20px}.dashboard-page .gauge-card,.dashboard-page .tq-chart-card{box-shadow:0 8px 22px var(--shadow-color)}.dashboard-page .health-overview .health-status-card{border:1px solid color-mix(in srgb, var(--health-accent) 28%, transparent)!important}.dashboard-page .health-overview .health-status-card--no-data{border:1px dashed color-mix(in srgb, var(--text-muted) 35%, transparent)!important}.dashboard-page :focus:not(:focus-visible){outline:0}@media (width<=650px){.dashboard-page>section:not(.health-overview):not(.tq-card){border-radius:18px;padding:14px 12px}}:root{--bg:var(--bg-page);--surface:var(--bg-card);--surface-soft:var(--bg-subtle);--primary:#0f8b8d;--primary-dark:#0b6a6c;--green:#28b57a;--orange:#e4a24a;--red:#df5c62;--blue:#6f9fe8;--purple:#9985d5;--text:var(--text-primary);--muted:var(--text-muted);--faint:var(--text-faint);--border:var(--border-subtle);--glass-hi:color-mix(in srgb, var(--bg-card) 97%, white);--glass-mid:color-mix(in srgb, var(--primary) 5%, var(--bg-card));--glass-lo:color-mix(in srgb, var(--bg-card) 90%, transparent);--shadow-soft:0 8px 24px var(--shadow-color), 0 2px 5px var(--shadow-color);--radius:20px}.monitoring-page *,.monitoring-page :before,.monitoring-page :after{box-sizing:border-box}.monitoring-page :focus-visible{outline:2px solid var(--primary);outline-offset:2px}.monitoring-title{align-items:center;gap:16px;min-width:0;display:flex}.monitoring-title h1{margin:0}.monitoring-title p{color:var(--muted);margin:4px 0 0}.monitoring-title-icon{color:#fff;background:linear-gradient(145deg, var(--primary), var(--primary-dark));width:52px;height:52px;box-shadow:0 10px 22px color-mix(in srgb, var(--primary) 32%, transparent);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.sensor-status{border:1px solid color-mix(in srgb, var(--green) 26%, transparent);background:color-mix(in srgb, var(--green) 12%, var(--bg-card));color:var(--green);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:800;display:inline-flex}.sensor-status.is-offline{border-color:color-mix(in srgb, var(--red) 26%, transparent);background:color-mix(in srgb, var(--red) 11%, var(--bg-card));color:var(--red)}.monitoring-top{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:stretch;gap:20px;margin-bottom:20px;display:grid}.monitoring-page .health-status-card{--health-accent:var(--green);border:1px solid color-mix(in srgb, var(--health-accent) 28%, transparent);background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--health-accent) 14%, transparent), transparent 60%), linear-gradient(145deg, var(--bg-card), var(--bg-subtle));min-width:0;box-shadow:0 8px 24px var(--shadow-color), inset 0 1px 0 var(--glass-hi);border-radius:22px;flex-direction:column;margin-bottom:0;padding:26px;display:flex;position:relative;overflow:hidden}.monitoring-page .health-status-card:before{content:"";background:var(--health-accent);opacity:.85;height:3px;position:absolute;inset:0 0 auto}.monitoring-page .health-status-card--risk{--health-accent:var(--orange)}.monitoring-page .health-status-card--danger{--health-accent:var(--red)}.monitoring-page .health-status-card--no-data{--health-accent:var(--text-muted);border:1px dashed color-mix(in srgb, var(--text-muted) 35%, transparent);background:linear-gradient(145deg, var(--bg-card), var(--bg-subtle))}.monitoring-page .health-status-card--no-data:before{opacity:.25}.monitoring-page .health-status-card--no-data .health-condition h2{color:var(--text-muted)}.health-card-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.health-card-heading h3{min-width:0;color:var(--text-primary);letter-spacing:-.2px;flex:190px;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:700;line-height:1.5;display:flex}.health-title-icon{width:30px;height:30px;color:var(--health-accent);background:color-mix(in srgb, var(--health-accent) 14%, var(--bg-card));border-radius:9px;flex-shrink:0;place-items:center;display:grid}.health-time{border:1px solid color-mix(in srgb, var(--health-accent) 40%, transparent);background:color-mix(in srgb, var(--health-accent) 14%, var(--bg-card));color:var(--health-accent);letter-spacing:.3px;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:6px 11px;font-size:11px;font-weight:700}.health-condition{align-items:center;gap:18px;margin:24px 0 22px;display:flex}.health-condition>div{min-width:0}.health-condition-icon{background:color-mix(in srgb, var(--health-accent) 16%, var(--bg-card));border:1px solid color-mix(in srgb, var(--health-accent) 35%, transparent);width:62px;height:62px;color:var(--health-accent);border-radius:20px;flex-shrink:0;place-items:center;display:grid;position:relative}.health-condition-icon:after{content:"";border-radius:inherit;border:2px solid var(--health-accent);opacity:0;pointer-events:none;position:absolute;inset:-1px}.health-status-card--danger .health-condition-icon:after{animation:2s ease-out infinite health-pulse}.health-status-label{color:var(--text-muted);letter-spacing:.6px;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.health-condition h2{color:var(--health-accent);letter-spacing:-.8px;overflow-wrap:anywhere;margin:0;font-family:Sora,Segoe UI,sans-serif;font-size:clamp(28px,2.6vw,36px);font-weight:700;line-height:1.15}.health-recommendation{border:0;border-left:3px solid var(--health-accent);background:var(--bg-card);border-radius:12px;padding:16px 18px;animation:.35s both health-pop}.health-recommendation b{color:var(--text-primary);letter-spacing:.4px;text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.health-recommendation b svg{color:var(--health-accent)}.health-recommendation p{color:var(--text-muted);overflow-wrap:anywhere;margin:8px 0 0;font-size:14px;line-height:1.7}.health-card-footer{color:var(--text-muted);align-items:center;gap:8px;margin-top:16px;font-size:12px;line-height:1.5;display:flex}.health-card-footer>svg{color:var(--health-accent);flex-shrink:0}.monitoring-top .health-recommendation{flex:1}.monitoring-top .health-status-card--no-data .health-condition{flex:1;margin:20px 0 6px}.monitoring-top .param-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:16px;margin-bottom:0}.param-card{--status-color:var(--green);background:linear-gradient(145deg, var(--glass-hi), var(--glass-mid));min-width:0;box-shadow:0 10px 28px var(--shadow-color);border:0;border-radius:20px;padding:21px;transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden}.param-card:after{content:"";background:var(--status-color);opacity:.85;height:3px;position:absolute;inset:0 0 auto}.param-card.status-normal{--status-color:var(--green)}.param-card.status-low,.param-card.status-acidic{--status-color:var(--orange)}.param-card.status-alkaline,.param-card.status-critical{--status-color:var(--red)}.param-card.status-off{--status-color:var(--faint)}.param-card.status-off:after{opacity:.3}.param-card.status-off h2{color:var(--faint)}.param-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.param-icon{width:38px;height:38px;color:var(--status-color);background:color-mix(in srgb, var(--status-color) 14%, var(--bg-card));border:1px solid color-mix(in srgb, var(--status-color) 24%, transparent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.param-badge{--status-color:var(--green);color:var(--status-color);background:color-mix(in srgb, var(--status-color) 12%, var(--bg-card));border:1px solid color-mix(in srgb, var(--status-color) 26%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:6px 11px;font-size:10px;font-weight:800;display:inline-flex}.param-badge.status-normal,.param-badge.status-safe{--status-color:var(--green)}.param-badge.status-low,.param-badge.status-acidic,.param-badge.status-at-risk{--status-color:var(--orange)}.param-badge.status-alkaline,.param-badge.status-critical,.param-badge.status-in-danger{--status-color:var(--red)}.param-badge.status-pending,.param-badge.status-off{--status-color:var(--faint)}.param-card h4{color:var(--muted);margin:0 0 4px;font-size:12.5px;font-weight:700}.param-card h2{color:var(--text);letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin:0 0 16px;font-size:28px;font-weight:800}.range-fill{background:var(--status-color);border-radius:4px;height:100%;transition:width .4s}.range-labels{color:var(--faint);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-top:7px;font-size:10.5px;font-weight:600;display:flex}.range-caption{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:3px;font-size:9.5px;display:inline-flex}.readings-panel{background:linear-gradient(145deg, var(--glass-hi), var(--glass-mid));box-shadow:0 10px 28px var(--shadow-color);border:0;border-radius:22px;padding:24px}.readings-title{align-items:center;gap:12px;min-width:0;display:flex}.readings-title-icon{width:40px;height:40px;color:var(--primary);background:color-mix(in srgb, var(--primary) 13%, var(--bg-card));border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.readings-panel h3{color:var(--text);letter-spacing:-.02em;margin:0;font-size:19px;font-weight:800}.readings-title p{color:var(--muted);margin:3px 0 0;font-size:13px}.readings-pill{background:color-mix(in srgb, var(--primary) 11%, var(--bg-card));border:1px solid color-mix(in srgb, var(--primary) 24%, transparent);color:var(--primary);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:7px 13px;font-size:11px;font-weight:800;display:inline-flex}.readings-table-wrap{background:var(--bg-card);box-shadow:inset 0 0 0 1px var(--border);border:0;border-radius:16px;overflow-x:auto}.readings-table th{text-align:left;background:var(--bg-subtle);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--border);white-space:nowrap;padding:13px 16px;font-size:11px;font-weight:800}.th-unit,.readings-when-inline{display:none}.readings-table td{border-bottom:1px solid var(--border);white-space:nowrap;color:var(--text);font-variant-numeric:tabular-nums;padding:13px 16px}.readings-table tbody tr{transition:background .15s}.readings-table tbody tr:not(.readings-empty-row):hover{background:color-mix(in srgb, var(--bg-subtle) 60%, transparent)}.readings-date{font-weight:700}.readings-empty{text-align:center;color:var(--muted)!important;white-space:normal!important;padding:40px 20px!important}.readings-empty svg{color:var(--faint);margin:0 auto 10px;display:block}@media (width<=1100px){.monitoring-top{grid-template-columns:minmax(0,1fr)}}@media (width<=768px){.monitoring-page{-webkit-tap-highlight-color:transparent;overflow-x:hidden}.monitoring-page>*{min-width:0;max-width:100%}.monitoring-title{gap:12px}.monitoring-title-icon{border-radius:14px;width:44px;height:44px}.monitoring-title-icon svg{width:21px;height:21px}.monitoring-title h1{font-size:23px}.monitoring-title p{font-size:12.5px;line-height:1.4}.sensor-status{align-self:flex-start;padding:6px 12px;font-size:11.5px}.monitoring-top{gap:12px;margin-bottom:12px}.monitoring-top .param-grid{gap:10px}.monitoring-page .health-status-card{border-radius:18px;padding:16px 14px}.health-card-heading{gap:8px}.health-card-heading h3{flex:1 1 0;font-size:13px;line-height:1.3}.health-title-icon{border-radius:8px;width:26px;height:26px}.health-title-icon svg{width:14px;height:14px}.health-time{padding:4px 9px;font-size:10px}.health-condition{gap:12px;margin:14px 0}.monitoring-top .health-status-card--no-data .health-condition{margin:14px 0 4px}.health-condition-icon{border-radius:14px;width:46px;height:46px}.health-condition-icon svg{width:23px;height:23px}.health-status-label{margin-bottom:2px;font-size:10px}.health-condition h2{letter-spacing:-.5px;font-size:23px}.health-recommendation{border-radius:11px;padding:11px 12px}.health-recommendation b{gap:5px;font-size:10.5px}.health-recommendation p{margin-top:5px;font-size:12.5px;line-height:1.5}.health-card-footer{margin-top:10px;font-size:11px}.health-card-footer>svg{width:13px;height:13px}.param-grid{gap:10px;margin-bottom:12px}.param-card{box-shadow:0 6px 18px var(--shadow-color);border-radius:16px;padding:14px 12px 12px}.param-card:hover{transform:none}.param-top{gap:6px;margin-bottom:10px}.param-icon{border-radius:10px;width:30px;height:30px}.param-icon svg{width:16px;height:16px}.param-badge{gap:4px;padding:3px 8px;font-size:9px}.param-badge svg{width:10px;height:10px}.param-card h4{font-size:11px;line-height:1.25}.param-card h2{flex-wrap:wrap;align-items:baseline;gap:0 3px;margin-bottom:10px;font-size:21px;display:flex}.param-card h2 .unit{margin-left:0;font-size:10px}.range-track{height:5px}.range-labels{margin-top:5px;font-size:9.5px}.range-caption{display:none}.readings-panel{border-radius:18px;padding:14px 12px}.readings-head{gap:10px;margin-bottom:12px}.readings-title{gap:10px}.readings-title-icon{border-radius:11px;width:36px;height:36px}.readings-title-icon svg{width:18px;height:18px}.readings-panel h3{font-size:16px}.readings-title p{display:none}.readings-pill{padding:5px 10px;font-size:10px}.readings-table-wrap{-webkit-overflow-scrolling:touch;border-radius:14px;overflow-x:auto}.readings-table{font-size:12px}.readings-table th{letter-spacing:.03em;vertical-align:bottom;padding:9px 5px;font-size:9.5px}.readings-table td{padding:10px 5px;font-size:12px}.readings-table th:first-child,.readings-table td:first-child{padding-left:10px}.readings-table th:last-child,.readings-table td:last-child{padding-right:10px}.readings-table th:nth-child(2),.readings-table td:nth-child(2){display:none}.readings-table td.readings-empty{display:table-cell}.readings-date{line-height:1.25}.readings-when-inline{color:var(--muted);margin-top:1px;font-size:10px;font-weight:600;display:block}.readings-unit,.th-icon svg{display:none}.th-unit{color:var(--faint);letter-spacing:0;text-transform:none;margin-top:1px;font-size:8.5px;font-weight:600;display:block}.readings-table td .param-badge{gap:3px;padding:3px 7px;font-size:9px}.readings-table td .param-badge svg{display:none}.readings-empty{padding:28px 16px!important}}@media (width<=650px){.page-shell.monitoring-page{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}}@media (width<=400px){.monitoring-title h1{font-size:21px}.health-condition h2{font-size:20px}.health-condition-icon{width:42px;height:42px}.param-card h2{font-size:18px}.readings-table td{padding:9px 4px;font-size:11.5px}.readings-table th{padding:8px 4px}}@media (width<=319px){.param-grid,.monitoring-top .param-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.param-card,.range-fill{transition:none}.param-card:hover{transform:none}.health-recommendation,.health-status-card--danger .health-condition-icon:after{animation:none}}:root{--bg:var(--bg-page);--surface:var(--bg-card);--surface-soft:var(--bg-subtle);--primary:#0f8b8d;--primary-dark:#0b6a6c;--green:#28b57a;--orange:#e4a24a;--red:#df5c62;--blue:#6f9fe8;--purple:#9985d5;--text:var(--text-primary);--muted:var(--text-muted);--faint:var(--text-faint);--border:var(--border-subtle);--glass-hi:color-mix(in srgb, var(--bg-card) 96%, white);--glass-lo:color-mix(in srgb, var(--bg-card) 90%, transparent);--shadow-soft:0 8px 24px var(--shadow-color), 0 2px 5px var(--shadow-color);--shadow-hover:0 18px 40px var(--shadow-color);--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius:var(--radius-lg)}.production-log-page *,.production-log-page :before,.production-log-page :after{box-sizing:border-box}.production-log-page :focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}.production-log-page{max-width:1500px;min-height:100vh;color:var(--text);background:0 0;margin:auto;padding:32px 34px 50px;font-family:Inter,Segoe UI,sans-serif}.production-log-page .page-header{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.pl-title{align-items:center;gap:16px;min-width:0;display:flex}.pl-title-icon{color:#fff;background:linear-gradient(145deg, var(--primary), var(--primary-dark));width:52px;height:52px;box-shadow:0 10px 22px color-mix(in srgb, var(--primary) 32%, transparent);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.production-log-page .page-header h1{letter-spacing:-.9px;margin:0;font-size:32px;font-weight:800;line-height:1.1}.production-log-page .page-header p,.production-log-page section p{color:var(--muted);max-width:60ch;margin:4px 0 0;font-size:13px;line-height:1.5}.today-status{white-space:nowrap;border:0;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:9px 16px;font-size:12px;font-weight:700;display:inline-flex}.today-status svg{flex-shrink:0}.today-status-ok{background:color-mix(in srgb, var(--green) 13%, var(--bg-card));color:var(--green)}.today-status-alert{background:color-mix(in srgb, var(--red) 13%, var(--bg-card));color:var(--red)}.stat-card{--tone:var(--primary);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-soft);border:0;align-items:center;gap:16px;padding:22px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--tone);opacity:.85;height:3px;position:absolute;inset:0 0 auto}.stat-card:has(.stat-icon-red){--tone:var(--red)}.stat-card:has(.stat-icon-green){--tone:var(--green)}.stat-icon{border-radius:var(--radius-sm);width:46px;height:46px;color:var(--tone);background:color-mix(in srgb, var(--tone) 14%, var(--bg-card));flex-shrink:0;place-items:center;display:grid}.stat-text{flex-direction:column;gap:4px;min-width:0;display:flex}.stat-label{color:var(--muted);letter-spacing:.02em;font-size:11.5px;font-weight:700}.stat-value{color:var(--text);letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.section-switcher{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-tabs{background:color-mix(in srgb, var(--bg-subtle) 80%, transparent);box-shadow:inset 0 1px 3px var(--shadow-color);border-radius:999px;gap:4px;padding:5px;display:inline-flex}.section-tabs button{height:36px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 22px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.section-tabs button:hover:not(.active){background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary-dark)}.section-tabs button.active{background:linear-gradient(145deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:0 6px 16px color-mix(in srgb, var(--primary) 35%, transparent)}.section-add-actions{gap:12px;display:flex}.section-add-button{background:linear-gradient(145deg, var(--primary), var(--primary-dark));color:#fff;min-height:38px;font:inherit;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.section-add-button:hover{box-shadow:0 6px 16px color-mix(in srgb, var(--primary) 30%, transparent);transform:translateY(-1px)}.production-log-page>section.panel{background:var(--bg-card);box-shadow:0 10px 28px var(--shadow-color);border:0;border-radius:22px;padding:22px}.production-log-page section h2{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:800}.records-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.records-title-icon{width:40px;height:40px;color:var(--primary);background:color-mix(in srgb, var(--primary) 13%, var(--bg-card));border-radius:12px;flex-shrink:0;place-items:center;display:grid}.records-title-icon--red{color:var(--red);background:color-mix(in srgb, var(--red) 13%, var(--bg-card))}.records-count{background:color-mix(in srgb, var(--green) 13%, var(--bg-card));color:var(--green);font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;padding:7px 13px;font-size:11px;font-weight:800}.records-count--red{background:color-mix(in srgb, var(--red) 13%, var(--bg-card));color:var(--red)}.records-table-wrap{border-radius:var(--radius-md);background:var(--bg-card);width:100%;box-shadow:none;overflow-x:auto}.production-log-page table{border-collapse:collapse;width:100%;min-width:700px}.production-log-page th,.production-log-page td{border-bottom:1px solid var(--border);text-align:left;padding:15px 20px}.production-log-page th{background:var(--bg-subtle);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:800}.production-log-page td{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:14px}.production-log-page tbody tr{transition:background .15s}.production-log-page tbody tr:hover{background:color-mix(in srgb, var(--bg-subtle) 55%, transparent)}.production-log-page tbody tr:last-child td{border-bottom:none}.cell-icon{align-items:center;gap:8px;display:inline-flex}.cell-icon svg{color:var(--faint);flex-shrink:0}.section-stocking-records .stocking-records-table{table-layout:fixed}.section-stocking-records .stocking-records-table:not(.operator) th:not(:last-child),.section-stocking-records .stocking-records-table:not(.operator) td:not(:last-child){width:calc(33.3333% - 63.3333px)}.section-stocking-records .stocking-records-table:not(.operator) th:last-child,.section-stocking-records .stocking-records-table:not(.operator) td:last-child{width:190px}.section-stocking-records .stocking-records-table.operator th,.section-stocking-records .stocking-records-table.operator td{width:33.3333%}.section-stocking-records td strong{color:var(--primary-dark)}.section-mortality-records table{table-layout:fixed;min-width:980px}.section-mortality-records th,.section-mortality-records td{overflow-wrap:anywhere;padding:15px 16px}.section-mortality-records th:not(:last-child),.section-mortality-records td:not(:last-child){width:calc(20% - 38px)}.section-mortality-records th:last-child,.section-mortality-records td:last-child{width:190px}.section-mortality-records td strong{color:var(--red)}.records-empty{border:1px dashed color-mix(in srgb, var(--text-muted) 30%, transparent);border-radius:var(--radius-md);color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:44px 20px;display:flex}.records-empty svg{color:var(--faint)}.records-empty p{margin:0;font-size:13px}.records-table-filler-row td{background:0 0;height:54px}.table-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding-top:14px;display:flex}.records-card{border-radius:var(--radius-md);background:var(--bg-card);box-shadow:inset 0 0 0 1px var(--border), 0 4px 14px var(--shadow-color);overflow:hidden}.records-card .records-table-wrap{box-shadow:none;border-radius:0}.records-card .records-empty{border:0;border-radius:0}.records-card .table-footer{border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg-subtle) 50%, transparent);margin-top:0;padding:14px 18px}.row-actions{white-space:nowrap}.row-actions button{min-width:0;height:32px;font:inherit;white-space:nowrap;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:0 14px;font-size:11.5px;font-weight:700;transition:background .15s;display:inline-flex}.row-actions button+button{margin-left:10px}.date-short,.when-inline{display:none}.note-text{display:inline}.row-actions .btn-edit:hover{background:color-mix(in srgb, var(--blue) 24%, var(--bg-card))}.row-actions .btn-delete:hover{background:color-mix(in srgb, var(--red) 22%, var(--bg-card))}.pagination button{background:var(--bg-subtle);height:32px;color:var(--primary-dark);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:3px;padding:0 12px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.pagination button:hover:not(:disabled){background:linear-gradient(145deg, var(--primary), var(--primary-dark));color:#fff}.pagination span{background:color-mix(in srgb, var(--primary) 12%, var(--bg-card));min-width:52px;color:var(--primary-dark);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.bulk-action-bar{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--primary) 10%, var(--bg-card));color:var(--primary-dark);justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.bulk-action-buttons button{height:32px;font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:5px;padding:0 13px;font-size:11.5px;font-weight:700;display:inline-flex}.btn-bulk-delete{background:linear-gradient(145deg, var(--red), color-mix(in srgb, var(--red) 78%, black));color:#fff}.bulk-action-buttons .btn-cancel{background:var(--bg-subtle);color:var(--muted)}.entry-modal-backdrop{z-index:1100;overscroll-behavior:contain;background:#0009;place-items:center;min-height:100dvh;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.inline-form{border:1px solid var(--border);background:linear-gradient(var(--bg-card), var(--bg-card)), var(--bg-page);-webkit-backdrop-filter:none;backdrop-filter:none;opacity:1;border-radius:22px;flex-direction:column;gap:16px;padding:22px;animation:.18s inline-form-in;display:flex;box-shadow:0 24px 60px #00000047}.entry-modal{width:min(680px,100%);max-height:calc(100vh - 48px);margin:0;overflow-y:auto}.inline-form-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.inline-form-title{align-items:center;gap:12px;min-width:0;display:flex}.inline-form-icon{width:42px;height:42px;color:var(--primary);background:color-mix(in srgb, var(--primary) 13%, var(--bg-card));border-radius:13px;flex-shrink:0;place-items:center;display:grid}.inline-form-icon--red{color:var(--red);background:color-mix(in srgb, var(--red) 13%, var(--bg-card))}.inline-form-header h3{color:var(--text);letter-spacing:-.3px;margin:0;font-size:18px;font-weight:800}.inline-form-header p{margin:3px 0 0}.entry-modal-close{background:var(--bg-subtle);width:34px;height:34px;color:var(--text);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.entry-modal-close:hover{background:color-mix(in srgb, var(--primary) 12%, var(--bg-subtle))}@keyframes inline-form-in{0%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes pl-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.inline-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.inline-form-grid--triple{grid-template-columns:repeat(3,minmax(0,1fr))}.inline-form-field{flex-direction:column;gap:7px;min-width:0;display:flex}.inline-form-field.full-width{grid-column:1/-1}.inline-form-field label{color:var(--muted);align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:inline-flex}.inline-form-field label svg{color:var(--primary)}.inline-form-field input,.inline-form-field select,.inline-form-field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);width:100%;min-width:0;color:var(--text);font:inherit;outline:none;font-size:13.5px;transition:border-color .15s,box-shadow .15s,background .15s}.inline-form-field input,.inline-form-field select{height:42px;padding:0 13px}.inline-form-field textarea{resize:vertical;padding:10px 13px}.inline-form-field input:focus,.inline-form-field select:focus,.inline-form-field textarea:focus{background:var(--surface);border-color:color-mix(in srgb, var(--primary) 45%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent)}.inline-form-static{border:1px dashed color-mix(in srgb, var(--text-muted) 35%, transparent);border-radius:var(--radius-sm);background:var(--surface-soft);height:42px;color:var(--muted);align-items:center;margin:0;padding:0 13px;font-size:13px;font-style:italic;display:flex}.inline-form-actions{justify-content:flex-end;gap:12px;margin-top:4px;display:flex}.records-modal-cancel,.records-modal-submit{height:38px;font:inherit;cursor:pointer;border-radius:999px;padding:0 18px;font-size:12.5px;font-weight:700;transition:all .15s}.records-modal-cancel:hover{background:color-mix(in srgb, var(--red) 10%, var(--bg-subtle));color:var(--red)}.records-modal-submit{background:linear-gradient(145deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:0 8px 18px color-mix(in srgb, var(--primary) 30%, transparent);border:0}.records-modal-submit:hover{box-shadow:0 12px 24px color-mix(in srgb, var(--primary) 35%, transparent)}.records-modal-submit:disabled{opacity:.55;cursor:not-allowed}@media (width<=900px){.production-log-page{padding:22px 18px 40px;overflow-x:hidden}.production-log-page>*{min-width:0;max-width:100%}.inline-form-grid,.inline-form-grid--triple{grid-template-columns:1fr}.stats-grid{gap:10px;margin-bottom:18px}.stats-grid .stat-card{text-align:center;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding:16px 8px 14px}.stats-grid .stat-card:hover{transform:none}.stat-text{align-items:center;gap:2px;width:100%}.stat-label{overflow-wrap:anywhere;font-size:11px;line-height:1.3}.stat-value{overflow-wrap:anywhere;font-size:22px;line-height:1.1}}@media (width<=768px){.production-log-page{-webkit-tap-highlight-color:transparent;padding:14px 12px 32px}.production-log-page button,.production-log-page input{touch-action:manipulation}.production-log-page .page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:14px}.pl-title{gap:12px}.pl-title-icon{border-radius:14px;width:44px;height:44px}.pl-title-icon svg{width:21px;height:21px}.production-log-page .page-header h1{letter-spacing:-.5px;font-size:23px}.production-log-page .page-header p{margin-top:3px;font-size:12.5px;line-height:1.4}.today-status{text-align:center;white-space:normal;border-radius:14px;justify-content:center;align-self:stretch;padding:9px 14px;font-size:12.5px;line-height:1.4}.stats-grid{gap:8px;margin-bottom:14px}.stats-grid .stat-card{box-shadow:0 6px 16px var(--shadow-color);border-radius:14px;gap:6px;padding:14px 6px 12px}.stat-icon{border-radius:10px;width:32px;height:32px}.stat-icon svg{width:17px;height:17px}.stat-label{letter-spacing:.01em;font-size:10px;line-height:1.25}.stat-value{font-size:18px}.section-switcher{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}.section-tabs{width:100%;padding:3px}.section-tabs button{flex:1;height:32px;padding:0 8px;font-size:12.5px}.section-add-actions{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;width:100%;display:grid}.section-add-button{border-radius:9px;gap:5px;min-height:32px;padding:0 8px;font-size:11.5px}.section-add-button:hover{transform:none}.section-add-button:active{transform:scale(.98)}.production-log-page>section.panel{border-radius:18px;padding:14px 12px}.records-head{align-items:center;gap:10px;margin-bottom:14px}.records-title{gap:10px}.records-title-icon{border-radius:11px;width:36px;height:36px}.records-title-icon svg{width:18px;height:18px}.production-log-page section h2{font-size:16px}.records-title p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12px;display:-webkit-box;overflow:hidden}.records-count{padding:5px 10px;font-size:10.5px}.production-log-page .records-table-wrap{-webkit-overflow-scrolling:touch;background:var(--bg-card);box-shadow:inset 0 0 0 1px var(--border);border-radius:14px;overflow-x:auto}.production-log-page .records-table-wrap table{width:100%;table-layout:auto!important;min-width:0!important}.production-log-page .records-table-wrap th,.production-log-page .records-table-wrap td{vertical-align:middle;overflow-wrap:normal;font-size:12px;line-height:1.3;width:auto!important;padding:11px 6px!important}.production-log-page .records-table-wrap th{letter-spacing:.03em;font-size:9.5px;padding:10px 6px!important}.production-log-page .records-table-wrap th:first-child,.production-log-page .records-table-wrap td:first-child{padding-left:12px!important}.production-log-page .records-table-wrap th:last-child,.production-log-page .records-table-wrap td:last-child{padding-right:12px!important}.production-log-page .records-table-wrap td{white-space:nowrap}.production-log-page .records-table-wrap tbody tr:last-child td{border-bottom:0}.date-long{display:none}.date-short{display:inline}.cell-icon svg{display:none}.section-stocking-records td strong,.section-mortality-records td strong{font-size:13.5px}.section-mortality-records th:nth-child(2),.section-mortality-records td:nth-child(2){display:none}.when-inline{color:var(--muted);margin-top:2px;font-size:10px;font-weight:600;display:block}.section-mortality-records td[data-label=Recorded\ by]{white-space:normal;overflow-wrap:anywhere;min-width:72px;max-width:96px}.section-mortality-records td[data-label=Notes]{white-space:normal;min-width:70px}.note-text{-webkit-line-clamp:2;max-width:120px;color:var(--muted);word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.production-log-page .records-table-wrap td.row-actions{text-align:right;white-space:nowrap}.production-log-page .row-actions button{vertical-align:middle;border-radius:10px;width:34px;height:34px;padding:0}.production-log-page .row-actions button+button{margin-left:10px}.production-log-page .row-actions button svg{width:15px;height:15px}.btn-label{display:none}.records-table-filler-row{display:none!important}.records-empty{padding:30px 16px}.production-log-page .records-card .records-table-wrap{box-shadow:none;background:0 0;border-radius:0}.production-log-page .records-card .table-footer{border-top:1px solid var(--border);margin:0;padding:12px}.table-footer{border-top:0;flex-direction:column;align-items:stretch;gap:10px;margin-top:6px;padding:12px 0 0}.table-footer>p{text-align:center}.pagination{justify-content:space-between;gap:6px}.pagination button{border-radius:9px;flex:1;justify-content:center;height:32px;padding:0 10px;font-size:12px}.pagination span{flex:none;min-width:58px;padding:8px 10px;font-size:11.5px}.bulk-action-bar{text-align:center;flex-direction:column;align-items:stretch}.bulk-action-buttons{justify-content:center}.bulk-action-buttons button{flex:1;justify-content:center;height:30px}.entry-modal-backdrop{place-items:end stretch;padding:0}.entry-modal{width:100%;max-width:none;max-height:92dvh;padding:10px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;gap:14px;margin:0;animation:.3s cubic-bezier(.2,.8,.2,1) pl-sheet-up}.entry-modal:before{content:"";background:color-mix(in srgb, var(--text-muted) 40%, transparent);border-radius:4px;flex-shrink:0;align-self:center;width:40px;height:4px}.inline-form-icon{border-radius:12px;width:38px;height:38px}.inline-form-header h3{font-size:17px}.inline-form-header p{font-size:12px}.inline-form-grid{grid-template-columns:minmax(0,1fr);gap:12px}.inline-form-grid--triple{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-form-grid--triple .field-count{grid-column:1/-1}.inline-form-field{gap:6px}.inline-form-field label{font-size:12px}.inline-form-field input,.inline-form-field select,.inline-form-field textarea{max-width:100%;font-size:16px}.inline-form-field input,.inline-form-field select,.inline-form-static{height:44px}.inline-form-field input[type=date],.inline-form-field input[type=time]{appearance:none;padding:0 10px;display:block}.inline-form-field input::-webkit-date-and-time-value{text-align:left;min-width:0}.inline-form-actions{gap:8px}.inline-form-actions button{border-radius:10px;flex:1;height:38px;padding:0 12px;font-size:12.5px}}@media (width<=650px){.page-shell.production-log-page{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}}@media (width<=400px){.production-log-page{padding-left:10px;padding-right:10px}.production-log-page .page-header h1{font-size:21px}.stats-grid{gap:6px}.stats-grid .stat-card{padding:12px 4px 10px}.stat-icon{width:28px;height:28px}.stat-icon svg{width:15px;height:15px}.stat-label{font-size:9px}.stat-value{font-size:16px}.section-tabs button{font-size:12px}.section-add-button{font-size:11.5px}.production-log-page .row-actions button{height:28px;padding:0 12px}.inline-form-grid--triple{grid-template-columns:minmax(0,1fr)}}@media (width<=900px) and (height<=480px){.entry-modal-backdrop{padding:8px}.entry-modal{max-height:calc(100dvh - 16px)}}@media (prefers-reduced-motion:reduce){.production-log-page *{transition-duration:.001ms!important;animation-duration:.001ms!important}.entry-modal{animation:none!important}}.section-add-button:disabled{background:var(--bg-subtle);color:var(--faint);box-shadow:none;cursor:not-allowed}.section-add-button:disabled:hover{box-shadow:none;transform:none}.production-log-page .harvest-hero{border-radius:var(--radius-lg);text-align:center;background:radial-gradient(circle at 15% 0%, color-mix(in srgb, var(--primary) 20%, transparent), transparent 55%), radial-gradient(circle at 90% 100%, color-mix(in srgb, var(--green) 16%, transparent), transparent 50%), var(--bg-subtle);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 20%, var(--border));flex-direction:column;align-items:center;gap:14px;padding:44px 24px 34px;display:flex;position:relative;overflow:hidden}.harvest-hero-eyebrow{background:color-mix(in srgb, var(--primary) 14%, var(--bg-card));color:var(--primary-dark);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:7px 16px;font-size:12px;font-weight:800;display:inline-flex}.harvest-hero-date{color:var(--text);letter-spacing:-.03em;font-size:clamp(34px,6.5vw,64px);font-weight:800;line-height:1.05}.harvest-hero-countdown{color:var(--green);align-items:center;gap:7px;font-size:15px;font-weight:800;display:inline-flex}.harvest-hero-progress{background:color-mix(in srgb, var(--text-muted) 20%, transparent);border-radius:999px;width:min(420px,100%);height:10px;overflow:hidden}.harvest-hero-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--green));height:100%;transition:width .4s;display:block}.production-log-page .harvest-hero-meta{max-width:52ch;color:var(--muted);margin:0;font-size:13px;line-height:1.55}.harvest-hero-edit{background:color-mix(in srgb, var(--blue) 16%, var(--bg-card));height:38px;color:color-mix(in srgb, var(--blue) 70%, var(--text));font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;margin-top:4px;padding:0 20px;font-size:13px;font-weight:700;transition:background .15s;display:inline-flex}.harvest-hero-edit:hover{background:color-mix(in srgb, var(--blue) 26%, var(--bg-card))}@media (width<=768px){.production-log-page .harvest-hero{border-radius:16px;gap:12px;padding:30px 16px 24px}.harvest-hero-eyebrow{padding:6px 12px;font-size:11px}.harvest-hero-countdown{font-size:14px}.harvest-hero-edit{border-radius:10px;height:34px;padding:0 16px;font-size:12.5px}}.harvest-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:8px;display:flex}.harvest-hero-actions .harvest-hero-edit{margin-top:0}.harvest-hero-harvest{background:linear-gradient(145deg, var(--green), color-mix(in srgb, var(--green) 75%, black));color:#fff;height:38px;font:inherit;cursor:pointer;box-shadow:0 8px 18px color-mix(in srgb, var(--green) 32%, transparent);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:13px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex}.harvest-hero-harvest:hover{box-shadow:0 12px 24px color-mix(in srgb, var(--green) 38%, transparent);transform:translateY(-1px)}.production-log-page .harvest-hero--ready{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--green) 40%, var(--border))}.harvest-hero--ready .harvest-hero-eyebrow{background:color-mix(in srgb, var(--green) 16%, var(--bg-card));color:var(--green)}@media (width<=768px){.harvest-hero-actions{flex-flow:wrap;justify-content:center;gap:8px;width:100%}.harvest-hero-harvest{border-radius:10px;height:34px;padding:0 18px;font-size:12.5px}.production-log-page .section-switcher{gap:12px}.production-log-page .section-tabs{gap:4px;padding:4px}.production-log-page .section-tabs button{border-radius:999px;height:36px;padding:0 12px;font-size:13px}.production-log-page .section-add-actions{gap:10px}.production-log-page .section-add-button{border-radius:12px;gap:6px;height:40px;min-height:0;padding:0 12px;font-size:12.5px;line-height:1}.production-log-page .section-add-button svg{width:15px;height:15px}.production-log-page .pagination{gap:10px}.production-log-page .pagination button{border-radius:10px;height:36px;padding:0 12px;font-size:12px}.production-log-page .bulk-action-buttons{gap:10px}.production-log-page .bulk-action-buttons button{border-radius:10px;height:36px;padding:0 12px;font-size:12px}.production-log-page .harvest-hero-actions{gap:10px;width:100%}.production-log-page .harvest-hero-edit,.production-log-page .harvest-hero-harvest{border-radius:12px;flex:1 1 0;height:40px;min-height:0;padding:0 12px;font-size:12.5px}.production-log-page .inline-form-actions{gap:10px}.production-log-page .inline-form-actions button{border-radius:12px;height:42px;min-height:0;padding:0 14px;font-size:13px}}@media (width<=400px){.production-log-page .section-add-button{padding:0 8px;font-size:12px}.production-log-page .row-actions button{width:32px;height:32px}.production-log-page .records-table-wrap th,.production-log-page .records-table-wrap td{padding-left:4px!important;padding-right:4px!important}}.harvest-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(620px,100%);margin-top:6px;display:grid}.harvest-stat{background:color-mix(in srgb, var(--bg-card) 82%, transparent);min-width:0;box-shadow:inset 0 0 0 1px var(--border);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 12px;display:flex}.harvest-stat-icon{--tone:var(--primary);width:32px;height:32px;color:var(--tone);background:color-mix(in srgb, var(--tone) 14%, var(--bg-card));border-radius:10px;place-items:center;display:grid}.harvest-stat-icon--red{--tone:var(--red)}.harvest-stat-icon--green{--tone:var(--green)}.harvest-stat-label{color:var(--muted);font-size:11px;font-weight:700;line-height:1.25}.harvest-stat-value{color:var(--text);letter-spacing:-.4px;font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;line-height:1.1}.harvest-stat-value small{color:var(--faint);letter-spacing:0;margin-left:3px;font-size:11px;font-weight:700}.harvest-stats--plain{width:100%;margin:0 0 16px}@media (width<=768px){.harvest-stats{gap:8px}.harvest-stat{border-radius:12px;gap:5px;padding:11px 4px 10px}.harvest-stat-icon{border-radius:9px;width:28px;height:28px}.harvest-stat-icon svg{width:15px;height:15px}.harvest-stat-label{font-size:10px}.harvest-stat-value{font-size:17px}.harvest-stat-value small{margin:1px 0 0;font-size:10px;display:block}}.confirm-modal{border:1px solid var(--border);background:linear-gradient(var(--bg-card), var(--bg-card)), var(--bg-page);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:10px;width:min(400px,100%);padding:26px 22px 20px;animation:.18s inline-form-in;display:flex;box-shadow:0 24px 60px #00000047}.confirm-modal-icon{width:52px;height:52px;color:var(--red);background:color-mix(in srgb, var(--red) 14%, var(--bg-card));border-radius:16px;place-items:center;margin-bottom:4px;display:grid}.confirm-modal h3{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:18px;font-weight:800}.confirm-modal p{max-width:34ch;color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.confirm-modal-actions{gap:10px;width:100%;margin-top:14px;display:flex}.confirm-modal-actions button{height:40px;font:inherit;cursor:pointer;border:0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.confirm-modal-actions button:disabled{opacity:.6;cursor:not-allowed}.confirm-modal-delete{background:linear-gradient(145deg, var(--red), color-mix(in srgb, var(--red) 78%, black));color:#fff;box-shadow:0 8px 18px color-mix(in srgb, var(--red) 30%, transparent)}.confirm-modal-delete:hover:not(:disabled){box-shadow:0 12px 24px color-mix(in srgb, var(--red) 38%, transparent)}.pl-toast{--tone:var(--green);z-index:1300;border:1px solid color-mix(in srgb, var(--tone) 35%, var(--border));border-left:4px solid var(--tone);background:linear-gradient(color-mix(in srgb, var(--tone) 8%, var(--bg-card)), color-mix(in srgb, var(--tone) 8%, var(--bg-card))), var(--bg-page);max-width:min(380px,100vw - 32px);color:var(--text-primary);border-radius:14px;align-items:center;gap:10px;padding:12px 12px 12px 14px;animation:.25s pl-toast-in;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 14px 34px #00000038}.pl-toast--error{--tone:var(--red)}.pl-toast-icon{color:var(--tone);flex-shrink:0;place-items:center;display:grid}.pl-toast-message{flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.4}.pl-toast-close{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.pl-toast-close:hover{background:color-mix(in srgb, var(--text-muted) 15%, transparent)}@keyframes pl-toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.confirm-modal{width:calc(100% - 32px);margin:16px;padding:22px 16px 16px}.confirm-modal-actions button{height:42px}.pl-toast{top:calc(12px + env(safe-area-inset-top,0px));max-width:none;animation-name:pl-toast-in;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.pl-toast,.confirm-modal{animation:none!important}}.alert-page{background:var(--bg-page);color:#243638;min-height:100vh;padding:24px 30px 40px}.alert-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.title-row{align-items:center;gap:10px;display:flex}.title-icon{color:#087f8c;background:#e8f3f5;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.alert-header h1{color:var(--text-primary);margin:0;font-size:27px;font-weight:700}.alert-header p{color:var(--text-muted);margin:6px 0 0;font-size:12px}.alert-page .alert-date-filter{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:15px;margin-bottom:20px;display:flex}.alert-page .alert-date-filter label{flex-direction:column;gap:8px;display:flex}.activity-date-range input[type=date]::-webkit-calendar-picker-indicator{filter:brightness(0);cursor:pointer}[data-theme=dark] .activity-date-range input[type=date]::-webkit-calendar-picker-indicator{filter:brightness(0)invert()}.alert-page .alert-date-filter label span{color:var(--text-muted);font-size:13px;font-weight:500}.alert-device-filter{align-items:center;gap:10px;display:flex}.alert-device-filter label{color:var(--text-primary);font-size:12px;font-weight:600}.alert-device-filter select{border:1px solid var(--border-color);background:var(--card-bg);min-width:150px;color:var(--text-primary);font:inherit;border-radius:8px;padding:5px 12px;font-size:13px}.alert-device-filter small{color:var(--text-secondary);font-size:12px}.alert-device-filter .device-error{color:#dc2626}.alert-page .alert-date-filter input[type=date]{border:1px solid var(--border);background:var(--bg-subtle);min-width:150px;color:var(--text-primary);border-radius:12px;outline:none;padding:14px 16px;font-family:inherit;font-size:14px;font-weight:700;transition:border-color .2s,box-shadow .2s}.alert-page .alert-date-filter input[type=date]:focus{border-color:var(--primary,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary,#2563eb) 20%, transparent)}.alert-page .alert-date-reset{border:1px solid var(--border);height:48px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:12px;padding:0 16px;font-size:13px;font-weight:700;transition:all .2s}.alert-page .alert-date-reset:hover{color:var(--text-primary);border-color:var(--text-muted)}@media (width<=650px){.alert-page .alert-date-filter{width:100%}.alert-page .alert-date-filter label{flex:1}.alert-page .alert-date-filter input[type=date]{width:100%;min-width:0}}.alert-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:24px;display:grid}.summary-card{border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:13px;align-items:center;gap:14px;min-height:92px;padding:16px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #1b383c0f}.summary-card:hover{transform:translateY(-2px);box-shadow:0 7px 18px #1b383c17}.summary-card:after{content:"";opacity:.08;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-30px;right:-25px}.total-card:after{background:#0f4c81}.risk-card:after{background:#e49b13}.danger-card:after{background:#dc2626}.summary-icon{border-radius:11px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.total-card .summary-icon{color:#0f4c81;background:#eaf2f8}.risk-card .summary-icon{color:#d38b00;background:#fff5df}.danger-card .summary-icon{color:#dc2626;background:#feecec}.summary-card span{color:var(--text-muted);margin-bottom:3px;font-size:12px;font-weight:600;display:block}.summary-card strong{font-size:26px;line-height:1.1;display:block}.total-card strong{color:#0f4c81}.risk-card strong{color:#d38b00}.danger-card strong{color:#dc2626}.summary-card small{color:var(--text-muted);margin-top:4px;font-size:10px;display:block}.alert-history{border:1px solid var(--border-subtle);background:var(--bg-card);box-shadow:0 4px 14px var(--shadow-color);border-radius:14px;overflow:hidden}.history-header{border-bottom:1px solid #e8eeee;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.history-header h2{color:var(--text-primary);margin:0;font-size:16px}.history-header p{color:var(--text-muted);margin:4px 0 0;font-size:12px}.alert-count{color:#087f8c;background:#eef7f8;border-radius:20px;padding:6px 10px;font-size:9px;font-weight:700}.alerts-table-wrapper{width:100%;overflow-x:auto}.alerts-table{border-collapse:collapse;width:100%;min-width:900px}.alerts-table th{background:var(--bg-subtle);color:var(--text-primary);text-align:left;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #e3ebec;padding:15px;font-size:11px;font-weight:500}.alerts-table td{border-bottom:1px solid var(--text-muted);color:var(--text-primary);vertical-align:middle;cursor:pointer;padding:14px 15px;font-size:12px}.alerts-table tbody tr{transition:background .15s}.alerts-table tbody tr:last-child td{border-bottom:none}.number-cell{width:40px;font-weight:600;color:#9aa7a9!important}.date-time,.recipient,.parameter,.alert-value{color:var(--text-primary);white-space:nowrap;font-size:12px}.action-cell{max-width:260px;line-height:1.5}.status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:8px;font-weight:700;display:inline-flex}.status-dot{border-radius:50%;width:5px;height:5px}.status-badge.critical{color:#c62828;background:#feecec}.status-badge.critical .status-dot{background:#dc2626}.status-badge.warning{color:#b87900;background:#fff5df}.status-badge.warning .status-dot{background:#e49b13}.status-badge.normal{color:#16a36a;background:#e9f8f1}.status-badge.normal .status-dot{background:#16a36a}.empty-alerts{color:#9aa7a9;flex-direction:column;justify-content:center;align-items:center;min-height:260px;display:flex}.empty-alerts svg{color:#b7c5c7;margin-bottom:10px}.empty-alerts h3{color:var(--text-primary);margin:0;font-size:14px}.empty-alerts p{color:var(--text-muted);margin:5px 0 0;font-size:12px}.table-footer{border-top:1px solid var(--separator);background:var(--bg-subtle);justify-content:space-between;align-items:center;padding:13px 20px;display:flex}@media (width<=900px){.alert-summary{grid-template-columns:1fr}.alert-header{flex-direction:column}.date-filter{align-self:stretch}}@media (width<=600px){.alert-page{padding:18px 15px 30px}.alert-header h1{font-size:24px}.history-header{flex-direction:column;align-items:flex-start}.table-footer{flex-direction:column;align-items:flex-start;gap:12px}.pagination{justify-content:flex-end;width:100%}}:root{--primary:#0f8b8d;--primary-dark:#0b6a6c}.history-page .history-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.history-header-main{align-items:center;gap:14px;min-width:0;display:flex}.history-header-icon{color:#fff;background:#ffffff2e;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.history-export-button{border:1px solid var(--primary);background:var(--primary);color:#fff;font:inherit;cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:9px;padding:11px 17px;font-size:13px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.history-export-button:hover{background:var(--primary-dark);box-shadow:0 5px 14px color-mix(in srgb, var(--primary) 25%, transparent);transform:translateY(-1px)}.history-export-button:focus-visible,.export-modal-close:focus-visible,.export-scope-option:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 35%, transparent);outline-offset:3px}.view-tabs{background:color-mix(in srgb, var(--bg-subtle) 70%, transparent);box-shadow:inset 0 1px 2px var(--shadow-color);border-radius:999px;gap:4px;margin-bottom:18px;padding:6px;display:inline-flex}.view-tabs button{color:var(--text-muted);font:inherit;letter-spacing:.2px;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:7px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex}.view-tabs button:hover:not(.active){background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary-dark)}.view-tabs button.active{background:linear-gradient(145deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:0 6px 16px color-mix(in srgb, var(--primary) 35%, transparent);transform:translateY(-1px)}.history-filter-row{align-items:stretch;gap:20px;margin-bottom:20px;display:flex}.history-page .history-controls{border:1px solid var(--border-subtle);background:var(--bg-card);min-width:0;box-shadow:0 8px 22px var(--shadow-color);border-radius:16px;flex-wrap:nowrap;flex:auto;justify-content:space-between;align-items:flex-end;gap:24px;padding:14px 22px;display:flex}.control-group{flex-direction:column;gap:8px;display:flex}.control-group-label{color:var(--text-muted);letter-spacing:.6px;text-transform:uppercase;font-size:11px;font-weight:700}.history-owner-search{flex-direction:column;flex:0 340px;gap:8px;width:min(100%,340px);display:flex;position:relative}.history-owner-search-field{position:relative}.history-search-group{border:1px solid var(--border-subtle);background:var(--bg-subtle);width:100%;height:46px;color:var(--text-muted);border-radius:12px;align-items:center;gap:10px;padding:0 14px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.history-search-group:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--border-subtle))}.history-owner-search-field:focus-within .history-search-group{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent);background:var(--bg-card)}.history-search-group>svg{flex:none}.history-page input.history-search{width:100%;min-width:0;height:44px;color:var(--text-primary);font:inherit;appearance:none;border-radius:0;outline:0;padding:0;font-size:14px;display:block;box-shadow:none!important;background:0 0!important;border:0!important}.history-search::placeholder{color:var(--text-muted)}.history-farmer-options{z-index:30;border:1px solid var(--border-subtle);background:var(--bg-card);width:100%;max-height:240px;box-shadow:0 12px 28px var(--shadow-color);border-radius:12px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto}.history-farmer-options button{width:100%;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.history-farmer-options button svg{color:var(--text-muted);flex-shrink:0}.history-farmer-options button:hover,.history-farmer-options button[aria-selected=true]{background:var(--bg-subtle);color:var(--primary)}.history-farmer-options button:hover svg,.history-farmer-options button[aria-selected=true] svg{color:var(--primary)}.history-farmer-empty{color:var(--text-muted);margin:0;padding:10px 12px;font-size:13px}.history-farmer-error{color:#dc2626;margin:0;font-size:12px}.history-filters-right{flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:flex-end;gap:18px;margin-left:auto;display:flex}.select-wrap{align-items:center;display:flex;position:relative}.select-lead,.select-trail{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.select-lead{color:var(--primary);left:13px}.select-trail{color:var(--text-muted);right:12px}.display-select{border:1px solid var(--border-subtle);background:var(--bg-subtle);width:100%;min-width:230px;height:46px;color:var(--text-primary);font:inherit;cursor:pointer;appearance:none;border-radius:12px;outline:none;padding:0 38px;font-size:14px;font-weight:600;transition:border-color .18s,box-shadow .18s,background .18s}.history-device-select{width:190px;min-width:170px}.display-select:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 35%, var(--border-subtle))}.display-select:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent)}.display-select:disabled{opacity:.6;cursor:not-allowed}.history-date-range{border:1px solid var(--border-subtle);background:var(--bg-card);width:fit-content;max-width:100%;box-shadow:0 8px 20px var(--shadow-color);border-radius:14px;flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:flex-end;gap:12px;margin:0;padding:8px 12px;display:flex}.history-date-field{min-width:150px;color:var(--text-muted);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.history-date-field>span{align-items:center;gap:5px;display:inline-flex}.history-date-field input[type=date]{border:1px solid var(--border-subtle);background:var(--bg-subtle);width:100%;min-width:0;height:42px;color:var(--text-primary);border-radius:10px;outline:none;padding:8px 10px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .18s,box-shadow .18s}.history-date-field input[type=date]:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent)}.history-status{border:1px dashed var(--border-subtle);background:var(--bg-card);color:var(--text-muted);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:10px;margin-bottom:16px;padding:36px 20px;display:flex}.history-status p{margin:0;font-size:14px}.history-status-icon{background:var(--bg-subtle);width:44px;height:44px;color:var(--primary);border-radius:14px;place-items:center;display:grid}.history-status-error{color:#dc2626;border-color:color-mix(in srgb, #dc2626 35%, var(--border-subtle))}.history-status-error .history-status-icon{background:color-mix(in srgb, #dc2626 10%, var(--bg-card));color:#dc2626}.history-charts-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.history-chart-card{border:1px solid var(--border-subtle);background:var(--bg-card);min-width:0;box-shadow:0 10px 26px var(--shadow-color);border-radius:20px;padding:20px}.history-chart-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.history-chart-title-row{align-items:center;gap:10px;min-width:0;display:flex}.history-chart-icon{width:36px;height:36px;color:var(--metric-color,var(--primary));background:color-mix(in srgb, var(--metric-color,var(--primary)) 14%, var(--bg-card));border:1px solid color-mix(in srgb, var(--metric-color,var(--primary)) 25%, var(--border-subtle));border-radius:11px;flex-shrink:0;place-items:center;display:grid}.chart-title{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.history-chart-chip{border:1px solid var(--border-subtle);background:var(--bg-subtle);color:var(--text-muted);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:5px 11px;font-size:11.5px;font-weight:600}.history-chart-body{width:100%;height:340px}.history-chart-body--single{height:380px}.history-chart-card .empty{border:1px dashed var(--border-subtle);color:var(--text-muted);text-align:center;border-radius:14px;padding:48px 16px;font-size:14px}.history-page .recharts-wrapper,.history-page .recharts-surface{outline:none}.history-page .recharts-default-tooltip{box-shadow:0 10px 28px var(--shadow-color);background:var(--bg-card)!important;border:1px solid var(--border-subtle)!important;border-radius:12px!important}.history-page .recharts-tooltip-label{color:var(--text-muted);font-size:12px}.history-page .recharts-tooltip-item{font-weight:600;color:var(--text-primary)!important}.history-list-container{border:1px solid var(--border-subtle);background:var(--bg-card);box-shadow:0 10px 26px var(--shadow-color);border-radius:20px;padding:20px}.history-list-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.history-list-icon{width:40px;height:40px;color:var(--primary);background:color-mix(in srgb, var(--primary) 13%, var(--bg-card));border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border-subtle));border-radius:12px;flex-shrink:0;place-items:center;display:grid}.history-list-header h2{color:var(--text-heading,var(--text-primary));letter-spacing:-.02em;margin:0;font-size:19px;font-weight:800}.history-list-header p{color:var(--text-muted);margin:3px 0 0;font-size:13px}.history-table-wrapper{width:100%;overflow-x:auto}.history-table{border-collapse:collapse;width:100%;min-width:800px}.history-table th{border-bottom:1px solid var(--border-subtle);background:var(--bg-subtle);color:var(--text-muted);letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:13px 14px;font-size:11.5px;font-weight:700}.history-table th:first-child{border-top-left-radius:12px}.history-table th:last-child{border-top-right-radius:12px}.history-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-variant-numeric:tabular-nums;padding:13px 14px;font-size:13.5px}.history-table tbody tr{transition:background .15s}.history-table tbody tr:not(.history-state-row):hover{background:color-mix(in srgb, var(--bg-subtle) 60%, transparent)}.history-table tbody tr:last-child td{border-bottom:none}.no-history{text-align:center;color:var(--text-muted)!important;padding:36px 20px!important}.history-pagination{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding-top:14px;display:flex}.history-pagination-meta{color:var(--text-muted);font-size:13px}.history-pagination-controls{align-items:center;gap:10px;display:flex}.history-pagination-button{border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--primary-dark);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.history-pagination-button:hover:not(:disabled){border-color:var(--primary);background:linear-gradient(145deg, var(--primary), var(--primary-dark));color:#fff}.history-pagination-button:disabled{opacity:.4;cursor:not-allowed}.history-pagination-page{background:color-mix(in srgb, var(--primary) 12%, var(--bg-card));min-width:56px;color:var(--primary-dark);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}.export-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(3px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.export-modal{overscroll-behavior:contain;border:1px solid var(--border-subtle);background:var(--bg-card);width:100%;max-width:520px;max-height:calc(100dvh - 40px);color:var(--text-primary);border-radius:18px;animation:.18s ease-out export-modal-enter;overflow-y:auto;box-shadow:0 24px 80px #0000003d}@keyframes export-modal-enter{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.export-modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 24px 20px;display:flex}.export-modal-heading{align-items:flex-start;gap:13px;min-width:0;display:flex}.export-modal-icon{background:color-mix(in srgb, var(--primary) 12%, transparent);width:44px;height:44px;color:var(--primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.export-modal-heading h2{color:var(--text-heading);margin:1px 0 6px;font-size:21px;font-weight:750;line-height:1.3}.export-modal-heading p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.export-modal-close{border:1px solid var(--border-subtle);background:var(--bg-subtle);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .2s,background .2s,border-color .2s;display:flex}.export-modal-close:hover{color:#dc2626;background:#dc262614;border-color:#dc2626}.export-modal-body{flex-direction:column;gap:12px;padding:22px 24px 24px;display:flex}.export-modal-label{color:var(--text-muted);letter-spacing:.8px;margin:0 0 2px;font-size:11px;font-weight:800}.export-scope-option{border:1px solid var(--border-subtle);background:var(--bg-card);width:100%;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;border-radius:13px;align-items:center;gap:14px;padding:16px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.export-scope-option:hover{border-color:color-mix(in srgb, var(--primary) 55%, var(--border-subtle));background:color-mix(in srgb, var(--primary) 3%, var(--bg-card))}.export-scope-option.selected{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 7%, var(--bg-card));box-shadow:0 0 0 1px var(--primary)}.export-scope-icon{background:var(--bg-subtle);width:44px;height:44px;color:var(--primary);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.export-scope-option.selected .export-scope-icon{background:color-mix(in srgb, var(--primary) 14%, transparent)}.export-scope-content{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.export-scope-content strong{color:var(--text-heading);font-size:14px;font-weight:750}.export-scope-content>span{color:var(--text-muted);font-size:12px;line-height:1.55}.export-scope-radio{border:2px solid var(--border-subtle);border-radius:50%;flex-shrink:0;width:19px;height:19px;display:block;position:relative}.export-scope-option.selected .export-scope-radio{border-color:var(--primary)}.export-scope-option.selected .export-scope-radio:after{content:"";background:var(--primary);border-radius:50%;position:absolute;inset:3px}.export-modal-note{background:var(--bg-subtle);border-radius:10px;align-items:flex-start;gap:10px;margin-top:4px;padding:12px 13px;display:flex}.export-modal-note-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.export-modal-note p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.6}.export-modal-error{color:#7f1d1d;text-align:center;background-color:#f7a6a6;border:1px solid #dc2626;border-radius:12px;margin:10px 0 0;padding:10px;font-size:14px;font-weight:500;line-height:1.5}.export-modal-actions{border-top:1px solid var(--border-subtle);justify-content:flex-end;align-items:center;gap:12px;padding:16px;display:flex}.export-modal-cancel,.export-confirm-button{min-height:42px;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:background-color .2s,border-color .2s,opacity .2s;display:inline-flex}.export-modal-cancel{border:1px solid var(--border-subtle);color:var(--text-primary);background:0 0}.export-confirm-button{color:#fff;background:#16a34a;border:1px solid #16a34a}.export-confirm-button:hover:not(:disabled){background:#15803d;border-color:#15803d}.export-modal-cancel:disabled,.export-confirm-button:disabled{opacity:.6;cursor:not-allowed}.success-toast{z-index:99999;color:#fff;background:#166534;border-radius:10px;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:500;animation:.25s ease-out toastSlideIn;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 8px 24px #00000026}.toast-check{border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-weight:700;display:flex}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width>=1200px){.history-charts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1024px){.history-filter-row{flex-direction:column}.history-page .history-controls{flex-flow:column wrap;align-items:stretch}.history-owner-search{flex-basis:auto;width:100%}.history-filters-right{justify-content:stretch;width:100%;margin-left:0}.history-filters-right .control-group{flex:1 1 0}.display-select,.history-device-select{width:100%;min-width:0}.history-date-range{flex:100%;justify-content:flex-start;width:100%}.history-date-range .history-date-field{flex:1 1 0;min-width:0}}@media (width<=768px){.history-page{padding:14px 12px calc(28px + env(safe-area-inset-bottom,0px));-webkit-tap-highlight-color:transparent;overflow-x:hidden}.history-page>*{min-width:0;max-width:100%}.history-header-main{gap:12px}.history-header-icon{border-radius:14px;width:44px;height:44px}.history-header-icon svg{width:21px;height:21px}.history-header h1{font-size:23px}.history-header p{font-size:12.5px;line-height:1.4}.view-tabs{width:100%;margin:0 0 14px;padding:4px;display:flex}.view-tabs button{flex:1;justify-content:center;height:38px;padding:0 10px;font-size:13.5px}.history-filter-row{gap:12px;margin-bottom:14px}.history-page .history-controls{border-radius:16px;gap:12px;padding:12px}.history-filters-right{flex-direction:column;align-items:stretch;gap:12px}.history-filters-right .control-group{flex:none;width:100%}.history-search-group,.display-select,.history-date-field input[type=date]{height:46px}.history-page input.history-search,.display-select{font-size:16px}.history-farmer-options{-webkit-overflow-scrolling:touch;max-height:40vh}.history-farmer-options button{min-height:44px}.history-date-range{border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;padding:12px;display:grid}.history-date-range .history-date-field{min-width:0}.history-date-range .history-date-field input[type=date]{appearance:none;width:100%;min-width:0;max-width:100%;padding:0 10px;font-size:16px;display:block}.history-date-field input::-webkit-date-and-time-value{text-align:left;min-width:0}.history-status{border-radius:16px;padding:26px 16px}.history-charts-grid{gap:12px}.history-chart-card{border-radius:18px;padding:14px 10px 10px}.history-chart-header{flex-wrap:wrap;gap:8px;margin-bottom:10px;padding:0 4px}.history-chart-icon{border-radius:10px;width:32px;height:32px}.chart-title{font-size:15px}.history-chart-chip{padding:4px 9px;font-size:10.5px}.history-chart-body,.history-chart-body--single{height:250px}.history-page .recharts-cartesian-axis-tick text{font-size:10px}.history-list-container{box-shadow:none;background:0 0;border:0;padding:0}.history-list-header{margin-bottom:12px}.history-list-icon{border-radius:11px;width:36px;height:36px}.history-list-header h2{font-size:17px}.history-list-header p{font-size:12px}.history-table-wrapper{overflow:visible}.history-table,.history-table tbody,.history-table tr,.history-table td{width:100%;display:block}.history-table{min-width:0}.history-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.history-table tbody tr{border:1px solid var(--border-subtle);background:var(--bg-card);box-shadow:0 4px 14px var(--shadow-color);border-radius:16px;margin-bottom:10px;padding:4px 14px}.history-table tbody tr:hover{background:var(--bg-card)}.history-table tbody tr:last-child{margin-bottom:0}.history-table td{text-align:right;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;font-size:14px;display:flex;border-bottom:1px solid var(--border-subtle)!important}.history-table tbody tr td:last-child{border-bottom:0!important}.history-table td:before{content:attr(data-label);color:var(--text-muted);letter-spacing:.05em;text-align:left;text-transform:uppercase;flex-shrink:0;font-size:10.5px;font-weight:700}.history-table td.cell-date{font-weight:700}.history-table tbody tr.history-state-row{box-shadow:none;border-style:dashed;padding:0}.history-table td.no-history{text-align:center;display:block;border-bottom:0!important;padding:28px 16px!important}.history-table td.no-history:before{display:none}.history-pagination{border-top:0;flex-direction:column;align-items:stretch;gap:10px;margin-top:12px;padding-top:12px}.history-pagination-meta{text-align:center;font-size:12px}.history-pagination-controls{justify-content:space-between;gap:8px}.history-pagination-button{border-radius:12px;flex:1;justify-content:center;height:40px;padding:0 10px;font-size:13px}.history-pagination-page{flex:none;min-width:58px}}@media (width<=650px){.page-shell.history-page{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}}@media (width<=600px){.success-toast{top:calc(12px + env(safe-area-inset-top,0px));border-radius:14px;padding:14px 16px;left:12px;right:12px}}@media (width<=520px){.history-page .history-header{flex-wrap:wrap;align-items:flex-start}.history-export-button{width:100%}.export-modal-overlay{padding:12px}.export-modal{border-radius:15px;max-height:calc(100dvh - 24px)}.export-modal-header{padding:19px 18px 17px}.export-modal-heading h2{font-size:19px}.export-modal-body{padding:18px}.export-scope-option{gap:10px;padding:13px}.export-scope-icon{width:38px;height:38px}}@media (width<=480px){.export-modal-actions{flex-direction:column-reverse;align-items:stretch}.export-modal-cancel,.export-confirm-button{width:100%}}@media (width<=400px){.history-page{padding-left:10px;padding-right:10px}.history-header h1{font-size:21px}.history-chart-body,.history-chart-body--single{height:230px}.history-chart-chip{display:none}}@media (prefers-reduced-motion:reduce){.export-modal,.success-toast{animation:none!important}.history-export-button,.export-modal-close,.export-scope-option{transition:none}}:root{--bg:var(--bg-page);--surface:var(--bg-card);--surface-soft:var(--bg-subtle);--primary:#0f8b8d;--primary-dark:#0b6a6c;--green:#28b57a;--orange:#e4a24a;--red:#df5c62;--blue:#6f9fe8;--purple:#9985d5;--text:var(--text-primary);--muted:var(--text-muted);--faint:var(--text-faint);--border:var(--border-subtle);--glass-hi:color-mix(in srgb, var(--bg-card) 96%, white);--glass-lo:color-mix(in srgb, var(--bg-card) 90%, transparent);--shadow-soft:0 8px 24px var(--shadow-color), 0 2px 5px var(--shadow-color);--shadow-hover:0 18px 40px var(--shadow-color), inset 0 1px 0 var(--glass-hi);--radius:20px}.records-con{max-width:1500px;min-height:100vh;color:var(--text);background:0 0;margin:auto;font-family:Inter,Segoe UI,sans-serif;transition:background .2s,color .2s}header{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.record-actions{flex-direction:row;justify-content:center;align-items:center;gap:10px;display:flex}.records-con>header{margin-bottom:26px}.records-con>header h1{letter-spacing:-.9px;margin:0;font-size:32px;font-weight:800;line-height:1.1}.records-con>header p,.records-con section p{color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.5}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px;display:grid}.stat-card{background:linear-gradient(145deg, var(--glass-hi), var(--glass-lo));border:1px solid var(--border);border-radius:var(--radius);min-width:0;box-shadow:0 13px 32px var(--shadow-color), inset 0 1px 0 var(--glass-hi);-webkit-backdrop-filter:blur(18px);align-items:center;gap:16px;padding:22px;transition:transform .22s,box-shadow .22s,background .2s;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--glass-hi);filter:blur(28px);pointer-events:none;border-radius:50%;width:200px;height:120px;position:absolute;top:-60px;left:-50px}.stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.stat-icon{z-index:2;width:50px;height:50px;box-shadow:0 7px 15px var(--shadow-color), inset 0 1px 0 var(--glass-hi);border-radius:15px;flex-shrink:0;place-items:center;display:grid;position:relative}.stat-icon-primary{background:linear-gradient(145deg, var(--glass-hi), color-mix(in srgb, var(--primary) 16%, var(--bg-card)));border:1px solid color-mix(in srgb, var(--primary) 20%, var(--border));color:var(--primary)}.stat-icon-red{background:linear-gradient(145deg, var(--glass-hi), color-mix(in srgb, var(--red) 16%, var(--bg-card)));border:1px solid color-mix(in srgb, var(--red) 20%, var(--border));color:var(--red)}.stat-icon-green{background:linear-gradient(145deg, var(--glass-hi), color-mix(in srgb, var(--green) 16%, var(--bg-card)));border:1px solid color-mix(in srgb, var(--green) 20%, var(--border));color:var(--green)}.stat-text{z-index:2;flex-direction:column;gap:4px;min-width:0;display:flex;position:relative}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800}.stat-value{color:var(--text);letter-spacing:-.5px;font-size:26px;font-weight:800}.records-date-filter input[type=date]::-webkit-calendar-picker-indicator{filter:brightness(0);cursor:pointer}[data-theme=dark] .records-date-filter input[type=date]::-webkit-calendar-picker-indicator{filter:brightness(0)invert()}.records-con section h2{letter-spacing:-.25px;margin:0;font-size:18px;font-weight:800}.records-con>section>div:first-child{margin-bottom:20px}.records-con>section+section{margin-top:24px}.records-con form{grid-template-columns:repeat(2,1fr);gap:17px;display:grid}.records-con form>div{flex-direction:column;display:flex}.records-con label{color:var(--text);margin-bottom:7px;font-size:11px;font-weight:750}.records-con label span{color:var(--faint)}.records-con input,.records-con textarea{border:1px solid var(--border);background:var(--surface-soft);width:100%;color:var(--text);font:inherit;border-radius:12px;outline:none;font-size:13px;transition:all .2s}.records-con input{height:46px;padding:0 13px}.records-con textarea{resize:vertical;padding:12px 13px}.records-con input::placeholder,.records-con textarea::placeholder{color:var(--faint)}.records-con input:focus,.records-con textarea:focus{background:var(--surface);border-color:color-mix(in srgb, var(--primary) 35%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 10%, transparent)}.records-con button{background:linear-gradient(145deg, var(--primary), var(--primary-dark));color:#fff;height:44px;font:inherit;cursor:pointer;box-shadow:0 10px 22px color-mix(in srgb, var(--primary) 25%, transparent), inset 0 1px 0 #fff3;border:0;border-radius:12px;padding:0 22px;font-size:12px;font-weight:750;transition:all .2s}.records-con button:hover{box-shadow:0 14px 28px color-mix(in srgb, var(--primary) 30%, transparent), inset 0 1px 0 #fff3;transform:translateY(-1px)}.stocking-summary{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px;display:grid}.stocking-summary>div{border:1px solid var(--border);background:var(--surface-soft);border-radius:15px;flex-direction:column;justify-content:center;min-height:100px;padding:17px;display:flex}.stocking-summary span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:10px;font-weight:750}.stocking-summary strong{color:var(--primary);font-size:18px;font-weight:800}.stocking-summary>div:last-child strong{color:var(--green)}.records-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.records-count{background:linear-gradient(145deg, var(--glass-hi), color-mix(in srgb, var(--green) 12%, var(--bg-card)));border:1px solid color-mix(in srgb, var(--green) 18%, var(--border));color:var(--green);box-shadow:0 4px 12px var(--shadow-color), inset 0 1px 0 var(--glass-hi);border-radius:999px;padding:8px 13px;font-size:11px;font-weight:800}.records-table-wrap{border:1px solid var(--border);background:linear-gradient(180deg, var(--glass-lo), transparent);border-radius:16px;width:100%;overflow-x:auto}.records-con table{border-collapse:collapse;width:100%;min-width:700px}.records-con th,.records-con td{border-bottom:1px solid var(--border-subtle);text-align:left;padding:16px 22px}.records-con th{background:var(--bg-subtle);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.records-con td{color:var(--text-primary);font-size:14px}.records-con tbody tr:hover{background:color-mix(in srgb, var(--bg-subtle) 55%, transparent)}.records-con tbody tr:last-child td{border-bottom:none}.records-con tbody td:nth-child(3) strong{color:var(--red);font-size:14px}.records-con tbody td:last-child{color:var(--text-primary)}.records-empty{text-align:center;color:var(--muted);padding:40px}.records-empty p{margin:0}.records-table-filler-row td{border-bottom:1px solid var(--border-subtle);background:0 0;height:54px}.records-table-filler-row:last-child td{border-bottom:none}.table-footer{border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg-card) 90%, transparent);border-bottom-right-radius:16px;border-bottom-left-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:13px 20px;display:flex}.records-modal-overlay{z-index:1000;background:#0f181e73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.records-modal{border:1px solid var(--border);background:var(--bg-card);border-radius:18px;width:min(560px,100%);margin:auto;padding:24px;box-shadow:0 24px 60px #0f181e38}.modal-text{flex-direction:column;display:flex}.modal-text p{margin-bottom:5px;font-size:13px}.records-modal-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.records-modal-header h3{color:var(--text-primary);letter-spacing:-.4px;margin:0;font-size:22px;font-weight:800}.records-modal-close{border:1px solid var(--border);background:var(--bg-subtle);width:34px;height:34px;color:var(--text-primary);border-radius:10px;justify-content:center;align-items:center;padding:0 0 0 6px;font-size:22px;line-height:1;display:inline-flex}.records-modal-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.records-modal-field{flex-direction:column;gap:8px;display:flex}.records-modal-field.full-width{grid-column:1/-1}.records-modal-field label{color:var(--text-primary);margin:0;font-size:11px;font-weight:750}.records-modal-field input,.records-modal-field textarea{border:1px solid var(--border);background:var(--surface-soft);width:100%;color:var(--text-primary);font:inherit;border-radius:12px;font-size:13px}.records-modal-field input{height:46px;padding:0 13px}.records-modal-field textarea{resize:vertical;min-height:100px;padding:12px 13px}.records-modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.records-modal-actions.full-width{grid-column:1/-1;width:100%}.estimated-text-con p{font-size:13px;font-style:italic}.records-modal-cancel,.records-modal-submit{border-radius:10px;height:40px;padding:0 16px;font-size:12px;font-weight:700}.records-modal-cancel{background:var(--surface-soft);color:var(--text-primary);border:1px solid var(--border)}.records-modal-submit{background:linear-gradient(145deg, var(--primary), var(--primary-dark));color:#fff}.pagination button{border:1px solid var(--text);background:var(--bg-subtle);height:30px;color:var(--text);cursor:pointer;border-radius:7px;align-items:center;gap:3px;padding:0 9px;font-size:10px;transition:all .15s;display:flex}.pagination button:hover:not(:disabled){color:#087f8c;background:#eef7f8;border-color:#087f8c}.col-checkbox{text-align:center;width:40px}.col-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.records-con tbody tr.row-selected{background:color-mix(in srgb, var(--primary) 10%, transparent)}.bulk-action-bar{border:1px solid color-mix(in srgb, var(--primary) 25%, var(--border));background:color-mix(in srgb, var(--primary) 10%, var(--bg-card));color:var(--primary-dark);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:10px 16px;font-size:12px;font-weight:700;display:flex}.bulk-action-buttons{gap:8px;display:flex}.btn-bulk-delete{background:linear-gradient(145deg, var(--red), color-mix(in srgb, var(--red) 78%, black));color:#fff;height:32px;box-shadow:none;border:0;border-radius:8px;padding:0 14px;font-size:11px;font-weight:750}.btn-bulk-delete:hover{filter:brightness(.95);transform:none}.row-actions{gap:6px;display:flex}.row-actions button{min-width:0;height:30px;box-shadow:none;border-radius:8px;padding:0 10px;font-size:11px;font-weight:700}.row-actions button:hover{box-shadow:none;filter:brightness(.97);transform:none}.row-actions .btn-edit{background:linear-gradient(145deg, var(--glass-hi), color-mix(in srgb, var(--blue) 16%, var(--bg-card)));color:color-mix(in srgb, var(--blue) 70%, var(--text));border:1px solid color-mix(in srgb, var(--blue) 25%, var(--border))}.row-actions .btn-delete{background:linear-gradient(145deg, var(--glass-hi), color-mix(in srgb, var(--red) 16%, var(--bg-card)));color:color-mix(in srgb, var(--red) 75%, var(--text));border:1px solid color-mix(in srgb, var(--red) 25%, var(--border))}.row-actions .btn-save{background:linear-gradient(145deg, var(--green), color-mix(in srgb, var(--green) 78%, black));color:#fff;border:1px solid color-mix(in srgb, var(--green) 40%, black)}.row-actions .btn-cancel{background:var(--surface-soft);color:var(--muted);border:1px solid var(--border)}.records-table-wrap input{height:32px;padding:0 8px;font-size:12px}.reports-charts-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:stretch;gap:20px;width:100%;margin-bottom:20px;display:grid}.reports-charts-grid>.trend-chart{width:100%;min-width:0;margin:0}.monthly-bar-chart .chart-container{min-width:0}.trend-chart{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:0 14px 34px var(--shadow-color), inset 0 1px 0 var(--glass-hi), inset 0 -1px 0 var(--border);border-radius:20px;margin:30px 0;padding:15px}.monthly-production-summary{min-width:0;margin-bottom:20px}.monthly-production-summary .records-table-wrap{width:100%;overflow-x:auto}.monthly-production-summary table{border-collapse:collapse;width:100%}.monthly-production-summary th,.monthly-production-summary td{text-align:left;padding:14px 16px}.monthly-production-summary th:nth-child(2),.monthly-production-summary th:nth-child(3),.monthly-production-summary td:nth-child(2),.monthly-production-summary td:nth-child(3){text-align:right}.chart-container{flex-direction:column;gap:15px;padding:10px 15px 15px;display:flex}.header-container{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;display:flex}.header-text{margin-bottom:10px}.records-owner-search{flex:0 320px;gap:6px;min-width:0;display:grid}.records-owner-label{color:var(--text-muted);margin:0;font-size:12px;font-weight:600}.records-owner-search-field{min-width:0;position:relative}.records-search-group{background:var(--bg-page);color:#afc0d0;border:1px solid #b8c7d6;border-radius:11px;align-items:center;gap:14px;width:100%;min-width:0;height:39px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.records-con .records-search-group{margin-bottom:0}.records-owner-search-field:focus-within .records-search-group{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary,#0f8b8d) 15%, transparent);border-color:#d2deea}.records-search-group:focus-within{border-color:#d2deea}.records-search-group>svg{flex:none}.records-con .records-search{box-sizing:border-box;color:#eef4f9;width:100%;min-width:0;height:auto;font:inherit;text-indent:0;appearance:none;box-shadow:none;background:0 0;border:0;outline:0;flex:1 1 0;padding:0;font-size:14px;font-weight:400}.records-con .records-search::placeholder{color:#bdcbd8;opacity:1;font-style:italic;font-weight:400}.records-con .records-search:focus{box-shadow:none;background:0 0;border:0}.records-farmer-options{z-index:30;border:1px solid var(--border-subtle);background:var(--bg-card);width:100%;max-height:240px;box-shadow:0 12px 28px var(--shadow-color);border-radius:11px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto}.records-farmer-options button{width:100%;height:auto;box-shadow:none;color:var(--text-primary);text-align:left;background:0 0;border:0;border-radius:7px;padding:10px 12px;font-size:14px;font-weight:500;display:block}.records-farmer-options button:hover,.records-farmer-options button[aria-selected=true]{background:var(--bg-subtle);box-shadow:none;color:var(--primary);transform:none}.records-farmer-empty{color:var(--text-muted);margin:0;padding:10px 12px;font-size:13px}.header-text p{color:var(--text-faint);font-size:14px}.filter-container{flex-flow:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.filter-container-farmer{justify-content:flex-end}.records-date-filter{justify-content:flex-end;margin:-8px 0 24px}@media (width<=900px){.stocking-summary{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat-card{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;padding:16px 8px}.stat-text{align-items:center;width:100%}.stat-label{letter-spacing:.04em;overflow-wrap:anywhere;font-size:10px;line-height:1.25}.stat-value{overflow-wrap:anywhere;font-size:22px;line-height:1.1}}@media (width<=768px){.reports-charts-grid{grid-template-columns:minmax(0,1fr)}.page-shell{width:100%;max-width:100%;overflow-x:hidden}.records-con,.records-con>*,.records-con .filter-container,.records-con .reports-charts-grid,.records-con .trend-chart,.records-con .chart-container,.records-con .monthly-production-summary,.records-con .stats-grid,.records-con .stat-card,.records-con .records-owner-search,.records-con .records-owner-search-field,.records-con .chart-filter-group{min-width:0;max-width:100%}.records-con{width:100%;min-height:100dvh;padding:14px 12px calc(24px + env(safe-area-inset-bottom,0px));-webkit-tap-highlight-color:transparent;margin:0 auto;overflow-x:hidden}.records-con button,.records-con input{touch-action:manipulation}.records-con>header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.records-con>header>div{width:100%;min-width:0}.records-con>header h1{letter-spacing:-.5px;font-size:24px}.records-con>header p{margin-top:4px;font-size:12.5px;line-height:1.45}.records-con .records-export-button{align-self:flex-start;border-radius:10px!important;gap:6px!important;width:auto!important;height:38px!important;padding:0 14px!important;font-size:13px!important;box-shadow:0 4px 12px #2563eb38!important}.records-con .records-export-button svg{width:16px;height:16px}.records-con .records-export-button:disabled{box-shadow:none!important}.records-con .records-export-button:active:not(:disabled){transform:scale(.97)}.filter-container,.filter-container-farmer{border:1px solid var(--border-subtle);background:var(--bg-card);width:100%;box-shadow:0 4px 14px var(--shadow-color);border-radius:16px;flex-flow:column;justify-content:flex-start;align-items:stretch;gap:12px;margin-bottom:14px;padding:12px}.records-owner-search{flex:none;width:100%}.records-search-group{border-radius:12px;height:44px;padding:0 12px}.records-con .records-search{font-size:16px}.records-farmer-options{-webkit-overflow-scrolling:touch;border-radius:12px;max-height:45vh}.records-farmer-options button{border-radius:10px;min-height:44px;padding:10px 14px;font-size:15px}.records-date-filter,.chart-filter-group.records-date-filter{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin:0;display:grid}.chart-filter-group label{width:100%;min-width:0;margin:0;font-size:12px}.chart-filter-group input,.records-con .chart-filter-group input{appearance:none;border-radius:12px;width:100%;min-width:0;max-width:100%;height:44px;padding:0 10px;font-size:16px;display:block}.chart-filter-group input::-webkit-date-and-time-value{text-align:left;min-width:0}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:0 0 14px;padding:0;display:grid;overflow:visible}.stat-card{text-align:center;width:100%;min-width:0;box-shadow:0 6px 16px var(--shadow-color);border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding:12px 6px}.stat-card:hover{transform:none}.stat-icon{border-radius:11px;width:36px;height:36px}.stat-icon svg{width:18px;height:18px}.stat-text{align-items:center;gap:2px;width:100%;min-width:0}.stat-label{letter-spacing:.03em;overflow-wrap:anywhere;font-size:9px;line-height:1.25}.stat-value{overflow-wrap:anywhere;font-size:18px;line-height:1.1}.reports-charts-grid{grid-template-columns:minmax(0,1fr);gap:12px;width:100%;margin-bottom:14px}.trend-chart,.reports-charts-grid>.trend-chart{width:100%;box-shadow:0 4px 14px var(--shadow-color);border-radius:16px;margin:0;padding:4px;overflow:hidden}.chart-container{gap:6px;width:100%;padding:10px 4px 6px;overflow:hidden}.header-container{align-items:flex-start;min-width:0}.header-text{min-width:0;margin-bottom:2px;padding:0 8px}.header-text h3{letter-spacing:-.2px;margin:0;font-size:16px;font-weight:800}.header-text p{margin:4px 0 0;font-size:12px;line-height:1.45}.trend-chart .recharts-responsive-container,.trend-chart .recharts-wrapper{max-width:100%;width:100%!important}.trend-chart .recharts-cartesian-axis-tick text{font-size:10px}.trend-chart .recharts-legend-wrapper{font-size:11px!important}.trend-chart .empty{text-align:center;color:var(--muted);padding:32px 12px;font-size:13px}.records-empty{border:1px dashed var(--border);background:var(--bg-card);border-radius:16px;padding:28px 16px;font-size:14px}.records-con .monthly-production-summary{width:100%;margin-bottom:8px;padding:0}.monthly-production-summary .records-head{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:12px}.monthly-production-summary .records-head h2{font-size:17px}.monthly-production-summary .records-table-wrap{background:0 0;border:0;border-radius:0;overflow:visible}.records-con .monthly-production-summary table,.records-con .monthly-production-summary tbody{width:100%;min-width:0;display:block}.records-con .monthly-production-summary thead{display:none}.records-con .monthly-production-summary tbody tr{border:1px solid var(--border-subtle);background:var(--bg-card);width:100%;box-shadow:0 3px 10px var(--shadow-color);border-radius:14px;margin-bottom:10px;padding:4px 14px;display:block}.records-con .monthly-production-summary tbody tr:hover{background:var(--bg-card)}.records-con .monthly-production-summary tbody tr:last-child{margin-bottom:0}.records-con .monthly-production-summary td{text-align:right;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:14px;display:flex}.records-con .monthly-production-summary tbody tr td:last-child{border-bottom:none}.records-con .monthly-production-summary td:before{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;flex-shrink:0;font-size:11px;font-weight:800}.records-con .monthly-production-summary td:first-child:before{content:"Month"}.records-con .monthly-production-summary td:nth-child(2):before{content:"Fingerlings"}.records-con .monthly-production-summary td:nth-child(3):before{content:"Mortality"}.records-con .monthly-production-summary td:first-child{text-align:left;justify-content:flex-start;font-size:15px;font-weight:800}.records-con .monthly-production-summary td:first-child:before{display:none}.records-con .monthly-production-summary td:nth-child(3){color:var(--red);font-weight:700}.records-con button:hover{transform:none}.records-con button:active:not(:disabled){filter:brightness(.94)}}@media (width<=400px){.records-con{padding-left:10px;padding-right:10px}.records-con>header h1{font-size:22px}.records-date-filter,.chart-filter-group.records-date-filter{grid-template-columns:minmax(0,1fr)}.stats-grid{gap:6px}.stat-card{padding:10px 4px}.stat-label{font-size:8.5px}.stat-value{font-size:16px}.header-text h3{font-size:15px}}.records-title{align-items:center;gap:16px;min-width:0;display:flex}.records-title-icon{color:#fff;background:linear-gradient(145deg, var(--primary), var(--primary-dark));width:52px;height:52px;box-shadow:0 10px 22px color-mix(in srgb, var(--primary) 32%, transparent);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.records-owner-label,.label-with-icon{align-items:center;gap:6px;display:inline-flex}.chart-title-row{align-items:flex-start;gap:11px;min-width:0;display:flex}.chart-title-icon{--metric-color:var(--primary);width:36px;height:36px;color:var(--metric-color);background:color-mix(in srgb, var(--metric-color) 14%, var(--bg-card));border-radius:11px;flex-shrink:0;place-items:center;display:grid}.section-icon{width:40px;height:40px;color:var(--primary);background:color-mix(in srgb, var(--primary) 13%, var(--bg-card));border-radius:12px;flex-shrink:0;place-items:center;display:grid}.records-empty svg{color:var(--primary);margin:0 auto 8px;display:block}.trend-chart .empty{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}@media (width<=768px){.records-title{gap:12px}.records-title-icon{border-radius:14px;width:44px;height:44px}.records-title-icon svg{width:21px;height:21px}.chart-title-row{padding:0 4px}.chart-title-icon{border-radius:10px;width:32px;height:32px}.header-text{padding:0}.section-icon{border-radius:11px;width:36px;height:36px}}.settings{background:var(--bg-page);min-height:100vh;color:var(--text-primary);padding:10px 30px 35px}.settings .settings-header-text{flex-direction:row;align-items:center;gap:16px;margin-bottom:24px;display:flex}.settings .settings-header-icon{color:#fff;background:linear-gradient(145deg, var(--s-accent), var(--s-accent-dark));width:52px;height:52px;box-shadow:0 10px 22px color-mix(in srgb, var(--s-accent) 32%, transparent);border-radius:16px;flex:0 0 52px;place-items:center;display:grid}.settings .settings-header-title{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-width:0;display:flex}.settings .settings-header-title h1{color:var(--text-primary);letter-spacing:-.03em;margin:0;font-size:30px;font-weight:800;line-height:1.2}.settings .settings-header-title p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.settings-grid{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:20px;width:100%;max-width:1150px;margin:0 auto;display:grid}.settings-card{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:0 5px 20px var(--shadow-color);border-radius:16px;padding:24px}.card-title{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding-bottom:20px;display:flex}.title-icon{border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.title-icon.blue{color:#0f4c81;background:#e9f4fc}.title-icon.green{color:#159b66;background:#e9f8f1}.card-title h2{color:var(--text-primary);margin:0;font-size:17px}.card-title p{color:var(--text-muted);margin:4px 0 0;font-size:12px}.setting-section{padding:20px 0}.setting-section h3{color:var(--text-primary);margin:0;font-size:14px}.setting-description{color:var(--text-muted);margin:5px 0 15px;font-size:12px}.option-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.option-card{background:var(--bg-card);border:1px solid var(--border-subtle);min-height:95px;color:var(--text-muted);cursor:pointer;text-align:left;border-radius:11px;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;padding:13px;transition:all .2s;display:flex;position:relative}.option-card svg{color:#0f4c81}.option-card span{color:var(--text-primary);font-size:13px;font-weight:600}.option-card small{color:var(--text-faint);font-size:10px}.option-card:hover{border-color:#8bbbd9;transform:translateY(-1px)}.option-card.selected{background:var(--selected-bg);border-color:#0f7fbd;box-shadow:0 0 0 2px #0f7fbd14}.option-card.selected span{color:#313131}.option-card.selected:after{content:"✓";color:#0f7fbd;font-size:12px;font-weight:700;position:absolute;top:8px;right:9px}.language-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.language-option{background:var(--bg-card);border:1px solid var(--border-subtle);text-align:left;cursor:pointer;border-radius:11px;align-items:center;gap:10px;padding:13px;transition:all .2s;display:flex}.language-option:hover{border-color:#8bbbd9}.language-option.selected{background:var(--selected-bg);border-color:#0f7fbd}.language-radio{border:2px solid #aab8c5;border-radius:50%;flex-shrink:0;place-items:center;width:17px;height:17px;display:grid}.language-option.selected .language-radio{border-color:#0f7fbd}.language-radio span{background:#0f7fbd;border-radius:50%;width:8px;height:8px}.language-option strong{color:var(--text-primary);font-size:13px;display:block}.language-option.selected strong{color:var(--selected-text)}.language-option small{color:var(--text-faint);margin-top:3px;font-size:10px;display:block}.sms-info-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;gap:12px;margin-top:20px;padding:15px;display:flex}.sms-info-icon{color:#159b66;background:#dff5e9;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.sms-info-box strong{color:#315546;font-size:13px}.sms-info-box p{color:#718379;margin:4px 0 0;font-size:11px;line-height:1.5}.phone-section{margin-top:25px}.phone-section>label{color:var(--text-primary);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.phone-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.alert-text strong{color:var(--text-primary)}.alert-text p{color:var(--text-faint)}.phone-value{background:var(--bg-subtle);min-width:0;color:var(--text-primary);border-radius:10px;align-items:center;gap:9px;padding:10px 13px;display:flex}.phone-value>svg{color:#0f4c81;flex-shrink:0}.phone-value>span{font-size:14px;font-weight:600}.edit-button{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-heading);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:8px 12px;font-size:12px;transition:all .2s;display:flex}.edit-button:hover{background:#f1f7fb}.edit-button.save{color:#159b66;border-color:#b8e2cc}.edit-button:disabled{opacity:.4;cursor:not-allowed}.edit-input{align-items:center;gap:6px;display:flex}.edit-input input{width:125px;color:var(--text-primary);background:0 0;border:none;border-bottom:1px solid #0f4c81;outline:none;padding:2px 4px;font-size:13px}.cancel-button{color:#dc4f4f;cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid}.sms-example{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:12px;margin-top:25px;padding:15px}.example-header{color:#0f4c81;align-items:center;gap:7px;font-size:12px;display:flex}.sms-example p{color:var(--text-muted);margin:10px 0 0;font-size:11px;line-height:1.6}.sms-note{align-items:center;gap:8px;margin-top:15px;display:flex}.sms-note span{color:#b87900;background:#fff3d8;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:grid}.sms-note p{color:var(--text-muted);margin:0;font-size:10px}@media (width<=900px){.settings-grid{grid-template-columns:1fr}.settings-card{max-width:none}}@media (width<=600px){.settings{padding:10px 15px 25px}.settings-grid{gap:15px}.settings-card{padding:18px}.option-grid{grid-template-columns:1fr}.option-card{min-height:65px}.language-options{grid-template-columns:1fr}.phone-row{flex-direction:column;align-items:stretch}.phone-value{justify-content:flex-start}.edit-button{align-self:flex-end}}.text-input{border:1px solid var(--border-subtle);background:var(--bg-subtle);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:8px 10px;font-size:13px}.text-input:focus{border-color:#0f7fbd}.cancel-text-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:12px}.cancel-text-button:hover{color:#dc4f4f}.add-button{color:#fff;cursor:pointer;white-space:nowrap;background:#0f7fbd;border:none;border-radius:8px;align-items:center;gap:5px;padding:8px 14px;font-size:12px;font-weight:600;display:flex}.add-button:disabled{opacity:.4;cursor:not-allowed}.wifi-status{background:var(--bg-subtle);color:var(--text-muted);border-radius:10px;align-items:center;gap:8px;margin-top:18px;padding:12px 14px;font-size:12px;display:flex}.status-dot{background:#2fb872;border-radius:50%;flex-shrink:0;width:8px;height:8px}.wifi-edit-trigger{justify-content:center;width:100%;margin-top:15px}.wifi-form{flex-direction:column;gap:6px;margin-top:18px;display:flex}.wifi-form label{color:var(--text-muted);margin-top:6px;font-size:11px}.password-input{align-items:center;display:flex;position:relative}.password-input .text-input{padding-right:36px}.toggle-password{color:var(--text-faint);cursor:pointer;background:0 0;border:none;place-items:center;display:grid;position:absolute;right:8px}.wifi-form-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.no-device-state{text-align:center;background:var(--bg-subtle);border:1px dashed var(--border-subtle);border-radius:12px;flex-direction:column;align-items:center;gap:6px;margin-top:18px;padding:28px 20px;display:flex}.no-device-icon{color:#0f4c81;background:#e9f4fc;border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:4px;display:grid}.no-device-title{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.no-device-text{max-width:260px;color:var(--text-muted);margin:0 0 10px;font-size:12px;line-height:1.5}.no-device-add-button{padding:9px 18px}.admin-dashboard-page{--tone-indigo:#6366f1;--tone-green:#10b981;--tone-amber:#f59e0b;--tone-red:#ef4444;min-height:100vh;color:var(--text-primary);background:0 0;padding:32px;font-family:Inter,Segoe UI,sans-serif}.admin-dashboard-page *,.admin-dashboard-page :before,.admin-dashboard-page :after{box-sizing:border-box}.admin-dashboard-shell{max-width:1400px;margin:0 auto}.admin-dashboard-header{color:var(--selected-text);margin-bottom:24px}.admin-dashboard-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-dashboard-header-main{align-items:center;gap:16px;min-width:0;display:flex}.admin-header-icon{color:#fff;background:linear-gradient(145deg,#0f8b8d,#0b6a6c);border-radius:16px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 10px 22px #0f8b8d52}.admin-dashboard-header-copy{flex-direction:column;min-width:0;display:flex}.admin-dashboard-title{letter-spacing:-.04em;margin:0;font-size:32px;font-weight:800;line-height:1.1}.admin-dashboard-eyebrow{color:var(--text-muted);margin:4px 0 0;font-size:14px}.admin-date-chip{border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.admin-date-chip svg{color:#0f8b8d}.admin-dashboard-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:24px;display:grid}.admin-stat-card{--tone:var(--tone-indigo);background:var(--bg-card);border:1px solid var(--border-subtle);min-width:0;box-shadow:0 12px 28px var(--shadow-color);border-radius:20px;padding:20px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.admin-stat-card:after{content:"";background:color-mix(in srgb, var(--tone) 10%, transparent);pointer-events:none;border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-40px}.admin-stat-card:hover{box-shadow:0 18px 36px var(--shadow-color);transform:translateY(-3px)}.admin-stat-card--indigo{--tone:var(--tone-indigo)}.admin-stat-card--green{--tone:var(--tone-green)}.admin-stat-card--amber{--tone:var(--tone-amber)}.admin-stat-card--red{--tone:var(--tone-red)}.admin-stat-top{z-index:1;align-items:center;gap:12px;margin-bottom:16px;display:flex;position:relative}.admin-stat-icon{width:42px;height:42px;color:var(--tone);background:color-mix(in srgb, var(--tone) 14%, var(--bg-card));border:1px solid color-mix(in srgb, var(--tone) 22%, var(--border-subtle));border-radius:13px;flex-shrink:0;place-items:center;display:grid}.admin-stat-label{min-width:0;color:var(--text-muted);font-size:13px;font-weight:700;line-height:1.25}.admin-stat-value{z-index:1;color:var(--text-primary);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-bottom:6px;font-size:34px;font-weight:800;line-height:1.1;position:relative}.admin-stat-change{z-index:1;color:var(--tone);align-items:center;gap:5px;font-size:12.5px;font-weight:700;display:inline-flex;position:relative}.admin-stat-loading{color:#0000;background:linear-gradient(90deg, var(--bg-subtle) 25%, color-mix(in srgb, var(--bg-subtle) 55%, var(--bg-card)) 50%, var(--bg-subtle) 75%);background-size:200% 100%;border-radius:8px;width:75px;height:28px;animation:1.4s ease-in-out infinite stat-loading;display:inline-block}@keyframes stat-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.admin-dashboard-overview-panel{margin-bottom:24px}.admin-dashboard-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}.admin-panel{background:var(--bg-card);border:1px solid var(--border-subtle);min-width:0;box-shadow:0 12px 28px var(--shadow-color);border-radius:22px;padding:22px}.admin-panel+.admin-panel,.admin-dashboard-overview-panel+.admin-panel{margin-top:24px}.admin-dashboard-recent-grid .admin-panel{margin-top:0}.admin-panel-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.admin-panel-heading{align-items:center;gap:12px;min-width:0;display:flex}.admin-panel-icon{color:#0f8b8d;background:color-mix(in srgb, #0f8b8d 13%, var(--bg-card));border:1px solid color-mix(in srgb, #0f8b8d 22%, var(--border-subtle));border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.admin-panel-icon--amber{color:var(--tone-amber);background:color-mix(in srgb, var(--tone-amber) 13%, var(--bg-card));border-color:color-mix(in srgb, var(--tone-amber) 24%, var(--border-subtle))}.admin-panel-icon--red{color:var(--tone-red);background:color-mix(in srgb, var(--tone-red) 13%, var(--bg-card));border-color:color-mix(in srgb, var(--tone-red) 24%, var(--border-subtle))}.admin-panel-header-text,.recent-activity-text,.div-connectivity-text{flex-direction:column;gap:3px;min-width:0;display:flex}.admin-panel-title{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:19px;font-weight:800}.admin-panel-subtitle,.recent-activity-text p,.div-connectivity-text p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.admin-panel-button{border:1px solid var(--border-subtle);color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.admin-panel-button:hover{color:#087f8c;background:#087f8c1a;border-color:#087f8c}.admin-panel-button:hover svg{transform:translate(2px)}.admin-panel-button svg{transition:transform .15s}.filter-div{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:18px;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:16px;width:100%;margin-bottom:20px;padding:16px;display:flex}.filter-div label{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.monitoring-farmer-search,.monitoring-device-filter{flex:1 1 0;min-width:0;max-width:360px}.monitoring-farmer-search-field{min-width:0;position:relative}.monitoring-search-input,.monitoring-select-wrap{border:1px solid var(--border-subtle);background:var(--bg-card);height:44px;color:var(--text-muted);border-radius:12px;align-items:center;gap:10px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.monitoring-search-input:focus-within,.monitoring-select-wrap:focus-within{border-color:color-mix(in srgb, #0f8b8d 55%, var(--border-subtle));box-shadow:0 0 0 3px #0f8b8d24}.monitoring-search-input svg,.monitoring-select-wrap svg{flex-shrink:0}.monitoring-search-input input{width:100%;min-width:0;height:100%;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0;flex:1 1 0;padding:0;font-size:14px}.monitoring-select-wrap select{width:100%;min-width:0;height:100%;color:var(--text-primary);font:inherit;appearance:none;cursor:pointer;text-overflow:ellipsis;background:0 0;border:0;outline:0;flex:1 1 0;padding:0 22px 0 0;font-size:14px}.monitoring-select-wrap select:disabled{cursor:not-allowed;opacity:.6}.monitoring-select-wrap .select-trail{pointer-events:none;position:absolute;right:12px}.monitoring-farmer-empty{color:var(--text-muted);margin:0;padding:10px 12px;font-size:13px}.gauge-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.gauge-card{background:linear-gradient(145deg, var(--glass-hi), var(--glass-mid));border:1px solid var(--glass-hi);min-width:0;min-height:340px;box-shadow:0 13px 32px var(--shadow-color), inset 0 1px 0 var(--glass-hi), inset 0 -1px 0 var(--border);-webkit-backdrop-filter:blur(18px);border-radius:20px;padding:20px;transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden}[data-theme=light] .admin-stat-card,[data-theme=light] .admin-panel,[data-theme=light] .gauge-card{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border) 70%, transparent), inset 0 1px 0 var(--glass-hi), inset 0 -1px 0 color-mix(in srgb, var(--border) 80%, transparent), 0 12px 28px var(--shadow-color)}.gauge-card:before{content:"";background:var(--glass-hi);filter:blur(30px);pointer-events:none;border-radius:50%;width:230px;height:135px;position:absolute;top:-65px;left:-50px}.gauge-card:after{content:"";background:color-mix(in srgb, var(--primary) 5%, transparent);filter:blur(16px);pointer-events:none;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-85px;right:-75px}.gauge-card:hover{box-shadow:0 20px 42px var(--shadow-color), inset 0 1px 0 var(--glass-hi), inset 0 -1px 0 var(--border);transform:translateY(-4px)}.gauge-top{z-index:3;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:relative}.gauge-title{align-items:center;gap:10px;min-width:0;display:flex}.gauge-icon{width:34px;height:34px;color:var(--pill-color,var(--text-muted));background:color-mix(in srgb, var(--pill-color,#94a3b8) 14%, var(--bg-card));border:1px solid color-mix(in srgb, var(--pill-color,#94a3b8) 22%, var(--border-subtle));border-radius:11px;flex-shrink:0;place-items:center;display:grid}.gauge-top b{color:var(--text-primary);font-size:14px;font-weight:750;line-height:1.2;display:block}.gauge-top small{color:var(--text-faint);margin-top:3px;font-size:10px;display:block}.pill{color:var(--pill-color,var(--text-primary));background:linear-gradient(145deg, var(--glass-hi), color-mix(in srgb, var(--pill-color) 9%, var(--bg-card)));border:1px solid color-mix(in srgb, var(--pill-color) 20%, var(--border));box-shadow:0 4px 10px var(--shadow-color), inset 0 1px 0 var(--glass-hi);text-transform:capitalize;border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:9px;font-weight:800}.gauge-visual{z-index:2;width:225px;max-width:100%;margin:20px auto 0;position:relative}.half-gauge{filter:drop-shadow(0 6px 7px #0f172a1f);width:100%;height:auto;display:block}.rim-arc{stroke:var(--border);stroke-linecap:round;filter:drop-shadow(0 2px 3px var(--shadow-color))}.gauge-card .half-gauge path[stroke]{opacity:.94;stroke-linecap:round;filter:drop-shadow(0 2px 4px var(--shadow-color))}.zone-label-text{fill:var(--text-faint);letter-spacing:.15px;font-size:9px;font-weight:800}.needle-wedge{fill:var(--text-primary);filter:drop-shadow(0 4px 5px var(--shadow-color))}.needle-hub-ring{fill:var(--glass-hi);stroke:var(--glass-hi);stroke-width:4px;filter:drop-shadow(0 3px 6px var(--shadow-color))}.needle-hub-dot{fill:var(--primary);filter:drop-shadow(0 2px 3px color-mix(in srgb, var(--primary) 30%, transparent))}.gauge-readout{text-align:center;position:absolute;bottom:2px;left:0;right:0}.gauge-readout strong{color:var(--text-primary);letter-spacing:-.6px;font-size:30px;font-weight:800;line-height:1;display:block}.gauge-readout small{color:var(--selected-text);margin-top:5px;font-size:11px;font-weight:600;display:block}.updated{z-index:3;color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin:14px 0 0;font-size:10.5px;font-weight:600;display:flex;position:relative}.live-dot{background:var(--tone-green);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in srgb, var(--tone-green) 55%, transparent);border-radius:50%;animation:1.8s ease-out infinite live-pulse}@keyframes live-pulse{70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}.gauge-card--empty{opacity:.72;flex-direction:column;justify-content:space-between;display:flex}.gauge-empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:40px 10px;display:flex}.gauge-empty-state span{color:var(--text-faint);font-size:36px;font-weight:800}.gauge-empty-state p{color:var(--text-muted);max-width:160px;margin:0;font-size:11px}.admin-activity-list{width:100%;overflow-x:auto}.admin-activity-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:650px}.admin-activity-table th{text-align:left;background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);overflow-wrap:anywhere;letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase;white-space:nowrap;padding:12px 16px;font-size:11.5px;font-weight:700}.admin-activity-table th:first-child{border-top-left-radius:12px}.admin-activity-table th:last-child{border-top-right-radius:12px}.admin-activity-table td{text-align:left;border-bottom:1px solid var(--border-subtle);overflow-wrap:anywhere;color:var(--text-primary);padding:14px 16px;font-size:14px;font-weight:400}.admin-activity-table tbody tr{transition:background .15s}.admin-activity-table tbody tr:hover{background:color-mix(in srgb, var(--bg-subtle) 60%, transparent)}.admin-activity-table tbody tr:last-child td{border-bottom:none}.admin-activity-table th:first-child,.admin-activity-table td:first-child{width:22%}.admin-activity-table th:nth-child(2),.admin-activity-table td:nth-child(2){width:24%}.admin-activity-table th:nth-child(3),.admin-activity-table td:nth-child(3){width:14%}.admin-activity-table th:nth-child(4),.admin-activity-table td:nth-child(4){width:40%}.activity-name{font-weight:700}.activity-badge{background:color-mix(in srgb, #0f8b8d 12%, var(--bg-card));border:1px solid color-mix(in srgb, #0f8b8d 22%, var(--border-subtle));color:#0f8b8d;text-transform:capitalize;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-block}.admin-alerts-list{gap:12px;display:grid}.admin-alert-item{--sev:var(--tone-indigo);border:1px solid var(--border-subtle);border-left:3px solid var(--sev);background:color-mix(in srgb, var(--sev) 5%, var(--bg-card));border-radius:14px;align-items:flex-start;gap:12px;padding:14px;display:flex}.admin-alert-item--warning{--sev:var(--tone-amber)}.admin-alert-item--critical{--sev:var(--tone-red)}.admin-alert-item--info{--sev:#3b82f6}.admin-alert-icon{width:36px;height:36px;color:var(--sev);background:color-mix(in srgb, var(--sev) 15%, var(--bg-card));border-radius:11px;flex-shrink:0;place-items:center;display:grid}.admin-alert-body{flex:1;min-width:0}.admin-alert-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:5px;display:flex}.admin-alert-header strong{color:var(--text-primary);font-size:14px}.admin-alert-severity{text-transform:capitalize;color:var(--sev);background:color-mix(in srgb, var(--sev) 14%, var(--bg-card));border-radius:999px;flex-shrink:0;padding:4px 9px;font-size:10.5px;font-weight:800;display:inline-block}.admin-alert-detail{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.admin-device-item{border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:14px;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.device-left-side{flex-direction:row;align-items:center;gap:12px;min-width:0;display:flex}.device-icon{background:color-mix(in srgb, var(--tone-red) 12%, var(--bg-card));border:1px solid color-mix(in srgb, var(--tone-red) 22%, var(--border-subtle));border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.globe-icon{color:var(--tone-red)}.device-details{flex-direction:column;justify-content:center;gap:3px;min-width:0;display:flex}.device-details h3{color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-size:14.5px}.device-details p{color:var(--text-muted);margin:0;font-size:12px}.status-div{background:color-mix(in srgb, var(--tone-red) 13%, var(--bg-card));border:1px solid color-mix(in srgb, var(--tone-red) 24%, var(--border-subtle));border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:5px 11px;display:inline-flex}.status-dot{background:var(--tone-red);border-radius:50%;width:6px;height:6px}.status-div p{color:var(--tone-red);text-transform:capitalize;margin:0;font-size:12px;font-weight:700}.admin-empty-state{border:1px dashed var(--border-subtle);color:var(--text-faint);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:36px 16px;display:flex}.admin-empty-state p{color:var(--text-muted);margin:0;font-size:13px}.admin-empty-state--ok{color:var(--tone-green);border-color:color-mix(in srgb, var(--tone-green) 28%, var(--border-subtle));background:color-mix(in srgb, var(--tone-green) 5%, transparent)}@media (width<=980px){.admin-dashboard-stats-grid,.gauge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard-recent-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=768px){.admin-dashboard-page{padding:16px 12px calc(24px + env(safe-area-inset-bottom,0px));-webkit-tap-highlight-color:transparent;overflow-x:hidden}.admin-dashboard-shell,.admin-dashboard-shell>*{min-width:0;max-width:100%}.admin-dashboard-header{margin-bottom:16px}.admin-dashboard-header-row{flex-direction:column;align-items:stretch;gap:12px}.admin-dashboard-header-main{gap:12px}.admin-header-icon{border-radius:14px;width:44px;height:44px}.admin-header-icon svg{width:21px;height:21px}.admin-dashboard-title{font-size:23px}.admin-dashboard-eyebrow{font-size:12.5px;line-height:1.4}.admin-date-chip{align-self:flex-start;padding:7px 12px;font-size:12px}.admin-dashboard-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.admin-stat-card{border-radius:18px;padding:14px}.admin-stat-card:hover{transform:none}.admin-stat-top{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:10px}.admin-stat-icon{border-radius:11px;width:36px;height:36px}.admin-stat-icon svg{width:18px;height:18px}.admin-stat-label{font-size:12px}.admin-stat-value{font-size:26px}.admin-stat-change{font-size:11.5px}.admin-panel{border-radius:20px;padding:16px}.admin-panel+.admin-panel,.admin-dashboard-overview-panel+.admin-panel{margin-top:16px}.admin-dashboard-overview-panel{margin-bottom:16px}.admin-dashboard-recent-grid{gap:16px;margin-top:16px}.admin-panel-header{align-items:flex-start;margin-bottom:14px}.admin-panel-icon{border-radius:11px;width:36px;height:36px}.admin-panel-icon svg{width:18px;height:18px}.admin-panel-title{font-size:17px}.admin-panel-subtitle,.recent-activity-text p,.div-connectivity-text p{font-size:12px}.recent-activity-text p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.admin-panel-button{border-radius:9px;padding:7px 10px;font-size:11.5px}.filter-div{border-radius:16px;flex-direction:column;align-items:stretch;gap:12px;margin-bottom:14px;padding:12px}.monitoring-farmer-search,.monitoring-device-filter{flex:none;width:100%;max-width:none}.monitoring-search-input,.monitoring-select-wrap{border-radius:12px;height:46px}.monitoring-search-input input,.monitoring-select-wrap select{font-size:16px}.monitoring-farmer-options{-webkit-overflow-scrolling:touch;max-height:40vh}.monitoring-farmer-options button{min-height:44px}.gauge-grid{grid-template-columns:minmax(0,1fr);gap:12px}.gauge-card{border-radius:18px;min-height:0;padding:16px}.gauge-card:hover{transform:none}.gauge-visual{width:100%;max-width:260px;margin-top:14px}.gauge-card--empty .gauge-empty-state{padding:24px 10px}.admin-activity-list{overflow:visible}.admin-activity-table,.admin-activity-table tbody,.admin-activity-table tr,.admin-activity-table td{width:100%;display:block}.admin-activity-table{table-layout:auto;min-width:0}.admin-activity-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.admin-activity-table tbody tr{border:1px solid var(--border-subtle);background:var(--bg-card);box-shadow:0 4px 12px var(--shadow-color);border-radius:16px;margin-bottom:10px;padding:4px 14px}.admin-activity-table tbody tr:last-child{margin-bottom:0}.admin-activity-table tbody tr:hover{background:var(--bg-card)}.admin-activity-table td,.admin-activity-table th:nth-child(n),.admin-activity-table td:nth-child(n){width:100%}.admin-activity-table td{text-align:right;justify-content:space-between;align-items:flex-start;gap:14px;padding:10px 0;font-size:13.5px;display:flex;border-bottom:1px solid var(--border-subtle)!important}.admin-activity-table tbody tr td:last-child{border-bottom:0!important}.admin-activity-table td:before{content:attr(data-label);color:var(--text-muted);letter-spacing:.05em;text-align:left;text-transform:uppercase;flex-shrink:0;padding-top:1px;font-size:10.5px;font-weight:700}.admin-alert-item{gap:10px;padding:12px}.admin-alert-icon{border-radius:10px;width:32px;height:32px}.admin-alert-header{flex-wrap:wrap;gap:6px}.admin-device-item{padding:10px 12px}.device-icon{border-radius:11px;width:36px;height:36px}}@media (width<=650px){.admin-dashboard-page{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}}@media (width<=400px){.admin-dashboard-page{padding-left:10px;padding-right:10px}.admin-dashboard-title{font-size:21px}.admin-stat-card{padding:12px}.admin-stat-value{font-size:23px}.admin-panel{padding:14px}.status-div{padding:4px 9px}.admin-device-item{flex-wrap:wrap}}:root{--bg:var(--bg-page);--surface:var(--bg-card);--surface-soft:var(--bg-subtle);--primary:#0f8b8d;--primary-dark:#0b6a6c;--green:#28b57a;--orange:#e4a24a;--red:#df5c62;--blue:#6f9fe8;--purple:#9985d5;--text:var(--text-primary);--muted:var(--text-muted);--faint:var(--text-faint);--border:var(--border-subtle);--glass-hi:color-mix(in srgb, var(--bg-card) 97%, white);--glass-mid:color-mix(in srgb, var(--primary) 5%, var(--bg-card));--glass-lo:color-mix(in srgb, var(--bg-card) 90%, transparent);--shadow-soft:0 8px 24px var(--shadow-color), 0 2px 5px var(--shadow-color);--shadow-glass:0 14px 35px var(--shadow-color), inset 0 1px 0 var(--glass-hi);--shadow-hover:0 18px 40px var(--shadow-color), inset 0 1px 0 var(--glass-hi);--radius:20px}*{box-sizing:border-box}.monitoring{max-width:1500px;min-height:100vh;color:var(--text);background:0 0;margin:auto;padding:32px 34px 50px;font-family:Inter,Segoe UI,sans-serif;transition:background .2s,color .2s}.monitoring-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.monitoring-header h1{letter-spacing:-.9px;margin:0;font-size:32px;font-weight:800;line-height:1.1}.monitoring-header p{color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.5}.monitoring-filters{border:1px solid var(--border);background:var(--glass-lo);box-shadow:var(--shadow-soft);border-radius:16px;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px;padding:16px;display:flex}.monitoring-farmer-search,.monitoring-device-filter{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.monitoring-farmer-search{width:min(100%,360px);position:relative}.monitoring-farmer-search-field{position:relative}.monitoring-search-input,.monitoring-device-filter select{border:1px solid var(--border);background:var(--surface-soft);width:100%;height:44px;color:var(--text);font:inherit;letter-spacing:normal;text-transform:none;border-radius:11px;font-size:14px;font-weight:500;transition:border-color .18s,box-shadow .18s}.monitoring-search-input{color:var(--muted);align-items:center;gap:10px;padding:0 12px;display:flex}.monitoring-search-input:focus-within,.monitoring-device-filter select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent);outline:none}.monitoring-search-input input{width:100%;min-width:0;height:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:0;padding:0}.monitoring-search-input input::placeholder{color:var(--muted)}.monitoring-device-filter{width:min(100%,320px)}.monitoring-device-filter select{padding:0 12px}.monitoring-device-filter select:disabled{cursor:not-allowed;opacity:.7}.monitoring-farmer-options{z-index:30;border:1px solid var(--border);background:var(--surface);width:100%;max-height:240px;box-shadow:0 12px 28px var(--shadow-color);border-radius:11px;padding:6px;position:absolute;top:calc(100% + 7px);left:0;overflow-y:auto}.monitoring-farmer-options button{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:10px 12px;font-size:14px;display:block}.monitoring-farmer-options button:hover,.monitoring-farmer-options button[aria-selected=true]{background:var(--surface-soft);color:var(--primary)}.monitoring-farmer-empty{color:var(--muted);letter-spacing:normal;text-transform:none;margin:0;padding:10px 12px;font-size:13px;font-weight:400}.monitoring-filter-error{color:var(--red);letter-spacing:normal;text-transform:none;font-size:12px;font-weight:500}.monitoring-selection-message{border:1px solid var(--border);background:var(--glass-lo);color:var(--muted);text-align:center;border-radius:16px;margin:0 0 20px;padding:22px}.monitoring-selection-error{color:var(--red)}.sensor-status{background:linear-gradient(145deg, var(--glass-hi), color-mix(in srgb, var(--green) 12%, var(--bg-card)));border:1px solid color-mix(in srgb, var(--green) 18%, var(--border));color:var(--green);box-shadow:0 4px 12px var(--shadow-color), inset 0 1px 0 var(--glass-hi);border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:11px;font-weight:800;display:inline-flex}.sensor-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, var(--green) 16%, transparent);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--green) 0%, transparent)}}.card,.health-hero,.param-card,.panel{background:var(--glass-lo);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px)}.health-hero{--status-color:var(--green);background:linear-gradient(135deg, var(--glass-hi), var(--glass-mid));border:1px solid var(--glass-hi);box-shadow:0 14px 34px var(--shadow-color), inset 0 1px 0 var(--glass-hi), inset 0 -1px 0 var(--border);-webkit-backdrop-filter:blur(18px);align-items:center;gap:22px;margin-bottom:20px;padding:26px 28px;transition:transform .22s,box-shadow .22s,background .2s;display:flex;position:relative;overflow:hidden}.health-hero:hover{box-shadow:0 20px 42px var(--shadow-color), inset 0 1px 0 var(--glass-hi), inset 0 -1px 0 var(--border);transform:translateY(-3px)}.health-hero[data-status=safe]{--status-color:var(--green)}.health-hero[data-status=risk]{--status-color:var(--orange)}.health-hero[data-status=danger]{--status-color:var(--red)}.health-hero:before{content:"";background:var(--glass-hi);filter:blur(35px);pointer-events:none;border-radius:50%;width:300px;height:170px;position:absolute;top:-90px;left:-80px}.health-hero:after{content:"";background:var(--status-color);opacity:.075;filter:blur(4px);pointer-events:none;border-radius:50%;width:210px;height:210px;position:absolute;bottom:-110px;right:-90px}.health-icon{z-index:2;background:linear-gradient(145deg, var(--glass-hi), color-mix(in srgb, var(--status-color) 10%, var(--bg-card)));border:1px solid color-mix(in srgb, var(--status-color) 14%, var(--border));width:58px;height:58px;color:var(--status-color);box-shadow:0 7px 15px var(--shadow-color), inset 0 1px 0 var(--glass-hi);border-radius:17px;flex-shrink:0;place-items:center;display:grid;position:relative}.health-eyebrow{z-index:2;color:var(--muted);letter-spacing:.075em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800;display:block;position:relative}.health-hero h2{z-index:2;color:var(--status-color);letter-spacing:-.8px;margin:0 0 4px;font-size:34px;font-weight:800;position:relative}.fuzzy-result-status--safe{color:var(--green)!important}.fuzzy-result-status--at-risk{color:var(--orange)!important}.fuzzy-result-status--in-danger{color:var(--red)!important}.fuzzy-result-status--pending{color:var(--muted)!important}.health-hero p{z-index:2;color:var(--muted);margin:0;font-size:13px;line-height:1.5;position:relative}.param-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px;display:grid}.param-card{--status-color:var(--green);background:linear-gradient(145deg, var(--glass-hi), var(--glass-mid));border:1px solid var(--glass-hi);box-shadow:0 13px 32px var(--shadow-color), inset 0 1px 0 var(--glass-hi), inset 0 -1px 0 var(--border);-webkit-backdrop-filter:blur(18px);padding:21px;transition:transform .22s,box-shadow .22s,background .2s;position:relative;overflow:hidden}.param-card.status-normal{--status-color:var(--green);border-color:color-mix(in srgb, var(--green) 28%, var(--border))}.param-card.status-low,.param-card.status-acidic{--status-color:var(--orange);border-color:color-mix(in srgb, var(--orange) 28%, var(--border))}.param-card.status-alkaline,.param-card.status-critical{--status-color:var(--red);border-color:color-mix(in srgb, var(--red) 28%, var(--border))}.param-card:before{content:"";background:var(--glass-hi);filter:blur(30px);pointer-events:none;border-radius:50%;width:230px;height:135px;position:absolute;top:-65px;left:-50px}.param-card:hover{box-shadow:0 20px 42px var(--shadow-color), inset 0 1px 0 var(--glass-hi), inset 0 -1px 0 var(--border);transform:translateY(-4px)}.param-top{z-index:2;justify-content:space-between;align-items:center;margin-bottom:14px;display:flex;position:relative}.param-icon{background:linear-gradient(145deg, var(--glass-hi), color-mix(in srgb, var(--primary) 10%, var(--bg-card)));border:1px solid color-mix(in srgb, var(--primary) 14%, var(--border));width:36px;height:36px;color:var(--primary);box-shadow:0 4px 10px var(--shadow-color), inset 0 1px 0 var(--glass-hi);border-radius:11px;place-items:center;display:grid}.param-badge{color:var(--status-color);background:linear-gradient(145deg, var(--glass-hi), color-mix(in srgb, var(--status-color) 9%, var(--bg-card)));border:1px solid color-mix(in srgb, var(--status-color) 20%, var(--border));box-shadow:0 4px 10px var(--shadow-color), inset 0 1px 0 var(--glass-hi);white-space:nowrap;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:800}.param-badge.status-normal{--status-color:var(--green)}.param-badge.status-low,.param-badge.status-acidic{--status-color:var(--orange)}.param-badge.status-alkaline,.param-badge.status-critical{--status-color:var(--red)}.param-badge.status-safe{--status-color:var(--green)}.param-badge.status-at-risk{--status-color:var(--orange)}.param-badge.status-in-danger{--status-color:var(--red)}.param-badge.status-pending{--status-color:var(--muted)}.param-card h4{z-index:2;color:var(--muted);margin:0 0 4px;font-size:12px;font-weight:700;position:relative}.param-card h2{z-index:2;color:var(--text);letter-spacing:-.5px;margin:0 0 16px;font-size:26px;font-weight:800;position:relative}.param-card h2 .unit{color:var(--faint);margin-left:4px;font-size:11px;font-weight:600}.param-range{z-index:2;position:relative}.range-track{background:var(--surface-soft);border-radius:4px;height:6px;overflow:hidden}.range-fill{background:var(--status-color,var(--green));border-radius:4px;height:100%}.param-card.status-normal .range-fill{background:var(--green)}.param-card.status-low .range-fill,.param-card.status-acidic .range-fill{background:var(--orange)}.param-card.status-alkaline .range-fill,.param-card.status-critical .range-fill{background:var(--red)}.range-labels{color:var(--faint);justify-content:space-between;margin-top:6px;font-size:10px;font-weight:600;display:flex}.panel{background:linear-gradient(145deg, var(--glass-hi), var(--glass-mid));border:1px solid var(--border);box-shadow:0 10px 28px var(--shadow-color), inset 0 1px 0 var(--glass-hi);padding:25px}.readings-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.panel h3{letter-spacing:-.25px;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:800;display:flex}.panel h3 svg{color:var(--primary)}.readings-pill{background:linear-gradient(145deg, var(--glass-hi), color-mix(in srgb, var(--primary) 9%, var(--bg-card)));border:1px solid color-mix(in srgb, var(--primary) 16%, var(--border));color:var(--primary);box-shadow:0 4px 12px var(--shadow-color), inset 0 1px 0 var(--glass-hi);border-radius:999px;padding:8px 13px;font-size:11px;font-weight:800}.readings-table-wrap{border:1px solid var(--border);background:linear-gradient(180deg, var(--glass-lo), transparent);border-radius:16px;overflow-x:auto}.readings-table{border-collapse:collapse;width:100%;font-size:13px}.readings-table th{text-align:left;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 14px;font-size:10px;font-weight:800}.readings-table td{border-bottom:1px solid var(--border);white-space:nowrap;color:var(--text);padding:12px 14px}.readings-table tr:last-child td{border-bottom:none}.readings-time{color:var(--muted);font-weight:700}.readings-value{color:var(--text);font-weight:700}.readings-value.status-normal{color:var(--green)}.readings-value.status-low,.readings-value.status-acidic{color:var(--orange)}.readings-value.status-alkaline,.readings-value.status-critical{color:var(--red)}@media (width<=1200px){.param-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.monitoring-filters{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:14px;padding:12px}.monitoring-farmer-search,.monitoring-device-filter{width:100%}.page-shell>.page-header .sensor-status{align-self:flex-start;padding:6px 11px;font-size:11px}.health-hero{text-align:left;-webkit-backdrop-filter:none;border-radius:18px;flex-direction:row;align-items:center;gap:14px;margin-bottom:12px;padding:16px}.health-hero:hover{transform:none}.health-icon{border-radius:14px;width:46px;height:46px}.health-icon svg{width:24px;height:24px}.health-eyebrow{margin-bottom:2px;font-size:10px}.health-hero h2{letter-spacing:-.5px;overflow-wrap:anywhere;font-size:24px}.health-hero p{font-size:12px;line-height:1.45}.param-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.param-card{-webkit-backdrop-filter:none;border-radius:16px;min-width:0;padding:12px 10px}.param-card:before{display:none}.param-card:hover{transform:none}.param-top{gap:6px;margin-bottom:10px}.param-icon{border-radius:9px;flex-shrink:0;width:28px;height:28px}.param-icon svg{width:15px;height:15px}.param-badge{padding:3px 8px;font-size:9px}.param-card h4{margin-bottom:2px;font-size:11px;line-height:1.25}.param-card h2{letter-spacing:-.4px;flex-wrap:wrap;align-items:baseline;gap:0 3px;margin-bottom:10px;font-size:20px;display:flex}.param-card h2 .unit{margin-left:0;font-size:10px}.range-track{height:5px}.range-labels{margin-top:4px;font-size:9px}.panel{-webkit-backdrop-filter:none;border-radius:18px;padding:14px 12px}.readings-head{flex-direction:row;align-items:center;gap:10px;margin-bottom:12px}.panel h3{font-size:15px}.readings-pill{white-space:nowrap;padding:5px 10px;font-size:10px}.readings-table-wrap{-webkit-overflow-scrolling:touch;border-radius:12px}.readings-table{min-width:560px;font-size:12px}.readings-table th{padding:9px 10px;font-size:9.5px}.readings-table td{padding:9px 10px}}@media (width<=400px){.health-hero h2{font-size:21px}.param-card h2{font-size:18px}}@media (width<=319px){.param-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.sensor-dot{animation:none}.health-hero,.param-card{transition:none}.health-hero:hover,.param-card:hover{transform:none}}.activities-page{min-height:100vh;color:var(--text-primary);background:0 0;padding:32px;font-family:Inter,Segoe UI,sans-serif}.activities-shell{max-width:1400px;margin:0 auto}.activities-header{color:var(--selected-text);margin-bottom:24px}.activities-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.alert-page .alert-date-filter input[type=date]::-webkit-calendar-picker-indicator{filter:brightness(0);cursor:pointer}[data-theme=dark] .alert-page .alert-date-filter input[type=date]::-webkit-calendar-picker-indicator{filter:brightness(0)invert()}.activities-header-copy{flex-direction:column;display:flex}.activities-eyebrow{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px;font-weight:700}.activities-title{letter-spacing:-.06em;color:var(--text-primary);margin:8px 0 0;font-size:36px;line-height:1.1}.admin-panel{background:var(--bg-card);box-shadow:0 12px 28px var(--shadow-color);border:0;border-radius:20px;padding:22px}.activity-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.activity-primary-filters{background:var(--bg-card);min-width:0;box-shadow:0 8px 20px var(--shadow-color);border:0;border-radius:16px;flex:680px;justify-content:space-between;align-items:flex-end;gap:24px;padding:14px 16px;display:flex}.activity-select-filters{flex:none;align-items:flex-end;gap:12px;display:flex}.activity-filter-field{min-width:150px;color:var(--text-muted);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.activity-filter-field select,.activity-filter-field input{border:1px solid var(--border-subtle);background:var(--bg-subtle);width:100%;min-height:38px;color:var(--text-primary);font:inherit;border-radius:10px;padding:8px 10px}.activity-filter-field select:focus,.activity-filter-field input:focus{border-color:#087f8c;outline:none;box-shadow:0 0 0 3px #087f8c29}.activity-search-field{flex:0 295px;min-width:220px}.activity-search-input{align-items:center;display:flex;position:relative}.activity-search-input>svg{color:var(--text-muted);pointer-events:none;position:absolute;left:11px}.activity-search-input input{min-height:40px;padding-left:36px}.activity-date-range{background:var(--bg-card);box-shadow:0 8px 20px var(--shadow-color);border:0;border-radius:14px;align-items:flex-end;gap:12px;padding:12px;display:flex}.activity-date-range .activity-filter-field{min-width:145px}.activity-date-filter{color:#00bcd1;align-items:center;gap:8px;display:flex}.activity-date-filter label{color:var(--text-primary);font-size:12px;font-weight:600}.activity-date-filter input{border:2px solid var(--border-subtle);background:var(--bg-card);min-width:145px;color:var(--text-primary);font:inherit;border-radius:8px;outline:none;padding:8px 10px;font-size:12px}.activity-date-filter input:focus{border-color:#087f8c;box-shadow:0 0 0 3px #087f8c29}.activity-date-filter button{background:var(--selected-bg);color:var(--selected-text);cursor:pointer;border:none;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:700}.activity-date-filter button:hover{filter:brightness(.96)}.admin-panel-header-text{flex-direction:column;display:flex}.admin-panel-title{letter-spacing:-.03em;margin:0;font-size:22px}.admin-panel-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:13px}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.account-card{background:var(--bg-card);box-shadow:0 12px 28px var(--shadow-color);border:0;border-radius:16px;flex-direction:column;gap:18px;padding:20px;display:flex}.account-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.account-view-more{border:1px solid var(--border-subtle);color:var(--text-primary);background:0 0;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .15s}.account-view-more:hover{color:#087f8c;background:#eef7f8;border-color:#087f8c}.account-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.chart-filter-group{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.chart-filter-group label{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.chart-filter-group input{border:1px solid var(--border-subtle);background:var(--bg-subtle);min-width:150px;color:var(--text);font:inherit;border-radius:10px;padding:8px 10px}.account-number{background:var(--selected-bg);color:var(--selected-text);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.account-field{flex-direction:column;gap:6px;display:flex}.account-field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.account-field strong{color:var(--text-primary);font-size:14px}.recent-activity-table-wrapper{width:100%;overflow-x:auto}.recent-activity-table{border-collapse:collapse;width:100%;min-width:900px}.recent-activity-table th,.recent-activity-table td{border-bottom:1px solid var(--border-subtle);text-align:left;padding:16px 22px}.recent-activity-table th{background:var(--bg-subtle);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.recent-activity-table td{color:var(--text-primary);font-size:14px}.recent-activity-table tbody tr:hover{background:color-mix(in srgb, var(--bg-subtle) 55%, transparent)}.recent-activity-table tbody .activity-clickable-row{cursor:pointer}.recent-activity-table tbody .activity-clickable-row:focus-visible{background:#087f8c1a;outline:none}.activity-role{text-transform:capitalize}.activity-modal-backdrop{z-index:1000;background:#0f172a8c;place-items:center;min-height:100dvh;padding:20px;display:grid;position:fixed;inset:0}.activity-details-modal{background:var(--bg-card);width:min(100%,520px);max-height:min(90vh,720px);color:var(--text-primary);border:0;border-radius:18px;padding:24px;overflow-y:auto;box-shadow:0 24px 70px #00000040}.activity-modal-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.activity-modal-header h2{margin:0;font-size:22px}.activity-modal-close{background:var(--bg-subtle);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border:0;border-radius:10px;place-items:center;display:grid}.activity-modal-close:hover{background:color-mix(in srgb, #087f8c 12%, var(--bg-subtle));color:#087f8c}.activity-details-list{gap:0;margin:0;display:grid}.activity-details-list>div{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(110px,.7fr) 1.3fr;gap:16px;padding:13px 0;display:grid}.activity-details-list>div:last-child{border-bottom:0}.activity-details-list dt{color:var(--text-muted);font-size:13px;font-weight:600}.activity-details-list dd{color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:600}.activity-details-role{text-transform:capitalize}.activity-table-filler-row td{border-bottom:1px solid var(--border-subtle);background:0 0;height:54px}.activity-table-filler-row:last-child td,.recent-activity-table tbody tr:last-child td{border-bottom:none}.table-footer{border-top:1px solid var(--separator);background:var(--bg-subtle);border-bottom-right-radius:20px;border-bottom-left-radius:20px;justify-content:space-between;align-items:center;padding:13px 20px;display:flex}.table-footer>p{color:var(--text-muted);margin:0;font-size:12px}.pagination{align-items:center;gap:5px;display:flex}.pagination button{background:var(--bg-card);height:30px;color:var(--text-primary);cursor:pointer;border:0;border-radius:7px;align-items:center;gap:3px;padding:0 9px;font-size:10px;transition:all .15s;display:flex}.pagination button:hover:not(:disabled){color:#087f8c;background:#eef7f8}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{color:#087f8c;text-align:center;background:#eef7f8;border-radius:7px;min-width:45px;padding:7px 8px;font-size:9px;font-weight:700}.activities-title-row{align-items:center;gap:16px;min-width:0;display:flex}.activities-title-icon{color:#fff;background:linear-gradient(145deg,#0f8b8d,#0b6a6c);border-radius:16px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 10px 22px #0f8b8d52}.label-with-icon{align-items:center;gap:6px;display:inline-flex}.section-heading{align-items:center;gap:12px;display:flex}.section-icon{color:#0f8b8d;background:color-mix(in srgb, #0f8b8d 13%, var(--bg-card));border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.th-icon{align-items:center;gap:6px;display:inline-flex}.activity-state-cell{color:var(--text-muted);text-align:center!important}.activity-state{align-items:center;gap:8px;display:inline-flex}@media (width<=768px){.activities-page{padding:20px 18px 32px}.activities-title-row{gap:12px}.activities-title-icon{border-radius:14px;width:44px;height:44px}.activities-title-icon svg{width:21px;height:21px}.section-icon{border-radius:11px;width:36px;height:36px}.account-grid{grid-template-columns:1fr}.admin-panel-header--single{flex-direction:column;align-items:flex-start;gap:14px}.activity-date-filter{flex-wrap:wrap;width:100%}.activity-filters{align-items:stretch}.activity-primary-filters{flex-direction:column;align-items:stretch;gap:12px}.activity-search-field{flex-basis:auto;min-width:0}.activity-select-filters{flex-wrap:wrap}.activity-select-filters .activity-filter-field{flex:140px;min-width:0}.activity-date-range{width:100%}.activity-date-range .activity-filter-field{min-width:0}.recent-activity-table th,.recent-activity-table td{padding-left:14px;padding-right:14px}.table-footer{flex-direction:column;align-items:flex-start;gap:12px}.pagination{justify-content:flex-end;width:100%}}.activities-page .admin-panel,.activities-page .recent-activity-panel,.activities-page .admin-panel.recent-activity-panel,.activities-page .activity-primary-filters,.activities-page .activity-date-range,.activities-page .account-card,.activities-page .activity-details-modal,.activities-page .table-footer,.activities-page .recent-activity-table-wrapper{border:0!important;outline:0!important}.activities-page .table-footer,.activities-page .recent-activity-panel .table-footer{border-top:0!important}.activities-page .pagination button,.activity-details-modal{border:0!important}.clients-page{--c-primary:var(--primary,#0f8b8d);--c-primary-dark:var(--primary-dark,#0b6a6c);--c-green:#28b57a;--c-red:#df5c62}.clients-page *,.clients-page :before,.clients-page :after{box-sizing:border-box}.clients-page :focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.clients-header-main{align-items:center;gap:16px;min-width:0;display:flex}.clients-header-icon{color:#fff;background:linear-gradient(145deg, var(--c-primary), var(--c-primary-dark));width:52px;height:52px;box-shadow:0 10px 22px color-mix(in srgb, var(--c-primary) 32%, transparent);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.clients-header h1{margin:0}.clients-header p{color:var(--text-muted);margin:4px 0 0}.clients-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 20px;display:grid}.clients-summary-card{--tone:var(--c-primary);border:1px solid var(--border-subtle);background:var(--bg-card);min-width:0;box-shadow:0 8px 22px var(--shadow-color);border-radius:18px;align-items:center;gap:14px;padding:16px 18px;display:flex}.clients-summary-card--green{--tone:var(--c-green)}.clients-summary-card--red{--tone:var(--c-red)}.clients-summary-icon{width:42px;height:42px;color:var(--tone);background:color-mix(in srgb, var(--tone) 14%, var(--bg-card));border:1px solid color-mix(in srgb, var(--tone) 22%, var(--border-subtle));border-radius:13px;flex-shrink:0;place-items:center;display:grid}.clients-summary-label{color:var(--text-muted);font-size:12px;font-weight:700;display:block}.clients-summary-value{color:var(--text-primary);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:2px;font-size:26px;font-weight:800;line-height:1.1;display:block}.clients-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:20px;display:flex}.clients-search-group{border:1px solid var(--border-subtle);background:var(--bg-card);min-width:0;height:46px;color:var(--text-muted);border-radius:12px;flex:0 360px;align-items:center;gap:10px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.clients-search-group:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-primary) 15%, transparent)}.clients-search-group>svg{flex:none}.clients-search{width:100%;min-width:0;height:100%;font:inherit;color:var(--text-primary);background:0 0;border:0;outline:none;flex:1 1 0;padding:0;font-size:14px}.clients-search::placeholder{color:var(--text-faint,var(--text-muted));font-style:italic}.clients-filter-group{color:var(--text-muted);gap:6px;font-size:12px;font-weight:700;display:grid}.clients-filter-wrap{align-items:center;display:flex;position:relative}.clients-filter-wrap .filter-lead{color:var(--text-muted);pointer-events:none;position:absolute;left:13px}.clients-filter{border:1px solid var(--border-subtle);background-color:var(--bg-card);appearance:none;min-width:190px;height:46px;color:var(--text-primary);font:inherit;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%230f8b8d'><path fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.71a.75.75 0 111.06 1.06l-4.24 4.25a.75.75 0 01-1.06 0L5.21 8.29a.75.75 0 01.02-1.08z' clip-rule='evenodd'/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border-radius:12px;outline:none;padding:0 38px;font-size:14px;font-weight:600;transition:border-color .2s,box-shadow .2s}.clients-filter:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-primary) 15%, transparent)}.clients-table-card{background:var(--bg-card);border:1px solid var(--border-subtle);min-width:0;box-shadow:0 10px 26px var(--shadow-color);border-radius:20px;padding:20px}.clients-table-wrapper{width:100%;overflow-x:auto}.clients-table{border-collapse:collapse;width:100%;min-width:680px}.clients-table th{background:var(--bg-subtle);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:13px 14px;font-size:11.5px;font-weight:700}.clients-table th:first-child{border-top-left-radius:12px}.clients-table th:last-child{border-top-right-radius:12px}.clients-table td{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:14px;font-size:13.5px}.clients-table tbody tr{transition:background .15s}.clients-table tbody tr:not(.clients-state-row):hover{background:color-mix(in srgb, var(--bg-subtle) 60%, transparent)}.clients-table tbody tr:last-child td{border-bottom:none}.client-cell{align-items:center;gap:12px;min-width:0;display:flex}.client-cell-text{flex-direction:column;gap:2px;min-width:0;display:flex}.client-avatar{width:38px;height:38px;color:var(--c-primary);background:color-mix(in srgb, var(--c-primary) 14%, var(--bg-card));border:1px solid color-mix(in srgb, var(--c-primary) 24%, var(--border-subtle));letter-spacing:.02em;border-radius:12px;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;display:grid}.client-avatar--lg{border-radius:14px;width:46px;height:46px;font-size:15px}.client-name{color:var(--text-primary);overflow-wrap:anywhere;font-weight:700}.client-email{color:var(--text-muted);overflow-wrap:anywhere;font-size:12px}.device-uid{color:var(--text-primary);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;align-items:center;gap:7px;display:inline-flex}.device-uid svg{color:var(--text-muted);flex-shrink:0}.status-badge{background:color-mix(in srgb, var(--text-muted) 12%, var(--bg-card));color:var(--text-muted);white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.status-badge .status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status-badge.status-active,.status-badge.status-online{background:color-mix(in srgb, #28b57a 14%, var(--bg-card));border-color:color-mix(in srgb, #28b57a 24%, var(--border-subtle));color:#1c8a5b}.status-badge.status-offline,.status-badge.status-suspended{background:color-mix(in srgb, #df5c62 14%, var(--bg-card));border-color:color-mix(in srgb, #df5c62 24%, var(--border-subtle));color:#b83a40}.status-badge.status-pending{background:color-mix(in srgb, #e4a24a 16%, var(--bg-card));border-color:color-mix(in srgb, #e4a24a 26%, var(--border-subtle));color:#a86b1f}.row-action{font:inherit;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.row-action-view{border:1px solid var(--border-subtle);color:var(--text-primary);background:0 0;border-radius:10px;padding:8px 12px;transition:all .15s}.row-action-view:hover{color:#087f8c;background:#087f8c1a;border-color:#087f8c}.no-clients{text-align:center;color:var(--text-muted)!important;padding:40px 20px!important}.no-clients>svg{color:var(--text-faint,var(--text-muted));margin:0 auto 10px;display:block}.no-clients>span{margin-bottom:12px;font-size:14px;display:block}.no-clients>span:last-child{margin-bottom:0}.clients-pagination{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding-top:14px;display:flex}.clients-pagination-meta{color:var(--text-muted);font-size:13px}.clients-pagination-controls{align-items:center;gap:10px;display:flex}.clients-pagination-button{border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--c-primary-dark);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.clients-pagination-button:hover:not(:disabled){background:linear-gradient(145deg, var(--c-primary), var(--c-primary-dark));color:#fff;border-color:var(--c-primary)}.clients-pagination-button:disabled{opacity:.4;cursor:not-allowed}.clients-pagination-page{background:color-mix(in srgb, var(--c-primary) 12%, var(--bg-card));min-width:56px;color:var(--c-primary-dark);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}.client-details-backdrop{z-index:1000;overscroll-behavior:contain;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04121f94;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.client-details-dialog{box-sizing:border-box;border:1px solid var(--border-subtle);background:var(--bg-card);width:min(100%,1040px);max-height:calc(100dvh - 40px);color:var(--text-primary);border-radius:22px;padding:28px;animation:.18s client-dialog-in;overflow-y:auto;box-shadow:0 28px 90px #00000052}.client-details-dialog *,.client-details-dialog :before,.client-details-dialog :after{box-sizing:border-box}@keyframes client-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes client-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.client-details-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.client-details-title-group{align-items:center;gap:14px;min-width:0;display:flex}.client-details-eyebrow{color:var(--primary,#0f8b8d);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:700;display:block}.client-details-header h2{color:var(--text-primary);letter-spacing:-.03em;margin:0;font-size:24px}.client-details-close{border:1px solid var(--border-subtle);background:var(--bg-subtle);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;transition:background .15s,border-color .15s;display:grid}.client-details-close:hover{border-color:var(--primary,#0f8b8d);background:color-mix(in srgb, var(--primary,#0f8b8d) 8%, var(--bg-card))}.client-details-close:focus-visible,.client-details-dialog :focus-visible{outline:2px solid var(--primary,#0f8b8d);outline-offset:2px}.client-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.client-info-panel{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--bg-subtle) 55%, var(--bg-card));border-radius:16px;min-width:0;padding:20px}.client-info-panel>h3{color:var(--text-primary);align-items:center;gap:9px;margin:0 0 18px;font-size:15px;font-weight:700;display:flex}.client-info-panel>h3 svg{color:var(--primary,#0f8b8d)}.client-details-list{gap:14px;margin:0;display:grid}.client-details-list>div{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.client-details-list dt{color:var(--text-muted);flex-shrink:0;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.client-details-list dd{min-width:0;color:var(--text-primary);text-align:right;overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:600;line-height:1.5}.client-operators-panel{grid-column:1/-1}.client-operators-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.client-operator{border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:14px;min-width:0;padding:15px}.client-operator-heading{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:14px;display:flex}.operator-state{border-radius:999px;padding:4px 10px;font-size:10.5px;font-weight:700}.operator-state.is-active{background:color-mix(in srgb, #28b57a 14%, var(--bg-card));color:#1c8a5b}.operator-state.is-inactive{background:color-mix(in srgb, #df5c62 14%, var(--bg-card));color:#b83a40}.client-operators-empty{color:var(--text-muted);margin:0;font-size:13px}@media (width<=900px){.clients-search-group{flex-basis:280px}}@media (width<=768px){.clients-page{padding:14px 12px calc(28px + env(safe-area-inset-bottom,0px));-webkit-tap-highlight-color:transparent;overflow-x:hidden}.clients-page>*{min-width:0;max-width:100%}.clients-header-main{gap:12px}.clients-header-icon{border-radius:14px;width:44px;height:44px}.clients-header-icon svg{width:21px;height:21px}.clients-header h1{font-size:23px}.clients-header p{font-size:12.5px;line-height:1.4}.clients-summary{gap:8px;margin:16px 0 14px}.clients-summary-card{border-radius:16px;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 10px}.clients-summary-icon{border-radius:10px;width:34px;height:34px}.clients-summary-icon svg{width:17px;height:17px}.clients-summary-label{font-size:11px}.clients-summary-value{font-size:21px}.clients-controls{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}.clients-search-group{flex:none;width:100%;height:48px}.clients-search{font-size:16px}.clients-filter-group{width:100%}.clients-filter{width:100%;min-width:0;height:48px;font-size:16px}.clients-table-card{box-shadow:none;background:0 0;border:0;padding:0}.clients-table-wrapper{overflow:visible}.clients-table,.clients-table tbody,.clients-table tr,.clients-table td{width:100%;display:block}.clients-table{min-width:0}.clients-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.clients-table tbody tr{border:1px solid var(--border-subtle);background:var(--bg-card);box-shadow:0 4px 14px var(--shadow-color);border-radius:18px;margin-bottom:10px;padding:6px 14px 12px}.clients-table tbody tr:hover{background:var(--bg-card)}.clients-table tbody tr:last-child{margin-bottom:0}.clients-table td{text-align:right;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;font-size:13.5px;display:flex;border-bottom:1px solid var(--border-subtle)!important}.clients-table td:before{content:attr(data-label);color:var(--text-muted);letter-spacing:.05em;text-align:left;text-transform:uppercase;flex-shrink:0;font-size:10.5px;font-weight:700}.clients-table td.cell-farmer{text-align:left;justify-content:flex-start;padding:12px 0}.clients-table td.cell-farmer:before{display:none}.clients-table td.cell-actions{padding:12px 0 0;border-bottom:0!important}.clients-table td.cell-actions:before{display:none}.clients-table td.cell-actions .row-action{border-radius:12px;width:100%;height:40px;font-size:13px}.clients-table tbody tr.clients-state-row{box-shadow:none;border-style:dashed;padding:0}.clients-table td.no-clients{text-align:center;display:block;border-bottom:0!important;padding:32px 16px!important}.clients-table td.no-clients:before{display:none}.no-clients .row-action{width:auto;margin:0 auto}.clients-pagination{border-top:0;flex-direction:column;align-items:stretch;gap:10px;margin-top:12px;padding:12px 0 0}.clients-pagination-meta{text-align:center;font-size:12px}.clients-pagination-controls{justify-content:space-between;gap:8px}.clients-pagination-button{border-radius:12px;flex:1;justify-content:center;height:40px;padding:0 10px;font-size:13px}.clients-pagination-page{flex:none;min-width:58px}.client-details-backdrop{place-items:end stretch;padding:0}.client-details-dialog{width:100%;max-height:92dvh;padding:10px 16px calc(18px + env(safe-area-inset-bottom,0px));border-bottom:0;border-radius:24px 24px 0 0;animation:.3s cubic-bezier(.2,.8,.2,1) client-sheet-up}.client-details-dialog:before{content:"";background:color-mix(in srgb, var(--text-muted) 40%, transparent);border-radius:4px;width:40px;height:4px;margin:0 auto 14px;display:block}.client-details-header{margin-bottom:16px}.client-details-header h2{font-size:20px}.client-avatar--lg{width:42px;height:42px}.client-details-grid{grid-template-columns:minmax(0,1fr);gap:12px}.client-info-panel{border-radius:14px;padding:16px}.client-info-panel>h3{margin-bottom:14px}.client-operators-list{grid-template-columns:minmax(0,1fr)}}@media (width<=400px){.clients-page{padding-left:10px;padding-right:10px}.clients-header h1{font-size:21px}.clients-summary{gap:6px}.clients-summary-card{padding:10px 8px}.clients-summary-value{font-size:19px}.client-details-list>div{flex-direction:column;gap:3px}.client-details-list dd{text-align:left}}@media (width<=900px) and (height<=480px){.client-details-backdrop{padding:8px}.client-details-dialog{max-height:calc(100dvh - 16px)}}