:root{--bg-page: #FFFFFF;--bg-soft: #FAFAFA;--bg-muted: #F0F1F3;--bg-hover: #F4F4F5;--bg-selected: #EEEEEF;--bg-input: #FFFFFF;--nav-hover: #F0F1F3;--border-1: #EBEBEB;--border-2: #E4E4E7;--border-strong: #D4D4D8;--text-1: #0A0A0A;--text-2: #555555;--text-3: #8F8F8F;--text-4: #B0B0B0;--success: #0CCE6B;--success-soft: #E5F8EE;--success-subtle: var(--success-soft);--success-text: #047857;--success-strong: color-mix(in oklch, var(--success) 82%, black);--warning: #F5A623;--warning-soft: #FEF3E0;--warning-subtle: var(--warning-soft);--warning-text: #B45309;--warning-strong: color-mix(in oklch, var(--warning) 78%, black);--danger: #E5484D;--danger-soft: #FBEAEB;--danger-subtle: var(--danger-soft);--danger-text: #B91C1C;--danger-strong: color-mix(in oklch, var(--danger) 84%, black);--info: #1F5C8B;--info-soft: #E8F0F8;--info-subtle: var(--info-soft);--info-text: #1F5C8B;--info-strong: #A9CDEC;--idle: #B0B0B0;--cat-registration: #00C875;--cat-registration-soft: #E5F8EE;--cat-registration-text: #047857;--cat-kiosk: #579BFC;--cat-kiosk-soft: #E8F0FF;--cat-kiosk-text: #1E40AF;--cat-users: #9D50DD;--cat-users-soft: #F3E8FF;--cat-users-text: #6B21A8;--cat-workspace: #175A63;--cat-workspace-soft: #E0F2F2;--cat-workspace-text: #115E59;--cat-form: #FDAB3D;--cat-form-soft: #FEF3E0;--cat-form-text: #B45309;--cat-access: #5559DF;--cat-access-soft: #E7E9FF;--cat-access-text: #4338CA;--cat-data: #216EDF;--cat-data-soft: #E1ECFB;--cat-data-text: #1E40AF;--cat-sites: #037F4C;--cat-sites-soft: #E0F2E5;--cat-sites-text: #065F46;--cat-security: #DF2F4A;--cat-security-soft: #FCE8EB;--cat-security-text: #B91C1C;--cat-system: #757575;--cat-system-soft: #F5F5F5;--cat-system-text: #404040;--cat-gdpr: #BB3354;--cat-gdpr-soft: #FCE8ED;--cat-gdpr-text: #9B1C2E;--brand-primary: #335A68;--brand-primary-soft: #EBF1F3;--brand-secondary: #00152F;--brand-display-font: "Geist Variable", "Geist", "Inter Variable", "Inter", system-ui, sans-serif;--brand-display-tracking: -.025em;--brand-display-weight: 600;--font-sans: "Geist Variable", "Geist", "Inter Variable", "Inter", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;--font-display: var(--brand-display-font);--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base:.875rem;--text-md: .9375rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.375rem;--text-3xl: 1.75rem;--text-4xl: 2.25rem;--tracking-tighter: -.03em;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-normal: 0;--tracking-wide: .04em;--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.6;--radius-xs: 3px;--radius-sm: 5px;--radius-md: 7px;--radius-lg: 10px;--radius-xl: 12px;--radius-pill: 999px;--page-max-width: 1280px;--motion-duration-instant: 60ms;--motion-duration-fast: .1s;--motion-duration-medium: .16s;--motion-duration-slow: .22s;--motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--motion-ease-enter: cubic-bezier(.32, .72, 0, 1);--motion-ease-exit: cubic-bezier(.4, 0, 1, 1);--motion-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ring-color: var(--brand-primary-soft);--ring-width: 2px;--ring-offset: 1px;--row-h: 40px;--cell-py: 10px;--card-pad: 16px;--section-gap: 32px}html[data-density=compact]{--row-h: 32px;--cell-py: 6px;--card-pad: 12px;--section-gap: 24px}html[data-density=comfortable]{--row-h: 48px;--cell-py: 14px;--card-pad: 20px;--section-gap: 40px}html[data-theme=dark]{--bg-page: #0D1117;--bg-soft: #151B23;--bg-muted: #1A212B;--bg-hover: #212830;--bg-selected: #262C36;--bg-input: #151B23;--nav-hover: #232932;--border-1: #2F3742;--border-2: #3D444D;--border-strong: #656C76;--text-1: #F0F6FC;--text-2: #C8CFD8;--text-3: #8E96A0;--text-4: #6A7280;--brand-primary: #5BA2B5;--brand-primary-soft: rgba(91, 162, 181, .14);--brand-secondary: #B8C5D0;--success: #3FB950;--success-soft: rgba(63, 185, 80, .12);--success-subtle: var(--success-soft);--success-text: #3FB950;--success-strong: color-mix(in oklch, var(--success) 75%, white 18%);--warning: #D29922;--warning-soft: rgba(210, 153, 34, .12);--warning-subtle: var(--warning-soft);--warning-text: #D29922;--warning-strong: color-mix(in oklch, var(--warning) 75%, white 20%);--danger: #F85149;--danger-soft: rgba(248, 81, 73, .1);--danger-subtle: var(--danger-soft);--danger-text: #F85149;--danger-strong: color-mix(in oklch, var(--danger) 78%, white 18%);--idle: #656C76;--cat-registration: #3FB950;--cat-registration-soft: rgba(63, 185, 80, .14);--cat-registration-text: #3FB950;--cat-kiosk: #6BA8FF;--cat-kiosk-soft: rgba(107, 168, 255, .14);--cat-kiosk-text: #6BA8FF;--cat-users: #B279E5;--cat-users-soft: rgba(178, 121, 229, .14);--cat-users-text: #B279E5;--cat-workspace: #5DB7C8;--cat-workspace-soft: rgba(93, 183, 200, .14);--cat-workspace-text: #5DB7C8;--cat-form: #FFC265;--cat-form-soft: rgba(255, 194, 101, .14);--cat-form-text: #FFC265;--cat-access: #8B92F0;--cat-access-soft: rgba(139, 146, 240, .14);--cat-access-text: #8B92F0;--cat-data: #5B8DEF;--cat-data-soft: rgba(91, 141, 239, .14);--cat-data-text: #5B8DEF;--cat-sites: #2DB76C;--cat-sites-soft: rgba(45, 183, 108, .14);--cat-sites-text: #2DB76C;--cat-security: #F85149;--cat-security-soft: rgba(248, 81, 73, .12);--cat-security-text: #F85149;--cat-system: #9198A1;--cat-system-soft: rgba(145, 152, 161, .14);--cat-system-text: #9198A1;--cat-gdpr: #E55870;--cat-gdpr-soft: rgba(229, 88, 112, .14);--cat-gdpr-text: #E55870;--ring-color: rgba(91, 162, 181, .45)}.tenant-thames{--brand-primary: #1B9DDB;--brand-primary-soft: #E8F5FB;--brand-secondary: #005670;--brand-display-font: "Geist", system-ui, sans-serif;--brand-display-tracking: -.05em;--brand-display-weight: 600}.tenant-tfl{--brand-primary: #000F9F;--brand-primary-soft: #EBEDFF;--brand-secondary: #E1251B;--brand-display-font: "Barlow", system-ui, sans-serif;--brand-display-tracking: -.025em;--brand-display-weight: 700}html[data-theme=dark].tenant-thames{--brand-primary: #6FE5F0;--brand-primary-soft: rgba(111, 229, 240, .14)}html[data-theme=dark].tenant-tfl{--brand-primary: #5F7CF5;--brand-primary-soft: rgba(95, 124, 245, .16)}:root{--bg: #070a12;--bg-2: #0a0f1c;--glass: rgba(20, 27, 45, .55);--glass-2: rgba(28, 37, 60, .6);--glass-brd: rgba(255, 255, 255, .08);--glass-brd-hi: rgba(255, 255, 255, .16);--text: #eaf0f7;--text-dim: #93a0b4;--text-faint: #5d6b81;--accent: #5de0c4;--accent-2: #4da3ff;--accent-3: #a78bfa;--grad: linear-gradient(120deg, #5de0c4 0%, #4da3ff 55%, #a78bfa 100%);--ok: #3ee0a8;--ok-bg: rgba(62, 224, 168, .13);--info: #4da3ff;--info-bg: rgba(77, 163, 255, .13);--warn: #ffc15e;--warn-bg: rgba(255, 193, 94, .13);--danger: #ff7a8a;--danger-bg: rgba(255, 122, 138, .13);--mono: ui-monospace, "SF Mono", "Geist Mono", "JetBrains Mono", Menlo, monospace;--r: 16px;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans, system-ui, -apple-system, sans-serif);-webkit-font-smoothing:antialiased;overflow:hidden}::selection{background:#5de0c44d}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:var(--bg)}.bg:before,.bg:after{content:"";position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(90px);opacity:.18}.bg:before{background:radial-gradient(circle,#4da3ff,transparent 60%);top:-20vmax;left:-10vmax;animation:drift1 28s var(--ease) infinite alternate}.bg:after{background:radial-gradient(circle,#a78bfa,transparent 60%);bottom:-20vmax;right:-10vmax;animation:drift2 34s var(--ease) infinite alternate}.bg__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 40%,transparent 100%)}@keyframes drift1{to{transform:translate(12vmax,8vmax) scale(1.2)}}@keyframes drift2{to{transform:translate(-10vmax,-6vmax) scale(1.15)}}.app{display:flex;height:100vh}.glass{background:var(--glass);border:1px solid var(--glass-brd);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-radius:var(--r)}.nav{flex:0 0 240px;display:flex;flex-direction:column;gap:3px;padding:18px 14px;margin:14px 0 14px 14px;background:var(--glass);border:1px solid var(--glass-brd);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-radius:var(--r)}.nav__brand{display:flex;align-items:center;gap:10px;padding:6px 12px 16px;font-size:14px;font-weight:600;letter-spacing:.01em}.nav__brand:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--grad);box-shadow:0 0 14px 2px #5de0c499}.nav__item{display:flex;align-items:center;min-height:38px;padding:8px 12px;border:0;border-radius:10px;width:100%;text-align:left;font:inherit;font-size:13px;color:var(--text-dim);background:none;cursor:pointer;position:relative;transition:background .18s var(--ease),color .18s var(--ease)}.nav__item:hover{background:#ffffff0d;color:var(--text)}.nav__item--active{color:var(--text);background:#ffffff0f}.nav__item--active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--grad)}.nav__hint{margin:8px 12px 0;font-size:10.5px;font-family:var(--mono);color:var(--text-faint)}.nav__hint kbd{background:#ffffff14;border:1px solid var(--glass-brd);border-radius:5px;padding:1px 5px}.nav__logout{margin-top:auto;color:var(--text-faint)}.main{flex:1 1 auto;min-width:0;padding:26px 30px;overflow-y:auto}.main__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.main__title{font-size:22px;font-weight:600;letter-spacing:-.02em}.live{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.live__dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 var(--ok);animation:pulse 2.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #3ee0a880}70%{box-shadow:0 0 0 8px #3ee0a800}to{box-shadow:0 0 #3ee0a800}}.banner{border:1px solid var(--glass-brd);border-radius:12px;padding:12px 16px;font-size:13px;color:var(--text-dim);background:var(--glass);margin-bottom:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.banner--action{border-color:#5de0c473;color:var(--text);cursor:pointer;font-weight:500;background:linear-gradient(120deg,#5de0c424,#4da3ff1f);box-shadow:0 0 30px -10px #5de0c480;transition:transform .15s var(--ease)}.banner--action:hover{transform:translateY(-1px)}.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:12px;margin-bottom:14px}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.kpi,.card{background:var(--glass);border:1px solid var(--glass-brd);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-radius:var(--r);animation:fadeUp .5s var(--ease) both;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.kpi{padding:14px 16px}.card{padding:16px 18px}.kpi:hover,.card:hover{transform:translateY(-2px);border-color:var(--glass-brd-hi);box-shadow:0 20px 50px -28px #000000e6,0 0 0 1px #ffffff05 inset}.kpis .kpi:nth-child(2){animation-delay:.04s}.kpis .kpi:nth-child(3){animation-delay:.08s}.kpis .kpi:nth-child(4){animation-delay:.12s}.kpis .kpi:nth-child(5){animation-delay:.16s}.kpis .kpi:nth-child(6){animation-delay:.2s}.bento>*:nth-child(2){animation-delay:.06s}.bento>*:nth-child(3){animation-delay:.12s}.bento>*:nth-child(4){animation-delay:.18s}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.kpi__label{font-size:10.5px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint)}.kpi__value{font-size:28px;font-weight:600;font-family:var(--mono);font-variant-numeric:tabular-nums;margin-top:5px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.card__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 13px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;padding:9px 0;border-top:1px solid var(--glass-brd)}.row:first-of-type{border-top:0}.muted{color:var(--text-dim)}.pill{font-size:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:999px;border:1px solid transparent}.pill--ok{background:var(--ok-bg);color:var(--ok);border-color:#3ee0a859}.pill--info{background:var(--info-bg);color:var(--info);border-color:#4da3ff59}.pill--warn{background:var(--warn-bg);color:var(--warn);border-color:#ffc15e59}.stub{color:var(--text-dim);font-size:14px;padding:56px 0;text-align:center}input{font:inherit;padding:11px 14px;border:1px solid var(--glass-brd-hi);border-radius:11px;background:#00000040;color:var(--text);min-height:44px}input::placeholder{color:var(--text-faint)}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ok-bg)}.btn{font:inherit;font-size:13px;min-height:40px;padding:9px 18px;border-radius:11px;border:1px solid var(--glass-brd-hi);background:#ffffff0a;color:var(--text);cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease),transform .06s var(--ease)}.btn:hover{background:#ffffff17;border-color:var(--glass-brd-hi)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn--ok{background:var(--ok-bg);color:var(--ok);border-color:#3ee0a866}.btn--ok:hover{background:#3ee0a838}.btn--danger{background:var(--danger-bg);color:var(--danger);border-color:#ff7a8a66}.btn--danger:hover{background:#ff7a8a38}.approvals__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.cmdk{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding-top:14vh;background:#04060c99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .15s var(--ease)}.cmdk__panel{width:min(560px,92vw);background:var(--glass-2);border:1px solid var(--glass-brd-hi);border-radius:18px;box-shadow:0 40px 120px -40px #000,0 0 60px -30px #5de0c44d;overflow:hidden;-webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%);animation:popIn .18s var(--ease)}.cmdk__input{width:100%;border:0;border-bottom:1px solid var(--glass-brd);border-radius:0;background:transparent;min-height:54px;padding:0 18px;font-size:15px}.cmdk__input:focus{box-shadow:none}.cmdk__list{max-height:44vh;overflow-y:auto;padding:8px}.cmdk__item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;font-size:13.5px;color:var(--text-dim);cursor:pointer}.cmdk__item--active{background:#ffffff12;color:var(--text)}.cmdk__item--active:after{content:"↵";font-family:var(--mono);color:var(--accent)}.cmdk__empty{padding:24px;text-align:center;color:var(--text-faint);font-size:13px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login{height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login__card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px;background:var(--glass-2);border:1px solid var(--glass-brd-hi);border-radius:20px;padding:36px 28px;-webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%);box-shadow:0 40px 120px -50px #000,0 0 70px -34px #5de0c466;animation:popIn .3s var(--ease)}.login__brand{display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px;font-weight:600;margin-bottom:4px}.login__brand:before{content:"";width:11px;height:11px;border-radius:50%;background:var(--grad);box-shadow:0 0 16px 2px #5de0c499}.login__err{color:var(--danger);font-size:13px}.login__card input{width:100%}.login__card .btn{width:100%;justify-content:center;min-height:48px;background:var(--grad);color:#05231b;border:0;font-weight:700}.login__card .btn:hover{filter:brightness(1.08)}@media (prefers-reduced-motion: reduce){.bg:before,.bg:after{animation:none}.live__dot,.kpi,.card,.cmdk,.cmdk__panel,.login__card{animation:none}*{transition-duration:.01ms!important}}@supports (padding: max(0px)){.main{padding-bottom:max(26px,env(safe-area-inset-bottom))}}@media (max-width: 820px){body{overflow:auto}.app{flex-direction:column;height:auto;min-height:100vh}.nav{flex-direction:row;align-items:center;gap:4px;margin:10px;padding:9px 12px;overflow-x:auto;position:sticky;top:10px;z-index:10}.nav__brand{padding:6px 10px;white-space:nowrap;flex:0 0 auto}.nav__item{width:auto;flex:0 0 auto;white-space:nowrap}.nav__item--active:before{left:8px;right:8px;top:auto;bottom:0;width:auto;height:3px}.nav__hint{display:none}.nav__logout{margin-top:0;margin-left:auto}.main{padding:16px}.bento>*{grid-column:span 12!important}.kpis{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}}