:root{color:#0f172a;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;--primary-indigo: #4F46E5;--primary-indigo-hover: #4338CA;--teal-accent: #00C2C2;--success-mint: #10B981;--danger-red: #EF4444;--warning-amber: #EF9F27;--seat-available: #E1F5EE;--seat-booked: #B4B2A9;--seat-selected: #1D9E75;--bg-main: #F8FAFC;--bg-card: #FFFFFF;--border-line: #E2E8F0;--text-primary: #0F172A;--text-secondary: #475569;--text-tertiary: #94A3B8;--card-shadow: 0 1px 3px rgba(15, 23, 42, .05);--hover-shadow: 0 4px 12px rgba(15, 23, 42, .08);--radius-lg: 12px;--radius-md: 8px;--radius-sm: 4px}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit;font-size:14px}.dashboard-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:240px;height:100%;background:var(--bg-card);border-right:1px solid var(--border-line);display:flex;flex-direction:column;align-items:flex-start;padding:24px 0;gap:24px;flex-shrink:0;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 20px;margin-bottom:8px;width:100%}.brand-logo{font-size:20px}.brand-text{font-size:16px;font-weight:800;color:var(--primary-indigo);letter-spacing:.05em}.sidebar-nav{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 12px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:600;transition:all .2s ease;width:100%}.sidebar-link:hover{background:#f1f5f9;color:var(--text-primary)}.sidebar-link.active{background:#4f46e514;color:var(--primary-indigo)}.sidebar-link .link-icon{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:#eef2f6;font-weight:800;font-size:12px;color:var(--text-secondary);transition:all .2s ease}.sidebar-link.active .link-icon{background:var(--primary-indigo);color:#fff}.main-content-wrapper{flex:1;overflow-y:auto;height:100%;width:100%}.main-content{max-width:1400px;margin:0 auto;padding:32px;width:100%;box-sizing:border-box}.card,.panel{background:var(--bg-card);border:1px solid var(--border-line);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:24px;margin-bottom:24px;transition:box-shadow .2s ease}.card:hover,.panel:hover{box-shadow:var(--hover-shadow)}.panel h2{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.panel h3{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.metric-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.metric-tile{background:var(--bg-card);border:1px solid var(--border-line);border-radius:var(--radius-md);box-shadow:var(--card-shadow);padding:16px 20px;display:flex;flex-direction:column;gap:4px;transition:transform .2s ease}.metric-tile:hover{transform:translateY(-2px)}.metric-tile span{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.metric-tile strong{font-size:24px;font-weight:700;color:var(--text-primary)}.metric-tile em{font-size:12px;font-style:normal;color:var(--text-secondary)}.btn,.header-action,.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s ease}.primary-action,.btn-primary{background:var(--primary-indigo);color:#fff}.primary-action:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--primary-indigo-hover);transform:translateY(-1px)}.primary-action:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed}.secondary-action,.btn-secondary{background:var(--bg-card);color:var(--text-secondary);border-color:var(--border-line)}.secondary-action:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:#f1f5f9}.top-bar{background:var(--bg-card);border:1px solid var(--border-line);border-radius:var(--radius-lg);padding:24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;box-shadow:var(--card-shadow)}.event-title-block h1{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.infra-tags{display:flex;gap:6px}.infra-tags span{background:#eef2f6;color:var(--text-secondary);font-size:11px;padding:3px 8px;border-radius:var(--radius-sm);font-weight:500}.event-status{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.event-status strong{font-size:14px;color:var(--primary-indigo);background:#4f46e514;padding:4px 10px;border-radius:9999px;font-weight:600}.event-status span{font-size:11px;color:var(--text-tertiary)}.event-actions{display:flex;gap:8px}.dashboard-hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-bottom:24px}.seat-map-container{padding:16px;background:#f8fafc;border-radius:var(--radius-md);border:1px solid var(--border-line)}.status-line{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed var(--border-line)}.status-line:last-child{border-bottom:none}.status-line span{font-size:13px;color:var(--text-secondary)}.status-line strong{font-size:13px;font-weight:600;color:var(--text-primary)}.ticket-hint,.queue-note,.seat-map-message{background:#eff6ff;border:1px solid #BFDBFE;color:#1e40af;padding:12px;border-radius:var(--radius-md);font-size:13px;margin-top:12px;font-weight:500}.ticket-hint-ready{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.activity-panel-wide{display:flex;flex-direction:column;height:100%}.activity-column{display:flex;flex-direction:column;flex:1;min-height:0}.log-scroll-container{flex:1;overflow-y:auto;min-height:0}.activity-list{display:flex;flex-direction:column;gap:8px;list-style:none;padding-left:0;margin:0}.activity-list li{font-size:13px;color:var(--text-secondary);border-bottom:1px solid #F1F5F9;padding-bottom:6px}.activity-list strong{color:var(--text-primary)}.activity-list span{color:var(--danger-red);font-weight:600;font-size:11px;margin-left:6px}.segmented{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:var(--radius-md);margin-bottom:12px}.segmented button{flex:1;border:none;background:transparent;color:var(--text-secondary);padding:8px;font-weight:600;font-size:13px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.segmented button.active{background:var(--bg-card);color:var(--primary-indigo);box-shadow:0 1px 2px #0000000d}.infra-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}.infra-grid div{background:#f8fafc;border:1px solid var(--border-line);padding:12px;border-radius:var(--radius-md)}.infra-grid strong{display:block;font-size:16px;color:var(--text-primary)}.infra-grid span{display:block;font-size:11px;color:var(--text-tertiary);margin-top:4px;text-transform:uppercase;font-weight:600}.insight-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.user-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:24px}.user-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.user-row{background:var(--bg-card);border:1px solid var(--border-line);padding:12px;border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all .2s ease;box-shadow:var(--card-shadow)}.user-row:hover{border-color:var(--primary-indigo)}.user-row.active{border-color:var(--primary-indigo);background:#4f46e505}.user-row small{display:block;color:var(--text-tertiary);font-size:11px;margin-top:4px}.timeline-entry{position:relative;padding-left:16px;border-left:2px solid var(--primary-indigo);padding-bottom:12px}.timeline-entry:before{content:"";position:absolute;left:-5px;top:4px;width:8px;height:8px;border-radius:50%;background:var(--bg-card);border:2px solid var(--primary-indigo)}.timeline-entry strong{font-size:13px;color:var(--text-primary)}.timeline-entry p{font-size:12px;color:var(--text-secondary);margin-top:2px}.pulsing-dot{width:8px;height:8px;border-radius:50%;background-color:var(--success-mint);display:inline-block;margin-right:6px;animation:pulse 1.5s infinite cubic-bezier(.66,0,0,1)}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}to{box-shadow:0 0 0 8px #10b98100}}.live-indicator-badge{display:inline-flex;align-items:center;background:#10b98114;color:var(--success-mint);padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600}.error-banner,.info-banner{padding:12px 16px;border-radius:var(--radius-md);margin-top:16px;font-weight:500;font-size:14px}.error-banner{background:#fee2e2;color:var(--danger-red)}.info-banner{background:#eff6ff;color:#1e40af}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.eyebrow{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1024px){.dashboard-hero-grid,.user-layout{grid-template-columns:1fr}.metric-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.metric-strip{grid-template-columns:1fr}.top-bar{flex-direction:column;align-items:flex-start;gap:16px}.event-status{align-items:flex-start}}.seat{aspect-ratio:1/1;width:100%;max-width:36px;min-width:var(--seat-min-width, 24px);border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .15s ease;outline:none;font-size:0;color:transparent;text-indent:-9999px;padding:0;display:block;box-sizing:border-box}.seat.available{background-color:var(--seat-available)}.seat.available:hover:not(:disabled){background-color:#5dcaa5;transform:scale(1.05)}.seat.booked{background-color:var(--seat-booked);cursor:default}.seat.held{background-color:var(--seat-selected)}.seat.payment{background-color:var(--warning-amber)}.seat.mine{background-color:var(--seat-selected);border:2px solid var(--primary-indigo)!important;box-shadow:0 0 6px var(--primary-indigo)}.seat:disabled{cursor:not-allowed;opacity:.8}.dashboard-grid{display:grid;grid-template-columns:1fr 2fr;gap:24px;margin-top:24px}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}.participant-flow-container{display:flex;flex-direction:column;gap:20px}.flow-section{display:flex;flex-direction:column;gap:8px}.flow-section h3{font-size:13px;font-weight:600;color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-line);padding-bottom:6px}.flow-section h3 span{font-size:11px;background:#eef2f6;color:var(--text-secondary);padding:2px 8px;border-radius:9999px;font-weight:600}.flow-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;padding:4px}.queue-row{display:grid;grid-template-columns:80px 70px 40px;align-items:center;gap:8px;width:max-content;background:var(--bg-card);border:1px solid var(--border-line);padding:6px 12px;border-radius:8px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;outline:none;text-align:left}.queue-row:hover{border-color:var(--primary-indigo);background:#4f46e505}.queue-row.active{border-color:var(--primary-indigo);background:#4f46e514;color:var(--primary-indigo);font-weight:600}.queue-row-me{border:1.5px solid var(--teal-accent)!important;background:#00c2c20a!important}.queue-row .p-name{font-weight:600;color:var(--text-primary)}.queue-row .p-status{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.queue-row .status-selecting_seat{background:#e0f2fe;color:#0369a1}.queue-row .status-seat_held{background:#fef3c7;color:#d97706}.queue-row .status-payment_in_progress{background:#f3e8ff;color:#7e22ce}.queue-row .status-queued{background:#f1f5f9;color:#475569}.queue-row .status-reserved{background:#d1fae5;color:#047857}.queue-row .status-failed{background:#fee2e2;color:#b91c1c}.queue-row .p-seat{font-style:normal;font-weight:700;color:var(--primary-indigo);background:#4f46e514;padding:2px 6px;border-radius:4px;font-size:10px}.status-line-footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--border-line);font-size:12px;color:var(--text-secondary)}.sidebar-control-panel{margin-top:auto;width:100%;padding:0 16px 16px;display:flex;flex-direction:column;gap:16px}.sidebar-divider{height:1px;background:var(--border-line);width:100%;margin-bottom:8px}.control-status{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.control-status .status-badge{font-size:12px;font-weight:700;padding:4px 12px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center}.control-status .status-ready{color:#475569;background:#f1f5f9;border:1px solid var(--border-line)}.control-status .status-countdown{color:#d97706;background:#fef3c7;border:1px solid #FDE68A}.control-status .status-open{color:#047857;background:#d1fae5;border:1px solid #A7F3D0}.control-status .status-ended{color:#b91c1c;background:#fee2e2;border:1px solid #FCA5A5}.status-timer-card{background:#f8fafc;border:1px solid var(--border-line);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;box-shadow:inset 0 1px 2px #0f172a05}.timer-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.timer-value{font-size:24px;font-weight:800;color:var(--primary-indigo);font-family:monospace}.timer-subtext{font-size:11px;color:var(--text-secondary);margin-top:4px;font-weight:500}.pulsing-dot-green{width:6px;height:6px;background-color:var(--success-mint);border-radius:50%;display:inline-block;margin-right:6px;vertical-align:middle;animation:pulse-green 1.5s infinite cubic-bezier(.66,0,0,1)}@keyframes pulse-green{0%{box-shadow:0 0 #10b981b3}to{box-shadow:0 0 0 6px #10b98100}}.control-form{display:flex;flex-direction:column;gap:10px;width:100%}.control-field{display:flex;flex-direction:column;gap:4px}.control-field label{font-size:11px;font-weight:600;color:var(--text-secondary)}.control-field input,.control-field select{padding:8px 10px;border:1px solid var(--border-line);border-radius:var(--radius-md);font-size:12px;width:100%;background-color:var(--bg-card);color:var(--text-primary);outline:none}.control-field input:focus,.control-field select:focus{border-color:var(--primary-indigo)}.control-btn{width:100%;padding:8px 12px;font-size:13px;margin-top:8px}.mobile-header{display:none}.desktop-only{display:flex}.menu-toggle-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center}@media (max-width: 1023px){.dashboard-container{flex-direction:column}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:56px;background:var(--bg-card);border-bottom:1px solid var(--border-line);position:sticky;top:0;z-index:80;flex-shrink:0}.mobile-header .sidebar-brand{margin-bottom:0;padding:0;width:auto}.desktop-only{display:none!important}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:100;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #0000001a}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .3s ease-out}.main-content{padding:16px}.seat-map-container{--seat-size: 18px;--seat-gap: 4px;--seat-map-padding: 12px}.seat{--seat-min-width: 18px}.panel,.card{padding:16px;margin-bottom:16px}.dashboard-hero-grid{display:flex;flex-direction:column}.mobile-only-controls{display:block;order:1}.my-ticket-panel{order:2}.seat-map-panel{order:3}}.mobile-only-controls{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}