:root{--space-4xs:2px;--space-3xs:4px;--space-2xs:8px;--space-xs:12px;--space-sm:16px;--space-md:20px;--space-lg:24px;--space-xl:28px;--space-2xl:32px;--space-3xl:40px;--radius-3xs:4px;--radius-2xs:8px;--radius-xs:12px;--radius-sm:16px;--radius-md:20px;--radius-lg:24px;--radius-xl:28px;--radius-2xl:32px;--radius-3xl:40px;--radius-4xl:48px;--radius-round:9999px;--ease-out:cubic-bezier(0, 0, .58, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--font-sans:var(--font-lexend), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-ui:var(--font-inter), var(--font-lexend), ui-sans-serif, system-ui, sans-serif}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--red-50:#ffebec;--red-400:#ff383c;--red-500:#9c2225;--green-50:#ebf9ee;--green-400:#34c759;--green-500:#207936;--yellow-50:#fffae6;--yellow-400:#fc0;--yellow-500:#9c7c00;--blue-50:#e6f3ff;--blue-400:#08f;--blue-500:#00539c;--neutral-50:#f6f6f6;--neutral-100:#ececec;--neutral-200:#e2e2e2;--neutral-300:#c5c5c5;--neutral-700:#555;--neutral-800:#4b4b4b;--neutral-900:#1f1f1f;--white-alpha-10:#fafafa1a;--const-white:#fafafa;--const-black:#09090b;--brand-50:#fbefef;--brand-100:#f5dada;--brand-200:#e9b5b5;--brand-400:#bc5a5c;--brand-main:#8a2a2b;--brand-700:#681f20;--background:#f6f6f6;--surface:#fcfcfc;--surface-secondary:#dfdfdf;--text:#1f1f1f;--text-secondary:#555;--text-tertiary:#636363;--border:#0a0a0a1a;--border-secondary:#0a0a0a33;--icon-muted:#0a0a0a33;--accent:#8a2a2b;--accent-pressed:#681f20;--accent-subtle:#fbefef;--accent-text:#fafafa;--accent-fg:#9c2225;--error:#ff383c;--error-pressed:#9c2225;--error-text:#9c2225;--error-subtle:#ffebec;--success:#34c759;--success-text:#207936;--warning:#fc0;--warning-text:#785f00;--tag-success-bg:#ebf9ee;--tag-success-border:#89df9f;--tag-success-text:#207936;--tag-success-dot:#34c759;--tag-warning-bg:#fffae6;--tag-warning-border:#ffe16b;--tag-warning-text:#785f00;--tag-warning-dot:#fc0;--tag-offline-bg:#fafafa1a;--tag-offline-border:#0a0a0a1a;--tag-offline-text:#555;--tag-offline-dot:#555;--toggle-track-on:#bc5a5c;--toggle-track-off:#0a0a0a0d;--toggle-thumb-off:#0a0a0a1a;--tab-active-fill:#0a0a0a33;--tab-badge-bg:#0a0a0a14;--tab-badge-active-bg:#0a0a0a26;--segment-active-fill:#1f1f1f;--segment-active-text:#f6f6f6;--skeleton:#0a0a0a1a;--glass-fill:#0a0a0a0d;--glass-tint:#ffffff8c;--glass-surface:#ffffff6b;--glass-button:#fff9;--glass-sheet:#ffffffb8;--glass-shadow:0 10px 32px #0a0a0a12, 0 1px 2px #0a0a0a0a;--nav-active-fill:#0a0a0a12;--role-super-admin:#bc5a5c;--role-admin:#8b5cf6;--role-user-admin:#08f;--role-device-admin:#14b8a6;--role-model-admin:#d4a20a;--role-default:#868686;--role-ink:#0a0a0a;--nav-shadow:var(--glass-shadow);--actions-strip:#f0f0f0;--backdrop:#0a0a0a40;--bg-image:url(/bg-light.jpg);--bg-mask-top:#f6f6f6b3;--bg-mask-bottom:#fafafa0d;--bg-accents:radial-gradient(45vw 45vw at 8% 12%, #e9b5b573, transparent 70%), radial-gradient(40vw 40vw at 92% 30%, #96ceff47, transparent 70%), radial-gradient(50vw 40vw at 55% 105%, #bc5a5c2e, transparent 70%);--rim-element:#ffffffe6, #ffffffb8, #ffffff50, #0a0a0a11, #0a0a0a1a;--rim-nav:#fff, #fffc, #ffffff59, #0a0a0a11, #0a0a0a1a;--rim-card:#ffffffe6, #ffffffb8, #ffffff50, #0a0a0a0d, #0a0a0a14;--rim-button:#ffffffb3, #ffffff8f, #ffffff3e, #0a0a0a0a, #0a0a0a0f;--rim-default:#ffffffd9, #ffffffad, #ffffff4d, #0a0a0a0f, #0a0a0a17;--rim-soft:var(--rim-element);--rim-home-card:var(--rim-card)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--red-50:#2b1011;--red-400:#ff4a4f;--red-500:#d65459;--green-50:#132317;--green-400:#30d158;--green-500:#76e890;--yellow-50:#2a2408;--yellow-400:#ffd60a;--yellow-500:#ffe680;--blue-50:#0d1d2e;--blue-400:#0a84ff;--blue-500:#73b7ff;--neutral-50:#1f1f1f;--neutral-100:#4b4b4b;--neutral-200:#555;--neutral-300:#6b6b6b;--neutral-700:#e2e2e2;--neutral-800:#ececec;--neutral-900:#f6f6f6;--white-alpha-10:#0a0a0a1a;--const-white:#fafafa;--const-black:#09090b;--brand-50:#3a1617;--brand-100:#4a1a1b;--brand-200:#5c1e20;--brand-400:#7b2729;--brand-main:#8a2a2b;--brand-700:#b95658;--background:#1f1f1f;--surface:#2a2a2a;--surface-secondary:#343434;--text:#f6f6f6;--text-secondary:#a6a6a6;--text-tertiary:#868686;--border:#fafafa1a;--border-secondary:#fafafa33;--icon-muted:#fafafa33;--accent:#8a2a2b;--accent-pressed:#b95658;--accent-subtle:#3a1617;--accent-text:#fafafa;--accent-fg:#ff4a4f;--error:#ff4a4f;--error-pressed:#d65459;--error-text:#ff4a4f;--error-subtle:#2b1011;--success:#30d158;--success-text:#30d158;--warning:#ffd60a;--warning-text:#ffd60a;--tag-success-bg:#132317;--tag-success-border:#295134;--tag-success-text:#76e890;--tag-success-dot:#30d158;--tag-warning-bg:#2a2408;--tag-warning-border:#665712;--tag-warning-text:#ffe680;--tag-warning-dot:#ffd60a;--tag-offline-bg:#0a0a0a1a;--tag-offline-border:#fafafa1a;--tag-offline-text:#e2e2e2;--tag-offline-dot:#e2e2e2;--toggle-track-on:#7b2729;--toggle-track-off:#fafafa0d;--toggle-thumb-off:#fafafa1a;--tab-active-fill:#fafafa33;--tab-badge-bg:#ffffff1a;--tab-badge-active-bg:#ffffff40;--segment-active-fill:#f6f6f6;--segment-active-text:#1f1f1f;--skeleton:#fafafa1a;--glass-fill:#fafafa0d;--glass-tint:#fafafa14;--glass-surface:#fafafa0d;--glass-button:#fafafa14;--glass-sheet:#1f1f1f73;--glass-shadow:0 2px 16px #0000000d;--nav-active-fill:var(--tab-active-fill);--role-super-admin:#e3a5a6;--role-admin:#a78bfa;--role-user-admin:#73b7ff;--role-device-admin:#2dd4bf;--role-model-admin:#ffd60a;--role-default:#a6a6a6;--role-ink:#fafafa;--nav-shadow:none;--actions-strip:#2d2d2d;--backdrop:#0a0a0a66;--bg-image:url(/bg-dark.jpg);--bg-mask-top:#1f1f1f;--bg-mask-bottom:#0a0a0a0d;--bg-accents:linear-gradient(transparent, transparent);--rim-element:#ffffffde, #ffffff8c, #fff3, #ffffff74, #ffffffab;--rim-nav:#fffffff7, #ffffffa6, #ffffff40, #ffffff8e, #ffffffc4;--rim-card:#ffffff38, #ffffff1b, #ffffff03, #ffffff0f, #ffffff1a;--rim-button:#ffffff24, #fff1, #ffffff03, #ffffff09, #fff1;--rim-default:#ffffffc2, #ffffff7a, #ffffff2d, #ffffff65, #ffffff96;--rim-soft:#ffffff73, #ffffff36, #ffffff05, #ffffff1a, #ffffff29;--rim-home-card:#ffffffd0, #ffffff7d, #fff3, #ffffff57, #ffffffa5}
.glass{--glass-bg:var(--glass-fill);--glass-blur:8px;--glass-rim:var(--rim-element);--glass-shadow-layer:none;isolation:isolate;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);backdrop-filter:blur(var(--glass-blur)) saturate(160%);box-shadow:var(--glass-shadow-layer);position:relative}.glass:after{z-index:1;border-radius:inherit;background:linear-gradient(to bottom right, var(--glass-rim));content:"";-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass--element,.glass--input{--glass-bg:var(--glass-fill);--glass-blur:8px}.glass--input{--glass-rim:var(--rim-soft)}.glass--nav{--glass-bg:var(--glass-tint);--glass-blur:20px;--glass-rim:var(--rim-nav);--glass-shadow-layer:var(--nav-shadow)}.glass--card{--glass-bg:var(--glass-surface);--glass-blur:30px;--glass-rim:var(--rim-card);--glass-shadow-layer:var(--glass-shadow)}.glass--cardPhoto{--glass-bg:var(--glass-surface);--glass-blur:26px;--glass-rim:var(--rim-home-card)}.glass--cardLayer{--glass-bg:var(--glass-surface);--glass-blur:20px;--glass-rim:var(--rim-card)}.glass--button{--glass-bg:var(--glass-button);--glass-blur:30px;--glass-rim:var(--rim-button)}.glass--default{--glass-bg:var(--glass-fill);--glass-blur:12px;--glass-rim:var(--rim-default)}.glass--sheet{--glass-bg:var(--glass-sheet);--glass-blur:40px;--glass-rim:var(--rim-card);--glass-shadow-layer:var(--glass-shadow)}.glass--rim-element{--glass-rim:var(--rim-element)}.glass--rim-nav{--glass-rim:var(--rim-nav)}.glass--rim-card{--glass-rim:var(--rim-card)}.glass--rim-button{--glass-rim:var(--rim-button)}.glass--rim-default{--glass-rim:var(--rim-default)}.glass--rim-soft{--glass-rim:var(--rim-soft)}.glass--rim-homeCard{--glass-rim:var(--rim-home-card)}.glass--rim-none:after{display:none}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:var(--surface)}}@media (prefers-reduced-transparency:reduce){.glass{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}
*{box-sizing:border-box}html{background:var(--background);color:var(--text);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-accents), linear-gradient(180deg, var(--bg-mask-top) 0%, color-mix(in srgb, var(--bg-mask-top) 55%, transparent) 45%, var(--bg-mask-bottom) 100%), var(--bg-image) center / cover no-repeat fixed, var(--background);background-attachment:fixed;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--text);outline-offset:2px}.login-page{grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr);min-height:100vh;display:grid}.login-visual{background:radial-gradient(70% 60% at 20% 10%, #e9b5b559, transparent 70%), linear-gradient(150deg, var(--brand-main) 0%, #401314 100%);color:#fafafa;min-height:100vh;padding:var(--space-3xl);flex-direction:column;justify-content:space-between;display:flex}.login-logo{filter:brightness(0)invert();width:200px;height:auto}.login-summary{gap:var(--space-xs);max-width:520px;display:grid}.login-visual .login-summary>*{color:inherit}.login-visual .login-summary .muted{color:#fafafabf}.login-panel{min-height:100vh;padding:var(--space-xl);place-items:center;display:grid;position:relative}.login-toolbar{top:var(--space-lg);right:var(--space-lg);gap:var(--space-2xs);display:flex;position:absolute}.login-card{border-radius:var(--radius-2xl);width:min(100%,440px);padding:var(--space-2xl)}.login-card-logo{width:168px;height:auto;margin:0 auto var(--space-lg);display:none}[data-theme=dark] .login-card-logo{filter:brightness(0)invert(.96)}.login-card-heading{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-lg);display:flex}.login-form{gap:var(--space-sm);display:grid}.login-remember{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.login-remember label{color:var(--text);font:500 14px/20px var(--font-ui);cursor:pointer;gap:2px;display:grid}.login-remember label span{color:var(--text-tertiary);font:400 12px/16px var(--font-ui)}.icon-badge{border-radius:var(--radius-xs);background:var(--accent-subtle);width:48px;height:48px;color:var(--accent-fg);flex:none;place-items:center;display:grid}.app-shell{gap:var(--space-sm);min-height:100vh;padding:var(--space-sm);grid-template-columns:264px minmax(0,1fr);display:grid}.sidebar{top:var(--space-sm);height:calc(100vh - 2 * var(--space-sm));gap:var(--space-xl);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-sm);flex-direction:column;display:flex;position:sticky}.brand{gap:var(--space-3xs);padding:0 var(--space-2xs);display:grid}.brand-logo{width:150px;height:auto}[data-theme=dark] .brand-logo{filter:brightness(0)invert(.96)}.menu{align-content:start;gap:var(--space-2xs);overscroll-behavior:contain;min-height:0;margin-inline:calc(-1 * var(--space-3xs));padding-inline:var(--space-3xs);scrollbar-width:thin;flex:auto;display:grid;overflow-y:auto}.menu-group+.menu-group{border-top:1px solid var(--border);padding-top:var(--space-2xs)}.menu-group-head{align-items:center;gap:var(--space-3xs);border-radius:var(--radius-3xs);width:100%;color:var(--text-tertiary);font:600 11px/16px var(--font-ui);letter-spacing:.06em;padding:var(--space-3xs) var(--space-xs);text-align:left;text-transform:uppercase;cursor:pointer;background:0 0;border:0;display:flex}.menu-group-head:hover{color:var(--text-secondary)}.menu-group-head>span:first-child{flex:1}.menu-group-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.menu-group-chevron{transition:transform var(--duration-fast) var(--ease-out)}.menu-group-head[aria-expanded=false] .menu-group-chevron{transform:rotate(-90deg)}.menu-group-body{transition:grid-template-rows var(--duration-normal) var(--ease-out);grid-template-rows:0fr;display:grid}.menu-group-body[data-open]{grid-template-rows:1fr}.menu-group-items{gap:2px;min-height:0;display:grid;overflow:hidden}@media (prefers-reduced-motion:reduce){.menu-group-body,.menu-group-chevron{transition:none}}.nav-item{align-items:center;gap:var(--space-xs);border-radius:var(--radius-xs);min-height:40px;color:var(--text-secondary);font:500 14px/20px var(--font-ui);padding:0 var(--space-xs);transition:background-color var(--duration-fast) var(--ease-out);display:flex}.nav-item:hover{background:var(--glass-fill);color:var(--text)}.nav-item.active{background:var(--nav-active-fill);color:var(--text);font-weight:600}.dashboard{gap:var(--space-sm);flex-direction:column;min-width:0;display:flex}.topbar{top:var(--space-sm);z-index:10;justify-content:space-between;align-items:center;gap:var(--space-sm);border-radius:var(--radius-lg);padding:var(--space-xs) var(--space-md);display:flex;position:sticky}.topbar-title{min-width:0}.topbar-actions{align-items:center;gap:var(--space-2xs);display:flex}.sidebar-user{align-items:center;gap:var(--space-xs);border-top:1px solid var(--border);padding:var(--space-sm) var(--space-2xs) 0;margin-top:auto;display:flex}.sidebar-user-link{align-items:center;gap:var(--space-xs);border-radius:var(--radius-xs);min-width:0;padding:var(--space-3xs);color:var(--text);transition:background-color var(--duration-fast) var(--ease-out);flex:1;text-decoration:none;display:flex}.sidebar-user-link:hover,.sidebar-user-link[aria-current=page]{background:var(--glass-fill)}.sidebar-user-text{min-width:0;font:500 14px/20px var(--font-ui);flex:1;gap:4px;display:grid}.profile-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mobile-only{display:none!important}.topbar-page-actions{display:contents}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.menu-scrim{display:none}.sidebar .sidebar-toggle{z-index:3;width:32px;height:32px;position:absolute;top:30px;right:-16px}.app-shell{transition:grid-template-columns var(--duration-normal) var(--ease-out)}.app-shell.sidebar-collapsed{grid-template-columns:80px minmax(0,1fr)}@media (min-width:1041px){.sidebar-collapsed .sidebar{padding-inline:var(--space-2xs);align-items:center}.sidebar-collapsed .brand{padding:0}.sidebar-collapsed .brand-logo{content:url(/logo-mark.svg);width:40px}.sidebar-collapsed .brand>:not(.brand-logo),.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-user-text{display:none}.sidebar-collapsed .nav-item{justify-content:center;width:48px;padding:0}.sidebar-collapsed .sidebar-user{flex-direction:column;padding-inline:0}.sidebar-collapsed .sidebar-user-link{flex:none}}@media (prefers-reduced-motion:reduce){.app-shell{transition:none}}.panel{border-radius:var(--radius-2xl);padding:var(--space-lg)}.panel-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);display:flex}.toolbar{align-items:flex-end;gap:var(--space-2xs);flex-wrap:wrap;display:flex}.toolbar .search{width:min(320px,28vw)}.stats-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));display:grid}.stat-card{align-items:center;gap:var(--space-sm);border-radius:var(--radius-lg);min-height:112px;padding:var(--space-md);display:flex}.content-grid{gap:var(--space-sm);grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);display:grid}.chart-bars{align-items:end;gap:var(--space-xs);height:230px;margin-top:var(--space-md);border-bottom:1px solid var(--border);grid-template-columns:repeat(7,minmax(28px,1fr));display:grid}.chart-bar-item{text-align:center;grid-template-rows:22px 1fr 22px;align-items:end;min-width:0;height:100%;display:grid}.chart-bar-item .chart-bar{border-radius:var(--radius-xs) var(--radius-xs) var(--radius-3xs) var(--radius-3xs);background:linear-gradient(180deg, var(--brand-400), var(--accent));box-shadow:inset 0 1px #ffffff4d}.chart-empty{grid-column:1/-1;align-self:center}.metric-list{gap:var(--space-2xs);margin-top:var(--space-md);display:grid}.metric-list>div{border-radius:var(--radius-sm);min-height:56px;padding:0 var(--space-sm);justify-content:space-between;align-items:center;display:flex}.data-table{grid-template-columns:var(--cols);column-gap:var(--space-xs);row-gap:var(--space-2xs);margin-top:var(--space-md);overscroll-behavior-x:contain;padding-bottom:2px;display:grid;overflow-x:auto}.data-table>*{grid-column:1/-1}.data-row{grid-template-columns:subgrid;border-radius:var(--radius-sm);min-height:56px;padding:var(--space-2xs) var(--space-sm);font:400 14px/20px var(--font-ui);align-items:center;display:grid}.data-row>*{overflow-wrap:anywhere;min-width:0}.data-row strong{font-weight:500}.data-row.head{min-height:32px;color:var(--text-tertiary);font:500 12px/16px var(--font-ui);letter-spacing:.4px;text-transform:uppercase;background:0 0}.data-row.selected{box-shadow:inset 0 0 0 1px var(--accent)}.row-actions{justify-content:flex-end;gap:var(--space-2xs);display:flex}.dt .data-row>*{white-space:nowrap}.data-row .cell-truncate{max-width:var(--truncate,280px);text-overflow:ellipsis;display:block;overflow:hidden}.dt .data-row>.row-actions,.dt .data-row.head>.actions-head{z-index:1;position:sticky;right:0}.dt .data-row>.row-actions{margin:calc(1px - var(--space-2xs)) calc(1px - var(--space-sm)) calc(1px - var(--space-2xs)) 0;border-radius:0 calc(var(--radius-sm) - 1px) calc(var(--radius-sm) - 1px) 0;background:var(--actions-strip);padding:0 calc(var(--space-sm) - 1px) 0 var(--space-xs);align-self:stretch;align-items:center}.dt[data-overflow]:not([data-scrolled-to-end]) .data-row>.row-actions:before{background:linear-gradient(to right, color-mix(in srgb, var(--actions-strip) 0%, transparent), color-mix(in srgb, var(--actions-strip) 85%, transparent) 70%, var(--actions-strip));content:"";pointer-events:none;width:32px;position:absolute;top:0;bottom:0;left:-32px}.dt[data-overflow] .data-row:not(.head){clip-path:inset(0 var(--clip-right,0px) 0 var(--clip-left,0px) round var(--radius-sm))}.empty-state{border:1px dashed var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-tertiary);font:400 14px/20px var(--font-ui);padding:var(--space-md);text-align:center}.pagination-bar{justify-content:flex-end;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);display:flex}.alert{margin-top:var(--space-sm);border:1px solid var(--error);border-radius:var(--radius-xs);background:var(--error-subtle);color:var(--error-text);font:400 14px/20px var(--font-ui);padding:var(--space-xs) var(--space-sm)}.alert.success{border-color:var(--tag-success-border);background:var(--tag-success-bg);color:var(--tag-success-text)}.form-grid{align-items:start;gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-stack{gap:var(--space-sm);display:grid}.toggle-row{justify-content:space-between;align-items:center;gap:var(--space-sm);align-self:end;min-height:44px;display:flex}.form-actions{justify-content:flex-end;gap:var(--space-2xs);border-top:1px solid var(--border);padding-top:var(--space-sm);display:flex}.device-groups{gap:var(--space-lg);display:grid}.inline-dot{width:8px;height:8px;margin-right:var(--space-2xs);background:var(--tag-offline-dot);vertical-align:middle;border-radius:50%;display:inline-block}.inline-dot.online{background:var(--success)}.not-found-page{min-height:100vh;padding:88px var(--space-sm) var(--space-xl);place-items:center;display:grid;position:relative}.not-found-card{justify-items:center;gap:var(--space-xs);border-radius:var(--radius-2xl);width:min(100%,520px);padding:var(--space-2xl);text-align:center;display:grid;position:relative;overflow:hidden}.not-found-code{background:linear-gradient(180deg, var(--brand-400), var(--accent));color:#0000;font:700 96px/1 var(--font-sans);letter-spacing:-2px;-webkit-background-clip:text;background-clip:text}.not-found-logo{margin-bottom:var(--space-xs);display:block}.not-found-icon{border-radius:50%;width:64px;height:64px}.not-found-actions{justify-content:center;gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}@media (max-width:760px){.not-found-card{padding:var(--space-lg) var(--space-md)}.not-found-code{font-size:72px}.not-found-actions>*{flex:100%}}.role-tag{border:1px solid color-mix(in srgb, var(--role-color) 45%, transparent);border-radius:var(--radius-round);background:color-mix(in srgb, var(--role-color) 16%, transparent);width:fit-content;color:color-mix(in srgb, var(--role-color) 70%, var(--role-ink));font:500 12px/16px var(--font-ui);white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.role-tag.small{padding:2px 8px;font-size:11px}.role-tag-dot{background:var(--role-color);border-radius:50%;flex:none;width:6px;height:6px}.filter-bar{gap:var(--space-sm);margin-top:var(--space-md);display:grid}.filter-bar-row{align-items:flex-end;gap:var(--space-2xs);flex-wrap:wrap;display:flex}.filter-bar-search{flex:320px;min-width:min(100%,240px);max-width:480px}.filter-bar-actions{justify-content:flex-end;gap:var(--space-2xs);flex-wrap:wrap;margin-left:auto;display:flex}.filter-bar-count{border-radius:var(--radius-round);background:var(--accent);min-width:20px;height:20px;color:var(--accent-text);font:600 12px/1 var(--font-ui);place-items:center;padding:0 6px;display:inline-grid}.filter-bar-panel{align-items:end;gap:var(--space-sm);border-radius:var(--radius-sm);background:var(--glass-fill);padding:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.filter-bar-reset{justify-self:start}.detail-list{gap:var(--space-sm) var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0;display:grid}.detail-item{gap:2px;min-width:0;display:grid}.detail-item.wide{grid-column:1/-1}.detail-item dt{color:var(--text-tertiary);font:400 12px/16px var(--font-ui)}.detail-item dd{overflow-wrap:anywhere;font:400 14px/20px var(--font-ui);margin:0}:has(>.data-table){container-type:inline-size}@container (max-width:600px){.data-table{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));overflow-x:visible}.data-table>.empty-state{grid-column:1/-1}.data-row{gap:var(--space-3xs);padding:var(--space-xs) var(--space-sm);grid-template-columns:1fr}.dt .data-row>*{white-space:normal}.data-row .cell-truncate{white-space:normal;overflow-wrap:anywhere;max-width:none}.dt .data-row>.row-actions,.dt[data-overflow] .data-row>.row-actions{box-shadow:none;background:0 0;justify-content:flex-start;margin:0;padding:0;position:static}.data-row>[data-label]{justify-content:space-between;align-items:center;gap:var(--space-sm);text-align:right;display:flex}.data-row>[data-label]:before{color:var(--text-tertiary);content:attr(data-label);font:400 12px/16px var(--font-ui);text-align:left}.data-row>strong{order:-1;font-size:16px;line-height:24px}.data-row.head{display:none}.row-actions{justify-content:flex-start}}.access-denied{justify-items:center;gap:var(--space-xs);max-width:560px;margin:var(--space-3xl) auto;text-align:center;display:grid}.access-denied-icon{background:var(--error-subtle);width:88px;height:88px;color:var(--error-text);border-radius:50%;place-items:center;display:grid}.access-denied-actions{justify-content:center;gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.access-denied-mail{align-items:center;gap:var(--space-2xs);border:1px solid var(--border);border-radius:var(--radius-xs);height:48px;padding:0 var(--space-md);font:600 16px/24px var(--font-ui);display:inline-flex}.access-denied-mail:hover{background:var(--glass-fill)}@media (max-width:1040px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-card-logo{display:block}.login-panel{padding-top:88px}.app-shell{grid-template-columns:1fr}.sidebar{top:var(--space-sm);left:var(--space-sm);z-index:40;width:264px;transform:translateX(calc(-100% - 2 * var(--space-sm)));transition:transform var(--duration-normal) var(--ease-out);position:fixed}.menu-open .sidebar{transform:none}.menu-scrim{z-index:35;background:var(--backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:0;display:block;position:fixed;inset:0}.mobile-only{display:inline-flex!important}.desktop-only{display:none!important}.app-shell.sidebar-collapsed{grid-template-columns:1fr}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.app-shell{padding:var(--space-2xs)}.login-card{border-radius:var(--radius-lg);padding:var(--space-md)}.topbar{top:var(--space-2xs);flex-wrap:wrap}.topbar-actions{justify-content:flex-end;width:100%}.content-grid,.form-grid{grid-template-columns:1fr}.panel{padding:var(--space-sm)}.panel-heading{flex-direction:column;align-items:stretch}.toolbar .search{width:100%}.toolbar>button:not([aria-label]){flex:1}}