:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17211f;background:#f5f7f6;font-synthesis:none;text-rendering:optimizeLegibility;--color-accent: #0f766e;--color-accent-dark: #115e59;--color-accent-soft: #ccfbf1;--color-surface: #ffffff;--color-surface-muted: #f8faf9;--color-border: #dce4e1;--color-text: #17211f;--color-text-muted: #64706d;--color-success: #15803d;--color-success-soft: #dcfce7;--color-warning: #a16207;--color-warning-soft: #fef3c7;--color-danger: #b91c1c;--color-danger-soft: #fee2e2;--color-info: #0369a1;--color-info-soft: #e0f2fe;--shadow-sm: 0 1px 2px rgb(15 23 42 / .06);--shadow-md: 0 8px 24px rgb(15 23 42 / .09);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--z-base: 1;--z-nav: 20;--z-overlay: 40;--z-dialog: 50}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#f5f7f6}body{margin:0;min-width:320px;min-height:100dvh;color:var(--color-text);background:#f5f7f6}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}p,li,dd{text-wrap:pretty}:focus-visible{outline:3px solid #0e7490;outline-offset:3px}::selection{color:#fff;background:var(--color-accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;z-index:var(--z-dialog);padding:10px 14px;color:#fff;background:#111827;border-radius:var(--radius-sm);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:9px 15px;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;border:1px solid transparent;border-radius:10px}.button:disabled{cursor:not-allowed;opacity:.52}.button--primary{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}.button--primary:hover:not(:disabled){background:var(--color-accent-dark);border-color:var(--color-accent-dark)}.button--secondary{color:#33413e;background:#fff;border-color:#cbd5d1}.button--secondary:hover:not(:disabled),.button--ghost:hover:not(:disabled){background:#eef3f1}.button--success{color:#fff;background:var(--color-success);border-color:var(--color-success)}.button--danger{color:#fff;background:var(--color-danger);border-color:var(--color-danger)}.button--ghost{color:#40504c;background:transparent}.button--small{min-height:38px;padding:7px 12px;font-size:.875rem}.button--large{min-height:50px;padding:13px 18px}.button--full{width:100%}.icon-button{display:inline-grid;flex:0 0 auto;width:44px;height:44px;place-items:center;padding:0;color:#52615e;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:10px}.icon-button:hover{background:#eef3f1}.text-link{font-size:.875rem;font-weight:700;color:var(--color-accent-dark);text-decoration-thickness:1px;text-underline-offset:3px}.field{display:grid;gap:7px;min-width:0;color:#364440;font-size:.875rem;font-weight:700}.field small{color:var(--color-text-muted);font-weight:500}.field input,.field select,.automation-form>.field>input{width:100%;min-height:45px;padding:10px 12px;color:var(--color-text);background:#fff;border:1px solid #bfcac6;border-radius:9px}.field input:disabled,.field select:disabled{color:#75817e;cursor:not-allowed;background:#eef2f1}.field__control{display:flex;align-items:center;color:#73807c;background:#fff;border:1px solid #bfcac6;border-radius:10px}.field__control:focus-within{outline:3px solid #99f6e4;border-color:var(--color-accent)}.field__control>svg{flex:0 0 auto;margin-left:13px}.field__control input{min-width:0;border:0;outline:0}.field__icon-button{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;padding:0;color:#5c6966;cursor:pointer;background:transparent;border:0}.field--inline{display:flex;align-items:center}.field--inline select{width:auto;min-width:190px}.form-error{margin:0;padding:10px 12px;color:#991b1b;font-size:.875rem;font-weight:650;background:var(--color-danger-soft);border:1px solid #fecaca;border-radius:9px}.form-success{display:flex;align-items:center;gap:9px;margin:0;padding:10px 12px;color:#166534;font-size:.875rem;font-weight:650;background:var(--color-success-soft);border:1px solid #86efac;border-radius:9px}.brand-mark{display:grid;width:58px;height:58px;place-items:center;color:#fff;font-size:1.5rem;font-weight:800;background:var(--color-accent);border-radius:17px}.brand-mark--small{width:42px;height:42px;border-radius:12px}.centered-page{display:grid;min-height:100dvh;place-content:center;justify-items:center;padding:32px 20px;text-align:center}.centered-page__title{max-width:560px;margin:20px 0 8px;font-size:clamp(1.6rem,5vw,2.2rem)}.centered-page__copy{max-width:560px;margin-bottom:10px;color:var(--color-text-muted)}.centered-page__hint{max-width:560px;margin-bottom:22px;padding:10px 12px;color:#4c5b57;font-size:.875rem;background:#eef3f1;border-radius:var(--radius-sm)}.centered-page__icon{width:58px;height:58px;color:var(--color-danger)}.loading-bars{display:flex;gap:6px;margin-top:16px}.loading-bars span{width:28px;height:5px;background:#b8c6c2;border-radius:999px}.loading-bars span:first-child{background:var(--color-accent)}.state-card{display:grid;gap:12px;min-height:130px;padding:20px;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.state-card h3,.state-card p{margin:0}.state-card h3{color:var(--color-text);font-size:1rem}.state-card--error{grid-template-columns:auto 1fr;min-height:auto;color:var(--color-danger);background:snow;border-color:#fecaca}.state-card--error>svg{width:22px;height:22px}.state-card--error p{margin:5px 0 12px;color:#6b3b3b}.state-card--compact{padding:13px}.state-card--empty{place-items:center;align-content:center;min-height:220px;text-align:center}.state-card--empty>svg{width:38px;height:38px;color:#8da09a}.state-card--empty p{max-width:480px}.skeleton{width:100%;height:16px;background:#e3e9e7;border-radius:6px}.skeleton:nth-child(odd){width:76%}.skeleton--heading{width:44%;height:24px}.status-badge{display:inline-flex;width:max-content;max-width:100%;align-items:center;gap:5px;padding:5px 8px;font-size:.75rem;font-weight:750;line-height:1;white-space:nowrap;border:1px solid transparent;border-radius:999px}.status-badge--success{color:#166534;background:var(--color-success-soft);border-color:#bbf7d0}.status-badge--danger{color:#991b1b;background:var(--color-danger-soft);border-color:#fecaca}.status-badge--warning{color:#854d0e;background:var(--color-warning-soft);border-color:#fde68a}.status-badge--neutral{color:#4b5563;background:#f1f5f4;border-color:#dce4e1}.status-badge--info{color:#075985;background:var(--color-info-soft);border-color:#bae6fd}.login-page{display:grid;min-height:100dvh;background:#fff}.login-intro{display:none;color:#f8fffd;background:#0e5f59}.login-intro__inner{width:min(580px,100%);margin:auto;padding:56px}.login-brand,.login-card__mobile-brand{display:flex;align-items:center;gap:10px;font-weight:800}.login-brand>svg,.login-card__mobile-brand>svg{width:28px;height:28px}.login-intro .eyebrow{margin-top:100px;color:#99f6e4}.login-intro h1{max-width:620px;margin-bottom:20px;font-size:clamp(2.2rem,4vw,4rem);line-height:1.04}.login-intro p:not(.eyebrow){max-width:580px;color:#d9f3ee;font-size:1.05rem;line-height:1.7}.login-features{display:grid;gap:12px;margin:30px 0 0;padding:0;list-style:none}.login-features li:before{margin-right:10px;color:#fbbf24;content:"✓"}.login-panel{display:grid;place-items:center;padding:24px;background:#f8faf9}.login-card{display:grid;width:min(430px,100%);gap:20px;padding:28px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.login-card__mobile-brand{color:var(--color-accent-dark)}.login-card h2{margin-bottom:6px;font-size:1.75rem}.login-card p{margin-bottom:0;color:var(--color-text-muted)}.login-card__notice{font-size:.75rem;line-height:1.5;text-align:center}.app-shell{min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:var(--z-overlay);display:flex;width:min(300px,88vw);flex-direction:column;padding:max(20px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom));background:#fff;border-right:1px solid var(--color-border);box-shadow:var(--shadow-md);transform:translate(-105%)}.sidebar--open{transform:translate(0)}.sidebar__brand{display:flex;align-items:center;gap:11px;padding:0 4px 22px}.sidebar__brand>div{display:grid;flex:1}.sidebar__brand strong{font-size:1.08rem}.sidebar__brand span:not(.brand-mark){color:var(--color-text-muted);font-size:.78rem}.sidebar__close{display:grid}.sidebar__nav{display:grid;gap:5px}.sidebar__section-label{margin:16px 12px 2px;color:var(--color-text-muted);font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.nav-link{display:flex;min-height:46px;align-items:center;gap:11px;padding:10px 12px;color:#55635f;font-weight:650;text-decoration:none;border-radius:10px}.nav-link:hover{background:#f0f5f3}.nav-link--active{color:var(--color-accent-dark);background:var(--color-accent-soft)}.sidebar__footer{display:grid;gap:14px;margin-top:auto;padding-top:20px;border-top:1px solid var(--color-border)}.user-summary{display:flex;min-width:0;align-items:center;gap:10px}.user-summary__avatar{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;color:#fff;font-weight:800;background:var(--color-accent);border-radius:50%}.user-summary>span:last-child{display:grid;min-width:0}.user-summary strong,.user-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-summary small{color:var(--color-text-muted)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-nav);width:100%;height:100%;padding:0;cursor:pointer;background:#0f172a7a;border:0}.app-frame{min-width:0}.topbar{position:sticky;top:0;z-index:var(--z-nav);display:flex;min-height:calc(60px + env(safe-area-inset-top));align-items:center;gap:10px;padding:env(safe-area-inset-top) 14px 0;background:#fffffffa;border-bottom:1px solid var(--color-border)}.topbar__brand-mobile{display:flex;flex:1;align-items:center;gap:7px;color:var(--color-accent-dark)}.topbar__brand-mobile strong{font-size:.95rem}.network-pill{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-muted);font-size:.72rem;font-weight:700}.network-pill>span{width:8px;height:8px;background:#9ca3af;border-radius:50%}.network-pill--online>span{background:var(--color-success)}.network-pill--offline{color:var(--color-danger)}.network-pill--offline>span{background:var(--color-danger)}.offline-banner{padding:9px 16px;color:#991b1b;font-size:.84rem;font-weight:700;text-align:center;background:var(--color-danger-soft);border-bottom:1px solid #fecaca}.main-content{width:100%;max-width:1440px;margin:0 auto;padding:22px 14px calc(88px + env(safe-area-inset-bottom))}.bottom-nav{position:fixed;inset:auto 0 0;z-index:var(--z-nav);display:grid;grid-template-columns:repeat(4,1fr);padding:7px 6px max(7px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--color-border);box-shadow:0 -3px 12px #0f172a0f}.bottom-nav__link{display:grid;min-height:52px;place-items:center;align-content:center;gap:3px;color:#65736f;font-size:.68rem;font-weight:700;text-decoration:none;border-radius:9px}.bottom-nav__link--active{color:var(--color-accent-dark);background:#ecfdf9}.page-stack{display:grid;gap:28px}.page-header{display:flex;flex-direction:column;gap:16px}.page-header h1{margin-bottom:7px;font-size:clamp(1.65rem,5vw,2.25rem);line-height:1.12}.page-header p{margin-bottom:0;color:var(--color-text-muted)}.page-header__action{display:flex;align-items:center}.page-header__action .button{width:100%}.section-heading,.panel__header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:13px}.section-heading h2,.panel__header h2{margin:0;font-size:1.18rem}.eyebrow{margin:0 0 5px;color:var(--color-accent-dark);font-size:.7rem;font-weight:800;text-transform:uppercase}.refresh-indicator{color:var(--color-text-muted);font-size:.75rem}.critical-banner{display:flex;align-items:center;gap:13px;padding:15px;color:#7f1d1d;background:var(--color-danger-soft);border:1px solid #fca5a5;border-radius:var(--radius-md)}.critical-banner__icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;color:#fff;background:var(--color-danger);border-radius:50%}.critical-banner>div{display:grid;gap:3px}.critical-banner span:last-child{font-size:.875rem}.connection-grid,.metrics-grid,.two-column-grid,.automation-grid{display:grid;gap:12px}.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-card{display:flex;min-width:0;align-items:center;gap:10px;padding:13px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.connection-card__icon,.metric-card__icon,.device-card__icon,.automation-card__icon,.chart-panel__icon{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;color:var(--color-accent-dark);background:var(--color-accent-soft);border-radius:10px}.connection-card>div:last-child{display:grid;min-width:0;gap:7px}.connection-card>div:last-child>span:first-child{overflow:hidden;font-size:.82rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.metrics-grid{grid-template-columns:1fr}.metric-card{min-width:0;padding:17px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.metric-card__topline{display:flex;align-items:center;gap:10px;color:#43514e;font-size:.88rem;font-weight:750}.metric-card__value{display:flex;align-items:baseline;gap:6px;margin:18px 0 15px;font-variant-numeric:tabular-nums}.metric-card__value strong{font-size:clamp(2rem,8vw,2.8rem);line-height:1}.metric-card__value span{color:var(--color-text-muted);font-weight:650}.metric-card__range{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding-top:13px;border-top:1px solid #edf1ef}.metric-card__range div{display:grid;gap:3px}.metric-card__range dt{color:var(--color-text-muted);font-size:.7rem}.metric-card__range dd{margin:0;font-size:.82rem;font-weight:750;font-variant-numeric:tabular-nums}.sensor-card,.device-card,.automation-card,.panel,.chart-panel{min-width:0;padding:17px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.sensor-card__header,.device-card__header,.automation-card__header{display:flex;min-width:0;align-items:center;gap:10px}.sensor-card__header>div:first-child,.device-card__header>div,.automation-card__header>div{min-width:0;flex:1}.sensor-card__header h3,.device-card__header h3,.automation-card__header h2{margin:3px 0 0;overflow:hidden;font-size:1.02rem;text-overflow:ellipsis;white-space:nowrap}.sensor-card__eyebrow,.device-card__eyebrow{color:var(--color-text-muted);font-size:.69rem;font-weight:700}.sensor-values{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0}.sensor-values>div{min-width:0;padding:11px 8px;background:var(--color-surface-muted);border:1px solid #edf1ef;border-radius:10px}.sensor-values dt{display:flex;align-items:center;gap:4px;color:var(--color-text-muted);font-size:.67rem}.sensor-values dd{margin:6px 0 0;overflow:hidden;font-size:clamp(1.05rem,4vw,1.35rem);font-weight:800;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.sensor-values dd span{color:var(--color-text-muted);font-size:.66rem}.sensor-card__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding-top:13px;color:var(--color-text-muted);font-size:.72rem;border-top:1px solid #edf1ef}.sensor-card__meta,.sensor-card__meta>span{display:flex;align-items:center;gap:4px}.sensor-card__meta{gap:9px}.device-card{display:grid;gap:15px}.device-card__state{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:var(--color-surface-muted);border-radius:10px}.power-state{display:flex;align-items:center;gap:7px;font-weight:800}.power-state--on{color:var(--color-success)}.power-state--off{color:#53615d}.power-state--unknown{color:var(--color-warning)}.device-card__updated{color:var(--color-text-muted);font-size:.69rem;text-align:right}.configuration-note,.inline-hint,.inline-warning{margin:0;padding:10px 11px;color:#4b5b57;font-size:.78rem;line-height:1.45;background:#f1f5f4;border-radius:8px}.inline-warning{color:#991b1b;background:var(--color-danger-soft)}.climate-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.climate-details>div{display:grid;gap:4px;padding:9px;background:#f8faf9;border-radius:8px}.climate-details dt{display:flex;align-items:center;gap:4px;color:var(--color-text-muted);font-size:.68rem}.climate-details dd{margin:0;overflow:hidden;font-size:.8rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.mode-switch,.range-picker{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0;padding:4px;background:#edf2f0;border:0;border-radius:10px}.mode-switch legend,.range-picker legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.mode-switch__option,.range-picker__option{display:grid;min-height:40px;place-items:center;color:#5e6c68;font-size:.76rem;font-weight:800;cursor:pointer;border:1px solid transparent;border-radius:8px}.mode-switch__option input,.range-picker__option input{position:absolute;width:1px;height:1px;opacity:0}.mode-switch__option:has(input:focus-visible),.range-picker__option:has(input:focus-visible){outline:3px solid #0e7490;outline-offset:2px}.mode-switch__option--active,.range-picker__option--active{color:var(--color-accent-dark);background:#fff;border-color:#cbd5d1;box-shadow:var(--shadow-sm)}.mode-switch:disabled .mode-switch__option{cursor:not-allowed;opacity:.55}.device-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.panel{overflow:hidden}.summary-list{display:grid;gap:4px;margin:0;padding:0;list-style:none}.summary-list li{display:flex;min-width:0;align-items:center;gap:9px;padding:10px 3px;border-bottom:1px solid #edf1ef}.summary-list li:last-child{border-bottom:0}.summary-list__icon{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;color:var(--color-accent-dark);background:var(--color-accent-soft);border-radius:9px}.summary-list__icon--warning{color:var(--color-warning);background:var(--color-warning-soft)}.summary-list__icon--critical{color:var(--color-danger);background:var(--color-danger-soft)}.summary-list>li>span:nth-child(2){display:grid;min-width:0;flex:1;gap:3px}.summary-list strong,.summary-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-list strong{font-size:.84rem}.summary-list small{display:flex;align-items:center;gap:4px;color:var(--color-text-muted);font-size:.68rem}.automation-info,.notification-note,.history-note{display:flex;align-items:flex-start;gap:12px;padding:14px;color:#155e75;background:var(--color-info-soft);border:1px solid #bae6fd;border-radius:var(--radius-md)}.automation-info>svg,.notification-note>svg,.history-note>svg{width:22px;height:22px;flex:0 0 auto}.automation-info p,.notification-note p,.history-note p{margin:3px 0 0;font-size:.82rem}.automation-card{display:grid;gap:14px}.automation-card--disabled{background:#fafcfb}.automation-card__header>div{display:grid;gap:6px}.automation-card__header .icon-button{margin-left:auto}.rule-sentence{margin:0;color:#3f4d49;line-height:1.5}.rule-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.rule-details>div{min-width:0;padding:9px;background:var(--color-surface-muted);border-radius:8px}.rule-details dt{color:var(--color-text-muted);font-size:.68rem}.rule-details dd{margin:4px 0 0;font-size:.79rem;font-weight:750;font-variant-numeric:tabular-nums}.automation-card__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;color:var(--color-text-muted);font-size:.7rem;border-top:1px solid #edf1ef}.automation-card__footer>span{display:flex;align-items:center;gap:5px}.toggle-control{display:flex;min-height:36px;align-items:center;gap:7px;font-weight:750;cursor:pointer}.toggle-control input{position:absolute;width:1px;height:1px;opacity:0}.toggle-control>span[aria-hidden=true]{position:relative;width:36px;height:21px;background:#a9b5b1;border-radius:999px}.toggle-control>span[aria-hidden=true]:after{position:absolute;top:3px;left:3px;width:15px;height:15px;background:#fff;border-radius:50%;content:""}.toggle-control input:checked+span[aria-hidden=true]{background:var(--color-accent)}.toggle-control input:checked+span[aria-hidden=true]:after{transform:translate(15px)}.toggle-control input:focus-visible+span[aria-hidden=true]{outline:3px solid #0e7490;outline-offset:2px}.toggle-control input:disabled+span[aria-hidden=true]{opacity:.5}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:#0f172a94}.dialog-content{position:fixed;top:50%;left:50%;z-index:var(--z-dialog);display:grid;width:min(500px,calc(100vw - 28px));max-height:calc(100dvh - 28px);gap:13px;overflow-y:auto;padding:22px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transform:translate(-50%,-50%)}.dialog-content--form{width:min(700px,calc(100vw - 28px))}.dialog-content h2{margin:0;padding-right:36px;font-size:1.35rem}.dialog-content>p{margin:0;color:var(--color-text-muted);line-height:1.55}.dialog-close{position:absolute;top:12px;right:12px}.dialog-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:50%}.dialog-icon--danger{color:var(--color-danger);background:var(--color-danger-soft)}.dialog-icon--success{color:var(--color-success);background:var(--color-success-soft)}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:4px}.automation-form{display:grid;gap:17px;padding-top:8px}.form-grid{display:grid;grid-template-columns:1fr;gap:13px}.duration-fieldset{margin:0;padding:14px;border:1px solid var(--color-border);border-radius:10px}.duration-fieldset legend{padding:0 6px;color:#364440;font-size:.82rem;font-weight:750}.checkbox-control{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.checkbox-control input{width:19px;height:19px;margin:2px 0 0;accent-color:var(--color-accent)}.checkbox-control>span{display:grid;gap:2px}.checkbox-control strong{display:flex;align-items:center;gap:6px}.checkbox-control small{color:var(--color-text-muted)}.password-change-gate{display:grid;min-height:100dvh;place-items:center;padding:max(22px,env(safe-area-inset-top)) 14px max(22px,env(safe-area-inset-bottom));background:radial-gradient(circle at 12% 10%,rgb(204 251 241 / .85),transparent 35%),#f5f7f6}.password-change-gate__card,.password-change-panel{width:min(100%,760px)}.password-change-gate__card{display:grid;gap:18px;padding:24px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.password-change-gate__brand{display:flex;align-items:center;gap:8px;color:var(--color-accent-dark)}.password-change-gate__card>h1{margin:-10px 0 0;font-size:clamp(1.65rem,7vw,2.35rem)}.password-change-form,.user-form{display:grid;gap:17px}.password-change-form__heading{display:flex;align-items:flex-start;gap:12px}.password-change-form__heading h2,.password-change-form__heading p{margin:0}.password-change-form__heading h2{font-size:1.18rem}.password-change-form__heading p{margin-top:4px;color:var(--color-text-muted);font-size:.85rem;line-height:1.5}.password-change-form__icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;color:var(--color-accent-dark);background:var(--color-accent-soft);border-radius:11px}.user-management-note,.role-readonly-note{display:flex;align-items:flex-start;gap:12px;padding:14px;color:#155e75;background:var(--color-info-soft);border:1px solid #bae6fd;border-radius:var(--radius-md)}.user-management-note>svg,.role-readonly-note>svg{width:22px;height:22px;flex:0 0 auto}.user-management-note p,.role-readonly-note p{margin:3px 0 0;font-size:.82rem}.user-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.user-summary-card{display:flex;min-width:0;align-items:center;gap:9px;padding:12px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.user-summary-card>span{display:none;color:var(--color-accent-dark)}.user-summary-card>div{display:grid;min-width:0}.user-summary-card strong{font-size:1.35rem;font-variant-numeric:tabular-nums}.user-summary-card small{overflow:hidden;color:var(--color-text-muted);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.user-list{display:grid;gap:12px}.user-card{display:grid;min-width:0;gap:16px;padding:17px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.user-card--inactive{background:#fafcfb}.user-card__header{display:flex;min-width:0;align-items:center;gap:10px}.user-card__avatar{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;color:#fff;font-weight:800;background:var(--color-accent);border-radius:50%}.user-card--inactive .user-card__avatar{background:#94a3b8}.user-card__header>div{min-width:0;flex:1}.user-card__identity{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:7px}.user-card__identity h2{margin:0;overflow:hidden;font-size:1.04rem;text-overflow:ellipsis;white-space:nowrap}.user-card__created{display:block;margin-top:3px;color:var(--color-text-muted);font-size:.72rem}.user-card__details{display:grid;gap:14px}.user-card__password-state{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.user-card__password-state>div{min-width:0;padding:10px;background:var(--color-surface-muted);border-radius:9px}.user-card__password-state dt{color:var(--color-text-muted);font-size:.68rem}.user-card__password-state dd{margin:4px 0 0;font-size:.78rem;font-weight:700}.user-card__actions{display:grid;gap:8px}.user-security-alert{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;color:var(--color-danger);font-size:.8rem;font-weight:700;background:var(--color-danger-soft);border-radius:9px}.security-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.security-summary>div{display:grid;gap:2px;padding:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.security-summary strong{font-size:1.45rem;font-variant-numeric:tabular-nums}.security-summary span{color:var(--color-text-muted);font-size:.76rem}.security-summary__warning strong{color:var(--color-danger)}.security-event-list{display:grid;gap:9px}.security-event{display:flex;min-width:0;gap:11px;padding:13px;background:var(--color-surface);border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.security-event--success{border-left-color:var(--color-success)}.security-event--warning{border-left-color:var(--color-danger)}.security-event__icon{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;color:var(--color-accent-dark);background:var(--color-accent-soft);border-radius:10px}.security-event--warning .security-event__icon{color:var(--color-danger);background:var(--color-danger-soft)}.security-event>div{min-width:0;flex:1}.security-event__title{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px}.security-event__title strong{font-size:.87rem}.security-event__title span,.security-event small{color:var(--color-text-muted);font-size:.7rem}.security-event p{margin:4px 0;font-size:.8rem;font-weight:700}.credential-dialog{width:min(560px,calc(100vw - 28px))}.credential-box{display:grid;gap:10px;padding:14px;background:#f8faf9;border:1px dashed #94a3b8;border-radius:11px}.credential-box label{display:grid;gap:5px;color:var(--color-text-muted);font-size:.72rem;font-weight:750}.credential-box input{width:100%;min-height:42px;padding:9px 10px;color:var(--color-text);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88rem;background:#fff;border:1px solid var(--color-border);border-radius:8px}.credential-warning{margin:0;padding:10px 12px;color:#854d0e;font-size:.82rem;font-weight:650;background:var(--color-warning-soft);border-radius:9px}.credential-dialog__actions .button{width:100%}.notification-note--warning{color:#854d0e;background:var(--color-warning-soft);border-color:#fde68a}.list-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md)}.list-count{color:var(--color-text-muted);font-size:.8rem;font-variant-numeric:tabular-nums}.alert-list{display:grid;gap:10px}.alert-card{display:flex;gap:12px;padding:16px;background:#fff;border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.alert-card--critical{border-left-color:var(--color-danger)}.alert-card--warning{border-left-color:var(--color-warning)}.alert-card--info{border-left-color:var(--color-info)}.alert-card__icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;color:#075985;background:var(--color-info-soft);border-radius:10px}.alert-card--critical .alert-card__icon{color:var(--color-danger);background:var(--color-danger-soft)}.alert-card--warning .alert-card__icon{color:var(--color-warning);background:var(--color-warning-soft)}.alert-card__content{min-width:0;flex:1}.alert-card__content header{display:flex;flex-direction:column;gap:9px}.alert-card__content h2{margin:0 0 4px;font-size:1rem}.alert-card__content header>div:first-child>span,.alert-card__content small{color:var(--color-text-muted);font-size:.72rem}.alert-card__content p{margin:12px 0;color:#43514e;line-height:1.55}.alert-card__content .button{margin-top:12px}.alert-card__badges{display:flex;flex-wrap:wrap;gap:6px}.plain-badge{display:inline-flex;align-items:center;padding:5px 8px;color:#4b5563;font-size:.72rem;font-weight:750;background:#f1f5f4;border:1px solid #dce4e1;border-radius:999px}.chart-controls{display:grid;gap:13px;padding:14px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md)}.range-picker{grid-template-columns:repeat(5,1fr);overflow-x:auto}.range-picker__option{min-width:62px}.chart-panel{padding:14px}.chart-panel__header,.chart-panel__header>div:first-child{display:flex;align-items:center;gap:10px}.chart-panel__header{justify-content:space-between;margin-bottom:18px}.chart-panel__header h2,.chart-panel__header p{margin:0}.chart-panel__header h2{font-size:1.08rem}.chart-panel__header p{margin-top:3px;color:var(--color-text-muted);font-size:.7rem}.chart-panel__range{display:none;align-items:center;gap:5px;color:var(--color-text-muted);font-size:.78rem;font-weight:700}.history-chart{overflow-x:auto;border:1px solid #e7ecea;border-radius:11px}.history-chart svg{display:block;width:100%;min-width:620px;height:auto;background:#fff}.chart-grid-line{stroke:#e5ebe8;stroke-width:1}.chart-axis-line{stroke:#c5cfcc;stroke-width:1}.chart-axis-label{fill:#6b7773;font-family:inherit;font-size:11px;font-variant-numeric:tabular-nums}.chart-series{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.chart-series--1,.chart-legend__line--1{stroke:#0f766e;background:#0f766e}.chart-series--2,.chart-legend__line--2{stroke:#b45309;stroke-dasharray:7 5;background:#b45309}.chart-series--3,.chart-legend__line--3{stroke:#0369a1;stroke-dasharray:2 4;background:#0369a1}.chart-legend{display:flex;flex-wrap:wrap;gap:14px;margin:0;padding:10px 14px;list-style:none;border-top:1px solid #e7ecea}.chart-legend li{display:flex;align-items:center;gap:6px;color:#53615d;font-size:.75rem;font-weight:650}.chart-legend__line{width:22px;height:3px;border-radius:2px}.table-scroll{margin-top:15px;overflow-x:auto}.data-table{width:100%;min-width:560px;border-collapse:collapse;font-size:.8rem}.data-table th,.data-table td{padding:10px;text-align:right;font-variant-numeric:tabular-nums;border-bottom:1px solid #e7ecea}.data-table th:first-child,.data-table td:first-child{text-align:left}.data-table thead th{color:var(--color-text-muted);font-size:.7rem;text-transform:uppercase;background:#f8faf9}.history-note{color:#42524e;background:#f1f5f4;border-color:var(--color-border)}@media(min-width:560px){.main-content{padding:28px 22px calc(94px + env(safe-area-inset-bottom))}.page-header{flex-direction:row;align-items:center;justify-content:space-between}.page-header__action .button{width:auto}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card__value strong{font-size:2.25rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.password-change-gate__card{padding:34px}.user-summary-card{padding:14px}.user-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.user-summary-card>span{display:grid}.user-card__details{grid-template-columns:minmax(180px,.75fr) minmax(0,1.25fr);align-items:end}.user-card__actions{grid-template-columns:repeat(3,minmax(0,1fr))}.credential-dialog__actions .button{width:auto}.alert-card__content header{flex-direction:row;justify-content:space-between}.chart-controls{grid-template-columns:minmax(0,1fr) 180px;align-items:end}.chart-panel{padding:18px}.chart-panel__range{display:flex}}@media(min-width:760px){.two-column-grid,.automation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column-grid--uneven{grid-template-columns:1.15fr .85fr}.connection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.login-card{padding:38px}}@media(min-width:1024px){.login-page{grid-template-columns:minmax(0,1.2fr) minmax(430px,.8fr)}.login-intro{display:grid}.login-card__mobile-brand{display:none}.sidebar{z-index:var(--z-nav);width:246px;padding:22px 15px;box-shadow:none;transform:none}.sidebar__close,.sidebar-backdrop,.topbar__menu,.topbar__brand-mobile,.bottom-nav{display:none}.app-frame{margin-left:246px}.topbar{justify-content:flex-end;min-height:56px;padding:0 28px}.main-content{padding:34px 32px 54px}.page-stack{gap:34px}.user-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.sidebar{width:268px}.app-frame{margin-left:268px}.main-content{padding-right:44px;padding-left:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}.passkey-gate{display:grid;min-height:100vh;padding:24px;place-items:center;background:radial-gradient(circle at 15% 10%,rgba(20,132,119,.16),transparent 32%),var(--color-surface-muted)}.passkey-gate__card{display:grid;width:min(100%,560px);gap:18px;padding:clamp(26px,6vw,44px);border:1px solid var(--color-border);border-radius:26px;background:var(--color-surface);box-shadow:var(--shadow-lg)}.passkey-gate__brand{display:flex;align-items:center;gap:10px;color:var(--color-primary)}.passkey-gate__icon{display:grid;width:68px;height:68px;margin-top:8px;color:var(--color-primary);border-radius:20px;background:var(--color-primary-soft);place-items:center}.passkey-gate__icon svg{width:38px;height:38px}.passkey-gate__card h1{margin:-8px 0 0;font-size:clamp(1.8rem,5vw,2.45rem);line-height:1.1}.passkey-gate__lead{margin:0;color:var(--color-text-muted);line-height:1.65}.passkey-benefits{display:grid;gap:10px;padding:16px;border-radius:16px;background:var(--color-surface-muted)}.passkey-benefits span{display:flex;align-items:center;gap:10px;font-size:.93rem}.passkey-benefits svg{width:18px;height:18px;color:var(--color-primary);flex:0 0 auto}