:root{--bg: #0b0e14;--bg-elev: #11151e;--card: #131926;--muted: #98a2b3;--text: #e5e7eb;--text-inv: #0b0e14;--primary: #0ea5e9;--primary-600: #0284c7;--success: #10b981;--warning: #fbbf24;--danger: #ef4444;--border: #1f2937;--shadow: 0 8px 28px rgba(0,0,0,.45);--radius: 16px;--r-2xl: 20px;--space-1: .375rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, "Helvetica Neue", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--grid-gap: .5rem;--ticket-size-sm: 42px;--ticket-size-md: 48px;--ticket-size-lg: 56px;--toast-bg: rgba(15, 23, 42, .95);--toast-text: #f8fafc;--focus: 0 0 0 3px rgba(14,165,233,.35)}@media (prefers-color-scheme: light){:root{--bg: #f3f4f6;--bg-elev: #ffffff;--card: #ffffff;--text: #0b0e14;--border: #e5e7eb;--shadow: 0 8px 24px rgba(2,6,23,.07);--toast-bg: rgba(15, 23, 42, .92)}}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;touch-action:manipulation}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:960px;margin:0 auto;padding:var(--space-5)}.section{margin-block:var(--space-6)}.row{display:flex;align-items:center;gap:var(--space-3)}.space{height:var(--space-4)}.center{display:grid;place-items:center}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--shadow);padding:var(--space-5)}.header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:12px;padding:.625rem .9rem;border:1px solid transparent;background:var(--bg-elev);color:var(--text);cursor:pointer;transition:transform .05s ease,background .15s ease,border-color .15s ease,opacity .15s ease;-webkit-user-select:none;user-select:none;font-weight:600;min-height:40px;font-size:16px}.btn:hover{background:#182032}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--focus)}.btn[disabled]{opacity:.5;pointer-events:none}.btn-primary{background:var(--primary);color:var(--text-inv);border-color:transparent}.btn-primary:hover{background:var(--primary-600)}.btn-ghost{background:transparent;border-color:var(--border)}.btn-danger{background:#b91c1c;border-color:#991b1b;color:#fff}.input,.select{width:100%;background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:.625rem .8rem;min-height:40px;font-size:16px}.input::placeholder{color:var(--muted)}.input:focus,.select:focus{outline:none;box-shadow:var(--focus);border-color:var(--primary)}.input-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-3)}.segmented{display:inline-flex;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:4px;gap:4px}.segmented>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;padding:.45rem .8rem;border-radius:999px;background:transparent;color:var(--text);font-weight:600;font-size:14px}.segmented>button.active{background:var(--primary);color:var(--text-inv)}.ticket-grid{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(var(--ticket-size-sm),1fr))}@media (min-width:420px){.ticket-grid{grid-template-columns:repeat(auto-fill,minmax(var(--ticket-size-md),1fr))}}@media (min-width:720px){.ticket-grid{grid-template-columns:repeat(auto-fill,minmax(var(--ticket-size-lg),1fr))}}.ticket{display:grid;place-items:center;aspect-ratio:1 / 1;border-radius:12px;border:1px solid var(--border);background:#0f172a;color:var(--text);font-weight:700;transition:transform .06s ease,background .15s ease,border-color .15s ease,color .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ticket:active{transform:scale(.98)}.ticket:focus-visible{outline:none;box-shadow:var(--focus)}.ticket--selected{background:#facc15;color:#111827;border-color:#eab308}.ticket--reserved{background:#334155;color:#cbd5e1;border-color:#475569;cursor:not-allowed}.ticket--sold{background:#1f2937;color:#6b7280;border-color:#374151;cursor:not-allowed;filter:grayscale(.35)}.legend{display:none}.range-tabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--space-2)}.range-tab{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:.5rem .75rem;font-weight:600;text-align:center;cursor:pointer}.range-tab.active{background:#0b1220;border-color:var(--primary);box-shadow:var(--focus)}.pay-block{display:grid;gap:var(--space-4)}.label{font-size:.875rem;color:var(--muted)}.kv{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:.75rem .9rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px}.kv .mono{font-weight:700}.qr{display:grid;place-items:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:var(--space-4)}#toast{position:fixed;left:50%;transform:translate(-50%);bottom:20px;background:var(--toast-bg);color:var(--toast-text);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);padding:.75rem 1rem;border-radius:12px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:9999;font-weight:600}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}img{max-width:100%;height:auto;display:block;border-radius:12px}.table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden}.table th,.table td{text-align:left;padding:.75rem .8rem;border-bottom:1px solid var(--border)}.table th{background:var(--bg-elev);color:var(--muted);font-weight:700}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border-radius:999px;font-weight:700;font-size:.75rem;background:#0b1220;border:1px solid var(--border);color:var(--text)}.badge.success{background:#052e26;border-color:#064e3b;color:#34d399}.badge.warn{background:#2b2305;border-color:#854d0e;color:#facc15}.badge.danger{background:#2a0d10;border-color:#7f1d1d;color:#fca5a5}