:root{--font-sans: "Noto Sans", "Noto Sans Arabic", "Noto Sans Hebrew", sans-serif;--font-mono: "Noto Sans Mono", monospace;--color-bg: #101316;--color-bg-elevated: #151b20;--color-surface: #1a2127;--color-surface-2: #222b33;--color-surface-3: #2b3640;--color-border: #32404c;--color-border-strong: #455565;--color-accent: #FFB020;--color-accent-hover: #E69B0A;--color-on-accent: #16181D;--color-text: #F3F5F7;--color-text-2: #B7C0C8;--color-text-3: #7E8A96;--color-success: #4ADE80;--color-warning: #FB923C;--color-danger: #F87171;--color-info: #60A5FA;--shadow-sm: 0 10px 24px rgba(0, 0, 0, .18);--shadow-md: 0 18px 48px rgba(0, 0, 0, .26);--shadow-lg: 0 28px 72px rgba(0, 0, 0, .32);--radius-xs: 8px;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--shell-sidebar-width: 296px;--shell-content-max: 1480px;--breakpoint-tablet: 1100px;--breakpoint-mobile: 768px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--color-text);background:var(--color-bg);font-family:var(--font-sans);font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.auth-page{width:100%;min-height:100vh;display:grid;place-items:center;padding:24px}.auth-panel{width:min(100%,440px);padding:32px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.auth-panel--wide{width:min(100%,560px)}.auth-header,.language-switch{display:flex;align-items:center}.auth-header{justify-content:space-between;gap:16px;margin-bottom:24px}.brand{margin:0;color:var(--color-accent);font-size:20px;font-weight:700}.language-switch{gap:8px}.language-switch button{padding:4px 8px;color:var(--color-text);background:var(--color-surface-2)}.language-switch button[data-active=true]{color:var(--color-on-accent);background:var(--color-accent)}h1,h2{margin:0;line-height:1.5}h1{font-size:24px}h2{font-size:20px}.muted{margin:8px 0 0;color:var(--color-text-2);font-size:14px}.device-telemetry{margin:0;display:grid;gap:2px;font-size:13px}.device-telemetry>div{display:flex;gap:6px}.device-telemetry dt{color:var(--color-text-2);min-width:88px}.device-telemetry dd{margin:0}.auth-form{display:grid;gap:16px;margin-top:24px}.auth-actions-grid,.auth-link-grid{display:grid;gap:12px}.auth-footer-note{margin-top:20px}.auth-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:var(--color-accent);font-weight:700;text-decoration:none}.full-width{width:100%;margin-top:16px}label{display:grid;gap:8px;color:var(--color-text-2);font-size:14px}input,select,textarea{width:100%;min-height:48px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-bg)}textarea{resize:vertical}.primary,.secondary,.danger{min-height:48px;padding:12px 16px;font-weight:700}.primary{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent)}.primary:hover{background:var(--color-accent-hover)}.secondary{color:var(--color-text);background:var(--color-surface-2)}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-weight:700;text-decoration:none}.danger{color:var(--color-danger);background:transparent;border-color:var(--color-danger)}.small{min-height:36px;padding:8px 12px;font-size:14px}.info,.success,.error{margin:16px 0 0;font-size:14px}.stack{display:grid;gap:12px}.form-field{display:grid;gap:8px}.form-field__label{color:var(--color-text-2);font-size:14px}.form-field__description,.form-field__error,.modal-copy{margin:0;font-size:14px}.form-field__description{color:var(--color-text-2)}.form-field__error{color:var(--color-danger)}.skeleton{display:inline-block;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-surface-2),var(--color-border),var(--color-surface-2));background-size:200% 100%;animation:skeleton-shimmer 1.4s linear infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.toast__body{display:grid;gap:4px}.toast--info{border-color:color-mix(in srgb,var(--color-info) 40%,var(--color-border))}.toast--success{border-color:color-mix(in srgb,var(--color-success) 40%,var(--color-border))}.toast--warning{border-color:color-mix(in srgb,var(--color-warning) 40%,var(--color-border))}.toast--danger{border-color:color-mix(in srgb,var(--color-danger) 40%,var(--color-border))}.responsive-action-menu{position:relative}.responsive-action-menu summary{list-style:none;min-height:36px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);cursor:pointer}.responsive-action-menu summary::-webkit-details-marker{display:none}.responsive-action-menu__items{position:absolute;right:0;z-index:10;display:grid;gap:8px;min-width:200px;margin-top:8px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 10px 24px #0000003d}.info{color:var(--color-info)}.success{color:var(--color-success)}.error{color:var(--color-danger)}.setup-uri{overflow-wrap:anywhere;margin:0;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-bg);font-family:var(--font-mono);font-size:12px}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;gap:24px;padding:24px;border-right:1px solid var(--color-border);background:var(--color-surface)}.sidebar .auth-header{display:grid;gap:16px;margin-bottom:0}.sidebar nav{display:grid;gap:8px}.nav-link{display:block;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface-2);text-decoration:none}.nav-link.active{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent)}.nav-section-title{margin:8px 0 0;padding-top:8px;border-top:1px solid var(--color-border);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.content{display:grid;gap:24px;align-content:start;padding:32px}.page-header,.section-header,.modal-actions,.filters{display:flex;gap:16px}.page-header,.section-header{align-items:flex-start;justify-content:space-between}.panel-section,.card{display:grid;gap:16px;padding:24px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.users-page{display:grid;gap:24px}.invite-form{display:grid;gap:16px;margin-top:16px;max-width:440px}.invite-link-row{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin-top:16px}.invite-link-field{flex:1}.invite-link-field input{font-family:var(--font-mono);font-size:12px}.invite-link-note{flex-basis:100%}.empty{margin:0;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-2);background:var(--color-bg)}.table-wrap{overflow-x:auto;margin-top:16px}.table{width:100%;border-collapse:collapse;min-width:760px;font-size:14px}.device-table{min-width:920px}.table th,.table td{padding:12px 8px;border-bottom:1px solid var(--color-border);text-align:start;vertical-align:middle}.device-table th,.device-table td{vertical-align:top}.table th{color:var(--color-text-2);font-size:12px;font-weight:700}.table td span{display:block;margin-top:4px;color:var(--color-text-2);font-size:12px}.badge,.status-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:700}.badge-primary{color:var(--color-on-accent);background:var(--color-accent)}.badge-member{color:var(--color-text);background:var(--color-surface-2)}.status-badge{border:1px solid var(--color-border);color:var(--color-text);background:var(--color-bg)}.status-badge[data-tone=online]{color:var(--color-success)}.status-badge[data-tone=offline]{color:var(--color-danger)}.status-badge[data-tone=unknown]{color:var(--color-warning)}.status-badge[data-tone=granted]{color:var(--color-success)}.status-badge[data-tone=missing]{color:var(--color-danger)}.status-badge[data-tone=unsupported]{color:var(--color-text-2)}.status-badge[data-tone=user-action]{color:var(--color-warning)}.row-actions,.actions-cell{display:flex;flex-wrap:wrap;gap:8px}.row-actions button,.table .secondary,.table .danger{min-height:32px;padding:4px 12px;font-size:14px;font-weight:500}.mono{font-family:var(--font-mono);font-size:12px}.filters{align-items:end}.filters label{min-width:220px}.filter-bar{display:flex;flex-wrap:wrap;gap:16px}.filter-bar[data-align=start]{align-items:start}.filter-bar[data-align=center]{align-items:center}.filter-bar[data-align=end]{align-items:end}.search-input{min-width:min(320px,100%)}.search-input input[type=search]::-webkit-search-cancel-button{filter:invert(1)}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tabs__button{min-height:36px;padding:8px 12px;color:var(--color-text);background:var(--color-surface-2)}.tabs__button[data-active=true]{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent)}.segmented-control{display:inline-flex;align-items:center;min-height:48px;padding:4px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg)}.segmented-control button{min-height:36px;padding:8px 12px;color:var(--color-text);background:transparent;border-color:transparent;font-weight:700}.segmented-control button[data-active=true]{color:var(--color-on-accent);background:var(--color-accent)}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,var(--color-bg),transparent 20%)}.modal{width:min(100%,440px);max-height:min(860px,calc(100dvh - 48px));display:flex;flex-direction:column;min-height:0;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.modal--wide{max-width:960px;width:min(96vw,960px)}.modal__header{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:24px 24px 16px;flex:0 0 auto}.modal__body{display:grid;align-content:start;gap:16px;padding:0 24px 24px;overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1 1 auto;-webkit-overflow-scrolling:touch}.modal__body:focus{outline:none}.modal-actions{justify-content:flex-end}.modal__footer{display:flex;justify-content:flex-end;gap:16px;padding:16px 24px 24px;flex:0 0 auto;border-top:1px solid var(--color-border)}.playlist-modal{width:min(100%,720px);max-height:85vh;overflow-y:auto}.assignment-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.assignment-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.link{color:var(--color-accent)}.button-row,.list-stack,.tab-strip,.calendar-head,.calendar-body{display:flex;gap:12px}.button-row,.tab-strip{flex-wrap:wrap}.list-stack{flex-direction:column}.tab-strip{margin-bottom:16px}.calendar-grid{display:grid;gap:12px}.calendar-head,.calendar-body{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.week-body{min-height:240px}.calendar-cell{min-height:124px;display:grid;align-content:start;gap:6px;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-bg);text-align:left}.calendar-date{font-weight:700}.calendar-pill{display:block;width:100%;padding:6px 8px;border-left:4px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface-2);text-align:left}.calendar-pill[data-tone=danger]{border-color:var(--color-danger)}.calendar-pill[data-tone=warning]{border-color:var(--color-warning)}.calendar-pill[data-tone=info]{border-color:var(--color-info)}.calendar-list-item{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left}.calendar-legend{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.modal-card{width:min(100%,640px);max-height:85vh;overflow-y:auto;padding:24px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--color-border)}.content{padding:16px}.page-header,.section-header,.filters,.invite-link-row,.calendar-body,.calendar-head,.calendar-list-item{display:grid}.calendar-body,.calendar-head{grid-template-columns:1fr}}.totp-qr{border-radius:var(--radius-md);background:var(--color-surface);padding:8px}.status-ok{color:var(--color-success)}.status-off{color:var(--color-warning)}.notice{display:grid;gap:4px;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);border-left:4px solid var(--color-info)}.notice[data-tone=warning]{border-left-color:var(--color-warning)}.notice-title{font-size:14px;font-weight:700}.notice[data-tone=info] .notice-title{color:var(--color-info)}.notice[data-tone=warning] .notice-title{color:var(--color-warning)}.notice-body{color:var(--color-text-2);font-size:13px}.stale-indicator{display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border:1px solid var(--color-warning);border-radius:var(--radius-sm);color:var(--color-warning);font-size:12px;font-weight:700}.activity-timeline{display:grid;gap:12px}.activity-timeline__item{display:grid;gap:4px;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg)}.activity-timeline__item span,.activity-timeline__item p{margin:0;color:var(--color-text-2);font-size:14px}.permission-state-card{display:grid;gap:12px;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg)}.permission-state-card__list{display:grid;gap:8px}.permission-state-card__item{display:flex;align-items:center;justify-content:space-between;gap:12px}html{background:radial-gradient(circle at top left,rgba(255,176,32,.14),transparent 28%),radial-gradient(circle at top right,rgba(96,165,250,.12),transparent 24%),linear-gradient(180deg,#0d1013 0%,var(--color-bg) 100%)}body{background:transparent;color:var(--color-text)}a{color:inherit}.auth-page{padding:var(--space-6);background:radial-gradient(circle at 10% 10%,rgba(255,176,32,.18),transparent 24%),radial-gradient(circle at 90% 20%,rgba(96,165,250,.12),transparent 18%),linear-gradient(180deg,#0c0f13,#14191d)}.auth-panel{width:min(100%,1180px);display:grid;gap:var(--space-5);padding:var(--space-6);border-radius:var(--radius-lg);background:linear-gradient(180deg,#222b33eb,#181f25f0);box-shadow:var(--shadow-lg)}.auth-header--compact{margin-bottom:0}.brand{letter-spacing:-.02em}.page-eyebrow{margin:0 0 var(--space-2);color:var(--color-accent);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.page-description,.section-description{margin:var(--space-2) 0 0;color:var(--color-text-2);max-width:72ch}.app-shell{min-height:100vh;grid-template-columns:var(--shell-sidebar-width) minmax(0,1fr);background:radial-gradient(circle at top left,rgba(255,176,32,.08),transparent 18%),linear-gradient(180deg,#101418,#13181c)}.app-main{min-width:0;display:grid;grid-template-rows:auto 1fr}.app-sidebar{position:sticky;top:0;height:100dvh;max-height:100dvh;display:flex;flex-direction:column;min-height:0;gap:var(--space-5);padding:var(--space-5);border-right:1px solid rgba(69,85,101,.45);background:linear-gradient(180deg,#101418f0,#161b20f5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-sidebar__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex:0 0 auto}.app-sidebar__close,.app-topbar__menu{display:none}.app-brand{min-width:0}.app-sidebar__tenant,.app-sidebar__meta{display:grid;gap:var(--space-2);flex:0 0 auto}.shell-select{display:grid;gap:var(--space-2)}.shell-meta-card{display:grid;gap:var(--space-1);padding:var(--space-4);border:1px solid rgba(69,85,101,.42);border-radius:var(--radius-md);background:#ffffff05}.shell-meta-card strong{font-size:15px}.shell-meta-card span{color:var(--color-text-3);font-size:13px}.app-sidebar__nav{display:grid;align-content:start;gap:var(--space-4);min-height:0;overflow-y:auto;overscroll-behavior:contain;flex:1 1 auto;-webkit-overflow-scrolling:touch}.app-nav-section{display:grid;gap:var(--space-3)}.app-nav-section__title{margin:0;color:var(--color-text-3);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.app-nav-section__items{display:grid;gap:var(--space-2)}.app-nav-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-2);background:transparent;text-decoration:none;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.app-nav-link:hover{border-color:#45556580;background:#ffffff08;color:var(--color-text);transform:translate(1px)}.app-nav-link.is-active{border-color:#ffb02061;color:var(--color-text);background:linear-gradient(90deg,#ffb02033,#ffb02014),#ffffff08}.app-nav-link__badge{padding:2px 8px;border-radius:999px;background:#60a5fa29;color:var(--color-info);font-size:11px;font-weight:700}.app-sidebar__footer{display:grid;gap:var(--space-3);flex:0 0 auto}.app-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid rgba(69,85,101,.34);background:#0f1316c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-topbar__start,.app-topbar__end,.topbar-title-group{display:flex;align-items:center;gap:var(--space-4)}.topbar-title-group{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.topbar-page-title{font-size:18px;line-height:1.2}.topbar-user-chip{display:grid;gap:2px;justify-items:end;padding:10px 14px;border:1px solid rgba(69,85,101,.46);border-radius:999px;background:#ffffff08}.topbar-user-chip span:first-child{font-size:13px;font-weight:700}.topbar-user-chip span:last-child{color:var(--color-text-3);font-size:11px}.app-content,.content{width:min(100%,var(--shell-content-max));padding:var(--space-6);margin:0 auto;gap:var(--space-5)}.page-section,.panel-section,.card,.modal,.modal-card{border:1px solid rgba(69,85,101,.38);border-radius:var(--radius-md);background:linear-gradient(180deg,#1c2329f2,#151b20f5);box-shadow:var(--shadow-sm)}.page-header--hero,.page-header,.section-header{gap:var(--space-4)}.page-header--hero{padding:var(--space-5);border:1px solid rgba(69,85,101,.3);border-radius:var(--radius-lg);background:radial-gradient(circle at top right,rgba(255,176,32,.12),transparent 22%),linear-gradient(180deg,#212930f5,#161c21f5);box-shadow:var(--shadow-md)}.page-header__actions,.section-header__actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.card-grid,.stats-grid,.content-grid{display:grid;gap:var(--space-4)}.usage-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.content-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.stack{display:grid;gap:var(--space-3)}.detail-stack,.list-stack--compact,.worker-state{display:grid;gap:var(--space-2)}.align-end{justify-items:end}.toolbar-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end}.stat-card{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid rgba(69,85,101,.34);border-radius:var(--radius-md);background:linear-gradient(180deg,#232c34e6,#192026eb)}.stat-card__label{margin:0;color:var(--color-text-3);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.stat-card__value{font-size:clamp(22px,4vw,34px);line-height:1.1}.stat-card__hint{margin:0;color:var(--color-text-2);font-size:13px}.stat-card--success{border-color:#4ade805c}.stat-card--warning{border-color:#fb923c61}.stat-card--danger{border-color:#f8717161}.stat-card--info{border-color:#60a5fa5c}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-3);font-size:12px;flex-wrap:wrap}.breadcrumbs a{color:var(--color-text-2);text-decoration:none}.breadcrumbs__separator{opacity:.6}.inline-alert,.notice{align-items:start;gap:var(--space-2);padding:var(--space-4);border:1px solid rgba(69,85,101,.34);border-left-width:4px;border-radius:var(--radius-sm);background:#ffffff08}.inline-alert strong,.notice-title{font-size:14px}.inline-alert--info,.notice[data-tone=info]{border-left-color:var(--color-info)}.inline-alert--success,.notice[data-tone=success]{border-left-color:var(--color-success)}.inline-alert--warning,.notice[data-tone=warning]{border-left-color:var(--color-warning)}.inline-alert--danger,.notice[data-tone=danger]{border-left-color:var(--color-danger)}.loading-state,.empty-state,.error-state{display:grid;justify-items:start;gap:var(--space-3);padding:var(--space-5);border:1px dashed rgba(69,85,101,.52);border-radius:var(--radius-md);background:#ffffff05}.loading-state{grid-auto-flow:column;align-items:center;justify-content:start}.loading-state__spinner{width:18px;height:18px;border:2px solid rgba(255,176,32,.2);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.empty-state__icon,.error-state__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;background:#ffffff0d;color:var(--color-accent);font-size:18px}.error-state__icon{color:var(--color-danger)}.technical-code,.technical-details code,.mono,code{font-family:var(--font-mono)}.technical-details{border-top:1px solid rgba(69,85,101,.28);padding-top:var(--space-3)}.technical-details summary{cursor:pointer;color:var(--color-text-2)}.technical-details__content{margin-top:var(--space-3);color:var(--color-text-2)}.page-detail-list{margin-top:var(--space-3)}.detail-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.detail-pairs>div{display:grid;gap:4px;padding:var(--space-3);border-radius:var(--radius-sm);background:#ffffff06}.detail-pairs span{color:var(--color-text-3);font-size:12px}.activity-list{display:grid;gap:var(--space-3)}.activity-list__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid rgba(69,85,101,.3);border-radius:var(--radius-sm);text-decoration:none;background:#ffffff05}.activity-list__item p{margin:4px 0 0;color:var(--color-text-3);font-size:13px}.card--subtle{padding:var(--space-3);background:#ffffff06;box-shadow:none}.filters{gap:var(--space-3);padding:var(--space-4);border:1px solid rgba(69,85,101,.24);border-radius:var(--radius-md);background:#ffffff05;flex-wrap:wrap}.filters>*{min-width:min(100%,180px)}.table-wrap,.data-table-wrapper{width:100%;overflow-x:auto}.table,.data-table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td,.data-table th,.data-table td{padding:14px 12px;border-bottom:1px solid rgba(69,85,101,.28)}.table thead th,.data-table thead th{position:sticky;top:0;background:#192026fa;color:var(--color-text-3);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.data-table tbody tr:hover,.table tbody tr:hover{background:#ffffff05}.status-badge,.badge{border-radius:999px;padding:5px 10px;font-weight:700;background:#ffffff0a}.status-badge--success,.status-badge[data-tone=online],.status-badge[data-tone=granted]{color:var(--color-success);border-color:#4ade805c}.status-badge--warning,.status-badge[data-tone=warning],.status-badge[data-tone=user-action],.status-badge[data-tone=offline]{color:var(--color-warning);border-color:#fb923c61}.status-badge--danger,.status-badge[data-tone=danger],.status-badge[data-tone=missing]{color:var(--color-danger);border-color:#f8717161}.usage-progress{display:grid;gap:var(--space-2)}.usage-progress__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:13px}.usage-progress__bar{height:10px;border-radius:999px;background:#ffffff0f;overflow:hidden}.usage-progress__fill{height:100%;border-radius:inherit}.usage-progress__fill--info{background:linear-gradient(90deg,#60a5fa,#2dd4bf)}.usage-progress__fill--success{background:linear-gradient(90deg,#4ade80,#22c55e)}.usage-progress__fill--warning{background:linear-gradient(90deg,#ffb020,#fb923c)}.usage-progress__fill--danger{background:linear-gradient(90deg,#f87171,#ef4444)}.modal-backdrop{background:#080a0cbd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal,.modal-card{width:min(100%,760px)}.button-link,.primary,.secondary,.danger{transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}.primary:hover,.secondary:hover,.danger:hover,.button-link:hover{transform:translateY(-1px)}.button-row,.row-actions,.actions-cell,.tab-strip,.list-stack{gap:var(--space-3)}.tab-strip{padding:var(--space-2);border:1px solid rgba(69,85,101,.28);border-radius:var(--radius-md);background:#ffffff05}.page-section>.card+.card,.page-section>.panel-section+.panel-section,.page-section>.card+.panel-section{margin-top:var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.stats-grid,.content-grid--two,.detail-pairs,.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-sidebar{position:fixed;left:0;top:0;z-index:30;width:min(92vw,340px);transform:translate(-102%);transition:transform .16s ease;box-shadow:var(--shadow-lg)}.app-sidebar.is-open{transform:translate(0)}.app-sidebar__close,.app-topbar__menu,.app-sidebar__backdrop{display:inline-flex}.app-sidebar__backdrop{position:fixed;inset:0;z-index:20;border:0;background:#00000059}}@media(max-width:768px){.auth-page,.app-content,.content,.app-topbar{padding:var(--space-4)}.app-topbar,.app-topbar__start,.app-topbar__end,.page-header,.section-header{flex-wrap:wrap}.stats-grid,.content-grid--two,.detail-pairs,.usage-grid,.calendar-head,.calendar-body{grid-template-columns:1fr}.topbar-user-chip{width:100%;justify-items:start;border-radius:var(--radius-md)}.table,.data-table{min-width:620px}}.quota-bar{width:100%;height:12px;border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid var(--color-border);overflow:hidden}.quota-bar-fill{height:100%;background:var(--color-accent);transition:width .2s ease}.quota-bar-fill[data-tone=ok]{background:var(--color-success)}.quota-bar-fill[data-tone=warning]{background:var(--color-warning)}.quota-bar-fill[data-tone=danger]{background:var(--color-danger)}.media-preview{width:96px;height:54px;display:block;object-fit:contain;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg)}.media-preview-button{padding:0;min-height:0;border:0;background:transparent}.media-preview-placeholder{width:96px;min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-2);background:var(--color-bg);font-size:12px;text-align:center}.media-preview-large{width:100%;max-height:70vh;object-fit:contain;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg)}.media-preview-frame{width:100%;min-height:min(70vh,720px);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg)}.upload-queue{display:grid;gap:8px}.upload-queue-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg)}.upload-queue-item strong,.upload-queue-item span{display:block}.upload-queue-item span{color:var(--color-text-2);font-size:12px}.upload-queue-item .quota-bar{grid-column:1 / -1}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,280px));justify-content:start;gap:16px}.device-card{display:grid;gap:16px;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.device-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.device-card h3{margin:0;font-size:20px}.device-card .mono{margin:4px 0 0}.device-content-preview{min-height:76px;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg)}.device-content-preview strong,.device-content-preview span,.device-playlist strong,.device-playlist span{display:block}.device-content-preview span,.device-playlist span{color:var(--color-text-2);font-size:12px}.empty-preview{display:flex;color:var(--color-text-2);font-size:14px}.device-playlist{margin:0;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg)}.device-card-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:0}.device-card-meta dt{color:var(--color-text-2);font-size:12px}.device-card-meta dd{margin:0;font-size:14px}@media(min-width:1520px){.device-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1120px)and (max-width:1519px){.device-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:860px)and (max-width:1119px){.device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:560px)and (max-width:859px){.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:559px){.device-grid,.upload-queue-item,.duration-editor{grid-template-columns:1fr}}.breadcrumb{margin:0 0 8px;color:var(--color-text-2);font-size:14px}.duration-editor{display:grid;grid-template-columns:96px auto;gap:8px;align-items:center}.duration-editor input{min-height:36px;padding:8px}.playlist-detail-page .table{min-width:900px}