:root{--brand-primary: #ffd354;--brand-primary-dim: #f5c832;--brand-primary-bg: #fff8e1;--brand-primary-text: #7a5c00;--gray-950: #0d0d0d;--gray-900: #141414;--gray-850: #1a1a1a;--gray-800: #202020;--gray-700: #2c2c2c;--gray-600: #3d3d3d;--gray-500: #5a5a5a;--gray-400: #7a7a7a;--gray-300: #a3a3a3;--gray-200: #d1d1d1;--gray-100: #e8e8e8;--gray-50: #f5f5f5;--white: #ffffff;--color-success: #22c55e;--color-success-bg: #052e16;--color-warning: #f59e0b;--color-warning-bg: #1c1400;--color-danger: #ef4444;--color-danger-bg: #1f0707;--color-info: #3b82f6;--color-info-bg: #0a1628;--bg-canvas: var(--gray-950);--bg-surface: var(--gray-900);--bg-elevated: var(--gray-850);--bg-overlay: var(--gray-800);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--text-primary: #f0f0f0;--text-secondary: #a3a3a3;--text-muted: #5a5a5a;--text-on-brand: #0d0d0d;--font-display: "Montserrat", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Open Sans", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-md: 18px;--text-lg: 20px;--text-xl: 26px;--text-2xl: 34px;--text-3xl: 50px;--text-4xl: 68px;--leading-tight: 1.15;--leading-normal: 1.5;--leading-loose: 1.75;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-brand: 0 0 0 1px rgba(255, 211, 84, .3), 0 4px 20px rgba(255, 211, 84, .15);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}html{font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none}body{margin:0;font-family:var(--font-body);line-height:var(--leading-normal);background:radial-gradient(circle at top left,rgba(255,211,84,.16),transparent 28%),radial-gradient(circle at top right,rgba(59,130,246,.1),transparent 24%),radial-gradient(circle at bottom left,rgba(255,255,255,.04),transparent 24%),linear-gradient(180deg,#111,#090909 56%,#060606);color:var(--text-primary)}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{appearance:none}strong,b{font-weight:700}img{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:transform .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;font-weight:600;line-height:1;white-space:nowrap}.button svg{flex-shrink:0}.button:focus-visible,.field__control:focus-visible,.sidebar__item:focus-visible,.header__ghost:focus-visible{outline:2px solid rgba(255,211,84,.55);outline-offset:2px}.button--sm{min-height:36px;padding:0 var(--space-3);font-size:var(--text-sm)}.button--lg{min-height:50px;padding:0 var(--space-6);font-size:var(--text-base)}.button--primary{background:var(--brand-primary);color:var(--text-on-brand);box-shadow:0 10px 22px #ffd35429}.button--primary:hover{background:var(--brand-primary-dim);transform:translateY(-1px)}.button--secondary{background:#202020e6;color:var(--text-primary);border-color:var(--border-default)}.button--secondary:hover,.button--outline:hover{border-color:var(--border-strong);background:#282828eb}.button--ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.button--ghost:hover{background:#ffffff0d;color:var(--text-primary)}.button--danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:#ef444466}.button--outline{background:#ffffff05;color:var(--text-primary);border-color:var(--border-default)}.button--icon{width:40px;min-width:40px;padding:0}.button__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.button__label{overflow:hidden;text-overflow:ellipsis}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-full);border:1px solid transparent;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.badge__dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse-dot 1.5s infinite ease-in-out}.badge--success{background:#22c55e1f;color:var(--color-success);border-color:#22c55e4d}.badge--warning{background:#f59e0b1f;color:var(--color-warning);border-color:#f59e0b4d}.badge--danger{background:#ef44441f;color:var(--color-danger);border-color:#ef44444d}.badge--info{background:#3b82f61f;color:var(--color-info);border-color:#3b82f64d}.badge--brand{background:var(--brand-primary-bg);color:var(--brand-primary-text);border-color:#ffd3544d}.badge--neutral{background:#ffffff0f;color:var(--text-secondary);border-color:var(--border-default)}.card{background:linear-gradient(180deg,#1a1a1aeb,#101010e6);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff05}.card--elevated{background:linear-gradient(180deg,#1c1c1cfa,#101010f0);border-color:var(--border-default);box-shadow:var(--shadow-md)}.card--accent{border-left:3px solid var(--brand-primary)}.card--interactive:hover{border-color:#ffd35466;transform:translateY(-2px)}.field{display:flex;flex-direction:column;gap:var(--space-2);width:100%;min-width:0}.field__label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600}.field__control{width:100%;min-height:46px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-default);background:#181818e6;color:var(--text-primary);transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.field__control::placeholder{color:var(--text-muted)}.field__control:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #ffd35426}.field__control--textarea{min-height:120px;resize:vertical;padding:var(--space-4);line-height:var(--leading-normal)}.field__select-wrap{position:relative;width:100%}.field__control--select{appearance:none;padding-right:40px;cursor:pointer}.field__select-icon{position:absolute;top:50%;right:var(--space-4);transform:translateY(-50%);pointer-events:none;color:var(--text-secondary)}.field__hint,.field__error{font-size:var(--text-xs)}.field__hint{color:var(--text-muted)}.field__error{color:var(--color-danger)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:#121212bd}.table{width:100%;border-collapse:collapse;min-width:680px}.table__head{background:#1a1a1af2;color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;text-align:left;padding:var(--space-4)}.table__row:nth-child(2n){background:#ffffff05}.table__row:hover{background:#ffffff0a}.table__cell{padding:var(--space-4);border-top:1px solid var(--border-subtle);vertical-align:top}.table__empty-cell{padding:0}.table-skeleton,.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#232323,#343434,#232323);background-size:200% 100%;animation:shimmer 1.6s linear infinite}.table-skeleton{height:18px}.skeleton{min-height:18px}.avatar{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#ffd3544d,#3b82f638);color:var(--text-primary);font-weight:700}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--sm{width:28px;height:28px;font-size:var(--text-xs)}.avatar--md{width:40px;height:40px}.avatar--lg{width:56px;height:56px}.tooltip{position:relative;display:inline-flex}.tooltip__content{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);min-width:180px;padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:#0d0d0df5;color:var(--text-primary);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:15}.tooltip:hover .tooltip__content{opacity:1}.overlay{position:fixed;inset:0;z-index:40;display:flex;justify-content:center;padding:var(--space-8);background:#000000b8;overflow-y:auto}.panel{background:linear-gradient(180deg,#1a1a1afa,#0e0e0efa);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.panel--modal{width:min(560px,100%);animation:panel-in .2s ease-out;margin:auto 0}.panel--drawer{margin-left:auto;width:min(480px,100%);min-height:calc(100vh - var(--space-16));animation:drawer-in .2s ease-out}.panel__header,.panel__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle)}.panel__footer{border-top:1px solid var(--border-subtle);border-bottom:0;justify-content:flex-end}.panel__header h3{margin:0;font-family:var(--font-display);font-size:var(--text-lg)}.panel__header p{margin:6px 0 0;color:var(--text-secondary)}.panel__body{padding:var(--space-6);overflow:auto;max-height:calc(100vh - 220px);display:flex;flex-direction:column;gap:var(--space-5)}.toast-viewport{position:fixed;right:var(--space-6);bottom:var(--space-6);z-index:60;display:flex;flex-direction:column;gap:var(--space-3);width:min(360px,calc(100vw - 32px))}.toast{position:relative;display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-default);background:#141414f2;box-shadow:var(--shadow-md);animation:slide-up .2s ease-out}.toast__content{display:flex;flex-direction:column;gap:4px}.toast__content span{color:var(--text-secondary);font-size:var(--text-sm)}.toast__progress{position:absolute;left:0;bottom:0;height:3px;width:100%;transform-origin:left;background:var(--brand-primary);animation:shrink 4s linear forwards}@keyframes shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast--success{border-color:#22c55e4d}.toast--warning{border-color:#f59e0b4d}.toast--danger{border-color:#ef44444d}.toast--info{border-color:#3b82f64d}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{display:grid;grid-template-columns:auto 1fr;min-height:0;height:100%;overflow:hidden}.sidebar{position:sticky;top:0;align-self:start;height:100%;overflow-y:auto;background:linear-gradient(180deg,#101010f5,#0a0a0af5);border-right:1px solid var(--border-subtle);transition:width .25s ease-in-out;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sidebar__inner{display:flex;flex-direction:column;gap:var(--space-6);height:100%;padding:var(--space-6) var(--space-4)}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:1rem;letter-spacing:.01em}.sidebar__mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--brand-primary);color:var(--text-on-brand)}.sidebar__list{display:flex;flex-direction:column;gap:6px}.sidebar__section{color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;margin:var(--space-2) 0}.sidebar__item{display:flex;align-items:center;gap:var(--space-3);min-height:46px;padding:0 var(--space-3);border-left:2px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);transition:all .12s ease}.sidebar--collapsed .sidebar__item{justify-content:center;padding:0;width:46px;margin:0 auto;border-left-color:transparent;border-radius:var(--radius-md)}.sidebar--collapsed .sidebar__item--active{border-left-color:transparent;box-shadow:0 0 0 1px #ffd35459}.sidebar--collapsed .sidebar__brand{justify-content:center}.sidebar--collapsed .button{justify-content:center;padding:0;width:46px;min-width:unset;margin:0 auto}.sidebar__item:hover{background:#ffffff0a;color:var(--text-primary)}.sidebar__item--active{background:#ffd3541f;color:var(--brand-primary);border-left-color:var(--brand-primary)}.app-main{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow-y:auto;overflow-x:hidden}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-4) var(--space-8);background:linear-gradient(180deg,#0b0b0be0,#0b0b0bb8);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header__left,.header__right{display:flex;align-items:center;gap:var(--space-4);min-width:0;flex-wrap:wrap}.header__left{gap:var(--space-5)}.header__context{display:flex;align-items:center;gap:var(--space-3);margin-left:var(--space-3);padding-left:var(--space-3);border-left:1px solid var(--border-subtle);min-width:0;flex-wrap:wrap}.header__select{min-width:240px;max-width:320px}.header__title h1{margin:0;font-family:var(--font-display);font-size:1.45rem;line-height:var(--leading-tight);font-weight:700}.header__title span,.header__crumbs,.header__ghost{color:var(--text-secondary);font-size:var(--text-sm)}.header__title{display:flex;flex-direction:column;gap:2px;min-width:0;flex-shrink:0}.header__crumbs{text-transform:none;letter-spacing:.01em;font-size:var(--text-xs)}.header__ghost{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-default);background:#ffffff05;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.header__ghost:hover{background:#ffffff0f;border-color:var(--border-strong);color:var(--text-primary)}.header__context-trigger{width:auto;height:auto;padding:0;border:0;background:transparent;border-radius:0;gap:8px;flex-shrink:0;justify-content:flex-start}.header__context-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600}.header__context-trigger:hover .header__context-label{color:var(--text-primary)}.header__avatar-btn{width:auto;height:auto;padding:2px;border-radius:50%}.status-indicator{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm)}.status-indicator__dot{width:10px;height:10px;border-radius:50%;background:var(--color-danger)}.status-indicator__dot--online{background:var(--color-success);animation:pulse-dot 1.6s infinite ease-in-out}.page-wrapper{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-8);width:100%;min-width:0}.page-header,.toolbar,.stack,.split,.metric-inline,.feed-item,.ticket-row,.device-card__top,.device-card__meta,.list-inline{display:flex;gap:var(--space-4)}.page-header,.toolbar,.device-card__top,.device-card__meta{align-items:center;justify-content:space-between;flex-wrap:wrap}.stack{flex-direction:column}.page-header h2,.section-title{margin:0;font-family:var(--font-display);line-height:var(--leading-tight);font-weight:700}.page-header p,.subtle,.empty-state p,.muted{color:var(--text-secondary)}.section-title{font-size:1.2rem}.grid{display:grid;gap:var(--space-6)}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{display:flex;flex-direction:column;gap:var(--space-3)}.stat-card strong{font-family:var(--font-display);font-size:clamp(1.8rem,2vw,2.6rem);font-weight:700}.stat-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.stat-card--brand{border-bottom:2px solid var(--brand-primary)}.search-bar{position:relative;display:flex;align-items:center;width:100%}.search-bar svg{position:absolute;left:var(--space-4);z-index:1;color:var(--text-muted)}.search-bar .field{width:100%}.search-bar .field__control{padding-left:40px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-12)}.empty-state__icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:22px;background:#ffd35424;color:var(--brand-primary)}.data-table{display:flex;flex-direction:column;gap:var(--space-4)}.data-table__pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);color:var(--text-secondary)}.kpi-strip,.filters-grid,.timeline,.detail-grid,.report-grid,.settings-grid,.checkin-layout,.device-grid,.event-grid,.content-grid{display:grid;gap:var(--space-6)}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.event-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.content-grid{grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr)}.checkin-layout{grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr)}.device-grid,.report-grid,.settings-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.timeline{grid-template-columns:1fr}.timeline-item{display:flex;gap:var(--space-3);align-items:flex-start}.timeline-item__dot{width:10px;height:10px;border-radius:50%;margin-top:6px;background:var(--brand-primary)}.live-feed{display:flex;flex-direction:column;gap:var(--space-3);max-height:460px;overflow:auto}.feed-item{align-items:center;padding:var(--space-3);border-radius:var(--radius-md);background:#ffffff08;animation:slide-down .18s ease-out;min-width:0;flex-wrap:wrap}.feed-item__meta{display:flex;flex-direction:column;gap:4px;min-width:0}.feed-item__meta strong{font-size:var(--text-base)}.feed-item__meta span{color:var(--text-secondary);font-size:var(--text-sm)}.metric-line{width:100%;height:6px;border-radius:var(--radius-full);background:#ffffff14;overflow:hidden}.metric-line>span{display:block;height:100%;background:var(--brand-primary)}.device-card{display:flex;flex-direction:column;gap:var(--space-4)}.device-card__meta{color:var(--text-secondary);font-size:var(--text-sm)}.mono{font-family:var(--font-mono)}.hero-login{display:grid;grid-template-columns:1.15fr .85fr;min-height:100vh}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-12) var(--space-10);background:radial-gradient(ellipse at 10% 10%,rgba(255,211,84,.18) 0%,transparent 50%),radial-gradient(ellipse at 90% 90%,rgba(59,130,246,.1) 0%,transparent 50%),linear-gradient(160deg,#111,#0a0a0a);border-right:1px solid var(--border-subtle);overflow:hidden}.login-brand__glow{position:absolute;top:-120px;left:-120px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(255,211,84,.14) 0%,transparent 68%);pointer-events:none}.login-brand__content{display:flex;flex-direction:column;gap:var(--space-10);z-index:1}.login-brand__logo{display:flex;align-items:center;gap:var(--space-3)}.login-brand__mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--brand-primary);color:var(--text-on-brand);flex-shrink:0}.login-brand__name{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.08em;color:var(--text-primary)}.login-brand__headline h1{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.05;letter-spacing:-.03em;color:var(--text-primary)}.login-brand__headline h1 em{font-style:normal;color:var(--brand-primary)}.login-brand__headline p{max-width:400px;font-size:var(--text-md);color:var(--text-secondary);line-height:var(--leading-loose)}.login-brand__features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.login-brand__features li{display:flex;align-items:flex-start;gap:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.login-brand__check{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#ffd35426;color:var(--brand-primary);font-size:11px;font-weight:700;margin-top:1px}.login-brand__footer{font-size:var(--text-xs);color:var(--text-muted);z-index:1}.login-form-side{display:flex;align-items:center;justify-content:center;padding:var(--space-8);background:var(--gray-950)}.login-form-card{width:min(440px,100%);display:flex;flex-direction:column;gap:var(--space-8)}.login-form-card--error{animation:shake .26s ease-in-out}.login-form-card__header{display:flex;align-items:flex-start;gap:var(--space-4)}.login-form-card__header h2{margin:0 0 6px;font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--text-primary);line-height:var(--leading-tight)}.login-form-card__header p{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.login-form-card__fields{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-6)}.login-field-wrap{position:relative}.login-field-icon{position:absolute;left:14px;top:38px;color:var(--text-muted);pointer-events:none;z-index:1}.login-field-wrap .field__control{padding-left:42px}.login-field-eye{position:absolute;right:12px;top:34px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color .12s ease;padding:0}.login-field-eye:hover{color:var(--text-secondary)}.login-form-card__hint{margin:var(--space-5) 0 0;text-align:center;font-size:var(--text-xs);color:var(--text-muted)}@media(max-width:860px){.login-layout{grid-template-columns:1fr}.login-brand{min-height:300px;padding:var(--space-8) var(--space-6);border-right:none;border-bottom:1px solid var(--border-subtle)}.login-brand__headline h1{font-size:clamp(1.8rem,6vw,2.4rem)}.login-brand__features{display:none}}.operator-shell{min-height:100vh;padding:var(--space-6)}.operator-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.operator-panel{min-height:calc(100vh - 120px)}.tab-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tab-button{border:1px solid var(--border-default);border-radius:var(--radius-full);padding:10px 16px;background:#ffffff08;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.tab-button:hover{background:#ffffff0f;color:var(--text-primary)}.tab-button--active{border-color:#ffd35466;background:#ffd3541f;color:var(--brand-primary)}.banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid rgba(255,211,84,.24);border-radius:var(--radius-lg);background:#ffd35414}.canvas-placeholder{display:flex;align-items:center;justify-content:center;min-height:300px;padding:var(--space-6);border-radius:var(--radius-xl);border:1px dashed rgba(255,211,84,.28);background:radial-gradient(circle at center,rgba(255,211,84,.12),transparent 48%),#ffffff05;text-align:center;color:var(--text-secondary)}.chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-item{display:flex;flex-direction:column;gap:6px;min-width:0}.detail-item span{color:var(--text-secondary);font-size:var(--text-sm)}.grid-span-2{grid-column:span 2}.mobile-sidebar-trigger{position:fixed;left:var(--space-4);bottom:var(--space-4);z-index:35;display:none}@media(max-width:1200px){.grid--4,.content-grid,.checkin-layout,.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:30;width:min(280px,86vw);transform:translate(-110%)}.sidebar--mobile-open{transform:translate(0)}.header,.page-wrapper,.operator-shell{padding-left:var(--space-4);padding-right:var(--space-4)}.mobile-sidebar-trigger{display:inline-flex}.hero-login,.grid--4,.grid--3,.grid--2,.content-grid,.checkin-layout,.detail-grid{grid-template-columns:1fr}.header__select{min-width:100%;max-width:none}.header__context{margin-left:0;padding-left:0;border-left:0;width:100%}.table{min-width:560px}.hero-login__brand{min-height:280px}.grid-span-2{grid-column:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.snapshot-viewer{display:flex;flex-direction:column;gap:var(--space-5)}.snapshot-viewer__frame{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-lg);overflow:hidden;background:#0a0a0a;border:1px solid var(--border-subtle)}.snapshot-viewer__image{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .2s ease}.snapshot-viewer__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);width:100%;height:100%;color:var(--text-muted);font-size:var(--text-sm)}.snapshot-viewer__placeholder--error{color:var(--color-danger)}.snapshot-viewer__loading{position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent 0%,var(--brand-primary) 50%,transparent 100%);animation:snapshot-loading 1s ease-in-out infinite}@keyframes snapshot-loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.snapshot-viewer__live-badge{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;font-weight:700;letter-spacing:.08em;color:#fff;text-transform:uppercase}.snapshot-viewer__dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:pulse-dot 1.4s infinite ease-in-out}.snapshot-viewer__dot--paused{background:var(--text-muted);animation:none}.snapshot-viewer__controls{display:flex;align-items:center;gap:var(--space-3)}.snapshot-viewer__info{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-secondary);flex-wrap:wrap}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.35}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}