:root{--bg-primary:#fff;--bg-alt:#f7f5f2;--bg-card:#fff;--bg-card-hover:#fafaf9;--bg-sidebar:#fff;--bg-header:#fff;--bg-footer:#1f2933;--color-brand:#c2410c;--color-brand-hover:#9a3412;--color-brand-active:#7c2d12;--color-brand-tint:#fff3e8;--color-brand-tint-hover:#fee8d6;--color-brand-focus-ring:#c2410c33;--color-heading:#1f2933;--color-text:#1a1a1a;--color-text-secondary:#5c5c5c;--color-text-muted:#767676;--color-text-inverse:#fff;--color-border:#e5e7eb;--color-border-hover:#d1d5db;--color-border-dark:#9ca3af;--color-input-border:#d1d5db;--success-text:#166534;--success-bg:#dcfce7;--success-border:#86efac;--success-solid:#15803d;--warning-text:#854d0e;--warning-bg:#fef9c3;--warning-border:#fde047;--warning-solid:#ca8a04;--danger-text:#991b1b;--danger-bg:#fee2e2;--danger-border:#fca5a5;--danger-solid:#dc2626;--info-text:#1e40af;--info-bg:#dbeafe;--info-border:#93c5fd;--info-solid:#2563eb;--font-heading:"Source Serif 4", Georgia, Cambria, "Times New Roman", serif;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:96px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-modal:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--container-max-width:1160px;--sidebar-width:250px;--topbar-height:64px;--transition-fast:.15s ease;--transition-normal:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-alt);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-weight:400;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-heading);letter-spacing:-.01em;font-weight:600;line-height:1.25}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:var(--color-text);margin-bottom:var(--space-2)}a{color:var(--color-brand);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-brand-hover);text-decoration:underline}button,input,select,textarea{font-family:inherit;font-size:.9375rem}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-alt)}::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background:#d1d5db}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.app-container{background-color:var(--bg-alt);min-height:100vh;display:flex}.main-wrapper{background-color:var(--bg-alt);flex-direction:column;flex:1;min-width:0;display:flex}.content-body{padding:var(--space-4) var(--space-4) var(--space-6);max-width:var(--container-max-width);flex:1;width:100%;margin:0 auto}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--color-border);z-index:40;flex-direction:column;flex-shrink:0;display:flex}.sidebar-header{padding:var(--space-4) var(--space-3);align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.brand-badge{border-radius:var(--radius-md);background-color:var(--color-brand);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.125rem;font-weight:700;display:flex}.brand-name{font-family:var(--font-heading);color:var(--color-heading);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:600;line-height:1.2;overflow:hidden}.brand-sub{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.72rem;font-weight:500}.sidebar-nav{padding:var(--space-3) var(--space-2);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.nav-item{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;padding:10px 12px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:var(--color-heading);background-color:var(--bg-alt)}.nav-item.active{color:var(--color-brand);background-color:var(--color-brand-tint);border-color:#fed7aa;font-weight:600}.nav-item.active svg{color:var(--color-brand)}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--color-border);background-color:var(--bg-alt)}.user-profile-badge{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.user-avatar{border-radius:var(--radius-full);background-color:var(--bg-footer);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:600;display:flex}.topbar{height:var(--topbar-height);background-color:var(--bg-header);border-bottom:1px solid var(--color-border);padding:0 var(--space-4);z-index:30;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-title{font-family:var(--font-heading);color:var(--color-heading);align-items:center;gap:var(--space-2);font-size:1.25rem;font-weight:600;display:flex}.topbar-actions{align-items:center;gap:var(--space-3);display:flex}.card{background-color:var(--bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast)}.card:hover{border-color:var(--color-border-hover)}.card-header{margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.card-title{font-family:var(--font-heading);color:var(--color-heading);align-items:center;gap:var(--space-2);font-size:1.125rem;font-weight:600;display:flex}.kpi-grid{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.kpi-card{background-color:var(--bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast);position:relative}.kpi-card:before{content:"";background-color:var(--color-brand);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);height:3px;position:absolute;top:0;left:0;right:0}.kpi-card.cyan:before{background-color:var(--info-solid)}.kpi-card.success:before{background-color:var(--success-solid)}.kpi-card.warning:before{background-color:var(--warning-solid)}.kpi-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);justify-content:space-between;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.kpi-value{font-family:var(--font-heading);color:var(--color-heading);margin-bottom:2px;font-size:1.875rem;font-weight:600;line-height:1.2}.kpi-subtitle{color:var(--color-text-secondary);font-size:.8125rem}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;border:1px solid #0000;padding:8px 16px;line-height:1.4;display:inline-flex}.btn-primary{background-color:var(--color-brand);color:#fff;border-color:var(--color-brand)}.btn-primary:hover:not(:disabled){background-color:var(--color-brand-hover);border-color:var(--color-brand-hover);color:#fff}.btn-primary:active:not(:disabled){background-color:var(--color-brand-active);border-color:var(--color-brand-active)}.btn-primary:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.btn-secondary{color:var(--color-text);border-color:var(--color-border);background-color:#fff}.btn-secondary:hover:not(:disabled){background-color:var(--bg-alt);border-color:var(--color-border-hover);color:var(--color-heading)}.btn-secondary:active:not(:disabled){background-color:#e5e7eb}.btn-success{background-color:var(--success-solid);color:#fff;border-color:var(--success-solid)}.btn-success:hover:not(:disabled){background-color:#14532d}.btn-danger{color:var(--danger-text);border-color:var(--danger-border);background-color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--danger-bg);border-color:var(--danger-solid)}.btn-sm{padding:6px 12px;font-size:.8125rem}.btn:disabled{opacity:.6;cursor:not-allowed}.form-group{margin-bottom:var(--space-3)}.form-label{color:var(--color-heading);margin-bottom:var(--space-1);font-size:.875rem;font-weight:500;display:block}.form-input,.form-select,textarea.form-input{border:1px solid var(--color-input-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);font-size:.9375rem;font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-color:#fff;padding:9px 12px}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus,.form-select:focus,textarea.form-input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-focus-ring);outline:none}.form-input:disabled,.form-select:disabled{background-color:var(--bg-alt);color:var(--color-text-muted);cursor:not-allowed}.table-container{border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background-color:#fff;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.data-table th{background-color:var(--bg-alt);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:12px var(--space-3);border-bottom:1px solid var(--color-border);z-index:10;font-size:.75rem;font-weight:600;position:sticky;top:0}.data-table td{padding:14px var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background-color:#faf9f7}.data-table tbody tr.selected td{background-color:var(--color-brand-tint)}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);padding:3px 8px;font-size:.75rem;font-weight:600;line-height:1.3;display:inline-flex}.badge-active{background-color:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.badge-paused{background-color:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.badge-expired{background-color:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border)}.seat-map-controls{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.shift-selector{background-color:var(--bg-alt);border-radius:var(--radius-md);border:1px solid var(--color-border);gap:var(--space-1);padding:3px;display:flex}.shift-btn{border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:6px 14px;font-size:.8125rem;font-weight:500}.shift-btn:hover{color:var(--color-heading)}.shift-btn.active{color:var(--color-brand);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);background-color:#fff;font-weight:600}.seat-legend{align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font-size:.8125rem;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:2px;width:10px;height:10px}.legend-dot.available{background-color:var(--success-solid)}.legend-dot.occupied{background-color:var(--color-brand)}.legend-dot.premium{background-color:var(--warning-solid)}.seat-grid-container{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:#fff;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.seat-box{border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);text-align:center;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:96px;padding:12px 8px;display:flex}.seat-box:hover{border-color:var(--color-border-dark);box-shadow:var(--shadow-sm)}.seat-box.available{background-color:#f0fdf4;border-color:#bbf7d0}.seat-box.available:hover{border-color:var(--success-solid)}.seat-box.occupied{background-color:#fff7ed;border-color:#fed7aa}.seat-box.occupied:hover{border-color:var(--color-brand)}.seat-number{font-family:var(--font-heading);color:var(--color-heading);margin-bottom:2px;font-size:1.125rem;font-weight:600}.seat-category-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-sm);color:var(--color-text-secondary);background-color:#f3f4f6;margin-bottom:4px;padding:1px 6px;font-size:.6875rem;font-weight:600}.seat-occupant{color:var(--color-brand);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;font-weight:600;overflow:hidden}.seat-status-pill{border-radius:var(--radius-full);margin-top:4px;padding:2px 8px;font-size:.6875rem;font-weight:600}.seat-status-pill.free{color:var(--success-text);background-color:var(--success-bg)}.seat-status-pill.busy{color:var(--color-brand);background-color:var(--color-brand-tint)}.modal-overlay{z-index:50;padding:var(--space-3);background-color:#1f29338c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:540px;max-height:90vh;box-shadow:var(--shadow-modal);padding:var(--space-4);background-color:#fff;position:relative;overflow-y:auto}.receipt-paper{color:#1a1a1a;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);font-family:var(--font-body);background-color:#fff}@media print{body *{visibility:hidden}.receipt-paper,.receipt-paper *{visibility:visible}.receipt-paper{width:100%;box-shadow:none;border:none;margin:0;padding:15mm;position:absolute;top:0;left:0}}.app-footer{background-color:var(--bg-footer);color:#fff;padding:var(--space-4) var(--space-3);text-align:center;border-top:1px solid #374151;font-size:.8125rem}.app-footer a{color:#f97316}@media (width<=768px){.app-container{flex-direction:column}.sidebar{border-right:none;border-top:1px solid var(--color-border);background-color:#fff;flex-direction:row;width:100%;height:auto;padding:0;position:fixed;bottom:0;left:0;right:0}.sidebar-header,.sidebar-footer{display:none}.sidebar-nav{padding:var(--space-1);flex-direction:row;justify-content:space-around;gap:0;width:100%}.nav-item{text-align:center;flex-direction:column;justify-content:center;gap:2px;padding:6px 4px;font-size:.6875rem}.topbar{padding:0 var(--space-3)}.content-body{padding:var(--space-3);padding-bottom:76px}}