:root{color-scheme:dark;color:#e8eef8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#bfc5cc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--accent: #ef233c;--accent-h: #ff3d52;--accent-soft: rgb(239 35 60 / 12%);--cyan: #94a3b8;--cyan-soft: rgb(148 163 184 / 12%);--app-bg: #bfc5cc;--app-bg-soft: #c9ced5;--s0: #25282d;--s1: #2c3036;--s2: #343941;--s3: #3e444d;--s4: #4a515b;--s5: #58616c;--b1: #454b54;--b2: #525964;--b3: #626b76;--b4: #747e8a;--t1: #f8fafc;--t2: #cbd5e1;--t3: #94a3b8;--ok: #22c55e;--ok-soft: rgb(34 197 94 / 12%);--ok-bd: rgb(34 197 94 / 28%);--warn: #f59e0b;--warn-soft:rgb(245 158 11 / 12%);--r1: 7px;--r2: 11px;--r3: 15px;--r4: 20px;--rf: 9999px;--sh1: 0 1px 4px rgb(31 35 40 / 18%);--sh2: 0 4px 14px rgb(31 35 40 / 20%);--sh3: 0 10px 26px rgb(31 35 40 / 22%);--sh4: 0 18px 46px rgb(31 35 40 / 24%);--sh5: 0 26px 64px rgb(31 35 40 / 28%);--glow-red: 0 0 28px rgb(239 35 60 / 42%), 0 0 64px rgb(239 35 60 / 18%);--glow-cyan: 0 0 24px rgb(148 163 184 / 34%), 0 0 54px rgb(148 163 184 / 14%);--ring: 0 0 0 3px rgb(148 163 184 / 28%);--ease: cubic-bezier(.16, 1, .3, 1);--spring: cubic-bezier(.34, 1.4, .64, 1);--sharp: cubic-bezier(.4, 0, .2, 1);--fast: .13s;--base: .2s;--slow: .34s}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;background:var(--app-bg)}::selection{background:#ef233c47;color:#fff}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--s0)}::-webkit-scrollbar-thumb{background:var(--b3);border:2px solid var(--s0);border-radius:var(--rf)}::-webkit-scrollbar-thumb:hover{background:var(--b4)}button,input,select{font:inherit}button{cursor:pointer}a,button,input,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:none;box-shadow:var(--ring)}@keyframes page-enter{0%{opacity:0;transform:translateY(10px) scale(.994)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes panel-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes logo-breathe{0%,to{filter:drop-shadow(0 14px 26px rgb(31 41 55 / 26%))}50%{filter:drop-shadow(0 20px 40px rgb(75 85 99 / 28%))}}@keyframes fade-out{to{opacity:0;transform:translateY(-6px) scale(.997)}}@keyframes status-pulse{0%,to{box-shadow:0 0 #22c55ea6,0 0 7px #22c55ecc}60%{box-shadow:0 0 0 6px #22c55e00,0 0 7px #22c55ecc}}@keyframes error-pulse{0%,to{box-shadow:0 0 #ef233ca6,0 0 7px #ef233ccc}60%{box-shadow:0 0 0 6px #ef233c00,0 0 7px #ef233ccc}}::view-transition-old(root){animation:.16s ease both fade-out}::view-transition-new(root){animation:.36s var(--ease) both page-enter}.app-shell{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh;background:var(--app-bg);animation:page-enter .4s var(--ease) both}.sidebar{position:relative;display:flex;flex-direction:column;gap:18px;min-height:100vh;padding:20px 14px;background:linear-gradient(170deg,#363b43,#2a2e34);border-right:1px solid var(--b1);box-shadow:2px 0 0 var(--b2),18px 0 56px #00000038}.sidebar:after{content:"";position:absolute;top:0;right:-1px;width:1px;height:100%;background:linear-gradient(180deg,transparent 4%,rgb(239 35 60 / 35%) 34%,rgb(148 163 184 / 24%) 68%,transparent 96%);pointer-events:none}.brand{display:flex;align-items:center;gap:11px;min-height:50px;padding:0 4px 18px;border-bottom:1px solid var(--b1)}.brand-mark,.topbar-mark{display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(145deg,var(--s4),var(--s2));border:1px solid var(--b3);border-radius:var(--r2);color:var(--accent);box-shadow:0 0 0 1px #ef233c24,var(--sh2);transition:border-color var(--base),box-shadow var(--base),transform var(--base) var(--spring)}.brand-mark{width:40px;height:40px}.topbar-mark{width:42px;height:42px}.brand-mark:hover,.topbar-mark:hover{border-color:#ef233c8c;box-shadow:var(--glow-red),var(--sh2);transform:translateY(-2px)}.brand-logo,.auth-logo,.admin-logo{display:block;object-fit:contain}.brand-logo{width:74%;height:74%;filter:drop-shadow(0 5px 11px rgb(15 23 42 / 28%))}.brand strong{display:block;color:var(--t1);font-size:.83rem;font-weight:800;letter-spacing:-.01em}.brand span{display:block;color:var(--t3);font-size:.71rem;margin-top:1px}.device-list{display:flex;flex:1;flex-direction:column;gap:10px;min-height:0}.search-field{display:flex;align-items:center;gap:9px;height:38px;padding:0 11px;background:var(--s1);border:1px solid var(--b2);border-radius:var(--r2);color:var(--t3);transition:border-color var(--base),box-shadow var(--base),background var(--base)}.search-field:focus-within{border-color:var(--b3);box-shadow:var(--ring);background:var(--s2)}.search-field input{flex:1;min-width:0;background:transparent;border:none;color:var(--t1);font-size:.82rem;outline:none}.search-field input::placeholder{color:var(--t3)}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;background:var(--s1);border:1px solid var(--b1);border-radius:var(--r2)}.segmented-control button{background:transparent;border:none;border-radius:calc(var(--r2) - 2px);color:var(--t3);font-size:.72rem;font-weight:700;letter-spacing:.025em;min-height:30px;transition:background var(--fast),color var(--fast),box-shadow var(--fast)}.segmented-control button.active{background:var(--accent);color:#fff;box-shadow:0 2px 10px #ef233c4d}.segmented-control button:not(.active):hover{color:var(--t1);background:var(--s3)}.device-list-items{display:flex;flex:1;flex-direction:column;gap:2px;min-height:0;overflow:auto;padding:2px 0}.device-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-right:6px;border:1px solid transparent;border-radius:var(--r2);background:transparent;transition:background var(--base) var(--sharp),border-color var(--base),box-shadow var(--base)}.device-list-row:hover{background:var(--s3);border-color:var(--b2)}.device-list-row:hover .device-list-item{color:var(--t1)}.device-list-row.selected{background:linear-gradient(90deg,rgb(239 35 60 / 13%) 0%,var(--s2) 54%);border-color:#ef233c47;box-shadow:inset 3px 0 0 var(--accent),0 4px 18px #ef233c1a}.device-list-item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;height:54px;padding:0 11px;background:transparent;border:none;color:var(--t2);text-align:left;transition:color var(--base)}.device-list-item.selected{color:var(--t1)}.device-delete-button{display:inline-grid;place-items:center;width:36px;height:36px;background:#ef233c14;border:1px solid rgb(239 35 60 / 18%);border-radius:var(--r2);color:#ff8fa0;transition:background var(--fast),border-color var(--fast),color var(--fast),transform var(--fast)}.device-delete-button:hover:not(:disabled){background:#ef233c29;border-color:#ef233c57;color:#fff;transform:translateY(-1px)}.device-delete-button:disabled{cursor:not-allowed;opacity:.48}.device-list-copy{min-width:0}.device-menu{position:relative}.device-menu-button{display:inline-grid;place-items:center;width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:var(--r2);color:var(--t2);cursor:pointer;transition:background var(--fast),border-color var(--fast),color var(--fast)}.device-menu-button:hover{background:var(--s3);border-color:var(--b2);color:var(--t1)}.device-menu-dropdown{background:var(--s1);border:1px solid var(--b2);border-radius:var(--r2);box-shadow:0 8px 24px #00000026;min-width:140px;z-index:1000;overflow:hidden}.device-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:transparent;border:none;cursor:pointer;font-size:13px;color:var(--t1);transition:background var(--fast)}.device-menu-item:hover:not(:disabled){background:var(--s3)}.device-menu-item--danger{color:#ff8fa0}.device-menu-item--danger:hover:not(:disabled){background:#ef233c1a;color:#f35}.device-menu-item:disabled{cursor:not-allowed;opacity:.48}.device-confirm-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:200}.device-confirm-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.device-confirm-box{position:relative;background:var(--s1);border:1px solid var(--b2);border-radius:14px;box-shadow:0 20px 60px #00000040;padding:24px;width:300px;display:flex;flex-direction:column;gap:16px}.device-confirm-box strong{display:block;font-size:15px;color:var(--t1)}.device-confirm-box p{font-size:13px;color:var(--t2);margin:0}.device-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.device-list-copy strong,.device-list-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-list-copy strong{font-size:.78rem;font-weight:700;color:var(--t1);letter-spacing:-.01em}.device-list-copy small{font-size:.69rem;color:var(--t3);margin-top:2px}.status-dot{width:8px;height:8px;border-radius:var(--rf);background:var(--b4);flex:0 0 auto}.status-dot.online{background:var(--ok);animation:status-pulse 2.4s ease-in-out infinite}.status-dot.error{background:var(--accent);animation:error-pulse 2.4s ease-in-out infinite}.add-device-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:40px;padding:0 14px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-h) 100%);border:none;border-radius:var(--r2);color:#fff;font-size:.81rem;font-weight:700;letter-spacing:.01em;box-shadow:0 4px 18px #ef233c4d;transition:box-shadow var(--base),transform var(--base) var(--spring),filter var(--base)}.add-device-button:hover{box-shadow:var(--glow-red),0 6px 22px #ef233c38;transform:translateY(-2px)}.add-device-button:active{transform:translateY(0)}.workspace{min-width:0;padding:0 30px 36px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;margin:0 -30px 30px;padding:0 30px;background:linear-gradient(180deg,#3a3f47f0,#31363de5);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgb(255 255 255 / 5%);box-shadow:0 1px #94a3b829,0 20px 50px #00000042}.topbar-title{display:flex;align-items:center;gap:14px;min-width:0}.topbar h1{margin:0;font-size:clamp(1.7rem,3vw,2.2rem);font-weight:900;line-height:1.05;letter-spacing:-.025em;background:linear-gradient(135deg,#fff 18%,#e5e7eb 62%,#c7ced7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topbar-back{flex:0 0 auto}.topbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;justify-content:flex-end}.topbar-stats{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.topbar-stats span{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;background:var(--s2);border:1px solid var(--b2);border-radius:var(--rf);color:var(--t2);font-size:.77rem;font-weight:600;letter-spacing:.01em}.topbar-stats .danger{border-color:#ef233c6b;color:#f89;background:#ef233c17}.eyebrow{font-size:.69rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#5d6672;margin:0 0 4px}.topbar .eyebrow,.panel .eyebrow,.reports-hero .eyebrow{color:var(--t3)}.language-toggle{display:inline-flex;align-items:center;gap:3px;padding:3px;height:34px;background:var(--s2);border:1px solid var(--b2);border-radius:var(--r1)}.language-toggle button{background:transparent;border:none;border-radius:calc(var(--r1) - 2px);color:var(--t3);font-size:.71rem;font-weight:800;letter-spacing:.05em;padding:0 8px;height:26px;min-width:36px;transition:background var(--fast),color var(--fast),box-shadow var(--fast)}.language-toggle button.active{background:linear-gradient(135deg,var(--accent),var(--accent-h));color:#fff;box-shadow:0 2px 8px #ef233c42}.language-toggle button:not(.active):hover{color:var(--t1)}.user-card{display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 11px;background:var(--s2);border:1px solid var(--b2);border-radius:var(--r2);min-width:172px;transition:background var(--base),border-color var(--base),transform var(--base) var(--spring),box-shadow var(--base)}.user-card:hover{background:var(--s3);border-color:var(--b3);transform:translateY(-1px);box-shadow:var(--sh2)}.user-card-button{color:inherit;text-align:left}.user-card strong{display:block;color:var(--t1);font-size:.79rem;font-weight:700}.user-card small{display:block;color:var(--t3);font-size:.69rem}.user-icon{display:grid;place-items:center;width:28px;height:28px;background:var(--accent-soft);border-radius:var(--rf);color:var(--accent);flex:0 0 auto}.back-button{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 11px;background:var(--s2);border:1px solid var(--b2);border-radius:var(--r2);color:var(--t2);font-size:.79rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:background var(--base),border-color var(--base),color var(--base),transform var(--base) var(--spring),box-shadow var(--base)}.back-button:hover{background:var(--s3);border-color:var(--b3);color:var(--t1);transform:translate(-2px);box-shadow:var(--sh1)}.back-button svg{transition:transform var(--base) var(--spring)}.back-button:hover svg{transform:translate(-2px)}.device-details{display:flex;flex-direction:column;gap:20px}.device-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:30px 0 26px;background:transparent;border:none;box-shadow:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}.device-header h2{margin:0;font-size:clamp(2rem,4.4vw,3.3rem);font-weight:900;line-height:1;letter-spacing:-.025em;text-transform:uppercase;background:linear-gradient(135deg,#1f2933 15%,#38424d 58%,#5b6673);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.template-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;background:#484f5847;border:1px solid rgb(72 79 88 / 20%);border-radius:var(--rf);color:#3f4751;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:11px}.device-meta{display:flex;flex-wrap:wrap;gap:7px 15px;margin-top:13px}.device-meta span{display:inline-flex;align-items:center;gap:5px;color:#5d6672;font-size:.77rem}.device-state{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.state-badge,.live-badge{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px;background:var(--s2);border:1px solid var(--b2);border-radius:var(--rf);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.045em;color:var(--t2)}.state-badge.online,.live-badge.online{background:var(--ok-soft);border-color:var(--ok-bd);color:#4ade80}.state-badge.error{background:var(--accent-soft);border-color:#ef233c61;color:#f89}.details-grid{display:grid;gap:20px;grid-template-columns:minmax(0,1.5fr) minmax(270px,.5fr)}.device-header,.panel{border-radius:var(--r3)}.panel{position:relative;min-width:0;padding:18px;background:var(--s2);border:1px solid var(--b2);border-radius:var(--r3);overflow:hidden;box-shadow:var(--sh3),inset 0 1px #ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / 12%) 40%,rgb(255 255 255 / 12%) 60%,transparent 100%);pointer-events:none}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;margin:-18px -18px 18px;padding:0 18px;background:linear-gradient(180deg,rgb(255 255 255 / 3%) 0%,transparent 100%);border-bottom:1px solid rgb(255 255 255 / 5%);border-radius:var(--r3) var(--r3) 0 0}.panel h3{margin:0;color:var(--t1);font-size:.93rem;font-weight:700;letter-spacing:-.01em}.panel-heading h2{margin:0;color:var(--t1);font-size:1.2rem;font-weight:800;letter-spacing:-.02em}.panel-heading span{color:var(--t3);font-size:.74rem}.panel-heading select,.alert-rule-card input,.alert-rule-card select,.threshold-inputs input{background:var(--s1);border:1px solid var(--b2);border-radius:var(--r1);color:var(--t2);height:34px;padding:0 10px;font-size:.78rem}.metric-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(158px,1fr))}.metric-card{--card-color: #60a5fa;position:relative;display:flex;align-items:center;gap:13px;min-height:82px;padding:16px;background:var(--s2);border:1px solid var(--b1);border-radius:var(--r2);overflow:hidden;transition:transform var(--base) var(--spring),box-shadow var(--base),border-color var(--base)}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--card-color);opacity:.9}.metric-card:nth-child(1){--card-color: #60a5fa}.metric-card:nth-child(2){--card-color: #fb7185}.metric-card:nth-child(3){--card-color: #4ade80}.metric-card:nth-child(4){--card-color: #fbbf24}.metric-card:nth-child(5){--card-color: #c084fc}.metric-card:nth-child(6){--card-color: #fb923c}.metric-card:nth-child(n+7){--card-color: #22d3ee}.metric-card:hover{transform:translateY(-3px);box-shadow:var(--sh3),0 0 0 1px var(--b3);border-color:var(--b2)}.metric-card:nth-child(1) .metric-icon{background:#60a5fa26;color:#60a5fa;box-shadow:0 0 18px #60a5fa47}.metric-card:nth-child(2) .metric-icon{background:#fb718526;color:#fb7185;box-shadow:0 0 18px #fb718547}.metric-card:nth-child(3) .metric-icon{background:#4ade8026;color:#4ade80;box-shadow:0 0 18px #4ade8047}.metric-card:nth-child(4) .metric-icon{background:#fbbf2426;color:#fbbf24;box-shadow:0 0 18px #fbbf2447}.metric-card:nth-child(5) .metric-icon{background:#c084fc26;color:#c084fc;box-shadow:0 0 18px #c084fc47}.metric-card:nth-child(6) .metric-icon{background:#fb923c26;color:#fb923c;box-shadow:0 0 18px #fb923c47}.metric-card:nth-child(n+7) .metric-icon{background:#22d3ee26;color:#22d3ee;box-shadow:0 0 18px #22d3ee47}.metric-icon{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:var(--r2)}.metric-card>div{min-width:0}.metric-card span{display:block;color:var(--t3);font-size:.72rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card strong{display:block;color:var(--t1);font-size:1.3rem;font-weight:800;letter-spacing:-.025em;margin-top:5px;line-height:1}.metric-card small{font-size:.76rem;color:var(--t3);font-weight:500;margin-left:4px;vertical-align:middle}.live-camera-panel{overflow:hidden}.live-camera-panel .panel-heading h3{display:inline-flex;align-items:center;gap:8px}.camera-open-link{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;background:var(--s3);border:1px solid var(--b3);border-radius:var(--r2);color:var(--t2);font-size:.77rem;font-weight:700;text-decoration:none;transition:background var(--base),border-color var(--base),color var(--base)}.camera-open-link:hover{background:var(--s4);border-color:var(--b4);color:var(--t1)}.camera-frame-shell{position:relative;background:var(--s0);border:1px solid var(--b2);border-radius:var(--r2);height:clamp(300px,44vw,620px);overflow:hidden;margin:0 -18px -16px;border-radius:0 0 calc(var(--r3) - 1px) calc(var(--r3) - 1px)}.camera-frame{display:block;width:100%;height:100%;border:none;object-fit:contain}.camera-frame-status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--t3);font-size:.88rem;font-weight:600;pointer-events:none}.grafana-dashboard{display:grid;gap:8px}.grafana-dashboard-toolbar{display:flex;align-items:center;gap:12px;justify-content:flex-end;padding:9px 13px;background:var(--s1);border:1px solid var(--b2);border-radius:var(--r1);color:#c8d0dc;font-size:.84rem}.grafana-dashboard-toolbar span{color:#fff;font-weight:700;margin-right:auto}.grafana-dashboard-toolbar strong{background:var(--s2);border:1px solid var(--b2);border-radius:4px;color:#d8d9da;font-size:.79rem;padding:5px 10px}.grafana-dashboard-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.grafana-panel{background:var(--s1);border:1px solid var(--b2)}.grafana-dashboard-grid .grafana-panel{box-shadow:none;min-height:338px;overflow:hidden;padding:0}.grafana-panel .panel-heading{background:var(--s1);border-bottom:none;border-radius:0;display:flex;justify-content:space-between;margin:0;padding:13px 14px 6px}.grafana-panel .panel-heading h3{color:#d8d9da;font-size:.91rem;font-weight:700}.chart-actions{color:#a5acb8;font-size:.7rem;font-weight:700}.empty-panel{color:var(--t3)}.time-series-chart{background:var(--s1);color:#c8d0dc;min-height:290px;overflow:hidden;padding:0 10px 8px 4px}.time-series-chart svg{display:block;height:282px;overflow:visible;width:100%}.series-plot-bg{fill:#2c3036}.series-grid-line{stroke:#ccd2de1f;stroke-width:1;vector-effect:non-scaling-stroke}.series-grid-line.vertical{stroke:#ccd2de12}.series-axis-label{fill:#a5acb8;font-family:Inter,Arial,sans-serif;font-size:.7rem}.series-area{pointer-events:none}.series-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;vector-effect:non-scaling-stroke}.series-point{stroke:#2c3036;stroke-width:1.5;vector-effect:non-scaling-stroke}.series-hit-point,.series-zoom-surface{cursor:crosshair;fill:transparent;pointer-events:all}.series-zoom-selection{fill:#5794f22e;pointer-events:none;stroke:#5794f294;stroke-width:1;vector-effect:non-scaling-stroke}.series-point-group:focus{outline:none}.series-point-group:focus .series-point{stroke:#fff;stroke-width:2}.series-crosshair{stroke:#ccd2de42;stroke-dasharray:3 3;stroke-width:1;vector-effect:non-scaling-stroke}.series-tooltip{pointer-events:none}.series-tooltip rect{fill:#1f232b;stroke:#4a5361;stroke-width:1;vector-effect:non-scaling-stroke}.series-tooltip text{font-family:Inter,Arial,sans-serif}.series-tooltip-time{fill:#d8d9da;font-size:.72rem;font-weight:700}.series-tooltip-value{fill:#fff;font-size:.8rem;font-weight:800}.series-empty{fill:#a5acb8;font-family:Inter,Arial,sans-serif;font-size:.86rem}.series-legend{align-items:center;color:#c8d0dc;display:inline-flex;font-size:.75rem;gap:8px;margin:-22px 0 6px 62px;position:relative;z-index:1}.series-legend span{border-radius:var(--rf);height:3px;width:16px}.alert-list,.preference-list,.command-grid{display:grid;gap:8px}.alert-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.alert-manager-panel{align-self:stretch}.alert-manager-heading-actions{display:inline-flex;align-items:center;gap:8px}.alert-manager-heading-actions>span{white-space:nowrap}.alert-add-button{width:36px;padding:0}.alert-manager-summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:78px;padding:14px 16px;background:var(--ok-soft);border:1px solid var(--ok-bd);border-radius:var(--r2);color:#4ade80;font-weight:700;text-align:left}.alert-manager-summary.has-alerts{background:#f59e0b17;border-color:#f59e0b47;color:#f59e0b}.alert-manager-summary:hover{transform:translateY(-1px);box-shadow:var(--sh2)}.device-create-dialog.alert-manager-dialog{width:min(960px,100%);max-width:960px;max-height:min(84vh,860px);grid-template-rows:auto minmax(0,1fr)}.alert-manager-dialog-body{display:grid;gap:16px;min-height:0;overflow:auto;padding-right:4px}.alerts-editor,.alert-preferences-editor{display:grid;gap:12px;min-width:0}.alerts-editor .panel-heading,.alert-preferences-editor .panel-heading{margin:0;min-height:46px;padding:0;background:transparent;border-bottom:0}.alert-row,.ok-row,.preference-row{display:grid;align-items:center;gap:12px;padding:12px 14px;background:var(--s2);border:1px solid var(--b1);border-radius:var(--r2)}.alert-row{grid-template-columns:auto minmax(0,1fr) auto}.alert-row strong{display:block;font-size:.81rem;font-weight:700;color:var(--t1)}.alert-row span{display:block;color:var(--t3);font-size:.74rem;margin-top:2px}.alert-row.critical{background:#ef233c12;border-color:#ef233c47;color:#f89}.alert-row.warning{background:#f59e0b12;border-color:#f59e0b47;color:#fcd34d}.ok-row{grid-template-columns:auto 1fr;color:#4ade80;background:var(--ok-soft);border-color:var(--ok-bd)}.preference-row{grid-template-columns:minmax(160px,1fr) minmax(240px,1fr)}.toggle-row{display:inline-flex;align-items:center;gap:9px}.toggle-row input{accent-color:var(--accent);width:16px;height:16px}.threshold-inputs{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.threshold-inputs label{display:grid;gap:5px;color:var(--t3);font-size:.74rem}.threshold-inputs input{min-width:0;width:100%}.alert-rule-list{display:grid;gap:12px}.alert-rule-card{display:grid;gap:14px;padding:16px;min-width:0;background:var(--s2);border:1px solid var(--b2);border-radius:var(--r2)}.alert-rule-card.collapsed{gap:0}.alert-rule-summary{display:grid;align-items:center;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;min-width:0;cursor:pointer}.alert-rule-summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--r1)}.alert-rule-summary .toggle-row{min-width:0}.alert-rule-summary .toggle-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-rule-meta{color:var(--t3);font-size:.74rem;font-weight:700;white-space:nowrap}.alert-rule-chevron{color:var(--t3);transition:transform var(--base) var(--ease),color var(--base)}.alert-rule-card.expanded .alert-rule-chevron{color:var(--t1);transform:rotate(180deg)}.alert-rule-details{display:grid;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--b1)}.alert-catalog-placeholder{display:grid;align-items:center;grid-template-columns:auto minmax(0,1fr);gap:12px;min-height:72px;padding:16px;background:var(--s2);border:1px dashed var(--b2);border-radius:var(--r2);color:var(--t2)}.alert-catalog-placeholder.compact{min-height:64px}.alert-catalog-placeholder strong,.alert-catalog-placeholder span{display:block}.alert-catalog-placeholder strong{color:var(--t1);font-size:.88rem}.alert-catalog-placeholder span{color:var(--t3);font-size:.78rem;margin-top:3px}.alert-rule-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.alert-rule-fields{display:grid;gap:10px;grid-template-columns:minmax(220px,1fr) minmax(130px,.45fr) minmax(130px,.45fr)}.alert-rule-fields label,.condition-row label{display:grid;gap:5px;color:var(--t3);font-size:.73rem;min-width:0}.condition-list{display:grid;gap:8px}.condition-row{display:grid;align-items:end;gap:8px;grid-template-columns:minmax(180px,1fr) minmax(80px,.35fr) minmax(96px,.45fr) auto}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--r2);font-size:.81rem;font-weight:700}.primary-button{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-h) 100%);border:none;color:#fff;box-shadow:0 4px 18px #ef233c4d;transition:box-shadow var(--base),transform var(--base) var(--spring),filter var(--base)}.primary-button:not(:disabled):hover{box-shadow:var(--glow-red),0 6px 22px #ef233c38;transform:translateY(-1px)}.secondary-button{background:var(--s3);border:1px solid var(--b2);color:var(--t2);transition:background var(--base),border-color var(--base),color var(--base),transform var(--base) var(--spring)}.secondary-button:not(:disabled):hover{background:var(--s4);border-color:var(--b3);color:var(--t1);transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.6}.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px;border-radius:var(--r2);font-size:.81rem;font-weight:600;letter-spacing:.01em;background:#ef233c24;border:1px solid rgb(239 35 60 / 30%);color:#f35;cursor:pointer;transition:background var(--base),border-color var(--base),transform var(--base) var(--spring)}.danger-button:not(:disabled):hover{background:#ef233c3d;border-color:#ef233c7f;transform:translateY(-1px)}.danger-button:disabled{cursor:wait;opacity:.6}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 11px;border-radius:var(--r1);font-size:.78rem;font-weight:700;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-h) 100%);border:none;color:#fff;box-shadow:0 3px 14px #ef233c42;transition:box-shadow var(--base),transform var(--base) var(--spring),filter var(--base)}.icon-button.secondary{background:var(--s3);border:1px solid var(--b3);box-shadow:none;color:var(--t2)}.icon-button:hover{transform:translateY(-1px);box-shadow:var(--glow-red),0 4px 16px #ef233c33}.icon-button.secondary:hover{background:var(--s4);box-shadow:var(--sh1)}.icon-button:disabled,.command-button:disabled{cursor:wait;opacity:.65}.condition-add-button,.mini-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--r1)}.condition-add-button{background:var(--s3);border:1px dashed var(--b3);color:var(--t2);font-size:.77rem;font-weight:700;height:36px;padding:0 10px;transition:background var(--base),border-color var(--base),color var(--base)}.condition-add-button:hover{background:var(--s4);border-color:var(--b4);color:var(--t1)}.mini-icon-button{background:var(--s1);border:1px solid var(--b2);color:var(--t2);width:36px;height:36px;transition:background var(--base),border-color var(--base),color var(--base)}.mini-icon-button:hover{background:var(--s3);border-color:var(--b3);color:var(--t1)}.mini-icon-button.danger{color:#fb7185}.mini-icon-button.danger:hover{background:#ef233c1a;border-color:#ef233c66}.mini-icon-button:disabled{cursor:not-allowed;opacity:.38}.command-grid{grid-template-columns:repeat(auto-fit,minmax(158px,1fr))}.command-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 14px;background:var(--s2);border:1px solid var(--b2);border-radius:var(--r2);color:var(--t2);font-size:.81rem;font-weight:700;transition:background var(--base),border-color var(--base),color var(--base),transform var(--base) var(--spring),box-shadow var(--base)}.command-button:not(:disabled):hover{background:var(--s4);border-color:var(--b3);color:var(--t1);transform:translateY(-2px);box-shadow:var(--sh2)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#454b5494;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:20}.device-create-dialog{width:min(440px,100%);max-width:440px;display:grid;gap:15px;padding:22px;background:linear-gradient(160deg,var(--s3) 0%,var(--s2) 100%);border:1px solid rgb(255 255 255 / 10%);border-radius:var(--r4);box-shadow:var(--sh5),0 0 0 1px #1f23281a;color:var(--t1)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.dialog-heading strong{display:block;font-size:.98rem;font-weight:800;letter-spacing:-.01em}.dialog-heading span,.form-field span{display:block;color:var(--t3);font-size:.74rem;margin-top:3px}.form-field{display:grid;gap:6px;font-size:.79rem;color:var(--t2);font-weight:600}.form-field input,.form-field select{background:var(--s1);border:1px solid var(--b2);border-radius:var(--r1);color:var(--t1);height:40px;padding:0 12px;width:100%;transition:border-color var(--base),box-shadow var(--base)}.form-field input:focus,.form-field select:focus{border-color:var(--b4);box-shadow:var(--ring);outline:none}.form-toggle{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;background:var(--s1);border:1px solid var(--b2);border-radius:var(--r1);color:var(--t2)}.form-toggle input{accent-color:var(--accent);width:16px;height:16px}.form-toggle span{font-size:.81rem;font-weight:700}.form-error{padding:10px 12px;background:#ef233c1a;border:1px solid rgb(239 35 60 / 35%);border-radius:var(--r1);color:#ffb3be;font-size:.78rem}.dialog-actions{display:grid;gap:9px;grid-template-columns:1fr 1.3fr;margin-top:2px}.empty-state,.muted-row{padding:16px;background:var(--s2);border:1px dashed var(--b3);border-radius:var(--r2);color:var(--t3);font-size:.83rem}.boolean-chip{display:inline-flex;align-items:center;gap:6px;height:27px;padding:0 9px;background:var(--s2);border:1px solid var(--b2);border-radius:var(--rf);font-size:.72rem;font-weight:700;color:var(--t2)}.route-loader{display:grid;place-items:center;min-height:100vh;color:#334155;font-weight:700;background:var(--app-bg)}.auth-page{position:relative;display:grid;align-items:center;gap:clamp(48px,6vw,92px);grid-template-columns:minmax(340px,.98fr) minmax(420px,.86fr);min-height:100vh;padding:clamp(56px,7vh,88px) clamp(32px,7vw,116px);overflow:hidden;background:var(--app-bg);isolation:isolate}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgb(44 49 56 / 3.6%) 1px,transparent 1px),linear-gradient(rgb(44 49 56 / 3.6%) 1px,transparent 1px);background-size:88px 88px;-webkit-mask-image:linear-gradient(180deg,#000c,#0000008f);mask-image:linear-gradient(180deg,#000c,#0000008f);opacity:.58;pointer-events:none}.auth-language{position:absolute;right:clamp(22px,3vw,40px);top:24px;z-index:2}.auth-back{position:absolute;left:24px;top:24px;z-index:2}.auth-language.language-toggle{gap:4px;height:42px;padding:4px;background:#dde1e6bd;border:1px solid rgb(116 126 138 / 28%);border-radius:var(--rf);box-shadow:0 16px 38px #1f23281f,inset 0 1px #ffffff85;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.auth-language.language-toggle button{height:32px;min-width:44px;border-radius:var(--rf);color:#64748b}.auth-language.language-toggle button.active{background:linear-gradient(135deg,#ef233c,#ff4b61);color:#fff;box-shadow:0 9px 18px #ef233c3d}.auth-language.language-toggle button:not(.active):hover{color:#0f172a}.auth-brand-panel,.auth-form-panel{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.auth-brand-panel{align-items:center;gap:clamp(24px,3.5vw,34px);text-align:center}.auth-emblem{position:relative;display:grid;place-items:center;width:clamp(260px,30vw,370px);max-width:370px;aspect-ratio:1;background:linear-gradient(145deg,#474d55,#343941 58%,#272b31);border:1px solid rgb(255 255 255 / 10%);border-radius:24px;color:#5f8fd3;animation:logo-breathe 5s ease-in-out infinite;box-shadow:0 26px 58px #1f232833,0 10px 24px #1f232824,inset 0 1px #ffffff12}.auth-logo{width:58%;height:58%;filter:drop-shadow(0 18px 32px rgb(15 23 42 / 38%))}.auth-headline{display:grid;gap:14px;justify-items:center;max-width:760px;width:100%}.auth-headline h1{margin:0;color:#111827;font-size:clamp(2.7rem,5vw,4.35rem);font-weight:900;letter-spacing:0;line-height:1.02;max-width:760px;text-align:center;width:100%}.auth-headline p,.auth-copy p{color:#475569;font-weight:500;font-size:clamp(.95rem,1.1vw,1.04rem);line-height:1.68;margin:0;text-align:center}.auth-form-panel{align-items:center;gap:24px}.auth-form-panel.single{grid-column:1 / -1;margin:0 auto;max-width:480px;width:100%}.auth-copy{display:grid;gap:10px;justify-items:center;max-width:500px;width:100%}.auth-copy h2{margin:0;color:#111827;font-size:clamp(2rem,3vw,2.55rem);font-weight:850;letter-spacing:0;line-height:1.1}.auth-copy .eyebrow{color:#64748b;margin:0}.auth-copy .topbar-mark{margin-bottom:22px}.auth-card{width:100%;max-width:500px;display:grid;gap:20px;padding:clamp(30px,3.2vw,40px);background:linear-gradient(160deg,#40464ef7,#30353cfa 62%,#272b31fc);border:1px solid rgb(255 255 255 / 11%);border-radius:24px;box-shadow:0 30px 62px #1f232833,0 10px 26px #1f232821,inset 0 1px #ffffff0f;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}.auth-field{display:grid;gap:9px}.auth-field>span:first-child,.auth-label-row{color:var(--accent);font-size:.73rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-input{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;height:52px;padding:0 15px;background:#25292fdb;border:1px solid rgb(196 204 214 / 12%);border-radius:14px;color:var(--t3);transition:border-color var(--base),box-shadow var(--base),background var(--base)}.auth-input:focus-within{border-color:#ef233c94;box-shadow:0 0 0 4px #ef233c21,inset 0 1px #ffffff0d;background:#2b3037f0}.auth-input input,.auth-input select{background:transparent;border:none;color:var(--t1);height:100%;min-width:0;outline:none;font-size:.88rem}.auth-input input::placeholder{color:#64748b}.auth-input select option{background:var(--s2)}.auth-icon-button,.auth-link{background:transparent;border:none;color:var(--accent);font-weight:700;padding:0;font-size:.77rem}.auth-icon-button{display:grid;place-items:center;color:var(--t3);width:30px;height:30px;border-radius:10px;transition:color var(--base),background var(--base)}.auth-icon-button:hover{color:var(--t1);background:#ffffff0f}.auth-submit,.auth-secondary,.auth-reset-url{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:54px;padding:0 18px;border-radius:14px;font-size:.87rem;font-weight:800;text-decoration:none}.auth-submit{background:linear-gradient(135deg,#e51f37,#ff314d 58%,#ff5b6d);border:none;color:#fff;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 16px 30px #ef233c42,inset 0 1px #ffffff38;transition:box-shadow var(--base),transform var(--base) var(--spring),filter var(--base)}.auth-submit:not(:disabled):hover{box-shadow:0 20px 38px #ef233c52,inset 0 1px #ffffff40;transform:translateY(-1px)}.auth-submit:disabled{cursor:wait;opacity:.65}.auth-secondary,.auth-reset-url{background:#ffffff0d;border:1px solid rgb(148 163 184 / 16%);color:var(--t2);transition:background var(--base),border-color var(--base),color var(--base)}.auth-secondary:hover,.auth-reset-url:hover{background:#ffffff14;border-color:#ffffff24;color:var(--t1)}.auth-message{padding:12px 14px;background:#ef233c17;border:1px solid rgb(239 35 60 / 30%);border-radius:var(--r1);color:#ffaab8;font-size:.81rem;font-weight:600}.auth-message.success{background:var(--ok-soft);border-color:var(--ok-bd);color:#86efac}.admin-menu-page{position:relative;min-height:100vh;padding:28px clamp(18px,4vw,72px) 56px;color:var(--t1);overflow:hidden;background:var(--app-bg)}.admin-menu-page:before{content:"";position:absolute;top:8%;right:0;width:3px;height:84%;background:linear-gradient(180deg,transparent,rgb(82 89 99 / 28%) 38%,rgb(116 126 138 / 24%) 68%,transparent);pointer-events:none}.admin-menu-actions{position:relative;z-index:2;display:flex;align-items:center;gap:12px;justify-content:flex-end}.admin-back{margin-right:auto}.admin-menu-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:44px;min-height:calc(100vh - 120px);max-width:980px;margin:0 auto;text-align:center}.admin-logo-panel{position:relative;display:grid;place-items:center;width:clamp(160px,19vw,240px);height:clamp(160px,19vw,240px);background:linear-gradient(145deg,var(--s4),var(--s2));border:1px solid rgb(255 255 255 / 9%);border-radius:22px;color:#5f8fd3;box-shadow:var(--sh4),inset 0 1px #ffffff0f}.admin-logo{width:62%;height:62%;filter:drop-shadow(0 16px 28px rgb(15 23 42 / 32%))}.admin-menu-heading h1{margin:0;font-size:clamp(2.8rem,5.5vw,4.2rem);font-weight:950;line-height:1;letter-spacing:0;text-transform:uppercase;background:linear-gradient(135deg,#111827 10%,#334155 42%,#ef233c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-placeholder h1{margin:0;color:#111827;font-size:clamp(2.8rem,5vw,4.1rem);font-weight:950;line-height:1;text-transform:uppercase}.admin-menu-heading p,.admin-placeholder p{color:#334155;font-size:1.04rem;font-weight:600;margin:14px 0 0}.admin-menu-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(220px,248px));justify-content:center;width:100%}.admin-menu-card{position:relative;display:grid;align-items:center;gap:16px;min-height:258px;padding:32px 24px;text-decoration:none;color:var(--t1);border-radius:20px;overflow:hidden;background:linear-gradient(var(--s2),var(--s2)) padding-box,linear-gradient(145deg,rgb(116 126 138 / 36%) 0%,rgb(239 35 60 / 18%) 54%,transparent 100%) border-box;border:1px solid transparent;box-shadow:var(--sh3),inset 0 1px #ffffff0d;transition:transform var(--slow) var(--spring),box-shadow var(--slow) var(--ease),background var(--base)}.admin-menu-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,rgb(239 35 60 / 7%) 0%,transparent 55%);opacity:0;transition:opacity var(--base);pointer-events:none}.admin-menu-card:hover{transform:translateY(-6px);box-shadow:var(--sh4),0 18px 42px #1f232833;background:linear-gradient(var(--s3),var(--s3)) padding-box,linear-gradient(145deg,rgb(116 126 138 / 48%) 0%,rgb(239 35 60 / 26%) 54%,transparent 100%) border-box}.admin-menu-card:hover:before{opacity:1}.admin-menu-icon{position:relative;z-index:1;display:grid;place-items:center;min-height:52px;color:var(--accent)}.admin-menu-card:nth-child(2) .admin-menu-icon{color:#60a5fa}.admin-menu-card:nth-child(3) .admin-menu-icon{color:var(--warn)}.admin-menu-card strong{position:relative;z-index:1;display:block;font-size:1.18rem;font-weight:800;letter-spacing:-.02em;line-height:1.3}.admin-menu-card small{position:relative;z-index:1;display:block;color:var(--t2);font-size:.87rem;font-weight:500;line-height:1.5}.admin-placeholder{display:flex;flex-direction:column;align-items:center;gap:18px;min-height:calc(100vh - 112px);justify-content:center;margin:0 auto;max-width:520px;position:relative;text-align:center;z-index:1}.users-page{display:grid;gap:32px;max-width:1180px;margin:0 auto;padding:52px 0 0;position:relative;z-index:1}.users-heading{display:flex;align-items:center;gap:18px}.users-heading h1{margin:0;color:#1f2933;font-size:clamp(2.1rem,4vw,3.1rem);font-weight:900;letter-spacing:-.04em;line-height:1;text-transform:uppercase}.users-heading p:last-child{color:#5d6672;font-weight:500;margin:10px 0 0}.users-grid{display:grid;gap:22px;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)}.users-panel{display:grid;gap:18px;min-width:0;padding:20px;background:var(--s2);border:1px solid var(--b2);border-radius:var(--r3);box-shadow:var(--sh3),inset 0 1px #ffffff0d}.panel-heading.compact{margin-bottom:4px}.users-list{display:grid;gap:8px}.user-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:62px;padding:0 14px;background:var(--s3);border:1px solid var(--b2);border-radius:var(--r2);transition:background var(--base),border-color var(--base)}.user-row:hover{background:var(--s4);border-color:var(--b3)}.user-row strong{display:block;color:var(--t1);font-size:.83rem;font-weight:700}.user-row small{display:block;color:var(--t3);font-size:.73rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-pill{display:inline-flex;align-items:center;height:25px;padding:0 9px;background:#4b556338;border:1px solid rgb(148 163 184 / 24%);border-radius:var(--rf);color:#cbd5e1;font-size:.7rem;font-weight:800;letter-spacing:.05em}.role-pill.admin{background:var(--accent-soft);border-color:#ef233c59;color:#fca5a5}.reports-page{display:grid;gap:20px}.reports-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;background:var(--s2);border:1px solid var(--b2);border-radius:var(--r3);box-shadow:var(--sh2),inset 0 1px #ffffff0a}.reports-hero h2{margin:4px 0 8px;color:var(--t1);font-size:1.95rem;font-weight:800;letter-spacing:-.03em;line-height:1.06}.reports-hero p{margin:0;color:var(--t2)}.reports-hero .eyebrow{display:inline-flex;align-items:center;gap:8px}.reports-periods{display:inline-grid;gap:3px;grid-template-columns:repeat(3,minmax(130px,1fr));padding:3px;background:var(--s1);border:1px solid var(--b2);border-radius:var(--r2)}.reports-periods button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 12px;background:transparent;border:none;border-radius:calc(var(--r2) - 2px);color:var(--t3);cursor:pointer;font-weight:700;font-size:.79rem;transition:background var(--fast),color var(--fast),box-shadow var(--fast)}.reports-periods button.active,.reports-periods button:hover{background:var(--accent);color:#fff;box-shadow:0 2px 10px #ef233c47}.reports-summary{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.report-stat{display:flex;align-items:center;gap:14px;min-height:76px;padding:14px 16px;background:var(--s2);border:1px solid var(--b1);border-radius:var(--r2);transition:transform var(--base) var(--spring),box-shadow var(--base)}.report-stat:hover{transform:translateY(-2px);box-shadow:var(--sh2)}.report-stat>span{display:grid;place-items:center;width:38px;height:38px;background:#4b556338;border-radius:var(--r2);color:#cbd5e1;flex:0 0 auto}.report-stat small{display:block;color:var(--t3);font-size:.74rem}.report-stat strong{display:block;color:var(--t1);font-size:1.13rem;font-weight:800;margin-top:4px;letter-spacing:-.02em}.reports-metrics{padding:20px}.report-metric-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.report-metric-card{display:grid;gap:6px;min-height:108px;padding:16px;background:var(--s2);border:1px solid var(--b1);border-radius:var(--r2);transition:transform var(--base) var(--spring),box-shadow var(--base)}.report-metric-card:hover{transform:translateY(-2px);box-shadow:var(--sh2)}.report-metric-card span,.report-metric-card small{color:var(--t3);font-size:.75rem}.report-metric-card strong{color:var(--t1);font-size:1.48rem;font-weight:900;letter-spacing:-.03em}@media(max-width:1100px){.admin-menu-grid{grid-template-columns:repeat(auto-fit,minmax(220px,248px))}.topbar{align-items:stretch;flex-direction:column;min-height:auto;padding:14px 30px}.topbar-actions{justify-content:flex-start}}@media(max-width:980px){.admin-menu-content{min-height:auto;padding-top:42px}.auth-page{grid-template-columns:1fr;padding-top:92px}.auth-emblem{max-width:320px}.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--b2);border-right:none;box-shadow:0 2px 0 var(--b2),0 18px 36px #0000002e;min-height:auto}.sidebar:after{display:none}.device-list-items{max-height:300px}.details-grid,.grafana-dashboard-grid,.users-grid,.alert-rule-fields,.preference-row{grid-template-columns:1fr}.condition-row{grid-template-columns:minmax(180px,1fr) minmax(80px,.35fr) minmax(96px,.45fr) auto}.reports-hero{align-items:stretch;flex-direction:column}.reports-periods{width:100%}}@media(max-width:640px){.admin-menu-page{padding:16px 16px 36px}.admin-menu-actions{align-items:stretch;flex-direction:column}.admin-menu-actions .language-toggle,.admin-menu-actions .back-button,.admin-menu-actions .user-card{width:100%}.admin-menu-grid{gap:14px;grid-template-columns:1fr}.admin-menu-card{min-height:190px}.users-heading{align-items:flex-start;flex-direction:column}.user-row{align-items:flex-start;grid-template-columns:auto minmax(0,1fr)}.role-pill{grid-column:2;justify-self:flex-start}.auth-page{gap:28px;padding:80px 16px 24px}.auth-back{left:16px;top:16px}.auth-brand-panel{gap:22px}.auth-emblem{width:min(82%,260px)}.auth-card{padding:22px}.auth-label-row{align-items:flex-start;flex-direction:column}.workspace,.sidebar{padding-left:16px;padding-right:16px}.topbar{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.device-header{align-items:stretch;flex-direction:column;padding:20px 0}.device-state{align-items:flex-start}.topbar-actions,.topbar-stats{width:100%}.topbar-stats span,.language-toggle,.user-card{flex:1 1 auto}.threshold-inputs{grid-template-columns:1fr}.alert-actions,.alert-rule-header{align-items:stretch;flex-direction:column}.condition-row{grid-template-columns:1fr}.condition-row .mini-icon-button{width:100%}.grafana-dashboard-grid{grid-template-columns:minmax(0,1fr)}.grafana-dashboard-toolbar{align-items:stretch;flex-direction:column}.grafana-dashboard-toolbar span{margin-right:0}.grafana-panel .panel-heading{padding-inline:10px}.time-series-chart{padding-inline:0}.reports-periods{grid-template-columns:1fr}.reports-hero h2{font-size:1.55rem}}.auth-page{--bg-page: #f3f6fa;--bg-grid-line: rgb(15 23 42 / 4.5%);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--card-dark: #111827;--card-dark-soft: #1f2937;--input-dark: #0b1220;--accent-red: #ff3355;--accent-red-hover: #ff4564;--accent-blue: #2563eb;--blue-glow: rgb(37 99 235 / 16%);--border-dark: rgb(255 255 255 / 8%);--border-light: rgb(15 23 42 / 8%);align-items:center;background:var(--bg-page);display:grid;gap:clamp(64px,8vw,140px);grid-template-columns:minmax(480px,1fr) minmax(420px,520px);min-height:100vh;overflow-x:hidden;padding:80px clamp(40px,7vw,120px)}.auth-page:before{background-image:linear-gradient(var(--bg-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid-line) 1px,transparent 1px);background-size:48px 48px;top:0;right:0;bottom:0;left:0;-webkit-mask-image:none;mask-image:none;opacity:1;z-index:0}.auth-page:after{background:radial-gradient(circle at 24% 38%,var(--blue-glow),transparent 30%),radial-gradient(circle at 78% 58%,rgb(255 51 85 / 10%),transparent 28%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:0}.auth-language{position:fixed;right:28px;top:24px;z-index:20}.auth-language.language-toggle{background:#0f172aeb;border:1px solid var(--border-dark);border-radius:12px;box-shadow:0 12px 30px #0f172a29;display:flex;gap:4px;height:auto;padding:4px}.auth-language.language-toggle button{border-radius:9px;color:var(--text-muted);height:30px;min-width:42px}.auth-language.language-toggle button.active{background:var(--accent-red);box-shadow:0 8px 18px #ff33553d;color:#fff}.auth-language.language-toggle button:not(.active):hover{color:#fff}.auth-brand-panel{align-items:center;gap:30px;text-align:center}.auth-emblem{background:linear-gradient(180deg,#161d29,#0f172a);border:1px solid rgb(255 255 255 / 6%);border-radius:24px;box-shadow:0 24px 70px #0f172a38,inset 0 1px #ffffff0a;height:280px;max-width:none;width:min(520px,100%)}.auth-logo{filter:drop-shadow(0 20px 32px rgb(37 99 235 / 18%));height:auto;width:min(180px,44%)}.auth-headline{gap:18px;max-width:720px}.auth-headline h1{color:var(--text-primary);font-size:clamp(42px,4vw,58px);font-weight:900;letter-spacing:-.045em;line-height:1.02;max-width:720px;text-align:center;white-space:pre-line}.auth-headline p{color:var(--text-secondary);font-size:16px;font-weight:500;line-height:1.6;max-width:720px}.auth-form-panel{align-items:center;gap:26px}.auth-copy{gap:12px;max-width:440px}.auth-copy .eyebrow{color:#64748b;font-size:11px;font-weight:800;letter-spacing:.14em;margin:0;text-transform:uppercase}.auth-copy h2{color:var(--text-primary);font-size:34px;font-weight:900;letter-spacing:-.04em}.auth-copy p{color:var(--text-secondary);font-size:16px;line-height:1.6}.auth-card{background:linear-gradient(180deg,#1f2632,#151b25);border:1px solid rgb(255 255 255 / 6%);border-radius:24px;box-shadow:0 28px 70px #0f172a47,inset 0 1px #ffffff0a;gap:18px;max-width:100%;padding:32px;width:440px}.auth-field{gap:8px}.auth-field>span:first-child,.auth-label-row{color:var(--accent-red);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.auth-input{background:var(--input-dark);border:1px solid rgb(148 163 184 / 18%);border-radius:12px;color:var(--text-muted);height:52px;padding:0 14px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.auth-input:focus-within{background:var(--input-dark);border-color:var(--accent-red);box-shadow:0 0 0 4px #ff335521}.auth-input svg,.auth-icon-button{color:#64748b}.auth-input input,.auth-input select{color:#e5e7eb;font-size:.88rem}.auth-input input::placeholder{color:var(--text-muted)}.auth-link{color:var(--accent-red);transition:color .18s ease,text-decoration-color .18s ease}.auth-link:hover{color:#ff607a;text-decoration:underline;text-underline-offset:3px}.auth-icon-button{border-radius:8px}.auth-icon-button:hover{background:#ffffff0f;color:#e5e7eb}.auth-submit{background:linear-gradient(90deg,#ff2d4f 0%,var(--accent-red-hover) 100%);border-radius:12px;box-shadow:0 14px 28px #ff335547;font-weight:900;height:52px;letter-spacing:.08em;text-transform:uppercase}.auth-submit:not(:disabled):hover{box-shadow:0 18px 34px #ff335557;filter:brightness(1.04);transform:translateY(-1px)}.auth-submit:not(:disabled):active{box-shadow:0 10px 20px #ff33553d;transform:translateY(0)}.auth-message{border-radius:12px}@media(max-width:1024px){.auth-page{gap:48px;grid-template-columns:1fr;justify-items:center;min-height:100vh;padding:56px 24px}.auth-brand-panel,.auth-form-panel{width:min(100%,560px)}.auth-emblem{height:230px;width:min(420px,100%)}.auth-card{width:min(440px,100%)}}@media(max-width:640px){.auth-page{gap:28px;overflow-x:hidden;padding:76px 16px 28px}.auth-language{right:16px;top:16px}.auth-emblem{display:none}.auth-headline h1{font-size:32px}.auth-headline p{font-size:14px}.auth-copy h2{font-size:30px}.auth-card{padding:24px;width:min(440px,100%)}.auth-label-row{align-items:flex-start;flex-direction:column}}@keyframes auth-prompt-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes auth-prompt-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-spinner-rotate{to{transform:rotate(360deg)}}.auth-page{--inspet-blue-1: #011f4b;--inspet-blue-2: #03396c;--inspet-accent-1: oklch(.968 .007 247.896);--inspet-red: #ff3355;--auth-text: #1f2937;--auth-muted: #4b5563;--auth-border: #e5e7eb;align-items:center;background:radial-gradient(circle at 50% 50%,rgb(255 255 255 / 10%),transparent 50%),linear-gradient(135deg,var(--inspet-accent-1) 0%,rgb(246 248 251 / 90%) 55%,rgb(1 31 75 / 20%) 100%);color:var(--auth-text);display:grid;gap:4rem;grid-template-columns:minmax(440px,580px) minmax(360px,448px);justify-content:center;min-height:100vh;overflow:hidden;padding:32px clamp(24px,5vw,80px);position:relative}.auth-page:before{background-image:linear-gradient(rgb(15 23 42 / 4.5%) 1px,transparent 1px),linear-gradient(90deg,rgb(15 23 42 / 4.5%) 1px,transparent 1px);background-size:48px 48px;content:"";top:0;right:0;bottom:0;left:0;opacity:.7;pointer-events:none;position:absolute;z-index:0}.auth-page:after{background:radial-gradient(circle at 22% 24%,rgb(1 31 75 / 10%),transparent 22%),radial-gradient(circle at 84% 78%,rgb(3 57 108 / 10%),transparent 26%);content:"";filter:blur(34px);top:-10%;right:-10%;bottom:-10%;left:-10%;pointer-events:none;position:absolute;z-index:0}.auth-page>*{position:relative;z-index:1}.auth-language.language-toggle{background:#0f172aeb;border:1px solid rgb(255 255 255 / 8%);border-radius:12px;box-shadow:0 12px 30px #0f172a29;display:flex;gap:4px;height:auto;padding:4px;position:fixed;right:28px;top:24px;z-index:20}.auth-language.language-toggle button{background:transparent;border:0;border-radius:9px;color:#94a3b8;font-size:.72rem;font-weight:800;height:30px;letter-spacing:.05em;min-width:42px;padding:0 10px;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.auth-language.language-toggle button.active{background:var(--inspet-red);box-shadow:0 10px 22px #ff335542;color:#fff}.auth-language.language-toggle button:not(.active):hover,.auth-language.language-toggle button:focus-visible{color:#fff}.auth-brand-panel{align-items:flex-start;animation:auth-prompt-fade-in .42s ease both;display:flex;flex-direction:column;gap:34px;justify-self:center;max-width:560px;text-align:left}.auth-brand-panel:before{animation:auth-prompt-pulse 4s ease-in-out infinite;background:#011f4b1a;border-radius:9999px;content:"";filter:blur(64px);height:16rem;left:-42px;pointer-events:none;position:absolute;top:8%;width:16rem;z-index:-1}.auth-logo-wrap{display:inline-grid;place-items:center;position:relative}.auth-logo-glow{background:linear-gradient(90deg,#011f4b33,#03396c33);border-radius:32px;filter:blur(26px);top:-16px;right:-16px;bottom:-16px;left:-16px;position:absolute;transition:filter .3s ease}.auth-logo-wrap:hover .auth-logo-glow{filter:blur(38px)}.auth-emblem{background:transparent;border:0;border-radius:0;box-shadow:none;display:grid;height:auto;max-width:28rem;place-items:center;position:relative;transition:transform .3s ease;width:min(100%,28rem)}.auth-logo-wrap:hover .auth-emblem{transform:scale(1.05)}.auth-logo{display:block;filter:drop-shadow(0 24px 36px rgb(1 31 75 / 22%));height:auto;max-width:100%;object-fit:contain;width:min(100%,28rem)}.auth-headline{display:grid;gap:16px;max-width:28rem}.auth-brand-badge{align-items:center;color:var(--inspet-blue-1);display:flex;gap:8px;font-size:.82rem;font-weight:700;letter-spacing:.12em;margin:0;text-transform:uppercase}.auth-headline h1{color:var(--auth-text);font-size:clamp(2rem,3.3vw,2.55rem);font-weight:800;letter-spacing:0;line-height:1.12;margin:0;text-align:left;white-space:pre-line}.auth-headline p:not(.auth-brand-badge){color:#4b5563;font-size:1.08rem;font-weight:400;line-height:1.6;margin:0;text-align:left}.auth-form-panel{animation:auth-prompt-fade-in .52s ease both;display:flex;justify-content:flex-end;justify-self:stretch;position:relative}.auth-form-panel:after{animation:auth-prompt-pulse 4s ease-in-out 1s infinite;background:#03396c1a;border-radius:9999px;bottom:-92px;content:"";filter:blur(72px);height:24rem;pointer-events:none;position:absolute;right:-84px;width:24rem;z-index:-1}.auth-card{background:#fffffff2;border:0;border-radius:24px;box-shadow:0 26px 70px #0f172a33;color:var(--auth-text);display:grid;gap:24px;max-width:448px;overflow:hidden;padding:32px;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.auth-card:before{background:linear-gradient(90deg,var(--inspet-blue-1),var(--inspet-blue-2));content:"";height:4px;inset:0 0 auto;position:absolute}.auth-card:hover{box-shadow:0 32px 82px #0f172a3d;transform:scale(1.02)}.auth-card-header{align-items:center;display:flex;flex-direction:column;gap:0;padding:8px 0 2px;text-align:center}.auth-card-icon{align-items:center;background:linear-gradient(135deg,var(--inspet-blue-1),var(--inspet-blue-2));border-radius:18px;box-shadow:0 12px 28px #011f4b3d;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 18px;width:64px}.auth-copy .eyebrow{color:#64748b;font-size:.7rem;font-weight:800;letter-spacing:.14em;line-height:1.2;margin:0 0 8px;text-transform:uppercase}.auth-copy h2{color:var(--auth-text);font-size:1.55rem;font-weight:800;letter-spacing:0;line-height:1.15;margin:0}.auth-copy p:not(.eyebrow){color:#4b5563;font-size:1rem;line-height:1.55;margin:12px 0 0}.auth-field{color:#374151;display:grid;gap:8px}.auth-field-label,.auth-label-row{align-items:center;color:#374151;display:flex;font-size:.88rem;font-weight:600;gap:7px;letter-spacing:0;text-transform:none}.auth-label-row{justify-content:space-between}.auth-label-row .auth-field-label{min-width:0}.auth-field-label svg{color:var(--inspet-blue-1)}.auth-input{align-items:center;background:#ffffff7f;border:2px solid var(--auth-border);border-radius:12px;color:#6b7280;display:flex;gap:10px;height:48px;padding:0 12px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.auth-input:focus-within{background:#ffffffb8;border-color:var(--inspet-blue-1);box-shadow:none}.auth-input>svg{color:#64748b;flex:0 0 auto}.auth-input input{background:transparent;border:0;color:#111827;flex:1;font-size:.95rem;min-width:0;outline:0}.auth-input input::placeholder{color:#94a3b8}.auth-icon-button{align-items:center;background:linear-gradient(90deg,var(--inspet-blue-1),var(--inspet-blue-2));border:0;border-radius:10px;color:#fff;display:flex;flex:0 0 auto;height:40px;justify-content:center;margin-right:-8px;transition:background .2s ease,transform .2s ease;width:40px}.auth-icon-button:hover,.auth-icon-button:focus-visible{background:linear-gradient(90deg,var(--inspet-blue-2),var(--inspet-blue-1));color:#fff}.auth-icon-button:active{transform:scale(.98)}.auth-link{background:transparent;border:0;color:var(--inspet-blue-1);font-size:.84rem;font-weight:600;padding:0;transition:color .2s ease}.auth-link:hover,.auth-link:focus-visible{color:var(--inspet-blue-2);text-decoration:underline;text-underline-offset:3px}.auth-submit{align-items:center;background:linear-gradient(90deg,var(--inspet-blue-1),var(--inspet-blue-2));border:0;border-radius:12px;box-shadow:0 14px 28px #011f4b3d;color:#fff;display:flex;font-size:.95rem;font-weight:700;gap:8px;height:48px;justify-content:center;letter-spacing:0;text-transform:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease;width:100%}.auth-submit:not(:disabled):hover,.auth-submit:not(:disabled):focus-visible{background:linear-gradient(90deg,var(--inspet-blue-2),var(--inspet-blue-1));box-shadow:0 18px 36px #011f4b47;filter:none;transform:scale(1.02)}.auth-submit:not(:disabled):active{transform:scale(1)}.auth-submit:disabled{cursor:wait;opacity:.75}.auth-spinner{animation:auth-spinner-rotate .9s linear infinite}.auth-secondary{align-items:center;background:transparent;border:0;color:var(--inspet-blue-1);display:inline-flex;font-weight:600;gap:8px;justify-content:center;padding:0;transition:color .2s ease}.auth-secondary:hover,.auth-secondary:focus-visible{color:var(--inspet-blue-2)}.auth-message{background:#ef444414;border:1px solid rgb(239 68 68 / 18%);border-radius:12px;color:#b91c1c;font-size:.86rem;line-height:1.45;padding:12px 14px}.auth-message.success{background:#22c55e1a;border-color:#22c55e38;color:#166534}.auth-reset-url{color:var(--inspet-blue-1);font-size:.88rem;font-weight:700;text-align:center;text-decoration:none}.auth-reset-url:hover,.auth-reset-url:focus-visible{color:var(--inspet-blue-2);text-decoration:underline;text-underline-offset:3px}@media(max-width:1024px){.auth-page{gap:48px;grid-template-columns:1fr;justify-items:center;overflow-x:hidden;padding:56px 24px}.auth-brand-panel{display:none}.auth-form-panel{justify-content:center;justify-self:center;max-width:448px;width:100%}.auth-card{max-width:448px}}@media(max-width:640px){.auth-page{padding:88px 16px 32px}.auth-language.language-toggle{right:16px;top:16px}.auth-card{border-radius:22px;padding:24px}.auth-card:hover{transform:none}.auth-copy h2{font-size:1.45rem}.auth-copy p:not(.eyebrow){font-size:.95rem}.auth-label-row{align-items:flex-start;flex-direction:column;gap:8px}}:root{color-scheme:light;background:#f3f6fa;color:#1f2937;--inspet-blue-1: #011f4b;--inspet-blue-2: #03396c;--inspet-page: #f3f6fa;--inspet-page-soft: #f6f8fb;--inspet-grid-line: rgb(15 23 42 / 4.5%);--inspet-card: rgb(255 255 255 / 94%);--inspet-card-solid: #ffffff;--inspet-card-soft: #f8fafc;--inspet-input: rgb(255 255 255 / 62%);--inspet-border: #e5e7eb;--inspet-border-strong: #d4dce8;--inspet-text: #1f2937;--inspet-text-soft: #4b5563;--inspet-muted: #64748b;--inspet-red: #ff3355;--inspet-red-hover: #ff4564;--inspet-blue-glow: rgb(1 31 75 / 13%);--accent: #ff3355;--accent-h: #ff4564;--accent-soft: rgb(255 51 85 / 10%);--cyan: #03396c;--cyan-soft: rgb(3 57 108 / 10%);--app-bg: var(--inspet-page);--app-bg-soft: var(--inspet-page-soft);--s0: #f3f6fa;--s1: #ffffff;--s2: rgb(255 255 255 / 94%);--s3: #f8fafc;--s4: #eef3f8;--s5: #e2e8f0;--b1: #e5e7eb;--b2: #d8dee8;--b3: #cbd5e1;--b4: #94a3b8;--t1: #1f2937;--t2: #4b5563;--t3: #64748b;--ok: #16a34a;--ok-soft: rgb(22 163 74 / 10%);--ok-bd: rgb(22 163 74 / 22%);--warn: #d97706;--warn-soft: rgb(217 119 6 / 11%);--r1: 10px;--r2: 14px;--r3: 20px;--r4: 24px;--rf: 9999px;--sh1: 0 4px 14px rgb(15 23 42 / 7%);--sh2: 0 12px 32px rgb(15 23 42 / 10%);--sh3: 0 20px 52px rgb(15 23 42 / 13%);--sh4: 0 28px 70px rgb(15 23 42 / 16%);--sh5: 0 34px 90px rgb(15 23 42 / 22%);--glow-red: 0 14px 28px rgb(255 51 85 / 24%);--glow-cyan: 0 20px 42px rgb(1 31 75 / 15%);--ring: 0 0 0 4px rgb(1 31 75 / 12%)}html,body,#root{background:var(--inspet-page);color:var(--inspet-text)}body{color-scheme:light}::-webkit-scrollbar-track{background:#e8edf4}::-webkit-scrollbar-thumb{background:#cbd5e1;border-color:#e8edf4}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-shell,.admin-menu-page,.route-loader{background:radial-gradient(circle at 18% 16%,rgb(1 31 75 / 8%),transparent 28%),radial-gradient(circle at 82% 78%,rgb(3 57 108 / 7%),transparent 26%),linear-gradient(var(--inspet-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--inspet-grid-line) 1px,transparent 1px),linear-gradient(135deg,var(--inspet-page-soft) 0%,rgb(246 248 251 / 92%) 58%,rgb(1 31 75 / 12%) 100%);background-size:auto,auto,48px 48px,48px 48px,auto;color:var(--inspet-text)}.workspace{background:transparent;min-width:0}.sidebar{background:#ffffffe0;border-right:1px solid rgb(1 31 75 / 10%);box-shadow:18px 0 48px #0f172a1a,inset -1px 0 #ffffffad;color:var(--inspet-text);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.sidebar:after{background:linear-gradient(180deg,transparent 5%,rgb(1 31 75 / 18%) 42%,rgb(255 51 85 / 16%) 72%,transparent 96%);right:0;width:1px}.brand{border-bottom:1px solid var(--inspet-border)}.brand strong,.device-list-copy strong,.user-row strong,.panel h3,.panel-heading h2,.reports-hero h2,.report-stat strong,.report-metric-card strong,.admin-menu-card strong{color:var(--inspet-text)}.brand span,.device-list-copy small,.user-row small,.panel-heading span,.report-stat small,.report-metric-card span,.report-metric-card small,.admin-menu-card small,.empty-state,.muted-row{color:var(--inspet-muted)}.brand-mark,.topbar-mark,.admin-logo-panel{background:linear-gradient(145deg,var(--inspet-blue-1),var(--inspet-blue-2));border:1px solid rgb(255 255 255 / 16%);box-shadow:0 16px 34px #011f4b33,inset 0 1px #ffffff1f;color:#fff}.brand-mark:hover,.topbar-mark:hover,.admin-logo-panel:hover{border-color:#ffffff47;box-shadow:0 22px 46px #011f4b3d}.brand-logo,.admin-logo{filter:drop-shadow(0 12px 18px rgb(1 31 75 / 20%))}.topbar{background:#ffffffe5;border-bottom:1px solid rgb(1 31 75 / 9%);box-shadow:0 18px 44px #0f172a14,inset 0 1px #ffffffc2;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.topbar h1,.admin-menu-heading h1{background:linear-gradient(135deg,#1f2937 4%,var(--inspet-blue-1) 56%,var(--inspet-red) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.topbar .eyebrow,.panel .eyebrow,.reports-hero .eyebrow,.users-heading .eyebrow{color:var(--inspet-muted)}.topbar-stats span,.language-toggle,.user-card,.back-button{background:#ffffffd1;border:1px solid var(--inspet-border);box-shadow:0 10px 24px #0f172a12;color:var(--inspet-text-soft)}.topbar-stats span svg,.back-button svg{color:var(--inspet-blue-1)}.topbar-stats .danger{background:#ff335517;border-color:#ff335538;color:#be123c}.language-toggle{background:#0f172aeb;border-color:#ffffff14;border-radius:12px;box-shadow:0 12px 30px #0f172a29;padding:4px}.language-toggle button{border-radius:9px;color:#94a3b8}.language-toggle button.active,.segmented-control button.active,.reports-periods button.active{background:var(--inspet-red);box-shadow:0 10px 22px #ff335538;color:#fff}.language-toggle button:not(.active):hover{color:#fff}.user-card:hover,.back-button:hover{background:#fff;border-color:var(--inspet-border-strong);color:var(--inspet-text);box-shadow:0 16px 34px #0f172a1a}.user-icon{background:#ff33551a;color:var(--inspet-red)}.search-field,.segmented-control,.reports-periods,.grafana-dashboard-toolbar,.form-toggle{background:#ffffffb8;border:1px solid var(--inspet-border);box-shadow:inset 0 1px #ffffffb3;color:var(--inspet-text-soft)}.search-field:focus-within{background:#fff;border-color:var(--inspet-blue-1);box-shadow:var(--ring)}.search-field input,.panel-heading select,.alert-rule-card input,.alert-rule-card select,.threshold-inputs input,.form-field input,.form-field select{background:#ffffffad;border:1px solid var(--inspet-border);border-radius:12px;color:var(--inspet-text)}.search-field input::placeholder,.form-field input::placeholder{color:#94a3b8}.panel-heading select:focus,.alert-rule-card input:focus,.alert-rule-card select:focus,.threshold-inputs input:focus,.form-field input:focus,.form-field select:focus{background:#fff;border-color:var(--inspet-blue-1);box-shadow:var(--ring);outline:none}.device-list-row,.panel,.users-panel,.reports-hero,.report-stat,.report-metric-card,.alert-rule-card,.user-row,.admin-menu-card,.empty-state,.muted-row{background:var(--inspet-card);border:1px solid var(--inspet-border);box-shadow:0 18px 42px #0f172a14,inset 0 1px #ffffffc2;color:var(--inspet-text);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.device-list-item{background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.panel,.users-panel,.reports-hero,.reports-metrics,.admin-menu-card,.device-create-dialog{position:relative;overflow:hidden}.panel:before,.users-panel:before,.reports-hero:before,.admin-menu-card:after,.device-create-dialog:before{background:linear-gradient(90deg,var(--inspet-blue-1),var(--inspet-blue-2));content:"";height:4px;inset:0 0 auto;opacity:1;pointer-events:none;position:absolute}.panel-heading{background:linear-gradient(180deg,#f8fafceb,#ffffffb3);border-bottom:1px solid var(--inspet-border)}.device-list-row:hover,.user-row:hover,.admin-menu-card:hover,.report-stat:hover,.report-metric-card:hover{background:#fff;border-color:var(--inspet-border-strong);box-shadow:0 24px 58px #0f172a1f}.device-list-row.selected{background:linear-gradient(90deg,#ff33551a,#fffffff5 62%);border-color:#ff335557;box-shadow:inset 3px 0 0 var(--inspet-red),0 18px 42px #0f172a14}.segmented-control button{color:var(--inspet-muted)}.segmented-control button:not(.active):hover,.reports-periods button:not(.active):hover{background:#011f4b12;color:var(--inspet-blue-1);box-shadow:none}.add-device-button,.primary-button,.icon-button,.auth-submit{background:linear-gradient(90deg,var(--inspet-blue-1),var(--inspet-blue-2));border:0;box-shadow:0 14px 28px #011f4b3d;color:#fff}.add-device-button:hover,.primary-button:not(:disabled):hover,.icon-button:hover,.auth-submit:not(:disabled):hover{background:linear-gradient(90deg,var(--inspet-blue-2),var(--inspet-blue-1));box-shadow:0 18px 36px #011f4b47;filter:none}.secondary-button,.icon-button.secondary,.condition-add-button,.mini-icon-button,.camera-open-link,.command-button,.auth-secondary{background:#ffffffc2;border:1px solid var(--inspet-border);color:var(--inspet-blue-1);box-shadow:0 10px 22px #0f172a0f}.secondary-button:not(:disabled):hover,.icon-button.secondary:hover,.condition-add-button:hover,.mini-icon-button:hover,.camera-open-link:hover,.command-button:not(:disabled):hover,.auth-secondary:hover{background:#fff;border-color:var(--inspet-border-strong);color:var(--inspet-blue-2);box-shadow:0 14px 30px #0f172a17}.mini-icon-button.danger{color:var(--inspet-red)}.mini-icon-button.danger:hover{background:#ff335514;border-color:#ff33553d;color:#be123c}.device-header h2,.users-heading h1,.admin-placeholder h1{background:linear-gradient(135deg,#1f2937 4%,var(--inspet-blue-1) 68%,var(--inspet-blue-2) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.template-pill,.state-badge,.live-badge,.role-pill,.boolean-chip{background:#ffffffc7;border:1px solid var(--inspet-border);color:var(--inspet-text-soft);box-shadow:0 8px 18px #0f172a0d}.state-badge.online,.live-badge.online,.ok-row{background:#16a34a1a;border-color:#16a34a3d;color:#15803d}.state-badge.error,.alert-row.critical,.form-error,.auth-message{background:#ff335517;border-color:#ff335538;color:#be123c}.alert-row.warning{background:#d977061a;border-color:#d9770638;color:#92400e}.role-pill.admin{background:#ff33551a;border-color:#ff33553d;color:#be123c}.alert-row,.ok-row,.preference-row,.alert-catalog-placeholder{background:var(--inspet-card-soft);border:1px solid var(--inspet-border);color:var(--inspet-text)}.alert-row strong{color:var(--inspet-text)}.alert-row span,.threshold-inputs label,.alert-rule-fields label,.condition-row label,.dialog-heading span,.form-field span{color:var(--inspet-muted)}.grafana-panel,.time-series-chart,.camera-frame-shell{background:#ffffffdb;border-color:var(--inspet-border);color:var(--inspet-text)}.grafana-panel .panel-heading,.grafana-dashboard-toolbar{background:#ffffffb8;border-color:var(--inspet-border)}.grafana-dashboard-toolbar span,.grafana-dashboard-toolbar strong,.grafana-panel .panel-heading h3{color:var(--inspet-text)}.grafana-dashboard-toolbar strong{background:#011f4b12;border-color:#011f4b1f}.series-plot-bg{fill:#f8fafc}.series-grid-line{stroke:#0f172a1a}.series-grid-line.vertical{stroke:#0f172a12}.series-axis-label,.series-empty,.chart-actions,.camera-frame-status,.series-legend{color:var(--inspet-muted);fill:var(--inspet-muted)}.series-point{stroke:#f8fafc}.series-crosshair{stroke:#0f172a4d}.series-tooltip rect{fill:#fff;stroke:var(--inspet-border-strong)}.series-tooltip-time{fill:var(--inspet-muted)}.series-tooltip-value{fill:var(--inspet-text)}.modal-backdrop{background:#0f172a52;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.device-create-dialog{background:#fffffff5;border:1px solid rgb(255 255 255 / 62%);border-radius:24px;box-shadow:0 34px 90px #0f172a3d;color:var(--inspet-text)}.dialog-heading strong,.form-field{color:var(--inspet-text)}.form-toggle{color:var(--inspet-text-soft)}.form-toggle input,.toggle-row input{accent-color:var(--inspet-red)}.admin-menu-page:before{background:linear-gradient(180deg,transparent,rgb(1 31 75 / 18%) 38%,rgb(255 51 85 / 16%) 70%,transparent)}.admin-logo-panel{background:transparent;border:0;box-shadow:none}.admin-logo{filter:drop-shadow(0 24px 36px rgb(1 31 75 / 22%))}.admin-menu-card{background:#ffffffeb;border-color:var(--inspet-border);text-decoration:none}.admin-menu-card:before{background:radial-gradient(circle at 18% 0%,rgb(1 31 75 / 8%),transparent 44%);opacity:1}.admin-menu-icon,.admin-menu-card:nth-child(2) .admin-menu-icon,.admin-menu-card:nth-child(3) .admin-menu-icon{color:var(--inspet-blue-1)}.reports-periods button{color:var(--inspet-muted)}.report-stat>span,.metric-icon,.user-icon{background:#011f4b14;color:var(--inspet-blue-1);box-shadow:none}.metric-card{background:#ffffffe5}.metric-card strong{color:var(--inspet-text)}.metric-card span,.metric-card small{color:var(--inspet-muted)}.auth-page{background:radial-gradient(circle at 50% 50%,rgb(255 255 255 / 10%),transparent 50%),linear-gradient(135deg,var(--inspet-page-soft) 0%,rgb(246 248 251 / 90%) 55%,rgb(1 31 75 / 20%) 100%)}@media(max-width:980px){.sidebar{border-bottom:1px solid var(--inspet-border);border-right:0;box-shadow:0 16px 34px #0f172a14}.topbar{background:#ffffffeb}}@media(max-width:640px){.topbar-stats span,.language-toggle,.user-card,.admin-menu-actions .language-toggle,.admin-menu-actions .back-button,.admin-menu-actions .user-card{width:100%}.device-list-item,.panel,.users-panel,.reports-hero,.report-stat,.report-metric-card,.alert-rule-card,.user-row,.admin-menu-card{box-shadow:0 12px 28px #0f172a14}}@media(min-width:981px){.app-shell{height:100vh;min-height:100vh;overflow:hidden}.sidebar{height:100vh;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;position:sticky;top:0}.workspace{height:100vh;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}.topbar{position:sticky;top:0;z-index:30}}.user-row{grid-template-columns:auto minmax(0,1fr) auto auto;min-height:74px;padding-block:12px}.user-row-actions{align-items:center;display:inline-flex;gap:8px;justify-content:flex-end}.user-edit-dialog{max-width:520px}@media(max-width:640px){.user-row{align-items:flex-start;grid-template-columns:auto minmax(0,1fr)}.user-row .role-pill,.user-row-actions{grid-column:2;justify-self:flex-start}.user-row-actions{margin-top:4px}}.admin-menu-page .admin-logo-panel{width:clamp(230px,22vw,330px);height:clamp(230px,22vw,330px);border-radius:30px}.admin-menu-page .admin-logo{width:76%;height:76%}@media(max-width:640px){.admin-menu-page .admin-logo-panel{width:min(210px,62vw);height:min(210px,62vw)}.admin-menu-page .admin-logo{width:74%;height:74%}}@media(min-width:981px){.admin-menu-content{align-items:center;display:grid;gap:clamp(48px,6vw,96px);grid-template-areas:"logo heading" "logo menu";grid-template-columns:minmax(320px,470px) minmax(360px,540px);justify-content:center;max-width:1180px;min-height:calc(100vh - 112px);text-align:left}.admin-menu-content .admin-logo-panel{align-self:center;grid-area:logo;justify-self:center;width:clamp(340px,30vw,470px);height:clamp(340px,30vw,470px)}.admin-menu-content .admin-logo{width:82%;height:82%}.admin-menu-heading{align-self:end;grid-area:heading;justify-self:center;max-width:540px;text-align:center}.admin-menu-heading h1{font-size:clamp(3.1rem,5vw,5.1rem);line-height:.95;text-align:center}.admin-menu-heading p{text-align:center}.admin-menu-grid{align-self:start;display:grid;gap:14px;grid-area:menu;grid-template-columns:1fr;justify-content:stretch;width:min(100%,520px)}.admin-menu-card{align-items:center;display:grid;gap:18px;grid-template-columns:72px minmax(0,1fr);min-height:118px;padding:22px 24px;text-align:left}.admin-menu-card .admin-menu-icon{align-items:center;background:#011f4b14;border:1px solid rgb(1 31 75 / 10%);border-radius:18px;display:flex;height:58px;justify-content:center;min-height:58px;width:58px}.admin-menu-card strong{font-size:1.08rem;margin:0}.admin-menu-card small{font-size:.9rem;line-height:1.45;margin-top:7px}}@media(max-width:980px){.admin-menu-content{text-align:center}.admin-menu-grid{grid-template-columns:repeat(auto-fit,minmax(220px,248px))}}@media(min-width:981px){.admin-menu-content{gap:22px clamp(70px,7vw,130px);grid-template-areas:"logo heading" "logo menu" "logo controls";grid-template-columns:minmax(480px,680px) minmax(440px,620px);max-width:1380px}.admin-menu-content .admin-logo-panel{width:clamp(520px,40vw,700px);height:clamp(520px,40vw,700px)}.admin-menu-content .admin-logo{width:90%;height:90%}.admin-menu-heading{display:grid;justify-items:center;padding-top:24px;position:relative}.admin-menu-heading:after{background:linear-gradient(90deg,transparent,rgb(1 31 75 / 28%),rgb(255 51 85 / 22%),transparent);border-radius:9999px;content:"";height:2px;margin-top:18px;width:min(260px,70%)}.admin-menu-heading h1{letter-spacing:0;max-width:520px;text-wrap:balance}.admin-menu-heading p{background:#ffffffb3;border:1px solid var(--inspet-border);border-radius:9999px;box-shadow:0 10px 24px #0f172a12;color:var(--inspet-blue-1);display:inline-flex;font-size:.98rem;font-weight:800;letter-spacing:.02em;margin-top:16px;padding:8px 16px}.admin-menu-grid.admin-coverflow{display:block;grid-area:menu;height:380px;max-width:620px;perspective:1300px;position:relative;width:100%}.admin-menu-card.coverflow-card{align-items:center;display:grid;gap:18px;grid-template-columns:1fr;justify-items:center;left:50%;min-height:246px;padding:34px 32px;position:absolute;text-align:center;top:50%;transform-style:preserve-3d;transition:opacity .32s ease,transform .42s cubic-bezier(.16,1,.3,1),box-shadow .32s ease,filter .32s ease;width:min(430px,78%);will-change:transform,opacity}.admin-menu-card.coverflow-card.active{filter:saturate(1.05);opacity:1;pointer-events:auto;transform:translate(-50%,-50%) translateZ(105px) scale(1);z-index:5}.admin-menu-card.coverflow-card.prev{filter:saturate(.72);opacity:.62;transform:translate(-108%,-50%) rotateY(42deg) translateZ(-120px) scale(.78);z-index:2}.admin-menu-card.coverflow-card.next{filter:saturate(.72);opacity:.62;transform:translate(8%,-50%) rotateY(-42deg) translateZ(-120px) scale(.78);z-index:2}.admin-menu-card.coverflow-card.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-50%) translateZ(-260px) scale(.65);z-index:1}.admin-menu-card.coverflow-card.prev:hover,.admin-menu-card.coverflow-card.next:hover{opacity:.84}.admin-menu-card.coverflow-card.active:hover{transform:translate(-50%,-52%) translateZ(120px) scale(1.03)}.admin-menu-card.coverflow-card .admin-menu-icon{border-radius:24px;height:82px;min-height:82px;width:82px}.admin-menu-card.coverflow-card .admin-menu-icon svg{height:42px;width:42px}.admin-menu-card-copy{display:grid;gap:10px;justify-items:center}.admin-menu-card.coverflow-card strong{font-size:1.35rem}.admin-menu-card.coverflow-card small{font-size:.96rem;line-height:1.5;max-width:280px}.admin-carousel-controls{align-items:center;display:inline-flex;gap:14px;grid-area:controls;justify-self:center;margin-top:-8px}.admin-carousel-button{align-items:center;background:#ffffffd1;border:1px solid var(--inspet-border);border-radius:9999px;box-shadow:0 12px 26px #0f172a14;color:var(--inspet-blue-1);display:inline-flex;height:38px;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;width:38px}.admin-carousel-button:hover{background:#fff;box-shadow:0 16px 34px #0f172a1f;transform:translateY(-1px)}.admin-carousel-dots{align-items:center;background:#ffffffb3;border:1px solid var(--inspet-border);border-radius:9999px;display:inline-flex;gap:7px;padding:8px 10px}.admin-carousel-dots button{background:#cbd5e1;border:0;border-radius:9999px;height:8px;padding:0;transition:background .18s ease,width .18s ease;width:8px}.admin-carousel-dots button.active{background:var(--inspet-red);width:26px}}@media(max-width:980px){.admin-carousel-controls{display:none}}.admin-menu-page .admin-control-dock{align-items:stretch;background:linear-gradient(135deg,#ffffffdb,#f6f8fbb8),radial-gradient(circle at 18% 18%,rgb(1 31 75 / 12%),transparent 42%);border:1px solid rgb(255 255 255 / 72%);border-radius:22px;box-shadow:0 22px 54px #0f172a1f,inset 0 1px #ffffffc2;display:inline-flex;gap:10px;justify-content:flex-start;left:clamp(28px,4vw,72px);padding:8px;position:absolute;right:auto;top:clamp(24px,4vh,42px);width:auto;z-index:10;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.admin-menu-page .admin-control-dock:before{background:linear-gradient(180deg,var(--inspet-blue-1),var(--inspet-red));border-radius:9999px;content:"";inset:10px auto 10px 0;position:absolute;width:3px}.admin-menu-page .admin-control-dock .language-toggle{align-self:center;background:#ffffffb8;border:1px solid var(--inspet-border);border-radius:16px;box-shadow:inset 0 1px #ffffffc7;height:42px;padding:5px}.admin-menu-page .admin-control-dock .language-toggle button{border-radius:12px;color:var(--inspet-muted);font-size:.72rem;height:30px;min-width:42px}.admin-menu-page .admin-control-dock .language-toggle button.active{background:linear-gradient(135deg,var(--inspet-blue-1),var(--inspet-blue-2));box-shadow:0 10px 22px #011f4b38;color:#fff}.admin-menu-page .admin-control-dock .language-toggle button:not(.active):hover{background:#011f4b12;color:var(--inspet-blue-1)}.admin-menu-page .admin-control-dock .user-card{background:#ffffffd1;border:1px solid var(--inspet-border);border-radius:16px;box-shadow:none;min-width:180px}.admin-menu-page .admin-control-dock .user-card strong{color:var(--inspet-text)}.admin-menu-page .admin-control-dock .user-card small{color:var(--inspet-muted)}.admin-menu-page .admin-control-dock .user-icon{background:#011f4b14;color:var(--inspet-blue-1)}.admin-menu-page .admin-control-dock .user-card>svg{color:var(--inspet-blue-1);transition:transform .18s ease,color .18s ease}.admin-menu-page .admin-control-dock .user-card:hover{background:#fff;border-color:var(--inspet-border-strong);box-shadow:0 16px 34px #0f172a1a}.admin-menu-page .admin-control-dock .user-card:hover>svg{color:var(--inspet-red);transform:translate(2px)}@media(max-width:980px){.admin-menu-page .admin-control-dock{left:18px;right:18px;top:18px;width:auto}}@media(max-width:640px){.admin-menu-page .admin-control-dock{align-items:stretch;flex-direction:column;position:relative;left:auto;right:auto;top:auto;width:100%}.admin-menu-page .admin-control-dock .language-toggle,.admin-menu-page .admin-control-dock .user-card{width:100%}}.users-page{max-width:1260px}.users-heading{background:#ffffff7a;border:1px solid rgb(255 255 255 / 64%);border-radius:28px;box-sizing:border-box;box-shadow:0 22px 58px #0f172a14;justify-self:stretch;margin:0 auto;padding:22px 26px;width:100%;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.users-heading .admin-menu-icon{align-items:center;background:linear-gradient(135deg,#011f4b1a,#03396c12);border:1px solid rgb(1 31 75 / 12%);border-radius:22px;display:flex;height:66px;justify-content:center;min-height:66px;width:66px}.users-heading h1{letter-spacing:0}.users-grid{align-items:stretch;gap:28px;grid-template-columns:minmax(380px,.82fr) minmax(520px,1.18fr)}.users-panel{border-radius:28px;padding:26px}.users-panel:before{height:5px}.users-panel .panel-heading{margin:-26px -26px 22px;min-height:72px;padding:0 26px}.users-panel .panel-heading h2{font-size:1.1rem;font-weight:900}.users-panel .panel-heading span{color:var(--inspet-muted);font-weight:700}.users-page .auth-field{gap:10px}.users-page .auth-field>span:first-child,.users-page .auth-field-label,.users-page .auth-label-row{color:#334155;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.users-page .auth-input{background:linear-gradient(180deg,#ffffffe5,#f8fafcdb);border:1px solid #cbd5e1;border-radius:16px;box-shadow:0 10px 22px #0f172a0d,inset 0 1px #fffc;height:56px;padding:0 14px}.users-page .auth-input:focus-within{background:#fff;border-color:var(--inspet-blue-1);box-shadow:0 0 0 4px #011f4b1f,0 14px 30px #0f172a14}.users-page .auth-input>svg{background:#011f4b14;border-radius:12px;color:var(--inspet-blue-1);height:34px;padding:8px;width:34px}.users-page .auth-input input,.users-page .auth-input select{color:var(--inspet-text);font-size:.94rem;font-weight:700;height:100%}.users-page .auth-input select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(45deg,transparent 50%,var(--inspet-blue-1) 50%) calc(100% - 17px) 50% / 6px 6px no-repeat,linear-gradient(135deg,var(--inspet-blue-1) 50%,transparent 50%) calc(100% - 12px) 50% / 6px 6px no-repeat;cursor:pointer;padding-right:34px}.users-page .auth-input select option{background:#fff;color:var(--inspet-text);font-weight:700}.users-page .auth-submit{border-radius:16px;height:56px;margin-top:2px}.users-list{gap:12px}.user-row{background:linear-gradient(135deg,#fffffff5,#f8fafce0),radial-gradient(circle at 0% 0%,rgb(1 31 75 / 8%),transparent 38%);border:1px solid #d9e1eb;border-radius:22px;box-shadow:0 14px 34px #0f172a12;min-height:96px;padding:18px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.user-row:hover{border-color:#011f4b2e;box-shadow:0 22px 48px #0f172a1c;transform:translateY(-2px)}.user-row .user-icon{border:1px solid rgb(1 31 75 / 10%);border-radius:16px;height:42px;width:42px}.user-row strong{font-size:.95rem;font-weight:900}.user-row small{color:#64748b;font-size:.78rem;font-weight:600}.user-row .role-pill{background:#011f4b12;border-color:#011f4b1f;color:var(--inspet-blue-1);height:30px;padding:0 12px}.user-row .role-pill.admin{background:#ff335517;border-color:#ff335538;color:#be123c}.user-row-actions .mini-icon-button{background:#fff;border-color:#d8dee8;border-radius:14px;color:var(--inspet-blue-1);height:42px;width:42px}.user-row-actions .mini-icon-button:hover{border-color:#011f4b2e;box-shadow:0 12px 24px #0f172a17}.user-row-actions .mini-icon-button.danger{color:var(--inspet-red)}.user-row-actions .mini-icon-button.danger:hover{background:#ff335514;border-color:#ff33553d}@media(max-width:980px){.users-grid{grid-template-columns:1fr}}@media(max-width:640px){.users-heading{padding:18px}.users-panel{padding:22px}.users-panel .panel-heading{margin:-22px -22px 20px;padding:0 22px}}.users-admin-page{display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden;padding:clamp(18px,3vh,32px) clamp(18px,4vw,72px)}.users-admin-page .admin-menu-actions{flex:0 0 auto}.users-admin-page .users-page{align-content:center;flex:1 1 auto;gap:clamp(18px,3vh,28px);min-height:0;padding:0}.users-admin-page .users-heading{padding:18px 24px}.users-admin-page .users-grid,.users-admin-page .users-panel{min-height:0}.users-admin-page .users-panel{padding:22px}.users-admin-page .users-panel .panel-heading{margin:-22px -22px 18px;min-height:66px;padding:0 22px}.users-admin-page .users-list-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.users-admin-page .users-list{align-content:start;min-height:0;overflow:hidden}.users-admin-page .user-row{min-height:86px;padding:14px 18px}.users-pagination{align-items:center;display:flex;gap:12px;justify-content:center;padding-top:14px}.users-pagination .admin-carousel-button{display:inline-flex}.users-pagination .admin-carousel-button:disabled{cursor:not-allowed;opacity:.42;transform:none}.users-pagination-dots{display:inline-flex}@media(max-height:820px)and (min-width:981px){.users-admin-page{padding-bottom:18px;padding-top:18px}.users-admin-page .users-heading{padding:14px 20px}.users-admin-page .users-heading .admin-menu-icon{height:56px;min-height:56px;width:56px}.users-admin-page .users-heading h1{font-size:clamp(2.4rem,4vw,3.2rem)}.users-admin-page .users-panel{padding:18px}.users-admin-page .users-panel .panel-heading{margin:-18px -18px 14px;min-height:58px;padding:0 18px}.users-admin-page .auth-input,.users-admin-page .auth-submit{height:50px}.users-admin-page .user-row{min-height:78px}}@media(max-width:980px){.users-admin-page{height:auto;min-height:100vh;overflow:auto}}.brand{align-items:center}.brand>div:last-child{display:flex;align-items:center;min-height:40px}.brand strong{font-size:.88rem}.brand-mark,.topbar-mark{background:radial-gradient(circle at 42% 38%,rgb(1 31 75 / 10%),transparent 52%),linear-gradient(135deg,#ffffffd1,#f6f8fbb8);border:1px solid rgb(203 213 225 / 72%);box-shadow:0 16px 34px #0f172a1a,inset 0 1px #ffffffd1;color:var(--inspet-blue-1)}.brand-mark:hover,.topbar-mark:hover{border-color:#011f4b2e;box-shadow:0 18px 40px #0f172a1f,inset 0 1px #ffffffdb}.brand-logo{filter:drop-shadow(0 10px 16px rgb(1 31 75 / 18%))}.topbar h1{background:none;background-clip:initial;color:var(--inspet-text);font-size:clamp(1.9rem,3vw,2.35rem);font-weight:900;letter-spacing:0;-webkit-background-clip:initial;-webkit-text-fill-color:var(--inspet-text)}.topbar-actions{gap:12px}.template-pill,.device-meta{display:none}.device-header{align-items:center;padding:34px 0 30px}.app-shell .shell-control-dock{align-items:center;background:linear-gradient(135deg,#ffffffdb,#f6f8fbb8),radial-gradient(circle at 12% 22%,rgb(1 31 75 / 10%),transparent 42%);border:1px solid rgb(255 255 255 / 74%);border-radius:22px;box-shadow:0 18px 44px #0f172a1a,inset 0 1px #fffc;display:inline-flex;gap:10px;padding:8px;position:relative;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.app-shell .shell-control-dock:before{background:linear-gradient(180deg,var(--inspet-blue-1),var(--inspet-blue-2));border-radius:9999px;content:"";inset:10px auto 10px 0;position:absolute;width:3px}.app-shell .shell-control-dock .language-toggle{background:#ffffffb8;border:1px solid var(--inspet-border);border-radius:16px;box-shadow:inset 0 1px #ffffffc7;height:42px;padding:5px}.app-shell .shell-control-dock .language-toggle button{border-radius:12px;color:var(--inspet-muted);height:30px;min-width:42px}.app-shell .shell-control-dock .language-toggle button.active{background:linear-gradient(135deg,var(--inspet-blue-1),var(--inspet-blue-2));box-shadow:0 10px 22px #011f4b38;color:#fff}.app-shell .shell-control-dock .language-toggle button:not(.active):hover{background:#011f4b12;color:var(--inspet-blue-1)}.app-shell .shell-control-dock .user-card{background:#ffffffd1;border:1px solid var(--inspet-border);border-radius:16px;box-shadow:none;min-width:180px}.app-shell .shell-control-dock .user-card strong{color:var(--inspet-text)}.app-shell .shell-control-dock .user-card small{color:var(--inspet-muted)}.app-shell .shell-control-dock .user-icon{background:#011f4b14;color:var(--inspet-blue-1)}.app-shell .shell-control-dock .user-card>svg{color:var(--inspet-blue-1);transition:color .18s ease,transform .18s ease}.app-shell .shell-control-dock .user-card:hover{background:#fff;border-color:var(--inspet-border-strong);box-shadow:0 16px 34px #0f172a1a}.app-shell .shell-control-dock .user-card:hover>svg{color:var(--inspet-red);transform:translate(2px)}@media(max-width:980px){.app-shell .shell-control-dock{align-items:stretch;width:100%}.app-shell .shell-control-dock .language-toggle,.app-shell .shell-control-dock .user-card{flex:1 1 auto}}@media(max-width:640px){.app-shell .shell-control-dock{flex-direction:column}.app-shell .shell-control-dock .language-toggle,.app-shell .shell-control-dock .user-card{width:100%}}.segmented-control{grid-template-columns:repeat(2,1fr)}.device-state{align-items:center;background:#ffffffb8;border:1px solid rgb(255 255 255 / 74%);border-radius:9999px;box-shadow:0 16px 34px #0f172a17,inset 0 1px #ffffffd1;display:inline-flex;flex-direction:row;gap:6px;padding:6px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.state-badge,.live-badge{background:#f8fafce0;border:1px solid var(--inspet-border);border-radius:9999px;box-shadow:none;height:34px;padding:0 12px}.state-badge.online,.live-badge.online{background:#16a34a1a;border-color:#16a34a3d;color:#15803d}.live-badge:not(.online){background:#011f4b12;border-color:#011f4b1f;color:var(--inspet-blue-1)}@media(max-width:640px){.device-state{align-self:flex-start;flex-wrap:wrap}}.global-nav{align-items:center;background:linear-gradient(135deg,#ffffffe5,#f6f8fbc2),radial-gradient(circle at 12% 18%,rgb(1 31 75 / 10%),transparent 42%);border:1px solid rgb(255 255 255 / 76%);border-radius:22px;box-shadow:0 18px 44px #0f172a1a,inset 0 1px #ffffffd1;display:inline-flex;gap:10px;justify-content:flex-end;padding:8px;position:relative;z-index:30;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.global-nav:before{background:linear-gradient(180deg,var(--inspet-blue-1),var(--inspet-blue-2));border-radius:9999px;content:"";inset:10px auto 10px 0;position:absolute;width:3px}.global-nav .language-toggle{align-self:center;background:#ffffffc2;border:1px solid var(--inspet-border);border-radius:16px;box-shadow:inset 0 1px #ffffffc7;height:42px;padding:5px}.global-nav .language-toggle button{border-radius:12px;color:var(--inspet-muted);font-size:.72rem;height:30px;min-width:42px}.global-nav .language-toggle button.active{background:linear-gradient(135deg,var(--inspet-blue-1),var(--inspet-blue-2));box-shadow:0 10px 22px #011f4b38;color:#fff}.global-nav .language-toggle button:not(.active):hover,.global-nav .language-toggle button:focus-visible{background:#011f4b12;color:var(--inspet-blue-1)}.global-nav .user-card{background:#ffffffd6;border:1px solid var(--inspet-border);border-radius:16px;box-shadow:none;min-width:180px}.global-nav .user-card strong{color:var(--inspet-text);font-weight:900}.global-nav .user-card small{color:var(--inspet-muted);font-weight:700;text-transform:uppercase}.global-nav .user-icon{background:#011f4b14;color:var(--inspet-blue-1)}.global-nav .user-card>svg{color:var(--inspet-blue-1);transition:color .18s ease,transform .18s ease}.global-nav .user-card:hover{background:#fff;border-color:var(--inspet-border-strong);box-shadow:0 16px 34px #0f172a1a}.global-nav .user-card:hover>svg{color:var(--inspet-red);transform:translate(2px)}.admin-page-toolbar{align-items:center;background:linear-gradient(180deg,#ffffffeb,#f8fafcd6),radial-gradient(circle at 78% 30%,rgb(1 31 75 / 8%),transparent 34%);border-bottom:1px solid rgb(1 31 75 / 9%);box-shadow:0 18px 44px #0f172a14,inset 0 1px #ffffffd6;gap:14px;justify-content:space-between;left:0;min-height:76px;padding:0 clamp(18px,4vw,72px);position:absolute;right:0;top:0;width:100%;z-index:40;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.admin-page-navbar{justify-content:flex-end}.admin-page-toolbar .global-nav{margin-left:auto}.admin-menu-heading h1{background:none;background-clip:initial;color:var(--inspet-text);-webkit-background-clip:initial;-webkit-text-fill-color:var(--inspet-text)}.admin-menu-page{padding-top:104px}.admin-menu-page .admin-menu-content{min-height:calc(100vh - 160px)}.users-admin-page{padding-top:104px}@media(max-width:980px){.global-nav{align-items:stretch}.global-nav .language-toggle,.global-nav .user-card{flex:1 1 auto}.admin-page-toolbar{padding-left:18px;padding-right:18px}}@media(max-width:640px){.global-nav{flex-direction:column;width:100%}.global-nav .language-toggle,.global-nav .user-card{width:100%}.admin-menu-page,.users-admin-page{padding-top:16px}.admin-page-toolbar{background:transparent;border-bottom:0;box-shadow:none;min-height:auto;padding:0;position:relative;left:auto;right:auto;top:auto}.admin-page-toolbar{align-items:stretch;flex-direction:column}}.admin-menu-page .admin-logo-panel,.admin-menu-page .admin-logo-panel:hover{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;pointer-events:none}@media(max-width:640px){.alert-rule-summary{grid-template-columns:minmax(0,1fr) auto auto}.alert-rule-meta{grid-column:1 / -1;justify-self:flex-start}}