:root{--color-primary:#0c2157;--color-primary-hover:#1e3a8a;--color-primary-light:#dbeafe;--color-primary-dark:#061635;--color-secondary:#6c757d;--color-secondary-hover:#545b62;--color-secondary-light:#f8f9fa;--color-secondary-dark:#343a40;--color-accent-100:#dbeafe;--color-success:#28a745;--color-success-hover:#218838;--color-success-light:#d4edda;--color-success-dark:#155724;--color-danger:#dc3545;--color-danger-hover:#c82333;--color-danger-light:#f8d7da;--color-danger-dark:#721c24;--color-warning:#ffc107;--color-warning-hover:#e0a800;--color-warning-light:#fff3cd;--color-warning-dark:#856404;--color-info:#17a2b8;--color-info-hover:#138496;--color-info-light:#d1ecf1;--color-info-dark:#0c5460;--color-white:#ffffff;--color-gray-50:#f8f9fa;--color-gray-100:#f1f3f5;--color-gray-200:#e9ecef;--color-gray-300:#dee2e6;--color-gray-400:#ced4da;--color-gray-500:#adb5bd;--color-gray-600:#6c757d;--color-gray-700:#495057;--color-gray-800:#343a40;--color-gray-900:#212529;--color-black:#000000;--bg-primary:var(--color-white);--bg-secondary:var(--color-gray-50);--bg-tertiary:var(--color-gray-100);--bg-hover:var(--color-gray-100);--bg-active:var(--color-gray-200);--bg-disabled:var(--color-gray-200);--bg-overlay:rgba(0,0,0,0.5);--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-700);--text-tertiary:var(--color-gray-600);--text-muted:var(--color-gray-500);--text-disabled:var(--color-gray-400);--text-inverse:var(--color-white);--text-link:var(--color-primary);--text-link-hover:var(--color-primary-hover);--border-color:var(--color-gray-300);--border-color-light:var(--color-gray-200);--border-color-dark:var(--color-gray-400);--border-color-focus:var(--color-primary);--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"SF Mono",Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--spacing-0:0;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--spacing-5xl:8rem;--radius-sm:2px;--radius-base:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--border-width-none:0;--border-width-thin:1px;--border-width-base:2px;--border-width-thick:4px;--shadow-none:none;--shadow-base:0 4px 16px rgba(12,33,87,0.15),0 2px 8px rgba(12,33,87,0.08);--shadow-md:0 8px 24px rgba(12,33,87,0.18),0 4px 12px rgba(12,33,87,0.12);--shadow-2xl:0 32px 72px rgba(12,33,87,0.28),0 16px 36px rgba(12,33,87,0.22);--shadow-inner:inset 0 2px 4px 0 rgba(12,33,87,0.08);--transition-none:none;--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out;--transition-slower:500ms ease-in-out;--duration-base:200ms;--duration-slow:300ms;--duration-slowest:1000ms;--breakpoint-xs:0;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1440px;--z-below:-1;--z-above:1;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-notification:1080;--button-padding-x:var(--spacing-md);--button-padding-y:var(--spacing-sm);--button-font-size:var(--font-size-base);--button-font-weight:var(--font-weight-medium);--button-border-radius:var(--radius-base);--button-transition:all var(--transition-fast);--card-padding:var(--spacing-lg);--card-border-radius:var(--radius-lg);--card-shadow:var(--shadow-base);--card-border-color:var(--border-color-light);--card-bg:var(--bg-primary);--input-padding-x:var(--spacing-md);--input-padding-y:var(--spacing-sm);--input-font-size:var(--font-size-base);--input-border-radius:var(--radius-base);--input-border-color:var(--border-color);--input-border-color-focus:var(--color-primary);--input-bg:var(--bg-primary);--input-placeholder-color:var(--text-muted);--modal-padding:var(--spacing-xl);--modal-border-radius:var(--radius-lg);--modal-shadow:var(--shadow-xl);--modal-backdrop-bg:var(--bg-overlay);--modal-max-width:600px;--header-height:64px;--header-bg:var(--bg-primary);--header-border-color:var(--border-color-light);--header-shadow:var(--shadow-sm);--sidebar-width:250px;--sidebar-width-collapsed:60px;--sidebar-bg:var(--bg-secondary);--sidebar-border-color:var(--border-color-light);--table-header-bg:var(--bg-secondary);--table-row-hover-bg:var(--bg-hover);--table-border-color:var(--border-color-light);--table-padding-x:var(--spacing-md);--table-padding-y:var(--spacing-sm);--badge-padding-x:var(--spacing-sm);--badge-padding-y:var(--spacing-xs);--badge-font-size:var(--font-size-xs);--badge-font-weight:var(--font-weight-semibold);--badge-border-radius:var(--radius-full);--alert-padding:var(--spacing-md);--alert-border-radius:var(--radius-base);--alert-border-width:var(--border-width-thin);--tooltip-padding:var(--spacing-sm);--tooltip-font-size:var(--font-size-sm);--tooltip-bg:var(--color-gray-900);--tooltip-color:var(--color-white);--tooltip-border-radius:var(--radius-base);--tooltip-shadow:var(--shadow-lg);--progress-height:8px;--progress-bg:var(--bg-secondary);--progress-border-radius:var(--radius-full);--avatar-size-sm:32px;--avatar-size-base:40px;--avatar-size-lg:48px;--avatar-size-xl:64px;--avatar-border-radius:var(--radius-full);--chip-padding-x:var(--spacing-sm);--chip-padding-y:var(--spacing-xs);--chip-font-size:var(--font-size-sm);--chip-border-radius:var(--radius-full);--list-item-padding-x:var(--spacing-md);--list-item-padding-y:var(--spacing-sm);--list-item-hover-bg:var(--bg-hover);--divider-color:var(--border-color-light);--divider-width:var(--border-width-thin);--status-available:var(--color-success);--status-busy:var(--color-danger);--status-away:var(--color-warning);--status-offline:var(--color-gray-400);--status-on-break:var(--color-info)}--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-hover:#374151;--bg-active:#4b5563;--bg-disabled:#374151;--text-primary:#f8fafc;--text-secondary:#e2e8f0;--text-tertiary:#cbd5e1;--text-muted:#94a3b8;--text-disabled:#64748b;--text-inverse:#0f172a;--border-color:#475569;--border-color-light:#374151;--border-color-dark:#64748b;--card-bg:#1e293b;--card-border-color:#374151;--input-bg:#1e293b;--input-border-color:#475569;--input-placeholder-color:#94a3b8;--header-bg:#0f172a;--header-border-color:#374151;--sidebar-bg:#1e293b;--sidebar-border-color:#374151;--table-header-bg:#1e293b;--table-row-hover-bg:#374151;--table-border-color:#475569;--list-item-hover-bg:#374151;--shadow-xs:0 1px 3px rgba(0,0,0,0.4);--shadow-sm:0 2px 8px rgba(0,0,0,0.5);--shadow-base:0 4px 16px rgba(0,0,0,0.6),0 2px 8px rgba(0,0,0,0.4);--shadow-md:0 8px 24px rgba(0,0,0,0.7),0 4px 12px rgba(0,0,0,0.5);--shadow-lg:0 16px 40px rgba(0,0,0,0.8),0 8px 20px rgba(0,0,0,0.6);--shadow-xl:0 24px 56px rgba(0,0,0,0.9),0 12px 28px rgba(0,0,0,0.7);#__next,:root,body,html,main{background-color:#f8f9fa!important}#__next,body,html,main{min-height:100vh;margin:0;padding:0}.no-fouc{visibility:hidden;opacity:0}.fouc-ready{visibility:visible;opacity:1;transition:opacity .1s ease-in}.cl-card,.cl-rootBox{background-color:transparent!important}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--luxury-primary:#0a0e27;--luxury-secondary:#64748b;--luxury-accent:#0c2157;--luxury-accent-light:#1e3a8a;--luxury-accent-dark:#061635;--luxury-black:#000000;--luxury-charcoal:#0f172a;--luxury-gray-dark:#334155;--luxury-gray:#64748b;--luxury-gray-medium:#94a3b8;--luxury-gray-light:#e2e8f0;--luxury-silver:#f8fafc;--luxury-pearl:#ffffff;--luxury-white:#ffffff;--luxury-neon:#00f0ff;--luxury-electric:#2563eb;--luxury-electric-bright:#3b82f6;--luxury-plasma:#8b5cf6;--luxury-quantum:#10b981;--luxury-platinum:#f1f5f9;--success-green:#10b981;--warning-amber:#f59e0b;--error-red:#ef4444;--luxury-brand:var(--luxury-accent);--luxury-brand-light:var(--luxury-accent-light);--luxury-brand-dark:var(--luxury-accent-dark);--font-display:"Inter","Manrope","DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Inter","DM Sans","Outfit",-apple-system,BlinkMacSystemFont,sans-serif;--font-accent:"JetBrains Mono","Space Mono","SF Mono",monospace;--font-mono:"JetBrains Mono","Space Mono","Courier New",monospace;--weight-thin:100;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--text-5xl:3rem;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.6;--leading-relaxed:1.75;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--spacing-xs:var(--space-xs);--spacing-sm:var(--space-sm);--spacing-md:var(--space-md);--spacing-lg:var(--space-lg);--spacing-xl:var(--space-xl);--spacing-2xl:var(--space-2xl);--spacing-3xl:var(--space-3xl);--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-xs:0 1px 3px rgba(12,33,87,0.08);--shadow-sm:0 2px 8px rgba(12,33,87,0.12);--shadow-md:0 4px 16px rgba(12,33,87,0.15),0 2px 8px rgba(12,33,87,0.08);--shadow-lg:0 16px 40px rgba(12,33,87,0.2),0 8px 20px rgba(12,33,87,0.15);--shadow-xl:0 24px 56px rgba(12,33,87,0.22),0 12px 28px rgba(12,33,87,0.18);--shadow-brand:0 12px 32px rgba(12,33,87,0.25),0 6px 16px rgba(30,58,138,0.15);--glow-brand:0 0 20px rgba(15,58,122,0.3);--transition-fast:0.15s ease-in-out;--transition-base:0.2s ease-in-out;--transition-slow:0.3s cubic-bezier(0.4,0,0.2,1);--duration-normal:250ms;--easing-default:ease;--easing-in:ease-in;--easing-out:ease-out;--easing-in-out:ease-in-out;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-notification:800;--bg-primary:#ffffff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--bg-inverse:var(--luxury-primary);--surface-base:#ffffff;--surface-raised:#ffffff;--surface-overlay:rgba(255,255,255,0.95);--surface-glass:rgba(255,255,255,0.7);--text-primary:#212121;--text-secondary:#6c757d;--text-tertiary:#adb5bd;--text-disabled:#dee2e6;--text-inverse:#ffffff;--text-brand:var(--luxury-accent);--border-default:#dee2e6;--border-light:#e9ecef;--border-strong:#adb5bd;--border-brand:var(--luxury-accent);--state-hover-opacity:0.8;--state-active-opacity:0.6;--state-disabled-opacity:0.4;--state-focus-color:var(--luxury-accent);--state-focus-width:2px;--action-primary:var(--luxury-accent);--action-primary-hover:var(--luxury-accent-light);--action-secondary:var(--luxury-gray);--action-secondary-hover:var(--luxury-gray-dark);--action-success:var(--success-green);--action-warning:var(--warning-amber);--action-danger:var(--error-red);--button-padding-x:var(--space-lg);--button-padding-y:var(--space-sm);--button-radius:var(--radius-md);--button-font-size:var(--text-sm);--button-font-weight:var(--weight-medium);--button-letter-spacing:0.05em;--button-text-transform:uppercase;--button-height-sm:2rem;--button-height-md:2.5rem;--button-height-lg:3rem;--card-padding:var(--space-xl);--card-radius:var(--radius-xl);--card-shadow:var(--shadow-md);--card-border:1px solid rgba(255,255,255,0.3);--card-bg:rgba(255,255,255,0.7);--input-padding-x:var(--space-md);--input-padding-y:var(--space-sm);--input-radius:var(--radius-md);--input-border:1px solid var(--border-default);--input-font-size:var(--text-base);--input-height:2.5rem;--queue-card-width:320px;--queue-card-padding:var(--space-lg);--queue-card-radius:var(--radius-xl);--queue-card-gap:var(--space-lg);--status-available:var(--success-green);--status-busy:var(--warning-amber);--status-break:var(--luxury-gray-medium);--status-offline:var(--luxury-gray-dark);--container-max:1440px;--sidebar-width:320px;--header-height:80px;--layout-gutter:var(--space-lg);--layout-container-padding:var(--space-lg);--layout-section-spacing:var(--space-3xl)}.dark-theme,[data-theme=dark]{--luxury-primary:#f1f5f9;--luxury-secondary:#94a3b8;--luxury-accent:#3b82f6;--luxury-accent-light:#60a5fa;--luxury-accent-dark:#1e40af;--luxury-black:#f1f5f9;--luxury-charcoal:#e2e8f0;--luxury-gray-dark:#cbd5e1;--luxury-gray:#94a3b8;--luxury-gray-medium:#64748b;--luxury-gray-light:#475569;--luxury-silver:#334155;--luxury-pearl:#1e293b;--luxury-white:#0f172a;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-inverse:#f1f5f9;--surface-base:#1e293b;--surface-raised:#334155;--surface-overlay:rgba(30,41,59,0.95);--surface-glass:rgba(30,41,59,0.7);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-disabled:#475569;--text-inverse:#0f172a;--border-default:#475569;--border-light:#334155;--border-strong:#64748b;--card-bg:rgba(30,41,59,0.7);--shadow-xs:0 1px 3px rgba(0,0,0,0.4);--shadow-sm:0 2px 8px rgba(0,0,0,0.5);--shadow-md:0 4px 16px rgba(0,0,0,0.6),0 2px 8px rgba(0,0,0,0.3);--shadow-lg:0 16px 40px rgba(0,0,0,0.7),0 8px 20px rgba(0,0,0,0.4);--shadow-xl:0 24px 56px rgba(0,0,0,0.8),0 12px 28px rgba(0,0,0,0.5);--shadow-brand:0 12px 32px rgba(59,130,246,0.3),0 6px 16px rgba(30,64,175,0.2);--glow-brand:0 0 20px rgba(59,130,246,0.4);--status-available:#10b981;--status-busy:#f59e0b;--status-break:#64748b;--status-offline:#334155}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--leading-normal)}ol,ul{list-style:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}canvas,img,picture,svg,video{display:block;max-width:100%;height:auto}table{border-collapse:collapse;border-spacing:0}fieldset{border:none}[disabled]{cursor:not-allowed;opacity:.6}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}::selection{background-color:var(--brand-primary);color:var(--neutral-0)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:1;transition:all var(--duration-normal) var(--easing-default);cursor:pointer;border:none;text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn-primary{background-color:var(--action-primary);color:var(--color-gray-0)}.btn-primary:hover{background-color:var(--action-primary-hover)}.btn-secondary{background-color:transparent;color:var(--action-secondary);border:1px solid var(--border-default)}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--border-strong)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background-color:var(--bg-secondary)}.btn-danger{background-color:var(--action-danger);color:var(--color-gray-0)}.btn-danger:hover{filter:brightness(.9)}.btn-sm{height:var(--button-height-sm);padding:var(--size-1) var(--size-3);font-size:var(--text-sm)}.btn-md{height:var(--button-height-md)}.btn-lg{height:var(--button-height-lg);padding:var(--size-3) var(--size-6);font-size:var(--text-lg)}.btn:disabled{opacity:var(--state-disabled-opacity);cursor:not-allowed}.btn-loading{color:transparent}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:button-spin .6s linear infinite}@keyframes button-spin{to{transform:rotate(1turn)}}.card{background:var(--surface-base);border:var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-muted)}.card-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.card-body{color:var(--text-secondary)}.card-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-muted)}.card-elevated{box-shadow:var(--shadow-md);border:none}.card-interactive{transition:all var(--duration-normal) var(--easing-default);cursor:pointer}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--text-sm);font-weight:var(--font-medium)}.form-input,.form-label{color:var(--text-primary)}.form-input{width:100%;height:var(--input-height);padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--input-font-size);background:var(--surface-base);border:var(--input-border);border-radius:var(--input-radius);transition:all var(--duration-fast) var(--easing-default)}.form-input:focus{outline:none;border-color:var(--state-focus-color);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.form-input:disabled{opacity:var(--state-disabled-opacity);cursor:not-allowed;background:var(--bg-secondary)}.form-textarea{min-height:calc(var(--input-height) * 2);resize:vertical}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--size-2) center;background-repeat:no-repeat;background-size:20px;padding-right:var(--size-10)}.form-error{margin-top:var(--spacing-xs);font-size:var(--text-sm);color:var(--action-danger)}.badge{display:inline-flex;align-items:center;padding:var(--size-1) var(--size-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);line-height:1}.badge-primary{background:var(--color-brand-100);color:var(--color-brand-800)}.badge-success{background:rgba(16,185,129,.1);color:var(--action-success)}.badge-warning{background:rgba(245,158,11,.1);color:var(--action-warning)}.badge-danger{background:rgba(239,68,68,.1);color:var(--action-danger)}.badge-neutral{background:var(--bg-tertiary);color:var(--text-secondary)}.queue-card{width:var(--queue-card-width);padding:var(--queue-card-padding);background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--queue-card-radius);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--easing-default)}.queue-card-active{border-color:var(--action-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.queue-position{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-sm)}.queue-employee{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.queue-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--text-tertiary)}.queue-status-indicator{width:8px;height:8px;border-radius:50%;background:var(--action-success)}.queue-status-indicator.busy{background:var(--action-warning)}.queue-status-indicator.break{background:var(--action-danger)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay-bg);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center}.modal{background:var(--surface-base);border-radius:var(--modal-radius);padding:var(--modal-padding);box-shadow:var(--modal-shadow);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;z-index:var(--z-modal)}.modal-header{margin-bottom:var(--spacing-lg)}.modal-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary)}.modal-body{color:var(--text-secondary);line-height:var(--leading-relaxed)}.modal-footer{margin-top:var(--spacing-lg);display:flex;gap:var(--spacing-sm);justify-content:flex-end}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.mt-0{margin-top:0}.mt-1{margin-top:var(--size-1)}.mt-2{margin-top:var(--size-2)}.mt-3{margin-top:var(--size-3)}.mt-4{margin-top:var(--size-4)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--size-1)}.mb-2{margin-bottom:var(--size-2)}.mb-3{margin-bottom:var(--size-3)}.mb-4{margin-bottom:var(--size-4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:var(--font-bold)}.font-medium{font-weight:var(--font-medium)}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.w-full{width:100%}.w-auto{width:auto}.container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--layout-container-padding)}:root{--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-primary-950:#172554;--color-accent-500:#8b5cf6;--color-accent-600:#7c3aed;--color-accent-700:#6d28d9;--color-accent-1:#3b82f6;--color-accent-2:#60a5fa;--gradient-primary:linear-gradient(135deg,var(--color-accent-1) 0%,var(--color-accent-2) 100%);--color-accent-1-alpha-2:rgba(59,130,246,0.02);--color-accent-1-alpha-4:rgba(59,130,246,0.04);--color-accent-1-alpha-5:rgba(59,130,246,0.05);--color-accent-1-alpha-6:rgba(59,130,246,0.06);--color-accent-1-alpha-8:rgba(59,130,246,0.08);--color-accent-1-alpha-15:rgba(59,130,246,0.15);--color-accent-1-alpha-20:rgba(59,130,246,0.2);--color-accent-2-alpha-4:rgba(96,165,250,0.04);--color-accent-2-alpha-5:rgba(96,165,250,0.05);--gradient-subtle-bg:linear-gradient(135deg,var(--color-accent-1-alpha-6) 0%,var(--color-accent-2-alpha-4) 100%);--gradient-subtle-overlay:linear-gradient(135deg,var(--color-accent-1-alpha-4) 0%,var(--color-accent-2-alpha-5) 100%);--gradient-section-title:linear-gradient(90deg,var(--color-accent-1-alpha-8) 0%,var(--color-accent-1-alpha-2) 100%);--gradient-text:linear-gradient(135deg,#1e40af,#3b82f6);--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-200:#bbf7d0;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-200:#fecaca;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger-700:#b91c1c;--color-neutral-0:#ffffff;--color-neutral-50:#f9fafb;--color-neutral-100:#f3f4f6;--color-neutral-200:#e5e7eb;--color-neutral-300:#d1d5db;--color-neutral-400:#9ca3af;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:#111827;--color-neutral-950:#030712;--bg-primary:var(--color-neutral-0);--bg-secondary:var(--color-neutral-50);--bg-tertiary:var(--color-neutral-100);--bg-inverse:var(--color-neutral-900);--text-primary:var(--color-neutral-900);--text-secondary:var(--color-neutral-600);--text-tertiary:var(--color-neutral-500);--text-muted:var(--color-neutral-500);--text-inverse:var(--color-neutral-0);--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-none:0;--radius-sm:4px;--radius-base:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--border-width:1px;--border-width-2:2px;--border-color:var(--color-neutral-200);--border-color-strong:var(--color-neutral-300);--shadow-xs:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-sm:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.25);--shadow-inner:inset 0 2px 4px 0 rgb(0 0 0/0.05);--elevation-0:0;--elevation-1:1;--elevation-2:10;--elevation-3:100;--elevation-4:1000;--elevation-modal:2000;--elevation-toast:3000;--opacity-disabled:0.6;--opacity-muted:0.75;--focus-ring:rgba(37,99,235,0.1);--duration-instant:0ms;--duration-fast:150ms;--duration-base:250ms;--duration-slow:350ms;--duration-slower:500ms;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--transition-colors:color var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out);--transition-transform:transform var(--duration-base) var(--ease-in-out);--transition-all:all var(--duration-base) var(--ease-in-out);--header-height:56px;--bottom-nav-height:64px;--bottom-nav-safe-area:env(safe-area-inset-bottom,0);--bottom-nav-total:calc(var(--bottom-nav-height) + var(--bottom-nav-safe-area));--container-padding:var(--space-4);--container-max-width:100%;--button-height-sm:32px;--button-height-md:40px;--button-height-lg:48px;--button-height-xl:56px;--button-padding-x:var(--space-4);--button-icon-size:20px;--card-padding:var(--space-4);--card-radius:var(--radius-lg);--card-shadow:var(--shadow-sm);--card-border:var(--border-width) solid var(--border-color);--modal-overlay-bg:rgba(0,0,0,0.5);--modal-radius:var(--radius-xl);--modal-padding:var(--space-6);--modal-max-width:calc(100vw - var(--space-8));--list-item-padding:var(--space-3);--list-item-gap:var(--space-2);--list-divider:var(--border-width) solid var(--border-color);--status-dot-size:8px;--status-badge-height:24px;--status-badge-padding:0 var(--space-2)}.mobile-only{display:none!important}.desktop-only{display:block!important}@media (max-width:768px){.mobile-only{display:block!important}.desktop-only{display:none!important}}:root{--mobile-primary:#0c2157;--mobile-primary-light:#1e3a8a;--mobile-primary-dark:#030e2e;--mobile-primary-rgb:12,33,87;--mobile-success:#28a745;--mobile-success-light:#48b461;--mobile-success-dark:#1e7e34;--mobile-success-rgb:40,167,69;--mobile-danger:#dc3545;--mobile-danger-light:#e25663;--mobile-danger-dark:#b02a37;--mobile-danger-rgb:220,53,69;--mobile-warning:#ffc107;--mobile-warning-light:#ffcd39;--mobile-warning-dark:#d39e00;--mobile-warning-rgb:255,193,7;--mobile-info:#17a2b8;--mobile-info-light:#3ab0c3;--mobile-info-dark:#117a8b;--mobile-info-rgb:23,162,184;--mobile-primary-gradient:linear-gradient(135deg,var(--mobile-primary) 0%,var(--mobile-primary-dark) 100%);--mobile-success-gradient:linear-gradient(135deg,var(--mobile-success) 0%,var(--mobile-success-dark) 100%);--mobile-danger-gradient:linear-gradient(135deg,var(--mobile-danger) 0%,var(--mobile-danger-dark) 100%);--mobile-warning-gradient:linear-gradient(135deg,var(--mobile-warning) 0%,var(--mobile-warning-dark) 100%);--mobile-secondary-gradient:linear-gradient(135deg,var(--mobile-gray-600) 0%,var(--mobile-gray-700) 100%);--mobile-gray-50:#f8f9fa;--mobile-gray-100:#f1f3f5;--mobile-gray-200:#e9ecef;--mobile-gray-300:#dee2e6;--mobile-gray-400:#ced4da;--mobile-gray-500:#adb5bd;--mobile-gray-600:#6c757d;--mobile-gray-700:#495057;--mobile-gray-800:#343a40;--mobile-gray-900:#212529;--mobile-bg-primary:#ffffff;--mobile-bg-secondary:#f8f9fa;--mobile-bg-tertiary:#f1f3f5;--mobile-bg-elevated:#ffffff;--mobile-text-primary:#0c2157;--mobile-text-secondary:#666666;--mobile-text-tertiary:#6b7280;--mobile-text-muted:#9ca3af;--mobile-text-inverse:#ffffff;--mobile-text-link:var(--mobile-primary);--mobile-border-color:#dee2e6;--mobile-border-light:#e9ecef;--mobile-border-dark:#ced4da;--mobile-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mobile-font-mono:"SF Mono",Monaco,"Courier New",monospace;--mobile-text-xs:0.75rem;--mobile-text-sm:0.875rem;--mobile-text-base:1rem;--mobile-text-lg:1.125rem;--mobile-text-xl:1.25rem;--mobile-text-2xl:1.5rem;--mobile-text-3xl:1.875rem;--mobile-text-4xl:2.25rem;--mobile-leading-none:1;--mobile-leading-tight:1.25;--mobile-leading-normal:1.5;--mobile-leading-relaxed:1.75;--mobile-leading-loose:2;--mobile-font-thin:100;--mobile-font-light:300;--mobile-font-normal:400;--mobile-font-medium:500;--mobile-font-semibold:600;--mobile-font-bold:700;--mobile-font-extrabold:800;--mobile-tracking-tight:-0.025em;--mobile-tracking-normal:0;--mobile-tracking-wide:0.025em;--mobile-tracking-wider:0.05em;--mobile-tracking-widest:0.1em;--mobile-space-0:0;--mobile-space-1:0.25rem;--mobile-space-2:0.5rem;--mobile-space-3:0.75rem;--mobile-space-4:1rem;--mobile-space-5:1.25rem;--mobile-space-6:1.5rem;--mobile-space-7:1.75rem;--mobile-space-8:2rem;--mobile-space-10:2.5rem;--mobile-space-12:3rem;--mobile-space-16:4rem;--mobile-space-20:5rem;--mobile-space-24:6rem;--mobile-container-padding:var(--mobile-space-4);--mobile-container-max-width:100%;--mobile-header-height:56px;--mobile-header-z-index:100;--mobile-bottom-nav-height:64px;--mobile-bottom-nav-z-index:100;--mobile-content-padding-top:var(--mobile-header-height);--mobile-content-padding-bottom:var(--mobile-bottom-nav-height);--mobile-safe-area-top:env(safe-area-inset-top);--mobile-safe-area-bottom:env(safe-area-inset-bottom);--mobile-safe-area-left:env(safe-area-inset-left);--mobile-safe-area-right:env(safe-area-inset-right);--mobile-z-dropdown:1000;--mobile-z-sticky:1020;--mobile-z-fixed:1030;--mobile-z-modal-backdrop:1040;--mobile-z-modal:1050;--mobile-z-popover:1060;--mobile-z-tooltip:1070;--mobile-z-notification:1080;--mobile-button-height:48px;--mobile-button-padding-x:var(--mobile-space-4);--mobile-button-padding-y:var(--mobile-space-3);--mobile-button-font-size:var(--mobile-text-base);--mobile-button-font-weight:var(--mobile-font-semibold);--mobile-button-border-radius:8px;--mobile-input-height:48px;--mobile-input-padding-x:var(--mobile-space-3);--mobile-input-padding-y:var(--mobile-space-3);--mobile-input-font-size:var(--mobile-text-base);--mobile-input-border-width:1px;--mobile-input-border-radius:8px;--mobile-card-padding:var(--mobile-space-4);--mobile-card-border-radius:12px;--mobile-card-shadow:0 2px 8px rgba(0,0,0,0.08);--mobile-card-shadow-hover:0 4px 12px rgba(0,0,0,0.12);--mobile-list-item-height:56px;--mobile-list-item-padding-x:var(--mobile-space-4);--mobile-list-item-padding-y:var(--mobile-space-3);--mobile-modal-padding:var(--mobile-space-4);--mobile-modal-border-radius:16px 16px 0 0;--mobile-modal-backdrop:rgba(0,0,0,0.5);--mobile-badge-padding-x:var(--mobile-space-2);--mobile-badge-padding-y:var(--mobile-space-1);--mobile-badge-font-size:var(--mobile-text-xs);--mobile-badge-border-radius:12px;--mobile-shadow-xs:0 1px 2px rgba(0,0,0,0.05);--mobile-shadow-sm:0 2px 4px rgba(0,0,0,0.06);--mobile-shadow-md:0 4px 8px rgba(0,0,0,0.08);--mobile-shadow-lg:0 8px 16px rgba(0,0,0,0.1);--mobile-shadow-xl:0 12px 24px rgba(0,0,0,0.12);--mobile-shadow-2xl:0 24px 48px rgba(0,0,0,0.16);--mobile-transition-fast:150ms;--mobile-transition-normal:250ms;--mobile-transition-slow:350ms;--mobile-ease-linear:linear;--mobile-ease-in:cubic-bezier(0.4,0,1,1);--mobile-ease-out:cubic-bezier(0,0,0.2,1);--mobile-ease-in-out:cubic-bezier(0.4,0,0.2,1);--mobile-transition-colors:background-color var(--mobile-transition-fast) var(--mobile-ease-in-out),border-color var(--mobile-transition-fast) var(--mobile-ease-in-out),color var(--mobile-transition-fast) var(--mobile-ease-in-out);--mobile-transition-transform:transform var(--mobile-transition-normal) var(--mobile-ease-out);--mobile-transition-opacity:opacity var(--mobile-transition-normal) var(--mobile-ease-in-out);--mobile-transition-shadow:box-shadow var(--mobile-transition-normal) var(--mobile-ease-in-out);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px}@media (prefers-reduced-motion:reduce){:root{--mobile-transition-fast:0ms;--mobile-transition-normal:0ms;--mobile-transition-slow:0ms}}@media (min-width:768px){.mobile-only{display:none!important}}@media (max-width:767px){.desktop-only{display:none!important}}.mobile-content-wrapper{width:100%;min-height:100vh}.tablet-scaled{max-width:600px;margin:0 auto;padding:0 20px}@media (max-width:639px){.tablet-up{display:none!important}}@media (min-width:640px){.phone-only{display:none!important}}.mobile-container{width:100%;padding-left:var(--mobile-container-padding);padding-right:var(--mobile-container-padding);margin-left:auto;margin-right:auto}.safe-area-top{padding-top:var(--mobile-safe-area-top)}.safe-area-bottom{padding-bottom:var(--mobile-safe-area-bottom)}.safe-area-left{padding-left:var(--mobile-safe-area-left)}.safe-area-right{padding-right:var(--mobile-safe-area-right)}.safe-area-all{padding:var(--mobile-safe-area-top) var(--mobile-safe-area-right) var(--mobile-safe-area-bottom) var(--mobile-safe-area-left)}.mobile-content{padding-top:var(--mobile-header-height);padding-bottom:var(--mobile-bottom-nav-height);min-height:100vh}.mobile-scroll-container{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.touch-target{min-height:48px;min-width:48px;display:flex;align-items:center;justify-content:center}.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.no-zoom{touch-action:manipulation}.momentum-scroll{-webkit-overflow-scrolling:touch;overflow-y:auto}.tap-highlight-transparent{-webkit-tap-highlight-color:transparent}.tap-highlight-primary{-webkit-tap-highlight-color:rgba(12,33,87,.1)}@media (max-width:767px){.mobile-text-xs{font-size:var(--mobile-text-xs)!important}.mobile-text-sm{font-size:var(--mobile-text-sm)!important}.mobile-text-base{font-size:var(--mobile-text-base)!important}.mobile-text-lg{font-size:var(--mobile-text-lg)!important}.mobile-text-xl{font-size:var(--mobile-text-xl)!important}.mobile-text-2xl{font-size:var(--mobile-text-2xl)!important}.mobile-text-3xl{font-size:var(--mobile-text-3xl)!important}.mobile-leading-tight{line-height:var(--mobile-leading-tight)!important}.mobile-leading-normal{line-height:var(--mobile-leading-normal)!important}.mobile-leading-relaxed{line-height:var(--mobile-leading-relaxed)!important}.mobile-font-normal{font-weight:var(--mobile-font-normal)!important}.mobile-font-medium{font-weight:var(--mobile-font-medium)!important}.mobile-font-semibold{font-weight:var(--mobile-font-semibold)!important}.mobile-font-bold{font-weight:var(--mobile-font-bold)!important}.mobile-text-left{text-align:left!important}.mobile-text-center{text-align:center!important}.mobile-text-right{text-align:right!important}.mobile-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-line-clamp-2{-webkit-line-clamp:2}.mobile-line-clamp-2,.mobile-line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.mobile-line-clamp-3{-webkit-line-clamp:3}.mobile-p-0{padding:var(--mobile-space-0)!important}.mobile-p-1{padding:var(--mobile-space-1)!important}.mobile-p-2{padding:var(--mobile-space-2)!important}.mobile-p-3{padding:var(--mobile-space-3)!important}.mobile-p-4{padding:var(--mobile-space-4)!important}.mobile-p-5{padding:var(--mobile-space-5)!important}.mobile-p-6{padding:var(--mobile-space-6)!important}.mobile-p-8{padding:var(--mobile-space-8)!important}.mobile-px-0{padding-left:var(--mobile-space-0)!important;padding-right:var(--mobile-space-0)!important}.mobile-px-1{padding-left:var(--mobile-space-1)!important;padding-right:var(--mobile-space-1)!important}.mobile-px-2{padding-left:var(--mobile-space-2)!important;padding-right:var(--mobile-space-2)!important}.mobile-px-3{padding-left:var(--mobile-space-3)!important;padding-right:var(--mobile-space-3)!important}.mobile-px-4{padding-left:var(--mobile-space-4)!important;padding-right:var(--mobile-space-4)!important}.mobile-px-5{padding-left:var(--mobile-space-5)!important;padding-right:var(--mobile-space-5)!important}.mobile-px-6{padding-left:var(--mobile-space-6)!important;padding-right:var(--mobile-space-6)!important}.mobile-px-8{padding-left:var(--mobile-space-8)!important;padding-right:var(--mobile-space-8)!important}.mobile-py-0{padding-top:var(--mobile-space-0)!important;padding-bottom:var(--mobile-space-0)!important}.mobile-py-1{padding-top:var(--mobile-space-1)!important;padding-bottom:var(--mobile-space-1)!important}.mobile-py-2{padding-top:var(--mobile-space-2)!important;padding-bottom:var(--mobile-space-2)!important}.mobile-py-3{padding-top:var(--mobile-space-3)!important;padding-bottom:var(--mobile-space-3)!important}.mobile-py-4{padding-top:var(--mobile-space-4)!important;padding-bottom:var(--mobile-space-4)!important}.mobile-py-5{padding-top:var(--mobile-space-5)!important;padding-bottom:var(--mobile-space-5)!important}.mobile-py-6{padding-top:var(--mobile-space-6)!important;padding-bottom:var(--mobile-space-6)!important}.mobile-py-8{padding-top:var(--mobile-space-8)!important;padding-bottom:var(--mobile-space-8)!important}.mobile-m-0{margin:var(--mobile-space-0)!important}.mobile-m-1{margin:var(--mobile-space-1)!important}.mobile-m-2{margin:var(--mobile-space-2)!important}.mobile-m-3{margin:var(--mobile-space-3)!important}.mobile-m-4{margin:var(--mobile-space-4)!important}.mobile-m-5{margin:var(--mobile-space-5)!important}.mobile-m-6{margin:var(--mobile-space-6)!important}.mobile-m-8{margin:var(--mobile-space-8)!important}.mobile-mx-auto{margin-left:auto!important;margin-right:auto!important}.mobile-mx-0{margin-left:var(--mobile-space-0)!important;margin-right:var(--mobile-space-0)!important}.mobile-mx-1{margin-left:var(--mobile-space-1)!important;margin-right:var(--mobile-space-1)!important}.mobile-mx-2{margin-left:var(--mobile-space-2)!important;margin-right:var(--mobile-space-2)!important}.mobile-mx-3{margin-left:var(--mobile-space-3)!important;margin-right:var(--mobile-space-3)!important}.mobile-mx-4{margin-left:var(--mobile-space-4)!important;margin-right:var(--mobile-space-4)!important}.mobile-my-0{margin-top:var(--mobile-space-0)!important;margin-bottom:var(--mobile-space-0)!important}.mobile-my-1{margin-top:var(--mobile-space-1)!important;margin-bottom:var(--mobile-space-1)!important}.mobile-my-2{margin-top:var(--mobile-space-2)!important;margin-bottom:var(--mobile-space-2)!important}.mobile-my-3{margin-top:var(--mobile-space-3)!important;margin-bottom:var(--mobile-space-3)!important}.mobile-my-4{margin-top:var(--mobile-space-4)!important;margin-bottom:var(--mobile-space-4)!important}.mobile-gap-0{gap:var(--mobile-space-0)!important}.mobile-gap-1{gap:var(--mobile-space-1)!important}.mobile-gap-2{gap:var(--mobile-space-2)!important}.mobile-gap-3{gap:var(--mobile-space-3)!important}.mobile-gap-4{gap:var(--mobile-space-4)!important}.mobile-flex{display:flex!important}.mobile-inline-flex{display:inline-flex!important}.mobile-flex-row{flex-direction:row!important}.mobile-flex-col{flex-direction:column!important}.mobile-flex-row-reverse{flex-direction:row-reverse!important}.mobile-flex-col-reverse{flex-direction:column-reverse!important}.mobile-flex-wrap{flex-wrap:wrap!important}.mobile-flex-nowrap{flex-wrap:nowrap!important}.mobile-justify-start{justify-content:flex-start!important}.mobile-justify-center{justify-content:center!important}.mobile-justify-end{justify-content:flex-end!important}.mobile-justify-between{justify-content:space-between!important}.mobile-justify-around{justify-content:space-around!important}.mobile-justify-evenly{justify-content:space-evenly!important}.mobile-items-start{align-items:flex-start!important}.mobile-items-center{align-items:center!important}.mobile-items-end{align-items:flex-end!important}.mobile-items-baseline{align-items:baseline!important}.mobile-items-stretch{align-items:stretch!important}.mobile-flex-1{flex:1 1!important}.mobile-flex-auto{flex:1 1 auto!important}.mobile-flex-initial{flex:0 1 auto!important}.mobile-flex-none{flex:none!important}.mobile-flex-grow{flex-grow:1!important}.mobile-flex-grow-0{flex-grow:0!important}.mobile-flex-shrink{flex-shrink:1!important}.mobile-flex-shrink-0{flex-shrink:0!important}.mobile-grid{display:grid!important}.mobile-grid-cols-1{grid-template-columns:repeat(1,1fr)!important}.mobile-grid-cols-2{grid-template-columns:repeat(2,1fr)!important}.mobile-grid-cols-3{grid-template-columns:repeat(3,1fr)!important}.mobile-grid-cols-4{grid-template-columns:repeat(4,1fr)!important}.mobile-gap-0{gap:var(--mobile-space-0)!important}.mobile-gap-1{gap:var(--mobile-space-1)!important}.mobile-gap-2{gap:var(--mobile-space-2)!important}.mobile-gap-3{gap:var(--mobile-space-3)!important}.mobile-gap-4{gap:var(--mobile-space-4)!important}.mobile-block{display:block!important}.mobile-inline-block{display:inline-block!important}.mobile-inline{display:inline!important}.mobile-hidden{display:none!important}.mobile-w-full{width:100%!important}.mobile-w-auto{width:auto!important}.mobile-w-screen{width:100vw!important}.mobile-w-min{width:min-content!important}.mobile-w-max{width:max-content!important}.mobile-h-full{height:100%!important}.mobile-h-auto{height:auto!important}.mobile-h-screen{height:100vh!important}.mobile-h-min{height:min-content!important}.mobile-h-max{height:max-content!important}.mobile-min-h-screen{min-height:100vh!important}.mobile-max-w-full{max-width:100%!important}.mobile-static{position:static!important}.mobile-fixed{position:fixed!important}.mobile-absolute{position:absolute!important}.mobile-relative{position:relative!important}.mobile-sticky{position:-webkit-sticky!important;position:sticky!important}.mobile-top-0{top:0!important}.mobile-right-0{right:0!important}.mobile-bottom-0{bottom:0!important}.mobile-inset-0,.mobile-left-0{left:0!important}.mobile-inset-0{top:0!important;right:0!important;bottom:0!important}.mobile-inset-x-0{left:0!important;right:0!important}.mobile-inset-y-0{top:0!important;bottom:0!important}.mobile-border-0{border-width:0!important}.mobile-border{border-width:1px!important}.mobile-border-2{border-width:2px!important}.mobile-border-t{border-top-width:1px!important}.mobile-border-r{border-right-width:1px!important}.mobile-border-b{border-bottom-width:1px!important}.mobile-border-l{border-left-width:1px!important}.mobile-rounded-none{border-radius:0!important}.mobile-rounded-sm{border-radius:4px!important}.mobile-rounded{border-radius:8px!important}.mobile-rounded-md{border-radius:12px!important}.mobile-rounded-lg{border-radius:16px!important}.mobile-rounded-xl{border-radius:20px!important}.mobile-rounded-2xl{border-radius:24px!important}.mobile-rounded-full{border-radius:9999px!important}.mobile-shadow-none{box-shadow:none!important}.mobile-shadow-xs{box-shadow:var(--mobile-shadow-xs)!important}.mobile-shadow-sm{box-shadow:var(--mobile-shadow-sm)!important}.mobile-shadow{box-shadow:var(--mobile-shadow-md)!important}.mobile-shadow-lg{box-shadow:var(--mobile-shadow-lg)!important}.mobile-shadow-xl{box-shadow:var(--mobile-shadow-xl)!important}.mobile-shadow-2xl{box-shadow:var(--mobile-shadow-2xl)!important}.mobile-overflow-auto{overflow:auto!important}.mobile-overflow-hidden{overflow:hidden!important}.mobile-overflow-visible{overflow:visible!important}.mobile-overflow-scroll{overflow:scroll!important}.mobile-overflow-x-auto{overflow-x:auto!important}.mobile-overflow-x-hidden{overflow-x:hidden!important}.mobile-overflow-x-visible{overflow-x:visible!important}.mobile-overflow-x-scroll{overflow-x:scroll!important}.mobile-overflow-y-auto{overflow-y:auto!important}.mobile-overflow-y-hidden{overflow-y:hidden!important}.mobile-overflow-y-visible{overflow-y:visible!important}.mobile-overflow-y-scroll{overflow-y:scroll!important}.mobile-z-0{z-index:0!important}.mobile-z-10{z-index:10!important}.mobile-z-20{z-index:20!important}.mobile-z-30{z-index:30!important}.mobile-z-40{z-index:40!important}.mobile-z-50{z-index:50!important}.mobile-z-auto{z-index:auto!important}.mobile-opacity-0{opacity:0!important}.mobile-opacity-25{opacity:.25!important}.mobile-opacity-50{opacity:.5!important}.mobile-opacity-75{opacity:.75!important}.mobile-opacity-100{opacity:1!important}.mobile-bg-transparent{background-color:transparent!important}.mobile-bg-white{background-color:var(--mobile-bg-primary)!important}.mobile-bg-gray{background-color:var(--mobile-bg-secondary)!important}.mobile-bg-primary{background-color:var(--mobile-primary)!important}.mobile-bg-success{background-color:var(--mobile-success)!important}.mobile-bg-danger{background-color:var(--mobile-danger)!important}.mobile-bg-warning{background-color:var(--mobile-warning)!important}.mobile-bg-info{background-color:var(--mobile-info)!important}.mobile-text-primary{color:var(--mobile-text-primary)!important}.mobile-text-secondary{color:var(--mobile-text-secondary)!important}.mobile-text-tertiary{color:var(--mobile-text-tertiary)!important}.mobile-text-inverse{color:var(--mobile-text-inverse)!important}.mobile-text-success{color:var(--mobile-success)!important}.mobile-text-danger{color:var(--mobile-danger)!important}.mobile-text-warning{color:var(--mobile-warning)!important}.mobile-text-info{color:var(--mobile-info)!important}.mobile-text-white{color:white!important}.mobile-text-black{color:black!important}}.mobile-transition-colors{transition:var(--mobile-transition-colors)}.mobile-transition-transform{transition:var(--mobile-transition-transform)}.mobile-transition-opacity{transition:var(--mobile-transition-opacity)}.mobile-transition-shadow{transition:var(--mobile-transition-shadow)}.mobile-transition-all{transition:all var(--mobile-transition-normal) var(--mobile-ease-in-out)}.mobile-transition-none{transition:none!important}.dashboard{min-height:100vh;background:linear-gradient(135deg,var(--luxury-pearl) 0,var(--luxury-silver) 100%);display:flex;flex-direction:column;overflow-x:hidden}[data-theme=dark] .dashboard{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%)}.main-content{flex:1 1;padding:var(--layout-section-spacing) 0;min-height:calc(100vh - var(--header-height))}.content-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--layout-container-padding)}@media (min-width:768px){.content-container{padding:0 var(--space-xl)}}@media (min-width:1024px){.content-container{padding:0 var(--space-2xl)}}.header{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);transition:all var(--transition-base)}[data-theme=dark] .header{background:rgba(30,41,59,.95);border-bottom:1px solid var(--border-default)}.header-content{max-width:var(--container-max);margin:0 auto;padding:var(--space-md) var(--space-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.logo{display:flex;flex-direction:column;gap:var(--space-xs)}.brand-link{text-decoration:none;transition:transform var(--transition-fast)}.brand-link:hover{transform:translateY(-1px)}.brand-name{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);letter-spacing:-.03em;color:var(--luxury-accent);margin:0;transition:color var(--transition-base)}.tagline{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:0;opacity:.9}.header-right{display:flex;align-items:center;gap:var(--space-lg)}@media (max-width:768px){.header-content{padding:var(--space-sm) var(--space-md)}.brand-name{font-size:var(--text-2xl)}.tagline{display:none}}.footer{background:linear-gradient(135deg,var(--luxury-charcoal) 0,var(--luxury-primary) 100%);border-top:1px solid rgba(255,255,255,.1);padding:var(--space-3xl) 0;margin-top:auto;text-align:center}[data-theme=dark] .footer{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border-top:1px solid var(--border-default)}.footer-content{max-width:var(--container-max);margin:0 auto;padding:0 var(--layout-container-padding);display:flex;flex-direction:column;gap:var(--space-lg)}.footer-text{margin:0;color:rgba(255,255,255,.9);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-relaxed);letter-spacing:.02em}[data-theme=dark] .footer-text{color:var(--text-secondary)}.footer-subtext{margin:var(--space-sm) 0 0;color:rgba(255,255,255,.7);font-size:var(--text-sm);font-weight:var(--weight-regular)}[data-theme=dark] .footer-subtext{color:var(--text-tertiary)}.footer-link{color:var(--luxury-electric-bright);text-decoration:none;font-weight:var(--weight-semibold);transition:all var(--transition-fast);position:relative;letter-spacing:.03em;text-transform:uppercase;font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}[data-theme=dark] .footer-link{color:var(--luxury-electric)}.footer-link:hover{color:white;text-shadow:0 0 8px rgba(59,130,246,.6)}[data-theme=dark] .footer-link:hover{color:var(--luxury-electric-bright);text-shadow:none}.footer-link:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%) scaleX(0);width:80%;height:1px;transition:transform var(--transition-base)}.footer-link:after,[data-theme=dark] .footer-link:after{background:linear-gradient(90deg,transparent,var(--luxury-electric),transparent)}.footer-link:hover:after{transform:translateX(-50%) scaleX(1)}.navigationContainer{position:relative;z-index:1000}.menuButton{display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;background:linear-gradient(135deg,#ffffff,#f8f9fa);border:1px solid #e0e6ed;border-radius:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.04);min-width:180px}.menuButton:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-1px)}.userAvatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#0f3a7a,#1e5cad);display:flex;align-items:center;justify-content:center;flex-shrink:0}.userInitials{color:white;font-size:12px;font-weight:600;letter-spacing:.5px}.userInfo{display:flex;flex-direction:column;align-items:flex-start;flex:1 1;min-width:0}.userName{font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.userName,.userRole{line-height:1.2;text-align:left}.userRole{font-size:11px;color:#64748b}.chevron{transition:transform .3s ease;color:#94a3b8;flex-shrink:0}.chevronUp{transform:rotate(180deg)}.dropdown{position:absolute;top:calc(100% + 8px);right:0;background:white;border:1px solid #e0e6ed;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.12);min-width:280px;max-width:320px;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdownHeader{padding:16px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e0e6ed;display:flex;flex-direction:column;gap:8px}.headerTop{display:flex;justify-content:space-between;align-items:center;width:100%}.userEmail{font-size:12px;color:#64748b;font-style:italic;opacity:.9}.businessName{font-size:14px;font-weight:600;color:#1e293b}.roleTag{padding:4px 10px;background:linear-gradient(135deg,#0f3a7a,#1e5cad);color:white;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.menuSection{padding:8px}.sectionTitle{padding:8px 12px 4px;font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.menuItem{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;transition:all .2s ease;text-decoration:none;color:#475569;font-size:14px;font-weight:500;cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.menuItem:hover{background:#f1f5f9;color:#1e293b;transform:translateX(2px)}.menuItem.active{background:linear-gradient(135deg,rgba(15,58,122,.08),rgba(30,92,173,.08));color:#0f3a7a;font-weight:600}.menuIcon,.menuIconBlue{width:20px;text-align:center;font-size:16px}.menuIconBlue{filter:sepia(100%) saturate(200%) hue-rotate(190deg) brightness(.8)}.menuDivider{height:1px;background:#e0e6ed;margin:4px 12px}.signOutButton{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;transition:all .2s ease;text-decoration:none;color:#dc2626;font-size:14px;font-weight:500;cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.signOutButton:hover{background:#fef2f2;color:#b91c1c}@media (max-width:768px){.menuButton{min-width:auto;padding:8px 12px 8px 8px}.userName{max-width:100px}.dropdown{left:0;right:auto;min-width:260px}}@media (max-width:480px){.userInfo{display:none}.menuButton{padding:8px;min-width:auto}.dropdown{position:fixed;top:60px;bottom:auto;left:10px;right:10px;border-radius:16px;max-width:none;max-height:calc(100vh - 80px);overflow-y:auto;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}:global([data-theme=dark]) .menuButton{background:linear-gradient(135deg,#1e293b,#334155);border-color:#475569;color:#f1f5f9}:global([data-theme=dark]) .menuButton:hover{background:linear-gradient(135deg,#334155,#475569)}:global([data-theme=dark]) .userName{color:#f1f5f9}:global([data-theme=dark]) .userRole{color:#94a3b8}:global([data-theme=dark]) .dropdown{background:rgba(15,23,42,.98);border:1px solid rgba(148,163,184,.2);box-shadow:0 20px 50px rgba(0,0,0,.8),0 0 0 1px rgba(148,163,184,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}:global([data-theme=dark]) .dropdownHeader{background:linear-gradient(135deg,rgba(51,65,85,.6),rgba(71,85,105,.6));border-bottom:1px solid rgba(148,163,184,.15)}:global([data-theme=dark]) .businessName{color:#ffffff;font-weight:500}:global([data-theme=dark]) .userEmail{color:#94a3b8;opacity:.9}:global([data-theme=dark]) .menuItem{color:#e2e8f0;background:transparent}:global([data-theme=dark]) .menuItem:hover{background:rgba(51,65,85,.8);color:#ffffff;box-shadow:inset 0 0 0 1px rgba(148,163,184,.2)}:global([data-theme=dark]) .menuItem.active{background:linear-gradient(135deg,rgba(30,92,173,.25),rgba(15,58,122,.25));color:#60a5fa;font-weight:600;box-shadow:inset 0 0 0 1px rgba(96,165,250,.3)}:global([data-theme=dark]) .menuItem.active:hover{background:linear-gradient(135deg,rgba(30,92,173,.35),rgba(15,58,122,.35));color:#93c5fd}:global([data-theme=dark]) .menuDivider{background:rgba(148,163,184,.2)}:global([data-theme=dark]) .sectionTitle{color:#94a3b8;font-weight:600}:global([data-theme=dark]) .menuIcon{opacity:.9}:global([data-theme=dark]) .signOutButton{color:#f87171!important}:global([data-theme=dark]) .signOutButton:hover{background:rgba(239,68,68,.15)!important;color:#fca5a5!important}.pageHeader{margin-bottom:1.5rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#0c2157,#1e3a8a);border-radius:12px;box-shadow:0 4px 12px rgba(37,99,235,.15);width:100%}[data-theme=dark] .pageHeader{background:linear-gradient(135deg,#1e3a8a,#2563eb);box-shadow:0 4px 16px rgba(37,99,235,.2);border:1px solid rgba(59,130,246,.2)}@media (max-width:768px){.pageHeader{padding:1rem 1.25rem;border-radius:8px}}.headerContent{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.headerLeft{display:flex;flex-direction:column;gap:.25rem;flex:1 1}.pageTitle{font-size:1.125rem;font-weight:600;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.pageTitle,[data-theme=dark] .pageTitle{color:#ffffff!important}@media (min-width:768px){.pageTitle{font-size:1.375rem}}.pageSubtitle{font-size:.875rem;color:rgba(255,255,255,.9)!important;margin:0;font-weight:400}[data-theme=dark] .pageSubtitle{color:rgba(255,255,255,.85)!important}.headerActions{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;flex-wrap:wrap}.headerActions button,.headerActions select{padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.875rem;transition:all .2s ease-in-out;cursor:pointer;border:1px solid transparent;white-space:nowrap}.headerActions button.primaryAction{background:linear-gradient(135deg,#10b981,#059669);color:white;border:1px solid rgba(255,255,255,.2);box-shadow:0 1px 2px rgba(16,185,129,.15)}.headerActions button.primaryAction:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 8px rgba(16,185,129,.25)}.headerActions button:not(.primaryAction),.headerActions select{background:linear-gradient(135deg,#6b7280,#4b5563 50%,#6b7280)!important;color:#ffffff!important;border:1px solid rgba(107,114,128,.3)!important;box-shadow:0 2px 4px rgba(0,0,0,.1),inset 0 1px 2px rgba(255,255,255,.2)!important;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.headerActions button:not(.primaryAction):hover,.headerActions select:hover{background:linear-gradient(135deg,#9ca3af,#6b7280 50%,#9ca3af)!important;color:#ffffff!important;border-color:rgba(156,163,175,.4)!important;transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.15),inset 0 1px 3px rgba(255,255,255,.3)!important}[data-theme=dark] .headerActions button:not(.primaryAction),[data-theme=dark] .headerActions select{background:linear-gradient(135deg,#6b7280,#4b5563 50%,#9ca3af)!important;color:#f9fafb!important;border:1px solid rgba(107,114,128,.5)!important;box-shadow:0 2px 4px rgba(0,0,0,.2),inset 0 1px 2px rgba(255,255,255,.1)!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}[data-theme=dark] .headerActions button:not(.primaryAction):hover,[data-theme=dark] .headerActions select:hover{background:linear-gradient(135deg,#9ca3af,#6b7280 50%,#d1d5db)!important;color:#ffffff!important;border-color:rgba(156,163,175,.6)!important;box-shadow:0 4px 6px rgba(0,0,0,.25),inset 0 1px 3px rgba(255,255,255,.15)!important}.headerActions select{padding-right:2.5rem!important;min-width:120px;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background:linear-gradient(135deg,#6b7280,#4b5563 50%,#6b7280)!important;background-color:#6b7280!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"),linear-gradient(135deg,#6b7280,#4b5563 50%,#6b7280)!important;background-position:right .75rem center,50%!important;background-repeat:no-repeat,no-repeat!important;background-size:1.25em 1.25em,cover!important}[data-theme=dark] .headerActions select{background:linear-gradient(135deg,#6b7280,#4b5563 50%,#9ca3af)!important;background-color:#6b7280!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23e5e7eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"),linear-gradient(135deg,#6b7280,#4b5563 50%,#9ca3af)!important;background-position:right .75rem center,50%!important;background-repeat:no-repeat,no-repeat!important;background-size:1.25em 1.25em,cover!important}.headerActions select:focus{outline:none;background:linear-gradient(135deg,#6b7280,#4b5563 50%,#6b7280)!important;border-color:rgba(107,114,128,.5)!important;box-shadow:0 0 0 3px rgba(107,114,128,.15)!important}[data-theme=dark] .headerActions select:focus{background:linear-gradient(135deg,#6b7280,#4b5563 50%,#9ca3af)!important;border-color:rgba(107,114,128,.6)!important;box-shadow:0 0 0 3px rgba(107,114,128,.2)!important}.headerActions select option{background-color:#4b5563!important;background:#4b5563!important;color:#ffffff!important;padding:.5rem!important;font-weight:500!important}.headerActions select option:checked,.headerActions select option:focus,.headerActions select option:hover{background-color:#6b7280!important;background:#6b7280!important;color:#ffffff!important}[data-theme=dark] .headerActions select option{background-color:#374151!important;background:#374151!important;color:#f3f4f6!important}.headerActions select:active option,.headerActions select:focus option,[data-theme=dark] .headerActions select option:checked,[data-theme=dark] .headerActions select option:focus,[data-theme=dark] .headerActions select option:hover{background-color:#4b5563!important;background:#4b5563!important;color:#ffffff!important}@media (max-width:768px){.headerContent{flex-direction:column;align-items:stretch}.headerLeft{margin-bottom:.5rem}.headerActions{justify-content:stretch}.headerActions>*{flex:1 1;min-width:0}}.stat-card{background:linear-gradient(135deg,var(--surface-base) 0,var(--bg-secondary) 100%);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-lg);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent,rgba(12,33,87,.02));opacity:0;transition:opacity var(--transition-base)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card:hover:before{opacity:1}.stat-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--luxury-accent) 0,var(--luxury-accent-light) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);flex-shrink:0;box-shadow:var(--shadow-xs)}.stat-content{flex:1 1;min-width:0}.stat-title{margin:0 0 var(--space-xs) 0;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-number{margin:0;font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary);line-height:1.2}.stat-trend{display:inline-block;margin-top:var(--space-xs);padding:2px 8px;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-medium)}.trend-positive{background:rgba(16,185,129,.1);color:var(--success-green)}.trend-negative{background:rgba(239,68,68,.1);color:var(--error-red)}[data-theme=dark] .stat-card{background:linear-gradient(135deg,var(--surface-base) 0,var(--surface-raised) 100%);border:1px solid var(--border-default)}[data-theme=dark] .stat-card:before{background:linear-gradient(135deg,transparent,rgba(59,130,246,.05))}@media (max-width:640px){.stat-card{padding:var(--space-md);gap:var(--space-md)}.stat-icon{width:40px;height:40px;font-size:var(--text-xl)}.stat-number{font-size:var(--text-2xl)}}