.app-shell{min-height:100vh;display:grid;grid-template-columns:20rem minmax(0,1fr)}.app-shell--logged-out{grid-template-columns:minmax(0,1fr)}.app-shell__sidebar{position:sticky;top:0;min-height:100vh;display:flex;flex-direction:column;background:#1f2022;border-right:1px solid var(--line)}.app-shell__sidebar-head,.app-shell__sidebar-foot{padding:30px}.app-shell__sidebar-head{display:flex;align-items:flex-start;gap:18px}.app-shell__logo{flex:0 0 auto;width:58px;height:58px;border-radius:16px;background:var(--brand);color:#261a00;display:inline-flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 24px #ffc20a29}.app-shell__logo:after{content:"";position:absolute;right:4px;bottom:4px;width:7px;height:7px;border:2px solid #1f2022;border-radius:50%;background:#4ae183;box-shadow:0 0 10px #4ae183bf;animation:sidebar-status-pulse 2.4s ease-in-out infinite}@keyframes sidebar-status-pulse{0%,to{opacity:.72;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}.app-shell__logo .material-symbols-outlined{font-size:2rem;font-variation-settings:"FILL" 1,"wght" 650,"GRAD" 0,"opsz" 32}.app-shell__sidebar-title{font-family:Hanken Grotesk,sans-serif;font-size:1.9rem;line-height:1;font-weight:800;color:var(--brand);letter-spacing:-.04em}.app-shell__sidebar-subtitle{display:flex;flex-direction:column;margin-top:8px;color:#91a2bb;font-family:IBM Plex Mono,monospace;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.28em;line-height:1.45}.app-shell__nav{display:flex;flex-direction:column;margin:34px 20px 0;padding:10px 0;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#090d15cc;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:inset 0 1px #ffffff09,0 18px 42px #0000003d;overflow:hidden}.app-shell__nav-section{padding:18px 30px 8px}.app-shell__nav-divider{height:1px;background:#6879914d;margin-bottom:8px}.app-shell__nav-section-label{color:var(--text-soft);font-family:Hanken Grotesk,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.app-shell__nav-item{display:flex;align-items:center;gap:22px;color:#91a2bb;padding:16px 30px;width:100%;border:0;background:transparent;text-align:left;cursor:pointer;font-family:Hanken Grotesk,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.app-shell__nav-item--active{color:var(--brand);background:#ffc20a09;border-left:3px solid var(--brand);padding-left:27px}.app-shell__nav-item:hover{color:var(--text);background:#5291d61a;box-shadow:var(--interactive-glow)}.app-shell__nav-item:hover .material-symbols-outlined{color:#b3c9e3}.app-shell__nav-item:focus-visible,.app-shell__mobile-nav-item:focus-visible,.app-shell__legal-link:focus-visible,.app-shell__logout-link:focus-visible{outline:2px solid #527eae;outline-offset:-2px;box-shadow:var(--interactive-glow)}.app-shell__nav-item .material-symbols-outlined{color:#91a2bb;font-size:1.9rem}.app-shell__nav-item--active .material-symbols-outlined{color:var(--brand)}.app-shell__mobile-nav{display:none}.app-shell__sidebar-foot{margin:auto 20px 24px;padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#172130d1,#0a101ae6);box-shadow:inset 0 1px #ffffff0a,0 12px 28px #0000002e}.app-shell__user-label{color:#91a2bb;text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;font-weight:700}.app-shell__user-value{margin-top:10px;font-family:Hanken Grotesk,sans-serif;font-size:1.05rem;font-weight:700}.app-shell__version-line{margin-top:6px;color:var(--text-soft);font-family:IBM Plex Mono,monospace;font-size:.72rem}.app-shell__user-value+.app-shell__version-line{margin-top:16px;padding-top:14px;border-top:1px solid rgba(104,121,145,.25)}.app-shell__tls-line{width:fit-content;margin-top:14px;padding:6px 9px;border:1px solid currentColor;border-radius:7px;font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:700}.app-shell__tls-line--healthy{color:#85d6a0}.app-shell__tls-line--warning{color:#f0c674}.app-shell__tls-line--critical{color:#ff8f87}.app-shell__content{padding:32px;display:flex;flex-direction:column}.app-shell__build-footer{margin-top:auto;padding-top:24px;color:var(--text-soft);font-family:IBM Plex Mono,monospace;font-size:.72rem;text-align:right}.app-shell__legal-footer{display:flex;justify-content:flex-end;gap:16px;padding-top:12px}.app-shell__legal-link{border:0;padding:0;background:transparent;color:var(--text-soft);cursor:pointer;font-size:.78rem;text-decoration:underline}.app-shell__legal-link:hover{color:var(--text);text-shadow:0 0 12px rgba(82,145,214,.55)}.app-shell__logout-link{border:0;padding:0;background:transparent;color:#ffb4ab;cursor:pointer;font-size:.78rem;text-decoration:underline}.app-shell__logout-link:hover{color:#ffd2cc;text-shadow:0 0 12px rgba(82,145,214,.4)}.app-shell__notice{position:fixed;right:24px;bottom:24px;border:0;border-radius:999px;padding:14px 18px;background:var(--success);color:#06210e;font-family:Hanken Grotesk,sans-serif;font-weight:800;box-shadow:var(--shadow);cursor:pointer;z-index:100}.app-shell__notice--error{background:#ffb4ab;color:#3b0906}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid rgba(104,121,145,.3)}.topbar__title{margin:0;font-family:Hanken Grotesk,sans-serif;font-size:clamp(2rem,4vw,3rem);line-height:1;letter-spacing:-.04em}.topbar__subtitle{margin:10px 0 0;color:var(--text-soft);max-width:56ch}.topbar__actions{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 840px){.app-shell{grid-template-columns:1fr}.app-shell__sidebar{display:none}.app-shell__mobile-nav{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:1px;padding:1px;background:#68799133;border-bottom:1px solid rgba(104,121,145,.3);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-shell__mobile-nav-item{min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;background:#131313f0;color:var(--text-soft);padding:10px 8px;text-align:center;font-family:Hanken Grotesk,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.app-shell__mobile-nav-item .material-symbols-outlined{font-size:1.2rem}.app-shell__mobile-nav-item--active{color:var(--brand);background:linear-gradient(180deg,#353534fa,#1b1b1bfa),radial-gradient(circle at top center,rgba(250,189,0,.18),transparent 50%)}.app-shell__mobile-nav-item:hover{color:var(--text);box-shadow:var(--interactive-glow)}.app-shell__content{padding:18px}.topbar{flex-direction:column}.app-shell__build-footer,.app-shell__legal-footer{text-align:left;justify-content:flex-start}}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.button{width:fit-content;border:1px solid transparent;border-radius:8px;padding:12px 16px;cursor:pointer;transition:.16s ease;text-transform:uppercase;letter-spacing:.08em;font-family:Hanken Grotesk,sans-serif;font-size:.76rem;font-weight:800}.button--icon{position:relative;width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center}.button--icon[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 9px);z-index:20;width:max-content;max-width:220px;padding:7px 9px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#090d15f5;color:var(--text);font-family:IBM Plex Mono,monospace;font-size:.68rem;font-weight:500;letter-spacing:0;line-height:1.2;text-transform:none;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .14s ease,transform .14s ease;box-shadow:0 8px 20px #00000052}.button--icon[data-tooltip]:hover:after,.button--icon[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}.button--icon .material-symbols-outlined{font-size:1.25rem}.button--pill{min-height:42px;padding-inline:17px;border-radius:999px;background:#ffffff0e;border-color:#ffffff1f;color:var(--text);gap:8px}.button--pill .material-symbols-outlined{font-size:1.05rem}.button:hover{transform:translateY(-1px);box-shadow:var(--interactive-glow)}.button:focus-visible{outline:2px solid #527eae;outline-offset:3px;box-shadow:var(--interactive-glow)}.button--primary{background:#ffc107;color:#261a00;box-shadow:0 0 16px #ffc10729}.button--danger{background:transparent;color:#ffb4ab;border-color:#ef444480}.button--ghost{background:#ffffff08;color:var(--text);border-color:var(--line)}.card{background:linear-gradient(180deg,#101722,#0b111b);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.card--danger{border-color:#ef444459}.card__header{padding:20px 24px 0}.card__title{margin:0;font-family:Hanken Grotesk,sans-serif;font-size:.95rem;text-transform:uppercase;letter-spacing:.1em}.card__subtitle{margin:8px 0 0;color:var(--text-soft);font-family:JetBrains Mono,monospace;font-size:.78rem}.card__body{padding:24px}.status-badge{display:inline-flex;align-items:center;border-radius:4px;padding:8px 12px;text-transform:uppercase;font-family:Hanken Grotesk,sans-serif;font-size:.78rem;letter-spacing:.08em;font-weight:800}.status-badge--admin{background:#ef444424;color:#ffb4b4}.status-badge--techniker{background:#4ae1831a;color:#8cf0af}.status-badge--zuschauer,.status-badge--neutral{background:#ffffff17;color:var(--text-soft)}.empty-state{padding:48px 24px;text-align:center;color:var(--text-soft)}.field{display:flex;flex-direction:column;gap:8px}.field__label{color:var(--text-soft);font-size:.95rem}.field__hint{color:var(--text-soft);font-size:.82rem}.input{width:100%;min-height:44px;box-sizing:border-box;border:1px solid var(--line);border-radius:14px;background:#ffffff08;color:var(--text);padding:12px 14px;font:inherit}select.input{height:44px;padding-block:0}input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--brand);cursor:pointer}.input:focus{outline:none;border-color:#527eae;box-shadow:var(--interactive-glow)}input[type=checkbox]:focus-visible{outline:2px solid #527eae;outline-offset:3px}.toggle{display:flex;gap:10px;align-items:center;color:var(--text-soft)}.form-error{color:#ffb4b4;margin:0}.stack{display:flex;flex-direction:column;gap:16px}.stack--tight{gap:10px}.button-row{display:flex;gap:12px;flex-wrap:wrap}.button--align-start{align-self:flex-start}.page{width:100%;max-width:1280px;margin:0 auto}.page--wide{max-width:1680px}.page--fullscreen{max-width:none}.page--centered{max-width:520px;margin:10vh auto 0}.login-screen{position:relative;min-height:100vh;display:grid;place-items:center;padding:32px;overflow:hidden}.login-screen:before,.login-screen:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}.login-screen:before{width:420px;height:420px;top:8%;left:12%;background:radial-gradient(circle,rgba(54,122,196,.13),transparent 68%)}.login-screen:after{width:360px;height:360px;right:10%;bottom:4%;background:radial-gradient(circle,rgba(255,194,10,.08),transparent 68%)}.login-card{position:relative;z-index:1;width:min(460px,100%);overflow:hidden;border-color:#ffffff1a;background:#090d15d1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 0 0 1px #5291d61a,0 0 42px #367ac424,0 30px 80px #00000080}.login-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,rgba(255,194,10,.8),rgba(82,145,214,.8),transparent);box-shadow:0 0 18px #ffc20a59}.login-card .card__body{padding:34px}.login-card__brand{display:flex;align-items:center;gap:14px}.login-card__logo{position:relative;display:grid;width:52px;height:52px;place-items:center;border-radius:15px;background:var(--brand);color:#261a00;box-shadow:0 0 24px #ffc20a2e}.login-card__logo .material-symbols-outlined{font-size:1.8rem;font-variation-settings:"FILL" 1,"wght" 650,"GRAD" 0,"opsz" 32}.login-card__status{position:absolute;right:3px;bottom:3px;width:8px;height:8px;border:2px solid #101722;border-radius:50%;background:var(--success);box-shadow:0 0 9px #4ae183cc}.login-card__brand>div:last-child strong,.login-card__brand>div:last-child span{display:block}.login-card__brand strong{color:var(--brand);font-family:Hanken Grotesk,sans-serif;font-size:1.45rem;letter-spacing:-.04em}.login-card__brand>div:last-child span{margin-top:4px;color:var(--text-soft);font-family:IBM Plex Mono,monospace;font-size:.68rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.login-card__intro{margin:34px 0 26px}.login-card__eyebrow{color:#91a2bb;font-family:IBM Plex Mono,monospace;font-size:.68rem;letter-spacing:.16em}.login-card__intro h1{margin:10px 0 8px;font-family:Hanken Grotesk,sans-serif;font-size:clamp(2rem,5vw,2.7rem);letter-spacing:-.05em}.login-card__intro p{margin:0;color:var(--text-soft)}.login-card__form>.button--primary{align-self:flex-end;justify-content:center;min-width:156px;min-height:48px}.login-submit{display:flex;align-items:center;justify-content:space-between!important;padding-inline:18px 16px;border-radius:12px;font-size:.82rem;box-shadow:0 0 22px #ffc20a33}.login-submit .material-symbols-outlined{font-size:1.2rem;transition:transform .16s ease}.login-submit:hover .material-symbols-outlined{transform:translate(3px)}.login-reset-link{display:inline-flex;align-items:center;align-self:flex-start;gap:7px;margin-top:2px;padding:0;border:0;background:transparent;color:var(--text-soft);cursor:pointer;font:inherit;font-size:.78rem;text-decoration:none;transition:color .16s ease,text-shadow .16s ease}.login-reset-link .material-symbols-outlined{font-size:1rem;transition:transform .16s ease}.login-reset-link:hover,.login-reset-link:focus-visible{color:var(--text);text-shadow:0 0 12px rgba(82,145,214,.55)}.login-reset-link:hover .material-symbols-outlined{transform:translate(3px)}.login-reset-link:focus-visible{outline:2px solid #527eae;outline-offset:5px}.page--legal{max-width:760px}.page__section{margin-bottom:24px}.device-grid,.settings-grid,.dashboard-grid,.device-management-layout,.device-edit-grid{display:grid;gap:20px}.dashboard-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:stretch;min-width:0}.dashboard-card--full{grid-column:1 / -1;min-width:0;max-width:100%}.export-form{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr)) minmax(160px,.8fr) auto;gap:16px;align-items:end}.export-form .field{min-width:0}.export-form .input,.export-form__button{height:44px;box-sizing:border-box}.export-device-summary{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:16px}.export-device-summary span{color:var(--text-soft);font-family:JetBrains Mono,monospace;font-size:.9rem}.export-device-summary__label{color:var(--text-soft);font-family:Hanken Grotesk,sans-serif;font-size:.95rem;font-weight:700}.export-form__button{white-space:nowrap}.export-form__error{margin-top:14px}@media (max-width: 900px){.export-form{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (max-width: 560px){.export-form{grid-template-columns:1fr}}.dashboard-grid>.card{display:flex;flex-direction:column;min-width:0;max-width:100%}.dashboard-grid>.card>.card__body{flex:1;min-width:0}.device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}.settings-stack{display:grid;gap:20px;max-width:none}.settings-account-head{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.device-management-layout{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start}.device-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-card{position:relative;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#101722,#0b111b);padding:20px;color:var(--text);text-align:left;cursor:pointer;box-shadow:var(--shadow)}.device-card:hover{border-color:#527eae;background:#172130;box-shadow:var(--interactive-glow),var(--shadow)}.device-card__led{position:absolute;right:18px;top:18px;width:10px;height:10px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success)}.device-card__led--green{background:var(--success);box-shadow:0 0 8px var(--success)}.device-card__led--yellow{background:#ffcb3d;box-shadow:0 0 8px #ffcb3d}.device-card__led--red{background:#c54949;box-shadow:0 0 8px #c54949}.device-card__header{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;padding-right:20px}.device-card__meta,.device-card__status,.muted-text{color:var(--text-soft)}.admin-panel,.admin-user-list{display:flex;flex-direction:column;gap:16px}.telemetry-history-card{margin-top:20px;min-width:0;max-width:100%}.telemetry-history-card .card__body{min-width:0;overflow:hidden}.telemetry-history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.telemetry-history-start{display:flex;align-items:center;gap:10px;color:var(--text-soft);font-size:.82rem;font-weight:700}.telemetry-history-start .input{width:auto}.telemetry-history-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.telemetry-history-mini-button{padding:8px 10px;font-size:.68rem;white-space:nowrap}.telemetry-history-range-button{position:relative;overflow:hidden;padding-left:24px;border-color:#f59e0b80;background:linear-gradient(180deg,#f59e0b21,#f59e0b0b);box-shadow:0 0 15px #f59e0b33,inset 0 1px #ffdc8214}.telemetry-history-range-button:before{content:"";position:absolute;left:10px;top:50%;width:6px;height:6px;border-radius:50%;background:#f59e0b;box-shadow:0 0 9px #f59e0be6;transform:translateY(-50%);animation:telemetry-range-pulse 1.8s ease-in-out infinite}.telemetry-history-range-button:after{content:"";position:absolute;right:10px;bottom:0;left:10px;height:1px;background:#f59e0bbf;box-shadow:0 0 8px #f59e0bcc}@keyframes telemetry-range-pulse{0%,to{opacity:.55;transform:translateY(-50%) scale(.85)}50%{opacity:1;transform:translateY(-50%) scale(1.15)}}.telemetry-history-limit-warning{margin:0 0 14px;color:#ffc36e;font-size:.8rem;font-weight:700}.telemetry-history-band{margin-top:22px;min-width:0;max-width:100%}.telemetry-history-band h3{margin:0 0 10px;color:var(--text-main);font-size:1rem}.telemetry-history-scroll{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.telemetry-history-canvas{display:block;width:max(100%,var(--telemetry-history-width));min-width:0}.telemetry-history-track{position:relative;width:100%;min-height:48px;overflow:hidden;padding:6px;border:1px solid var(--line);border-radius:8px;background:#242730}.telemetry-history-segment{position:absolute;top:6px;bottom:6px;display:flex;align-items:center;box-sizing:border-box;min-width:0;overflow:hidden;padding:0 8px;border-radius:5px;color:#101218;font-size:.75rem;font-weight:700;white-space:nowrap;cursor:help}.telemetry-history-segment span{overflow:hidden;text-overflow:ellipsis}.telemetry-history-tooltip{position:fixed;z-index:3;display:flex;min-width:190px;max-width:260px;transform:translate(-50%);flex-direction:column;gap:3px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:7px;background:#11141b;box-shadow:0 8px 24px #00000059;color:var(--text-soft);font-size:.75rem;pointer-events:none}.telemetry-history-tooltip strong{color:var(--text-main);font-size:.85rem}.telemetry-history-segment--moving,.telemetry-history-segment--on,.telemetry-history-segment--open{background:#ffc36e}.telemetry-history-segment--stopped,.telemetry-history-segment--closed{background:#3b6a5c;color:#e7fff4}.telemetry-history-segment--off{background:#343943;color:#bdc3cc}.telemetry-history-segment--mixed{background:repeating-linear-gradient(135deg,#ffc36e 0,#ffc36e 6px,#343943 6px,#343943 12px);color:#101218}.telemetry-history-empty{padding:9px;color:var(--text-soft);font-size:.85rem}.telemetry-history-axis{position:relative;display:block;width:100%;min-height:24px;margin-top:6px;color:var(--text-soft)!important;font-size:.72rem;line-height:18px;visibility:visible;opacity:1;z-index:1}.telemetry-history-axis-tick{position:absolute;top:0;display:block;transform:translate(-50%);color:var(--text-soft)!important;white-space:nowrap}.telemetry-history-axis-tick:first-child{transform:translate(0)}.telemetry-history-axis-tick:last-child{transform:translate(-100%)}.build-info-list{display:flex;flex-direction:column;gap:12px}.build-info-row{display:grid;grid-template-columns:minmax(96px,120px) minmax(120px,180px) minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#101722}.build-info-label{color:var(--text-soft);font-weight:700}.build-info-value{font-weight:700}.build-info-commit{color:var(--text-soft);font-family:IBM Plex Mono,monospace;font-size:.85rem;word-break:break-all}.legal-config-list{display:grid;gap:10px}.legal-config-list code,.legal-link{color:var(--brand);word-break:break-all}.device-management-list,.device-management-preview,.assignment-panel{display:flex;flex-direction:column;gap:16px}.device-management-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-end;gap:16px;margin-bottom:20px}.device-management-toolbar .field{min-width:0;margin:0}.bulk-select-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;white-space:nowrap}.bulk-actions{grid-column:1 / -1;display:flex;gap:12px}@media (max-width: 720px){.device-management-toolbar{grid-template-columns:1fr}.bulk-actions{grid-column:auto;flex-wrap:wrap}}.device-management-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.device-management-card{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#101722,#0b111b);color:var(--text);text-align:left;padding:18px;display:flex;flex-direction:column;gap:12px;min-height:0;box-shadow:var(--shadow)}.device-management-card:hover{border-color:#527eae;background:#172130;box-shadow:var(--interactive-glow),var(--shadow)}.device-management-card__head,.device-management-card__meta,.device-management-card__footer{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.device-management-card__head label{display:inline-flex;align-items:center;gap:10px;min-width:0}.device-management-card__id{color:var(--text-soft);font-size:1rem}.device-management-card__meta{color:var(--text-soft)}.device-management-card__footer{margin-top:8px;padding-top:4px}.device-management-card__actions{display:flex;gap:8px;margin-left:auto}.device-management-card__actions .button{flex:0 0 auto}.data-usage-modal{width:min(1100px,100%)}.data-usage-table{overflow-x:auto}.data-usage-table__head,.data-usage-table .audit-table__row{min-width:760px}.device-management-list__items{display:flex;flex-direction:column;gap:12px;max-height:68vh;overflow:auto}.device-management-list__item{border:1px solid var(--line);border-radius:10px;background:#101722;color:var(--text);text-align:left;padding:16px;display:flex;flex-direction:column;gap:8px}.device-management-list__item:hover,.device-management-list__item--active{border-color:#527eae;background:#172130;box-shadow:var(--interactive-glow)}.device-management-list__item-head,.device-management-preview__meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.device-management-list__chips{display:flex;flex-wrap:wrap;gap:8px}.device-user-chip{display:inline-flex;padding:4px 8px;border-radius:999px;background:#ffc20a24;color:var(--text);font-size:.78rem}.device-user-chip--empty{background:#ffffff14;color:var(--text-soft)}.admin-user-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:8px;background:#101722}.admin-user-role{margin-top:8px;display:inline-flex;padding:4px 8px;border:1px solid rgba(156,143,120,.3);font-family:Hanken Grotesk,sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.12em}.admin-user-meta{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.assignment-panel__head{display:flex;flex-direction:column;gap:6px}.assignment-panel__list{display:flex;flex-direction:column;gap:10px;max-height:320px;overflow:auto}.assignment-user-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#101722;color:var(--text);text-align:left}.assignment-user-row__action{color:var(--brand);font-size:.82rem;font-weight:700}.device-assignment-card{display:inline-flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#101722}.device-assignment-card__body{display:flex;flex-direction:column;gap:4px}.device-log-panel{display:flex;flex-direction:column;gap:10px;margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.device-log-entry{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#0a0e12b8}.device-log-entry__head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.field-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.audit-payload{margin:0;padding:.85rem 1rem;border-radius:14px;background:#07111ae6;color:#d7e6f5;font-size:.82rem;line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.audit-table{display:grid;gap:12px}.audit-table__row{display:grid;grid-template-columns:180px 180px 180px 1fr;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#101722}.audit-log-layout{display:grid;gap:18px}.audit-log-hero{overflow:hidden}.audit-log-hero .card__body{position:relative}.audit-log-hero .card__body:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(54,122,196,.045),transparent 68%),linear-gradient(135deg,rgba(255,255,255,.018),transparent 58%);pointer-events:none}.audit-log-hero__stats{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.audit-log-stat{padding:18px;border-radius:16px;border:1px solid rgba(82,145,214,.26);background:#0c1420b8}.audit-log-stat__label{display:block;margin-bottom:10px;color:var(--text-soft);text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}.audit-log-stat__value{font-family:Hanken Grotesk,sans-serif;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1}.audit-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.audit-log-list{display:grid;gap:14px}.audit-log-entry{padding:18px;border-radius:18px;border:1px solid rgba(104,121,145,.3);background:linear-gradient(180deg,#101722fa,#0a101afa),radial-gradient(circle at top right,rgba(54,122,196,.1),transparent 28%);box-shadow:inset 0 1px #ffffff05}.audit-log-entry__meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;color:var(--text-soft);font-size:.82rem;flex-wrap:wrap}.audit-log-entry__timestamp{font-family:Hanken Grotesk,sans-serif;font-weight:700;color:var(--brand)}.audit-log-entry__id{font-family:IBM Plex Mono,monospace;opacity:.72}.audit-log-entry__main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,2fr);gap:16px;align-items:start}.audit-log-entry__eyebrow{display:block;margin-bottom:8px;color:var(--text-soft);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.audit-log-entry__actor strong,.audit-log-entry__action strong{display:inline-flex;align-items:center;min-height:44px}.audit-log-entry__action strong{padding:10px 12px;border-radius:999px;background:#5291d61f;border:1px solid rgba(82,145,214,.3)}.audit-log-entry__details p{margin:0;color:var(--text);line-height:1.6}.audit-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(104,121,145,.3);flex-wrap:wrap}.audit-pagination__summary{color:var(--text-soft)}.audit-pagination__actions{display:flex;gap:12px}.metric-list{display:grid;gap:16px}.metric-list>div{display:flex;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid rgba(112,132,158,.16)}.metric-list>div>span{color:var(--text-soft);font-family:JetBrains Mono,monospace;letter-spacing:.02em}.metric-list>div>strong{color:var(--text);font-family:Hanken Grotesk,sans-serif;font-size:1.05rem}.traffic-light-card{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;min-height:100%;gap:24px}.traffic-light-card__housing{position:relative;width:166px;display:flex;flex-direction:column;gap:18px;padding:38px 28px;border-radius:58px;background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 22%),linear-gradient(180deg,#090b0f,#050608);border:2px solid #272b32;align-self:center;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 -18px 32px #000c,0 18px 32px #00000073}.traffic-light-card__housing:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(255,255,255,.08);border-radius:50px;pointer-events:none}.traffic-light-card__screw{position:absolute;z-index:2;width:12px;height:12px;border:2px solid #6a7078;border-radius:50%;background:radial-gradient(circle at 35% 30%,#aeb4ba 0,#aeb4ba 12%,#343941 28%,#0c0e12 72%);box-shadow:0 1px 3px #000c}.traffic-light-card__screw--top-left{top:18px;left:24px}.traffic-light-card__screw--top-right{top:18px;right:24px}.traffic-light-card__screw--bottom-left{bottom:18px;left:24px}.traffic-light-card__screw--bottom-right{right:24px;bottom:18px}.traffic-light-card__light{position:relative;z-index:1;width:108px;height:108px;border-radius:50%;opacity:.28;border:2px solid currentColor;box-shadow:inset 0 0 0 8px #0003,inset 0 0 18px #000c,0 0 0 1px #000000b3;transition:opacity .18s ease,box-shadow .18s ease,filter .18s ease}.traffic-light-card__light:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:2px solid currentColor;border-radius:50%;opacity:.55}.traffic-light-card__light:after{content:"";position:absolute;top:17px;right:17px;bottom:17px;left:17px;border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.32),transparent 16%),radial-gradient(circle,currentColor 0 2px,transparent 2.5px);background-size:auto,9px 9px;opacity:.5}.traffic-light-card__light--red{color:#ff3e4d;background:radial-gradient(circle at 40% 32%,#56202a,#210c12 42%,#07090c 78%)}.traffic-light-card__light--yellow{color:#ffc107;background:radial-gradient(circle at 40% 32%,#fff0a3,#f2a900 28%,#5d3500 55%,#0b0b08 80%)}.traffic-light-card__light--green{color:#32db9a;background:radial-gradient(circle at 40% 32%,#a4ffe0,#13a878 28%,#064a3c 55%,#06100e 80%)}.traffic-light-card__light--active{opacity:1;filter:saturate(1.2);box-shadow:inset 0 0 0 8px #0000001f,inset 0 0 18px #ffffff40,0 0 18px currentColor,0 0 42px color-mix(in srgb,currentColor 55%,transparent)}.traffic-light-card__status{display:flex;flex-direction:column;gap:8px;align-self:flex-start;text-align:left;color:var(--text-soft)}.traffic-light-card__status strong{color:var(--brand);font-family:Hanken Grotesk,sans-serif;font-size:1rem}.system-health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.system-health-card{min-height:100%}.system-health-card--up{border-color:#4ae1834d}.system-health-card--degraded{border-color:#ffc1074d}.system-health-card--down{border-color:#ff4b4b59}.system-health-card__status-row{display:flex;justify-content:flex-end;margin-bottom:12px}.system-health-pill{display:inline-flex;align-items:center;justify-content:center;min-width:96px;padding:6px 10px;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.12em}.system-health-pill--up{background:#4ae18329;color:#4ae183}.system-health-pill--degraded{background:#ffc10729;color:#ffc107}.system-health-pill--down{background:#ff4b4b29;color:#ff7a7a}.system-health-details{display:grid;gap:10px}.system-health-details__row{display:grid;grid-template-columns:minmax(140px,180px) minmax(0,1fr);gap:12px;align-items:start;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.system-health-details__row>*{min-width:0;overflow-wrap:anywhere;word-break:break-word}.payload-view{margin:0;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#121212;color:var(--text-soft);font-size:.84rem;line-height:1.5;overflow:auto;white-space:pre-wrap;word-break:break-word}.message-list{display:grid;gap:14px;max-height:640px;overflow:auto;padding-right:6px}.message-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.message-topic-filter{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;margin:4px 0 18px;padding:12px 0 16px;border-bottom:1px solid rgba(255,255,255,.08)}.message-topic-filter__option{display:inline-flex;align-items:center;gap:9px;min-height:28px;color:var(--text-soft);white-space:nowrap;cursor:pointer}.message-topic-filter__option span{line-height:1.3}.message-entry{display:grid;gap:8px}.message-entry__head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}.message-entry__actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.message-entry__subhead{display:flex;gap:12px;align-items:center;overflow:hidden}.message-entry__subhead .muted-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030810b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.modal-card{width:min(980px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid #30435e;border-radius:18px;background:linear-gradient(180deg,#111722,#0d131d);box-shadow:0 0 0 1px #5291d61f,0 0 28px #367ac429,0 30px 80px #00000094}.modal-card__header,.modal-card__footer{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(104,121,145,.24)}.modal-card__footer{border-bottom:0;border-top:1px solid rgba(104,121,145,.24)}.modal-card__footer-left{display:flex;align-items:center;gap:12px}.modal-card__header h2{margin:0 0 6px}.modal-card__header p{margin:0;color:var(--text-soft)}.modal-card__content{display:flex;flex-direction:column;gap:18px;padding:24px}@media (max-width: 760px){.audit-log-hero__stats,.audit-filter-grid,.device-grid,.dashboard-grid,.audit-table__row,.audit-log-entry__main,.admin-user-row,.build-info-row,.device-management-layout,.device-edit-grid,.assignment-user-row,.modal-card__header,.modal-card__footer{grid-template-columns:1fr;align-items:start}.modal-card__header,.modal-card__footer{display:grid}}@media (max-width: 1200px){.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{color-scheme:dark;--bg: #090f1a;--bg-elevated: #101722;--bg-soft: #172130;--line: #263346;--line-strong: #687991;--text: #edf2f7;--text-soft: #94a4b9;--brand: #ffc20a;--danger: #ef4444;--cyan: #4ae183;--success: #4ae183;--interactive-glow: 0 0 0 1px rgba(82, 145, 214, .2), 0 0 20px rgba(54, 122, 196, .18);--shadow: 0 24px 60px rgba(0, 0, 0, .42);font-family:JetBrains Mono,monospace}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(255,194,10,.08),transparent 24%),radial-gradient(circle at bottom right,rgba(50,219,154,.05),transparent 20%),radial-gradient(#172130 1px,transparent 1px),linear-gradient(180deg,#080d16 0%,var(--bg) 100%);background-size:auto,auto,24px 24px,auto;color:var(--text)}button,input,select{font:inherit}#root{min-height:100vh}