:root{--bg: #0f172a;--panel: #111827;--accent: #2563eb;--accent-2: #10b981;--accent-3: #f59e0b;--danger: #ef4444;--success: #10b981;--info: #3b82f6;--text: #e5e7eb;--muted: #9ca3af;--border: #1f2937;--space-1: 6px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--font-base: 14px;--font-sm: 12px;--font-lg: 18px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--font-base);line-height:1.5}.app{max-width:min(1600px,95vw);margin:0 auto;padding:var(--space-4)}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.header-nav{display:flex;align-items:center;gap:12px}.nav-toggle{display:none}.title{font-size:24px;font-weight:600;line-height:1.2}.version{display:inline-flex;align-items:center;margin-left:8px;padding:2px 8px;border-radius:4px;background:gold;color:#111;font-weight:600;font-size:12px}.chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:var(--panel);border:1px solid var(--border);color:var(--muted);transition:background-color .2s ease,color .2s ease,border-color .2s ease}.chip.warn{background:#f59e0b;color:#111;border-color:#b45309}.chip.demo{background:pink;color:#111;border-color:#fca5a5}.chip svg{margin-right:6px}.grid{display:grid;grid-template-columns:1fr 2fr;gap:16px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.panel h2,.panel h3{margin:0 0 8px;font-weight:600;font-size:18px}.tabs{display:flex;gap:10px;margin-bottom:8px;align-items:center}.header .tabs{margin-bottom:0}.tab{padding:8px 12px;border:1px solid var(--border);background:#0b1220;border-radius:10px;cursor:pointer;color:var(--text);transition:background-color .2s ease,border-color .2s ease,transform .1s ease}.tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tab:hover{transform:translateY(-1px)}.btn{border:1px solid var(--border);background:#0b1220;color:var(--text);padding:8px 12px;border-radius:8px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .1s ease}.btn:hover{border-color:var(--accent);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.success{background:var(--accent-2);border-color:var(--accent-2);color:#fff}.btn.warn{background:#f59e0b;border-color:#f59e0b;color:#111}.btn.danger{background:var(--danger)!important;border-color:var(--danger)!important;color:#fff!important}.btn[disabled]{opacity:.6;cursor:not-allowed}.btn.info{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn.icon{width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center}.btn-group.segmented{gap:0}.btn-group.segmented .btn.icon+.btn.icon{border-left-width:0}.btn-group.segmented .btn.icon:first-child{border-radius:8px 0 0 8px}.btn-group.segmented .btn.icon:not(:first-child):not(:last-child){border-radius:0}.btn-group.segmented .btn.icon:last-child{border-radius:0 8px 8px 0}.btn-group{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.btn-group.stack{flex-direction:column;align-items:stretch}.btn-group>.btn{flex:0 0 auto}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.stand-list{display:flex;flex-wrap:wrap;gap:8px}.stand{padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#0b1220;cursor:pointer;color:var(--text);transition:background-color .2s ease,border-color .2s ease,transform .1s ease}.stand.selected{background:var(--accent);border-color:var(--accent);color:#fff}.stand:hover{transform:translateY(-1px)}label{display:grid;gap:6px;color:var(--muted)}input,select{padding:8px;border-radius:8px;border:1px solid var(--border);background:#0b1220;color:var(--text)}input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.slot-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.slot-card{padding:12px;border-radius:10px;border:1px solid var(--border);background:#0b1220;display:flex;justify-content:space-between;align-items:center;gap:8px}.slot-time{font-weight:600}.slot-free{color:var(--muted)}.bookings{display:grid;gap:8px}.booking-card{padding:10px;border-radius:10px;border:1px solid var(--border);background:#0b1220;display:flex;justify-content:space-between;align-items:center;transition:transform .12s ease,box-shadow .12s ease}.booking-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.toast{margin:8px 0;padding:10px 12px;border-radius:8px;background:#0b1220;border:1px solid var(--accent-2);color:#fff}.toast.error{border-color:#ef4444;color:#fecaca}details{margin:8px 0;color:var(--muted)}details>summary{cursor:pointer}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:center}.hero-title{font-size:32px;font-weight:700}.hero-subtitle{color:var(--muted);margin-top:8px}.cta{display:flex;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.feature-card{background:#0b1220;border:1px solid var(--border);border-radius:12px;padding:12px;display:grid;gap:8px}.feature-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent)}.section-title{font-size:24px;font-weight:700;margin:24px 0 12px}.cta-banner{margin-top:24px;padding:24px;border-radius:16px;background:linear-gradient(90deg,#6366f1,#10b981);color:#fff;display:grid;gap:12px;place-items:center;text-align:center}.cta-banner h2{margin:0;font-size:28px;font-weight:800}.cta-banner p{margin:0;opacity:.95}.cta-banner .btn{border-color:#fff9;background:#ffffff26}.cta-banner .btn:hover{border-color:#fff}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.benefit-card{background:#0b1220;border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 6px 20px #00000040;display:grid;gap:8px}.benefit-icon{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.benefit-card h4{margin:0;font-size:16px;font-weight:700}.benefit-card p{margin:0;color:var(--muted)}.rating{color:#f59e0b;font-size:16px}.testimonial-card .avatar{width:32px;height:32px;border-radius:999px;background:#0b1220;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--text);font-weight:600}.testimonial-card .meta{display:flex;align-items:center;gap:8px;color:var(--muted)}.public-landing .panel{background:linear-gradient(90deg,#2563eb1f,#10b9810f);border-color:var(--border)}.animate-in{animation:fadeUp .4s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.info-card{background:#0b1220;border:1px solid var(--border);border-radius:12px;padding:12px;display:grid;gap:8px}.info-card h3{margin:0;font-size:18px;font-weight:600}.benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.testimonial-card{background:#0b1220;border:1px solid var(--border);border-radius:12px;padding:12px;display:grid;gap:8px}.testimonial-author{color:var(--muted);font-size:var(--font-sm)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.metric{background:#0b1220;border:1px solid var(--border);border-radius:12px;padding:12px;text-align:center}.metric .num{font-weight:700;font-size:20px}.screenshots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.screenshot-box{background:#0b1220;border:1px solid var(--border);border-radius:12px;height:120px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.footer{margin-top:24px;border-top:1px solid var(--border);padding-top:16px}.footer-inner{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px}.footer-link{color:var(--text);opacity:.8;text-decoration:none;padding:4px 8px;border-radius:8px}.footer-link:hover,.footer-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;opacity:1}.footer-nav{display:flex;gap:8px;flex-wrap:wrap}.footer-social{display:flex;gap:8px}.footer-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border);border-radius:8px;color:var(--text);opacity:.8}.footer-icon:hover,.footer-icon:focus-visible{outline:2px solid var(--accent);outline-offset:2px;opacity:1}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.dashboard-card{background:#0b1220;border:1px solid var(--border);border-radius:12px;padding:12px;display:grid;gap:8px;min-height:120px}.dashboard-card h3{margin:0;font-size:18px;font-weight:600}.badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;font-size:12px;background:var(--accent);color:#fff}.highlight-card{border-color:var(--accent);box-shadow:0 6px 20px #0000004d}.skeleton{background:#0b1220;border:1px solid var(--border);border-radius:8px;height:14px;width:100%;animation:pulse 1.2s ease-in-out infinite;opacity:.6}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}.btn,.tab,.stand,.booking-card{transition:none}.animate-in{animation:none}}.form-grid{display:grid;gap:var(--space-2)}.form-cols-7{grid-template-columns:repeat(7,1fr)}.form-cols-5{grid-template-columns:repeat(5,1fr)}.form-cols-4{grid-template-columns:repeat(4,1fr)}.form-cols-3{grid-template-columns:repeat(3,1fr)}.form-cols-2{grid-template-columns:repeat(2,1fr)}.form-cols-1{grid-template-columns:1fr}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:none;opacity:0;transition:opacity .3s ease;z-index:1000;padding:8px;align-items:start;justify-items:end}.mobile-overlay.open{opacity:1}.mobile-menu{background:#0b1220;border:1px solid var(--border);border-radius:12px;padding:16px;display:grid;gap:12px;width:min(92vw,420px);max-height:80vh;overflow:auto;box-shadow:0 10px 30px #00000080;opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .3s ease}.mobile-menu.open{opacity:1;transform:translateY(0)}.chip.user{max-width:70vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){:root{--space-1: 4px;--space-2: 6px;--space-3: 10px;--space-4: 14px }.grid{grid-template-columns:1fr}.grid{gap:var(--space-2)}.booking-grid,.hero,.features{grid-template-columns:1fr}.title{font-size:20px}.notif-panel{width:min(92vw,420px)!important;left:50%!important;right:auto!important;transform:translate(-50%);top:56px!important;max-height:70vh!important}}.notif-panel{width:360px}@media (max-width: 768px){.testimonials,.metrics,.screenshots,.info-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:8px}.tabs{gap:8px}.nav-toggle{display:inline-flex;align-items:center;justify-content:center}.header-nav{display:none}.mobile-overlay{display:grid}.dashboard-grid{grid-template-columns:1fr}.btn-group{gap:var(--space-1)}.btn-group.stack{flex-direction:column}.benefit-grid{grid-template-columns:1fr}.form-cols-7{grid-template-columns:repeat(3,1fr)}.form-cols-5,.form-cols-4,.form-cols-3{grid-template-columns:repeat(2,1fr)}.app,.panel{padding:var(--space-3)}.slot-list,.stand-list{gap:var(--space-1)}.features,.testimonials,.metrics,.screenshots{gap:var(--space-2);margin-top:var(--space-2)}.slot-card,.booking-card,.feature-card,.dashboard-card,.testimonial-card,.screenshot-box{padding:var(--space-3)}.header{margin-bottom:var(--space-3)}}.slot-table{width:100%;border-collapse:collapse}.slot-table th,.slot-table td{border:1px solid var(--border);padding:8px;text-align:center;white-space:nowrap}.slot-table th{background:#0b1220;color:var(--muted)}.cell-busy{color:#fca5a5}.cell-free{color:#a7f3d0}.admin-area .slot-table th,.admin-area .slot-table td{font-size:.9rem;padding:6px 8px;line-height:1.25;text-align:left}.admin-area .slot-table td.passnum,.admin-area input.passnum{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:.02em}.admin-area .slot-table td.club{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 1024px){.slot-table th,.slot-table td{padding:12px}}@media (min-width: 1280px){.grid{grid-template-columns:1.2fr 1.8fr}}@media (min-width: 1536px){.slot-table th,.slot-table td{padding:14px;font-size:var(--font-lg)}}@media (max-width: 640px){.app{padding:12px}.header{flex-wrap:wrap}.version{margin-top:4px;padding:2px 6px}.slot-table th,.slot-table td{padding:8px;font-size:12px}.btn{padding:6px 8px;font-size:12px}.btn{min-height:40px}.panel{overflow:auto}input,select{font-size:16px}.btn-group{flex-direction:column;align-items:stretch}.form-cols-7,.form-cols-5,.form-cols-4,.form-cols-3,.form-cols-2{grid-template-columns:1fr}}@media (max-width: 480px){body{font-size:var(--font-sm)}.hero-title{font-size:24px}}.booking-grid{display:grid;grid-template-columns:320px 1fr;gap:16px}.booking-left .booking-toggle{cursor:pointer;margin-bottom:8px}.booking-left:not(.open) .booking-content{display:none}@media (max-width: 768px){.booking-grid{grid-template-columns:1fr!important}}.heading-1{font-size:34px;font-weight:800;line-height:1.2;margin:0 0 12px}.heading-2{font-size:28px;font-weight:700;line-height:1.25;margin:24px 0 12px}.heading-3{font-size:22px;font-weight:600;line-height:1.3;margin:16px 0 8px}.text{font-size:14px}.section{margin:24px 0}.section-separator{height:1px;background:var(--border);margin:24px 0}.cta-banner{margin-top:0;padding:32px;border-radius:18px}.cta-banner h2{font-size:34px}.feature-icon,.benefit-icon{display:grid;place-items:center}.feature-icon svg,.benefit-icon svg{display:block}.feature-icon{width:48px;height:48px}.benefit-icon{width:200px;height:200px;margin:0 auto;border-radius:20px;box-shadow:0 8px 24px #00000059}.benefit-icon svg{width:120px;height:120px}.benefit-icon.bg-blue{background:#1e40af}.benefit-icon.bg-green{background:#065f46}.benefit-icon.bg-amber{background:#b45309}.benefit-icon.bg-red{background:#7f1d1d}.benefit-icon.bg-indigo{background:#4338ca}.benefit-icon.bg-gray{background:#374151}.benefit-grid{gap:16px}.benefit-card{text-align:center}@media (min-width: 1024px){.heading-1{font-size:38px}.cta-banner{padding:40px}}@media (min-width: 1440px){.heading-1{font-size:44px}}.public-landing .hero,.public-landing .metrics,.public-landing .screenshots{display:none}.public-landing .info-grid{border-top:1px solid var(--border);padding-top:16px}