:root,[data-theme=light]{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-success-500:#10b981;--color-success-600:#059669;--color-success-bg:#ecfdf5;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger-bg:#fef2f2;--color-warning-500:#f59e0b;--color-warning-bg:#fffbeb;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-primary:var(--color-primary-600);--color-primary-dark:var(--color-primary-700);--color-primary-light:var(--color-primary-100);--color-success:var(--color-success-600);--color-danger:var(--color-danger-600);--color-warning:var(--color-warning-500);--bg-page:var(--color-neutral-50);--bg-surface:#fff;--bg-surface-raised:#fff;--bg-surface-alt:var(--color-neutral-100);--bg-input:#fff;--bg-sidebar:#0f172a;--bg-sidebar-hover:#ffffff0f;--bg-sidebar-active:var(--color-primary-600);--text-primary:var(--color-neutral-800);--text-secondary:var(--color-neutral-600);--text-muted:var(--color-neutral-500);--text-inverse:#fff;--border-color:var(--color-neutral-200);--border-color-strong:var(--color-neutral-300);--border-focus:var(--color-primary-500);--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 1px 3px #0f172a14, 0 1px 2px #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a14, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0d;--shadow-focus:0 0 0 3px #2563eb33;--login-gradient:linear-gradient(145deg, #0f172a 0%, #1e3a5f 50%, #0f172a 100%);--sidebar-width:272px;--topbar-height:64px;--page-max-width:1440px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--transition-fast:.15s ease;--transition-base:.2s ease;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--color-primary-50:#1e3a5f;--color-primary-100:#1e40af;--color-primary-500:#60a5fa;--color-primary-600:#3b82f6;--color-primary-700:#2563eb;--color-success-500:#34d399;--color-success-600:#10b981;--color-success-bg:#064e3b;--color-danger-500:#f87171;--color-danger-600:#ef4444;--color-danger-bg:#450a0a;--color-warning-500:#fbbf24;--color-warning-bg:#451a03;--color-neutral-50:#1e293b;--color-neutral-100:#334155;--color-neutral-200:#475569;--color-neutral-300:#64748b;--color-neutral-400:#94a3b8;--color-neutral-500:#cbd5e1;--color-neutral-600:#e2e8f0;--color-neutral-700:#f1f5f9;--color-neutral-800:#f8fafc;--color-neutral-900:#fff;--bg-page:#0b1220;--bg-surface:#111827;--bg-surface-raised:#1a2332;--bg-surface-alt:#1e293b;--bg-input:#0f172a;--bg-sidebar:#070d18;--bg-sidebar-hover:#ffffff0f;--bg-sidebar-active:var(--color-primary-600);--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#1e293b;--border-color-strong:#334155;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--shadow-focus:0 0 0 3px #3b82f659;--login-gradient:linear-gradient(145deg, #020617 0%, #0f172a 50%, #020617 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base), color var(--transition-base)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);color:var(--text-inverse);z-index:200;transition:transform var(--transition-base);border-right:1px solid #ffffff0f;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{padding:var(--space-6) var(--space-5);border-bottom:1px solid #ffffff14}.sidebar-brand{align-items:center;gap:var(--space-3);display:flex}.sidebar-brand__logo{background:linear-gradient(135deg, var(--color-primary-600), var(--color-primary-700));border-radius:var(--radius-lg);width:40px;height:40px;font-weight:700;font-size:var(--text-sm);letter-spacing:-.02em;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex}.sidebar-brand__text h1{font-size:var(--text-lg);letter-spacing:-.02em;font-weight:700;line-height:var(--leading-tight)}.sidebar-brand__text p{font-size:var(--text-xs);color:#ffffff80;margin-top:2px}.sidebar-nav{padding:var(--space-4) var(--space-3);flex:1;overflow-y:auto}.sidebar-nav__label{text-transform:uppercase;letter-spacing:.06em;color:#ffffff59;padding:var(--space-4) var(--space-3) var(--space-2);font-size:.6875rem;font-weight:600}.nav-link{align-items:center;gap:var(--space-3);padding:.625rem var(--space-3);border-radius:var(--radius-md);color:#ffffffa6;font-size:var(--text-base);transition:all var(--transition-fast);margin-bottom:2px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{background:var(--bg-sidebar-hover);color:#fff;text-decoration:none}.nav-link.active{background:var(--bg-sidebar-active);color:#fff;box-shadow:var(--shadow-sm)}.sidebar-footer{padding:var(--space-4);border-top:1px solid #ffffff14}.user-card{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);margin-bottom:var(--space-3);background:#ffffff0a;border:1px solid #ffffff0f;display:flex}.user-card__avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-700));width:36px;height:36px;font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.user-card__info{flex:1;min-width:0}.user-card__name{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.user-card__role{font-size:var(--text-xs);color:#ffffff73;text-transform:capitalize}.logout-btn{width:100%;font-size:var(--text-sm);justify-content:flex-start;color:#ffffff8c!important}.logout-btn:hover{color:#fff!important;background:#ffffff0f!important}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.mobile-topbar{z-index:150;height:var(--topbar-height);background:var(--bg-surface);border-bottom:1px solid var(--border-color);padding:0 var(--space-4);align-items:center;gap:var(--space-3);box-shadow:var(--shadow-xs);display:none;position:sticky;top:0}.mobile-topbar__title{font-size:var(--text-md);flex:1;font-weight:600}.mobile-menu-btn{background:var(--bg-surface);width:40px;height:40px;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);justify-content:center;align-items:center;display:none}.mobile-menu-btn:hover{background:var(--bg-surface-alt)}.sidebar-overlay{z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;position:fixed;inset:0}.page{padding:var(--space-8);max-width:var(--page-max-width);flex:1;width:100%;margin:0 auto}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.page-header__content{flex:1;min-width:0}.page-header__back{margin-bottom:var(--space-2);padding-left:0!important}.page-header__title{font-size:var(--text-3xl);letter-spacing:-.025em;font-weight:700;line-height:var(--leading-tight);color:var(--text-primary)}.page-header__subtitle{font-size:var(--text-base);color:var(--text-muted);margin-top:var(--space-2);max-width:56ch}.page-header__actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.header-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.card{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin-bottom:var(--space-6);overflow:hidden}.card--flush .card-body{padding:0}.card:not(.card--flush){padding:var(--space-6)}.card:not(.card--flush) .card-body{padding:0}.card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color);display:flex}.card-header__title{font-size:var(--text-lg);letter-spacing:-.01em;color:var(--text-primary);font-weight:600}.card-header__description{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);align-items:flex-start;gap:var(--space-4);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-fast), border-color var(--transition-fast);display:flex}.stat-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-color-strong)}.stat-card__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-card--blue .stat-card__icon{color:#1d4ed8;background:#dbeafe}.stat-card--green .stat-card__icon{color:#059669;background:#d1fae5}.stat-card--purple .stat-card__icon{color:#7c3aed;background:#ede9fe}.stat-card--orange .stat-card__icon{color:#ea580c;background:#ffedd5}[data-theme=dark] .stat-card--blue .stat-card__icon{color:#60a5fa;background:#1e3a5f}[data-theme=dark] .stat-card--green .stat-card__icon{color:#34d399;background:#064e3b}[data-theme=dark] .stat-card--purple .stat-card__icon{color:#c4b5fd;background:#3b0764}[data-theme=dark] .stat-card--orange .stat-card__icon{color:#fb923c;background:#431407}.stat-card__label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1);font-weight:500;display:block}.stat-card__value{font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--text-primary);font-weight:700;line-height:var(--leading-tight);display:block}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:.5625rem var(--space-4);border-radius:var(--radius-md);min-height:38px;font-family:inherit;font-size:var(--text-base);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--bg-surface);color:var(--text-secondary);border-color:var(--border-color-strong)}.btn-secondary:hover:not(:disabled){background:var(--bg-surface-alt);border-color:var(--color-neutral-400)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-danger-600)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--bg-surface-alt);color:var(--text-primary)}.btn-icon{padding:var(--space-2);min-width:38px;min-height:38px}.btn-block{width:100%}.btn-sm{padding:.4375rem var(--space-3);min-height:32px;font-size:var(--text-sm)}.btn-lg{padding:.6875rem var(--space-5);min-height:44px;font-size:var(--text-md)}.form-group{margin-bottom:var(--space-4)}.form-group label,.form-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:500;display:block}.form-control,.form-group input,.form-group textarea,.form-group select{width:100%;min-height:40px;padding:.5625rem var(--space-3);border:1px solid var(--border-color-strong);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);color:var(--text-primary);background:var(--bg-input);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-group textarea{resize:vertical;min-height:88px}.form-control:focus,.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.form-control--error,.form-group input.form-control--error{border-color:var(--color-danger)}.form-control--error:focus{box-shadow:0 0 0 3px #ef444433}.form-error{align-items:center;gap:var(--space-1);color:var(--color-danger);font-size:var(--text-xs);margin-top:var(--space-2);display:flex}.form-hint{color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--space-2);line-height:var(--leading-relaxed);display:block}.form-row{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.form-section{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-color)}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section__header{margin-bottom:var(--space-5)}.form-section__title,.form-section h2{font-size:var(--text-md);color:var(--text-primary);letter-spacing:-.01em;font-weight:600}.form-section__description{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.form-actions{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-6);margin-top:var(--space-6);border-top:1px solid var(--border-color);display:flex}.full-width{grid-column:1/-1}.table-responsive{-webkit-overflow-scrolling:touch;margin:0 calc(var(--space-6) * -1);padding:0 var(--space-6);overflow-x:auto}.card:not(.card--flush) .table-responsive{margin:0 calc(var(--space-6) * -1) calc(var(--space-6) * -1);padding:0}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-base)}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);background:var(--bg-surface-alt);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border-color);white-space:nowrap;font-weight:600}.data-table td{padding:var(--space-4);border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover td{background:var(--bg-surface-alt)}.data-table tbody tr:last-child td{border-bottom:none}.table-link{color:var(--color-primary);font-weight:500}.table-link:hover{text-decoration:underline}.search-bar{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.search-input-wrapper{align-items:center;gap:var(--space-2);min-width:200px;padding:0 var(--space-3);border:1px solid var(--border-color-strong);border-radius:var(--radius-md);background:var(--bg-input);min-height:40px;color:var(--text-muted);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex:1;display:flex}.search-input-wrapper:focus-within{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.search-input-wrapper input{padding:var(--space-2) 0;font-size:var(--text-base);color:var(--text-primary);min-height:unset;background:0 0;border:none;outline:none;flex:1}.filters-panel{padding:var(--space-5);background:var(--bg-surface-alt);border-radius:var(--radius-lg);margin-bottom:var(--space-5);border:1px solid var(--border-color)}.pagination{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-5);margin-top:var(--space-5);border-top:1px solid var(--border-color);flex-wrap:wrap;display:flex}.pagination__info{font-size:var(--text-sm);color:var(--text-muted)}.pagination__controls{align-items:center;gap:var(--space-3);display:flex}.pagination__page{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;min-width:100px;font-weight:500}.badge,.role-badge,.status-badge,.action-badge{border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:capitalize;border:1px solid #0000;align-items:center;padding:.1875rem .625rem;font-weight:600;line-height:1.4;display:inline-flex}.badge--default,.action-badge{background:var(--bg-surface-alt);color:var(--text-secondary);border-color:var(--border-color)}.badge--admin,.role-admin{color:#6d28d9;background:#ede9fe}.badge--supervisor,.role-supervisor{color:#1d4ed8;background:#dbeafe}.badge--agent,.role-agent{color:#059669;background:#d1fae5}.badge--viewer,.role-viewer{background:var(--bg-surface-alt);color:var(--text-muted)}.badge--success,.status-badge.active{background:var(--color-success-bg);color:var(--color-success)}.badge--danger,.status-badge.inactive{background:var(--color-danger-bg);color:var(--color-danger)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning-500)}[data-theme=dark] .badge--warning{color:var(--color-warning-500)}.badge--mono,.action-badge{font-family:ui-monospace,monospace;font-size:.6875rem}[data-theme=dark] .badge--admin,[data-theme=dark] .role-admin{color:#c4b5fd;background:#3b0764}[data-theme=dark] .badge--supervisor,[data-theme=dark] .role-supervisor{color:#93c5fd;background:#1e3a5f}[data-theme=dark] .badge--agent,[data-theme=dark] .role-agent{color:#6ee7b7;background:#064e3b}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);font-size:var(--text-base);border:1px solid #0000;display:flex}.alert__icon{flex-shrink:0;margin-top:1px}.alert__content{line-height:var(--leading-relaxed);flex:1}.alert--error,.alert-error{background:var(--color-danger-bg);color:var(--color-danger);border-color:#ef444440}.alert--success,.alert-success{background:var(--color-success-bg);color:var(--color-success);border-color:#10b98140}.alert--info{background:var(--color-primary-50);color:var(--color-primary-700);border-color:#2563eb33}[data-theme=dark] .alert--info{color:#93c5fd;background:#1e3a5f}.loading-screen,.loading-inline{padding:var(--space-12);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.loading-message{font-size:var(--text-sm);color:var(--text-muted)}.spinner{border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-12) var(--space-6)}.empty-state__icon{color:var(--text-muted);opacity:.5;margin-bottom:var(--space-4)}.empty-state__title{font-size:var(--text-md);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600}.empty-state__description{font-size:var(--text-sm);color:var(--text-muted);max-width:36ch;margin:0 auto var(--space-4);line-height:var(--leading-relaxed)}.empty-state__action{margin-top:var(--space-4)}.access-denied{text-align:center;padding:var(--space-12) var(--space-6);max-width:400px;margin:0 auto}.access-denied h2{font-size:var(--text-xl);margin-bottom:var(--space-2);font-weight:600}.access-denied p{color:var(--text-muted)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;padding:var(--space-4);background:#0f172a99;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);width:100%;max-width:440px;animation:.2s slideUp}.modal--wide{max-width:560px}.modal__body{padding:0 var(--space-6) var(--space-6);gap:var(--space-1);flex-direction:column;display:flex}.checkbox-label{align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;line-height:var(--leading-relaxed);display:flex}.checkbox-label input[type=checkbox]{width:auto;min-height:unset;accent-color:var(--color-primary);flex-shrink:0;margin-top:3px}.modal__header{gap:var(--space-4);padding:var(--space-6);padding-bottom:var(--space-4);display:flex}.modal__icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.modal__icon--danger{background:var(--color-danger-bg);color:var(--color-danger)}.modal__icon--default{background:var(--color-primary-light);color:var(--color-primary)}.modal__header-text{flex:1;min-width:0}.modal__title{font-size:var(--text-lg);letter-spacing:-.01em;font-weight:600}.modal__message{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2);line-height:var(--leading-relaxed)}.modal__close{margin:calc(var(--space-2) * -1);flex-shrink:0}.modal__footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--border-color);display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login-page{background:var(--login-gradient);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex;position:relative}.login-theme-toggle{top:var(--space-4);right:var(--space-4);z-index:10;position:absolute}.login-card{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-10);border:1px solid var(--border-color);width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-icon{color:var(--color-primary);margin-bottom:var(--space-4)}.login-header h1{font-size:var(--text-2xl);letter-spacing:-.025em;color:var(--text-primary);font-weight:700}.login-header p{color:var(--text-muted);font-size:var(--text-base);margin-top:var(--space-2);line-height:var(--leading-relaxed)}.login-form .form-group{margin-bottom:var(--space-5)}.login-footer{text-align:center;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-6);line-height:var(--leading-relaxed)}.photo-capture{margin-bottom:var(--space-4)}.photo-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.photo-preview{text-align:center}.photo-preview img{border-radius:var(--radius-lg);max-width:100%;max-height:280px;margin-bottom:var(--space-3);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.camera-view{text-align:center}.camera-view video{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#000;width:100%;max-width:480px}.camera-controls{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.record-detail-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.customer-photo{object-fit:contain;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-surface-alt);width:100%;max-height:400px}.detail-list{gap:var(--space-4);flex-direction:column;display:flex}.detail-item dt{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1);font-weight:600}.detail-item dd{font-size:var(--text-base);color:var(--text-primary);line-height:var(--leading-relaxed)}.detail-item dd.amount{font-size:var(--text-xl);color:var(--color-primary);font-weight:700}.resource-id{color:var(--text-muted);font-size:var(--text-xs)}.details-cell{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:var(--text-xs);color:var(--text-muted);overflow:hidden}.perm-cell{text-align:center}.perm-check{color:var(--color-success);font-weight:600}.perm-dash{color:var(--text-muted)}@media (width<=768px){.hide-mobile{display:none!important}}.error-boundary{min-height:100vh;padding:var(--space-6);background:var(--bg-page);justify-content:center;align-items:center;display:flex}.error-boundary__card{text-align:center;max-width:400px;padding:var(--space-10);background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.error-boundary__icon{color:var(--color-danger);margin-bottom:var(--space-4)}.error-boundary__title{font-size:var(--text-xl);margin-bottom:var(--space-2);font-weight:600}.error-boundary__message{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.card .empty-state{padding:var(--space-8) var(--space-4)}.card .empty-state__icon{margin-bottom:var(--space-3)}.compliance-notice{border-left:4px solid var(--color-warning)}.compliance-notice h2{font-size:var(--text-md);margin-bottom:var(--space-2);font-weight:600}.compliance-notice p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}code{background:var(--bg-surface-alt);color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);border:1px solid var(--border-color);padding:.125rem .375rem}.theme-toggle{background:var(--bg-surface-alt);border-radius:var(--radius-md);border:1px solid var(--border-color);gap:2px;padding:3px;display:flex}.theme-toggle--sidebar{margin-bottom:var(--space-3);background:#ffffff0f;border-color:#ffffff1a}.theme-toggle-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;font-family:inherit;font-weight:500;display:inline-flex}.theme-toggle--sidebar .theme-toggle-btn{color:#ffffff80}.theme-toggle-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.theme-toggle--sidebar .theme-toggle-btn:hover{color:#fff;background:#ffffff14}.theme-toggle-btn.active,.theme-toggle--sidebar .theme-toggle-btn.active{background:var(--color-primary);color:#fff}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.page{padding:var(--space-6)}.hide-tablet{display:none!important}}@media (width<=768px){.sidebar{box-shadow:var(--shadow-lg);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.main-content{margin-left:0}.mobile-topbar{display:flex}.mobile-menu-btn{display:inline-flex}.page{padding:var(--space-4);padding-top:var(--space-4)}.page-header{margin-bottom:var(--space-6);flex-direction:column}.page-header__title{font-size:var(--text-2xl)}.page-header__actions{width:100%}.page-header__actions .btn{flex:1}.stats-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.search-bar{flex-direction:column}.search-bar .btn{width:100%}.pagination{text-align:center;flex-direction:column;align-items:stretch}.pagination__controls{justify-content:center}.pagination__btn-text{display:none}.record-detail-grid{grid-template-columns:1fr}.login-card{padding:var(--space-6)}.data-table thead{display:none}.data-table tbody tr{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-3);padding:var(--space-4);box-shadow:var(--shadow-xs);display:block}.data-table tbody tr:hover td{background:0 0}.data-table td{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--border-color);text-align:right;display:flex}.data-table td:last-child{border-bottom:none}.data-table td:before{content:attr(data-label);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);text-align:left;flex-shrink:0;font-weight:600}.data-table td.hide-mobile{display:none}.table-responsive{margin:0;padding:0;overflow-x:visible}.card .table-responsive{margin:0 calc(var(--space-6) * -1) calc(var(--space-6) * -1);padding:0 var(--space-4) var(--space-4)}}@media (width<=480px){.stat-card__value{font-size:var(--text-xl)}.modal__footer{flex-direction:column-reverse}.modal__footer .btn{width:100%}}