:root{--color-bg:#f8f9fb;--color-bg-elevated:#fff;--color-bg-subtle:#f3f4f7;--color-bg-muted:#eef0f5;--color-border:#e5e7eb;--color-border-strong:#d4d7df;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-primary:#7c2bd9;--color-primary-hover:#6920b8;--color-primary-pressed:#5b1ba0;--color-primary-soft:#f3e8ff;--color-primary-soft-strong:#e9d5ff;--color-primary-text:#fff;--color-success:#16a34a;--color-success-soft:#dcfce7;--color-warning:#d97706;--color-warning-soft:#fef3c7;--color-danger:#dc2626;--color-danger-soft:#fee2e2;--color-info:#2563eb;--color-info-soft:#dbeafe;--orb-purple:#7c2bd914;--orb-blue:#2563eb0f;--font-sans:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px;--font-size-3xl:36px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 2px 6px #0f172a0d;--shadow-md:0 8px 20px #0f172a14;--shadow-lg:0 16px 40px #0f172a1f;--shadow-purple:0 8px 24px #7c2bd940;--sidebar-width:220px;--topbar-height:64px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--color-primary);font-weight:500;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;background:0 0;border:0;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.container{max-width:1200px;padding:0 var(--space-6);margin:0 auto}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{gap:var(--space-4);align-items:center;display:flex}.row-between{justify-content:space-between}.grow{flex:1}.page{padding:var(--space-8) 0}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:44px;padding:0 var(--space-5);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border);transition:all .15s;display:inline-flex}.btn:hover{background:var(--color-bg-subtle);border-color:var(--color-border-strong)}.btn-primary{background:var(--color-primary);color:var(--color-primary-text);box-shadow:var(--shadow-purple);border-color:#0000}.btn-primary:hover{background:var(--color-primary-hover);border-color:#0000}.btn-primary:active{background:var(--color-primary-pressed)}.btn-ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--color-bg-subtle);color:var(--color-text);border-color:#0000}.btn-danger{background:var(--color-danger);color:#fff;border-color:#0000}.btn-danger:hover{background:#b91c1c}.btn-block{width:100%}.btn-lg{height:52px;font-size:var(--font-size-md);padding:0 var(--space-6)}.btn-sm{height:36px;font-size:var(--font-size-sm);padding:0 var(--space-4)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:600}.input,.select,.textarea{height:48px;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text);outline:none;width:100%;font-weight:500;transition:border-color .15s,box-shadow .15s,background-color .15s}.input:hover,.select:hover{border-color:var(--color-primary-soft-strong)}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.input::placeholder{color:var(--color-text-muted);font-weight:400}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3e%3cpath d='M5 7.5l5 5 5-5' stroke='%237c2bd9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");background-position:right 14px center;background-repeat:no-repeat;background-size:18px 18px;padding-right:44px}.select::-ms-expand{display:none}.select:disabled{background-color:var(--color-bg-subtle);color:var(--color-text-muted);cursor:not-allowed;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3e%3cpath d='M5 7.5l5 5 5-5' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")}.select option{color:var(--color-text);background:var(--color-bg-elevated);font-weight:500}.select option:disabled{color:var(--color-text-muted)}.select-sm{height:36px;font-size:var(--font-size-sm);padding-left:var(--space-3);background-position:right 10px center;background-size:16px 16px;padding-right:36px}.field-error{font-size:var(--font-size-xs);color:var(--color-danger)}.input-with-icon{position:relative}.input-with-icon .input{padding-right:44px}.input-with-icon .icon{color:var(--color-text-muted);display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-xs)}.card-elevated{box-shadow:var(--shadow-md);border-color:#0000}.card-hover{transition:box-shadow .15s,border-color .15s,transform .15s}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-soft-strong)}.badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);background:var(--color-bg-subtle);color:var(--color-text-secondary);align-items:center;gap:4px;padding:4px 12px;font-weight:600;display:inline-flex}.badge-purple{background:var(--color-primary-soft);color:var(--color-primary)}.badge-success{background:var(--color-success-soft);color:#14532d}.badge-warning{background:var(--color-warning-soft);color:#7c2d12}.badge-danger{background:var(--color-danger-soft);color:#7f1d1d}.badge-info{background:var(--color-info-soft);color:#1e3a8a}.badge-neutral{background:var(--color-bg-subtle);color:var(--color-text-secondary)}.status-pending{background:var(--color-warning-soft);color:#7c2d12}.status-active,.status-completed{background:var(--color-success-soft);color:#14532d}.status-failed_no_seats,.status-failed_price,.status-failed_payment{background:var(--color-danger-soft);color:#7f1d1d}.status-cancelled{background:var(--color-bg-muted);color:var(--color-text-secondary)}.status-paused{background:var(--color-warning-soft);color:#7c2d12}.status-past{background:var(--color-danger-soft);color:#7f1d1d}h1{font-size:var(--font-size-2xl);letter-spacing:-.02em;font-weight:700;line-height:1.2}h2{font-size:var(--font-size-xl);font-weight:700;line-height:1.3}h3{font-size:var(--font-size-lg);font-weight:600;line-height:1.3}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-bold{font-weight:600}.text-center{text-align:center}.auth-shell{min-height:100vh;padding:var(--space-6);background:var(--color-bg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-shell:before,.auth-shell:after{content:"";pointer-events:none;z-index:0;border-radius:50%;position:absolute}.auth-shell:before{background:var(--orb-purple);width:360px;height:360px;top:-120px;right:-120px}.auth-shell:after{background:var(--orb-blue);width:280px;height:280px;bottom:-100px;left:-100px}.auth-card{z-index:1;background:var(--color-bg-elevated);width:100%;max-width:460px;padding:var(--space-10) var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);position:relative}.auth-icon-tile{border-radius:var(--radius-lg);width:64px;height:64px;margin:0 auto var(--space-5);background:var(--color-primary);color:#fff;box-shadow:var(--shadow-purple);justify-content:center;align-items:center;display:flex}.auth-icon-tile.tile-soft{background:var(--color-primary-soft);color:var(--color-primary);box-shadow:none}.auth-icon-tile.tile-success{background:var(--color-success-soft);color:var(--color-success);box-shadow:none}.auth-heading{text-align:center;margin-bottom:var(--space-3)}.auth-sub{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--space-8);font-size:var(--font-size-sm)}.auth-divider{text-align:center;margin:var(--space-6) 0;color:var(--color-text-muted);font-size:var(--font-size-sm);position:relative}.auth-divider:before{content:"";background:var(--color-border);z-index:0;height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{z-index:1;background:var(--color-bg-elevated);padding:0 var(--space-3);position:relative}.oauth-btn{justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg-elevated);width:100%;height:48px;color:var(--color-text);font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--space-3);transition:background .15s;display:inline-flex}.oauth-btn:hover{background:var(--color-bg-subtle)}.oauth-btn .oauth-icon{justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.auth-foot{margin-top:var(--space-6);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.app-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated);z-index:10;position:sticky;top:0}.app-header-inner{height:var(--topbar-height);justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.brand{align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:700;font-size:var(--font-size-lg);display:inline-flex}.brand-mark{background:var(--color-primary);border-radius:var(--radius-sm);color:#fff;width:32px;height:32px;box-shadow:var(--shadow-purple);justify-content:center;align-items:center;display:inline-flex}.brand-name{letter-spacing:-.02em}.brand-name b{color:var(--color-primary)}.nav{gap:var(--space-5);display:flex}.nav a{color:var(--color-text-secondary);font-weight:500;font-size:var(--font-size-sm);text-decoration:none}.nav a.active,.nav a:hover{color:var(--color-primary);text-decoration:none}.shell{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}.sidebar{background:var(--color-bg-elevated);border-right:1px solid var(--color-border);padding:var(--space-5) var(--space-4);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{padding:var(--space-2) var(--space-2) var(--space-6);align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--font-size-lg);color:var(--color-text);display:flex}.sidebar-nav{gap:var(--space-1);flex-direction:column;display:flex}.sidebar-section-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-4) var(--space-3) var(--space-2);font-weight:600}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:500;font-size:var(--font-size-sm);text-decoration:none;display:inline-flex}.sidebar-link:hover{background:var(--color-bg-subtle);color:var(--color-text);text-decoration:none}.sidebar-link.active{background:var(--color-primary-soft);color:var(--color-primary)}.sidebar-link .icon{width:18px;height:18px;display:inline-flex}.sidebar-foot{padding:var(--space-3);align-items:center;gap:var(--space-3);border-top:1px solid var(--color-border);margin-top:auto;display:flex}.sidebar-foot .avatar{border-radius:var(--radius-full);background:var(--color-primary-soft);width:36px;height:36px;color:var(--color-primary);justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.sidebar-foot .who{font-size:var(--font-size-xs);flex-direction:column;display:flex}.sidebar-foot .who-name{color:var(--color-text);font-weight:600}.sidebar-foot .who-role{color:var(--color-text-muted)}.main-area{padding:var(--space-8) var(--space-10) var(--space-12);min-width:0}.main-area-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.main-area-header h1{font-size:var(--font-size-xl)}.match-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.match-card{gap:var(--space-3);flex-direction:column;display:flex}.match-teams{font-size:var(--font-size-lg);align-items:center;gap:var(--space-2);font-weight:700;display:flex}.match-meta{color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-direction:column;gap:4px;display:flex}.match-price{font-size:var(--font-size-md);color:var(--color-primary);font-weight:700}.sector-table{border-collapse:collapse;width:100%}.sector-table th,.sector-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.sector-table th{background:var(--color-bg-subtle);color:var(--color-text-secondary);font-weight:600}.sector-table tr:last-child td{border-bottom:0}.error-page{text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:60vh;display:flex}.error-code{color:var(--color-primary);letter-spacing:-.04em;font-size:96px;font-weight:800;line-height:1}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);max-width:640px;margin:0 auto}.empty-state-illustration{width:120px;height:120px;margin:0 auto var(--space-6);border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-primary-soft), var(--color-primary-soft-strong));color:var(--color-primary);justify-content:center;align-items:center;display:flex}.empty-state h2{margin-bottom:var(--space-3)}.empty-state p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.feature-grid{gap:var(--space-4);margin-top:var(--space-8);text-align:left;grid-template-columns:repeat(3,1fr);display:grid}.feature-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.feature-card .feature-icon{border-radius:var(--radius-md);background:var(--color-primary-soft);width:40px;height:40px;color:var(--color-primary);margin-bottom:var(--space-3);justify-content:center;align-items:center;display:inline-flex}.feature-card h3{font-size:var(--font-size-md);margin-bottom:var(--space-2)}.feature-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.cta-banner{margin-top:var(--space-8);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));color:#fff;border-radius:var(--radius-xl);padding:var(--space-8);text-align:center}.cta-banner h3{color:#fff;font-size:var(--font-size-xl);margin-bottom:var(--space-3)}.cta-banner p{color:#ffffffd9;margin-bottom:var(--space-5)}.cta-banner .btn{color:var(--color-primary);background:#fff}.kpi-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.kpi-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);align-items:flex-start;gap:var(--space-4);display:flex}.kpi-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.kpi-icon-purple{background:var(--color-primary-soft);color:var(--color-primary)}.kpi-icon-green{background:var(--color-success-soft);color:var(--color-success)}.kpi-icon-orange{background:var(--color-warning-soft);color:var(--color-warning)}.kpi-value{font-size:var(--font-size-2xl);letter-spacing:-.02em;font-weight:700;line-height:1.2}.text-xs{font-size:var(--font-size-xs)}.analytics-row{gap:var(--space-4);grid-template-columns:1fr 360px;display:grid}.progress{background:var(--color-bg-muted);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-bar{background:var(--color-success);border-radius:var(--radius-full);height:100%;transition:width .3s}.progress-bar-purple{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-hover))}@media (width<=1100px){.kpi-grid,.analytics-row{grid-template-columns:1fr}}.role-card{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform 50ms;display:flex}.role-card:hover{border-color:var(--color-primary);box-shadow:0 6px 18px #7c2bd91f}.role-card:active{transform:scale(.99)}.role-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.role-icon-purple{background:var(--color-primary-soft);color:var(--color-primary)}.role-icon-blue{background:var(--color-info-soft);color:var(--color-info)}.pending-banner{background:linear-gradient(135deg, var(--color-warning-soft), #fde68a);color:#78350f;border-radius:var(--radius-lg);padding:var(--space-5);align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.pending-banner .icon-tile{color:#fff;border-radius:var(--radius-md);background:#f59e0b;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.pending-banner h3{color:#78350f;margin-bottom:4px}.pending-banner p{color:#92400e;font-size:14px}.stadium-wrap{background:linear-gradient(180deg, var(--color-bg-elevated), var(--color-bg-subtle));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.stadium-slice path{transition:filter .15s,opacity .15s}.stadium-slice:hover path{filter:brightness(.95)}.stadium-legend{gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:center;display:flex}.stadium-legend-item{align-items:center;gap:var(--space-2);display:inline-flex}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{height:auto;padding:var(--space-3) var(--space-4);flex-direction:row;align-items:center;position:relative;overflow-x:auto}.sidebar-brand{margin-right:var(--space-4);padding:0}.sidebar-nav{gap:var(--space-2);flex-direction:row;flex:1}.sidebar-foot{margin-left:var(--space-4);border-top:none;padding:0}.sidebar-section-label{display:none}.main-area{padding:var(--space-5)}.feature-grid{grid-template-columns:1fr}}