:root{--notif-bg: #0f172a;--notif-bg-hover: #1e293b;--notif-border: rgba(148, 163, 184, .1);--notif-text-primary: #e5e7eb;--notif-text-secondary: #9ca3af;--notif-accent: #fbbf24;--notif-accent-light: rgba(251, 191, 36, .15)}.notification-bell{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;font-size:20px;transition:all .2s ease;border-radius:8px}.notification-bell:hover{background-color:#fbbf2414}.notification-bell .bell-icon{display:block}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;background-color:#ef4444;color:#fff;font-size:11px;font-weight:600;border-radius:11px;display:flex;align-items:center;justify-content:center;border:2px solid #050816;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.notification-item{display:flex;gap:12px;padding:16px;background-color:var(--notif-bg);border:1px solid var(--notif-border);border-left:3px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.notification-item.unread{border-left-color:var(--notif-accent);background-color:#fbbf240a}.notification-item:hover{background-color:var(--notif-bg-hover);border-color:#94a3b833}.notification-item.unread:hover{background-color:#fbbf2414;border-color:#94a3b833}.notification-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:8px;background-color:#94a3b814;color:var(--notif-text-primary)}.notification-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.notification-title-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.notification-title{margin:0;font-size:14px;font-weight:600;color:var(--notif-text-primary);line-height:1.4;flex:1}.notification-type-label{flex-shrink:0;font-size:11px;font-weight:600;color:var(--notif-accent);text-transform:uppercase;letter-spacing:.5px;opacity:.9}.notification-message{margin:0;font-size:13px;color:var(--notif-text-secondary);line-height:1.5}.notification-metadata{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.metadata-tag{display:inline-flex;padding:4px 12px;background-color:#fbbf241a;color:var(--notif-accent);font-size:11px;font-weight:600;border-radius:6px;white-space:nowrap}.notification-time{font-size:12px;color:var(--notif-text-secondary);margin-top:2px}.notifications-page{padding:24px;max-width:700px;margin:0 auto}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px}.notifications-header h1{margin:0;font-size:28px;font-weight:700;color:var(--notif-text-primary);letter-spacing:-.5px}.btn-mark-all-read{padding:8px 16px;background-color:var(--notif-accent);color:#050816;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;letter-spacing:.3px}.btn-mark-all-read:hover{background-color:#fcd34d;transform:translateY(-1px)}.btn-mark-all-read:active{transform:translateY(0)}.notifications-filter-tabs{display:flex;gap:8px;margin-bottom:24px;padding-bottom:0;border-bottom:1px solid var(--notif-border)}.filter-tab{padding:8px 12px;background:none;border:none;border-bottom:2px solid transparent;font-size:13px;font-weight:500;color:var(--notif-text-secondary);cursor:pointer;transition:all .2s ease;position:relative}.filter-tab:hover{color:var(--notif-text-primary)}.filter-tab.active{color:var(--notif-accent);border-bottom-color:var(--notif-accent)}.notifications-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.notifications-error{padding:16px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;margin-bottom:20px}.notifications-error p{margin:0;font-size:14px;color:#fca5a5}.notifications-empty{text-align:center;padding:64px 24px}.empty-icon{font-size:48px;margin-bottom:20px;opacity:.4}.empty-title{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--notif-text-primary);letter-spacing:-.3px}.empty-description{font-size:14px;color:var(--notif-text-secondary);line-height:1.6;max-width:360px;margin:0 auto}.notifications-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding-top:24px;border-top:1px solid var(--notif-border)}.pagination-btn{padding:8px 16px;background-color:var(--notif-bg-hover);border:1px solid var(--notif-border);border-radius:8px;font-size:13px;font-weight:500;color:var(--notif-text-primary);cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#fbbf2414;border-color:var(--notif-accent);color:var(--notif-accent)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:13px;color:var(--notif-text-secondary)}.notification-item:focus-visible{outline:2px solid var(--notif-accent);outline-offset:2px}.notification-bell:focus-visible{outline:2px solid var(--notif-accent);outline-offset:2px}.pagination-btn:focus-visible{outline:2px solid var(--notif-accent);outline-offset:2px}.filter-tab:focus-visible{outline:2px solid var(--notif-accent);outline-offset:-2px}.btn-mark-all-read:focus-visible{outline:2px solid rgba(5,8,22,.5);outline-offset:2px}@media(max-width:640px){.notifications-page{padding:16px}.notifications-header{flex-direction:column;align-items:stretch;margin-bottom:24px;gap:12px}.notifications-header h1{font-size:24px}.btn-mark-all-read{width:100%}.notification-item{gap:12px;padding:12px}.notification-icon{width:36px;height:36px;font-size:18px}.notification-title{font-size:13px}.notification-message{font-size:12px}.notifications-filter-tabs{gap:4px;margin-bottom:20px}.filter-tab{padding:8px 10px;font-size:12px}.notifications-pagination{gap:12px;flex-wrap:wrap;padding-top:20px}.pagination-btn,.pagination-info{font-size:12px}.empty-icon{font-size:40px;margin-bottom:16px}.empty-title{font-size:16px;margin-bottom:8px}.empty-description{font-size:13px}}@media(max-width:480px){.notifications-page{padding:12px}.notifications-header h1{font-size:20px}.notification-item{gap:10px;padding:10px}.notification-icon{width:32px;height:32px;font-size:16px}.notification-title-row{flex-direction:column;gap:4px}.notification-type-label{font-size:10px}.notification-title{font-size:12px}.notification-message,.notification-time{font-size:11px}.filter-tab{padding:6px 10px;font-size:11px}.pagination-btn{padding:6px 12px;font-size:11px}.metadata-tag{padding:3px 10px;font-size:10px}}.payment-dashboard-page{min-height:100vh;padding:24px 16px 48px}.payment-dashboard-header{margin-bottom:32px}.payment-dashboard-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.02em}.payment-dashboard-subtitle{font-size:.875rem;color:var(--text-tertiary);margin:0}.payment-stats{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:32px}@media(min-width:640px){.payment-stats{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.payment-stats{grid-template-columns:repeat(3,1fr)}}.payment-stat-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;padding:16px;transition:background .15s ease}.payment-stat-card:hover{background:var(--bg-elevated)}.payment-stat-label{font-size:.75rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.payment-stat-value{font-size:1.875rem;font-weight:600;color:var(--text-primary);margin-bottom:4px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.payment-stat-meta{font-size:.8125rem;color:var(--text-secondary)}.payment-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border-default);padding-bottom:0}.payment-tab{position:relative;padding:12px 4px;font-size:.875rem;font-weight:500;color:var(--text-tertiary);background:transparent;border:none;cursor:pointer;transition:color .15s ease;border-bottom:2px solid transparent;margin-bottom:-1px}.payment-tab:hover{color:var(--text-secondary)}.payment-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.payment-tab-count{display:inline-block;margin-left:6px;padding:1px 6px;font-size:.6875rem;font-weight:600;background:var(--status-muted-bg);color:var(--text-secondary);border-radius:10px}.payment-tab.active .payment-tab-count{background:var(--text-primary);color:var(--bg-base)}.payment-list{display:flex;flex-direction:column;gap:8px}.payment-card-compact{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;padding:12px 14px;cursor:pointer;transition:background .15s ease}.payment-card-compact:hover{background:var(--bg-elevated)}.payment-card-compact.urgent{border-left:3px solid var(--status-warning);padding-left:11px}.payment-card-compact-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.payment-card-compact-main{flex:1;min-width:0}.payment-card-compact-title{font-size:.9375rem;font-weight:500;color:var(--text-primary);margin:0 0 2px;letter-spacing:-.01em}.payment-card-compact-meta{font-size:.75rem;color:var(--text-tertiary);margin:0}.payment-card-compact-badges{display:flex;gap:6px;flex-shrink:0;margin-left:12px}.payment-badge{padding:2px 8px;border-radius:4px;font-size:.6875rem;font-weight:500;letter-spacing:.02em;white-space:nowrap}.payment-badge.urgent{background:var(--status-warning-bg);color:var(--status-warning)}.payment-badge.paid{background:var(--status-safe-bg);color:var(--status-safe)}.payment-card-compact-content{display:flex;justify-content:space-between;align-items:center;gap:12px}.payment-card-compact-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.payment-info-inline{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.payment-amount-large{font-size:1.25rem;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.payment-divider{color:var(--text-tertiary);font-size:.875rem}.payment-text-muted{font-size:.8125rem;color:var(--text-secondary)}.payment-status-inline{display:flex;align-items:center}.payment-progress-inline{display:flex;align-items:center;gap:8px}.payment-progress-bar-inline{flex:1;max-width:160px;height:4px;background:var(--bg-base);border-radius:2px;overflow:hidden}.payment-progress-fill{height:100%;background:var(--status-safe);transition:width .3s ease}.payment-progress-count{font-variant-numeric:tabular-nums;font-size:.75rem;min-width:40px}.payment-card-compact-actions{display:flex;gap:6px;flex-shrink:0}.payment-action-btn{padding:6px 14px;font-size:.8125rem;font-weight:500;border-radius:6px;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.payment-action-btn:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-focus)}.payment-action-btn:active:not(:disabled){transform:scale(.98)}.payment-action-btn:disabled{opacity:.4;cursor:not-allowed}.payment-action-btn-primary{background:var(--text-primary);color:var(--bg-base);border-color:var(--text-primary)}.payment-action-btn-primary:hover:not(:disabled){background:#fff;border-color:#fff}@media(max-width:640px){.payment-card-compact-content{flex-direction:column;align-items:stretch}.payment-card-compact-actions{width:100%}.payment-action-btn{flex:1}.payment-progress-bar-inline{max-width:none}}.payment-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.payment-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--bg-elevated);border-top-left-radius:12px;border-top-right-radius:12px;border:1px solid var(--border-default);max-height:85vh;overflow-y:auto;z-index:51;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.payment-sheet-header{padding:24px 24px 16px;border-bottom:1px solid var(--border-default);position:sticky;top:0;background:var(--bg-elevated);z-index:1}.payment-sheet-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.01em}.payment-sheet-subtitle{font-size:.8125rem;color:var(--text-secondary);margin:0}.payment-sheet-close{position:absolute;top:24px;right:24px;width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:4px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.payment-sheet-close:hover{background:var(--bg-surface);color:var(--text-primary)}.payment-sheet-content{padding:16px 24px 24px}.payment-player-list{display:flex;flex-direction:column;gap:8px}.payment-player-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;transition:all .15s ease}.payment-player-item:hover{background:var(--bg-base);border-color:var(--border-default)}.payment-player-info{flex:1;min-width:0}.payment-player-name{font-size:.875rem;font-weight:500;color:var(--text-primary);margin:0 0 2px}.payment-player-phone{font-size:.75rem;color:var(--text-tertiary);margin:0}.payment-player-amount{font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary);margin-right:16px}.payment-player-actions{display:flex;gap:6px}.payment-empty{text-align:center;padding:64px 24px}.payment-empty-icon{width:48px;height:48px;margin:0 auto 16px;background:var(--bg-surface);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.payment-empty-title{font-size:1rem;font-weight:500;color:var(--text-primary);margin:0 0 4px}.payment-empty-text{font-size:.875rem;color:var(--text-secondary);margin:0 0 24px}.payment-skeleton{padding:24px 16px}.skeleton-item{background:var(--bg-surface);border-radius:8px;margin-bottom:12px}.skeleton-animate{animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.sidebar-nav{position:fixed;left:0;top:0;width:240px;height:100vh;background:#0f172a;border-right:1px solid #1e293b;display:flex;flex-direction:column;z-index:1000;overflow-y:auto}.nav-header{padding:24px 16px;border-bottom:1px solid #1e293b}.nav-logo{font-size:16px;font-weight:600;color:#f1f5f9;letter-spacing:-.5px}.nav-items{display:flex;flex-direction:column;gap:0;padding:8px;flex:1}.nav-item{padding:10px 12px;background:transparent;border:none;color:#cbd5e1;font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;text-align:left;transition:all .15s ease;position:relative}.nav-item:hover{background:#1e293b;color:#f1f5f9}.nav-item.active{background:#3b82f6;color:#fff;font-weight:600}.nav-item-label{display:block;white-space:nowrap}.mvp-page{margin-left:240px}.mvp-app-layout{display:flex}.mvp-app-content{flex:1;overflow-y:auto}@media(max-width:767px){.sidebar-nav{position:fixed;bottom:0;left:0;top:auto;width:100%;height:60px;border-right:none;border-top:1px solid #1e293b;flex-direction:row;align-items:center;padding:0 8px}.nav-header{display:none}.nav-items{flex-direction:row;flex:1;padding:0;gap:4px}.nav-item{flex:1;padding:8px 4px;font-size:12px;text-align:center;border-radius:4px}.nav-item-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mvp-page{margin-left:0;padding-bottom:76px}}.mvp-landing{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2)}.mvp-landing-hero{text-align:center;max-width:500px;color:#fff}.mvp-landing-welcome{font-size:12px;font-weight:600;color:#ffffffe6;margin-bottom:12px;text-transform:uppercase;letter-spacing:.8px}.mvp-landing-headline{font-size:42px;font-weight:700;margin-bottom:16px;line-height:1.2;color:#fff;letter-spacing:-1.5px}.mvp-landing-headline-accent{background:linear-gradient(120deg,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mvp-landing-cta-group{display:flex;flex-direction:column;gap:12px;margin-top:40px}.mvp-landing-cta-group button{min-height:48px;font-size:15px}.mvp-home{padding:32px 40px}.mvp-home-header{margin-bottom:32px}.mvp-home-title{font-size:32px;font-weight:700;color:#f1f5f9;margin:0 0 8px;letter-spacing:-.5px}.mvp-home-subtitle{font-size:15px;color:#cbd5e1;margin:0;font-weight:400}.mvp-home-cta{margin-bottom:40px}.mvp-home-section{margin-bottom:32px}.mvp-home-section-title{font-size:14px;font-weight:600;color:#f1f5f9;margin:0 0 16px;padding:0;text-transform:uppercase;letter-spacing:.5px}.mvp-home-links{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mvp-home-link{display:flex;flex-direction:column;gap:12px;padding:20px;background:#1e293b;border:1px solid #334155;border-radius:8px;cursor:pointer;transition:all .15s ease;font-weight:500;color:#f1f5f9}.mvp-home-link:hover{background:#334155;border-color:#475569}.mvp-home-empty{text-align:center;padding:60px 20px;color:#cbd5e1}.mvp-home-empty p{margin:0 0 4px;font-size:15px}.mvp-home-empty-hint{font-size:13px;color:#94a3b8}@media(max-width:767px){.mvp-home{padding:16px}.mvp-home-title{font-size:24px}.mvp-home-links{grid-template-columns:1fr;gap:12px}.mvp-landing{padding:20px}.mvp-landing-headline{font-size:28px}}.mvp-home-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mvp-home-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500;color:#1f2937}.mvp-home-link:hover{background:#f3f4f6;border-color:#d1d5db}.mvp-home-link span:first-child{font-size:24px}.mvp-home-empty{text-align:center;padding:40px 20px;color:#6b7280}.mvp-home-empty p{margin:0 0 4px;font-size:14px}.mvp-home-empty-hint{font-size:12px;color:#9ca3af}@media(min-width:768px){.mvp-home{padding:24px 32px}.mvp-home-links{grid-template-columns:repeat(3,1fr)}}.mvp-profile{padding:32px 40px}.mvp-profile-header{margin-bottom:32px}.mvp-profile-title{font-size:32px;font-weight:700;color:#f1f5f9;margin:0;letter-spacing:-.5px}.mvp-profile-card{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:40px;text-align:center;margin-bottom:32px}.mvp-profile-avatar{width:80px;height:80px;border-radius:8px;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin:0 auto 16px}.mvp-profile-name{font-size:20px;font-weight:600;color:#f1f5f9;margin:0 0 8px}.mvp-profile-phone{font-size:14px;color:#cbd5e1;margin:0}.mvp-profile-actions{display:grid;gap:12px}@media(max-width:767px){.mvp-profile{padding:16px}.mvp-profile-title{font-size:24px}.mvp-profile-card{padding:24px}}.mvp-matches-list{padding:32px 40px}.mvp-matches-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px}.mvp-matches-header .mvp-page-title{flex:1}.mvp-matches-section{margin-bottom:40px}.mvp-matches-section-title{font-size:14px;font-weight:600;color:#f1f5f9;margin-bottom:16px;padding:0;text-transform:uppercase;letter-spacing:.5px}.mvp-matches-grid{display:grid;grid-template-columns:1fr;gap:16px}.mvp-empty-state{text-align:center;padding:60px 20px;color:#cbd5e1}.mvp-empty-icon{font-size:48px;margin-bottom:16px;opacity:.3}.mvp-empty-state h2{font-size:18px;color:#f1f5f9;margin-bottom:8px;font-weight:600}.mvp-empty-state p{font-size:14px;color:#cbd5e1;margin-bottom:24px}@media(min-width:640px){.mvp-matches-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(min-width:1024px){.mvp-matches-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.mvp-matches-list{padding:16px}.mvp-matches-header{flex-direction:column;align-items:flex-start}.mvp-matches-grid{gap:12px}}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:linear-gradient(135deg,#0f172a,#1a2942);border-bottom:1px solid #334155;box-shadow:0 2px 8px #0000004d;display:flex;justify-content:space-between;align-items:center;padding:0 16px;z-index:999}.mobile-header-title{margin:0;font-size:16px;font-weight:700;color:#f1f5f9;letter-spacing:-.5px}.mobile-notification-bell{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border:none;border-radius:8px;cursor:pointer;font-size:20px;transition:all .2s ease;padding:0;margin:-8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-notification-bell:hover{background:#ffffff26}.mobile-notification-bell:active{transform:scale(.95)}.mobile-notification-bell .bell-icon{display:block}.mobile-notification-bell .notification-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:10px;font-weight:700;border-radius:11px;display:flex;align-items:center;justify-content:center;border:2px solid #0f172a;box-shadow:0 2px 4px #0000004d;letter-spacing:-.5px}@media(max-width:767px){.mobile-header{display:flex}.mvp-app-content{padding-top:56px;padding-bottom:76px}}.mobile-notification-bell:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}:root{--bg-base: #0a0f1a;--bg-surface: rgba(15, 23, 42, .6);--bg-elevated: rgba(30, 41, 59, .85);--bg-overlay: rgba(0, 0, 0, .75);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-disabled: #475569;--border-default: rgba(148, 163, 184, .12);--border-subtle: rgba(148, 163, 184, .06);--border-focus: rgba(148, 163, 184, .3);--status-safe: #22c55e;--status-safe-bg: rgba(34, 197, 94, .1);--status-safe-border: rgba(34, 197, 94, .25);--status-warning: #eab308;--status-warning-bg: rgba(234, 179, 8, .1);--status-warning-border: rgba(234, 179, 8, .25);--status-danger: #ef4444;--status-danger-bg: rgba(239, 68, 68, .1);--status-danger-border: rgba(239, 68, 68, .25);--status-muted: #64748b;--status-muted-bg: rgba(100, 116, 139, .1);--accent-primary: #3b82f6;--accent-primary-hover: #2563eb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .16);--shadow-focus: 0 0 0 3px rgba(148, 163, 184, .15);--text-xs: .6875rem;--text-sm: .75rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.5rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--space-10: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .25s ease;--mvp-safe: var(--status-safe);--mvp-safe-bg: var(--status-safe-bg);--mvp-safe-border: var(--status-safe-border);--mvp-risk: var(--status-warning);--mvp-risk-bg: var(--status-warning-bg);--mvp-risk-border: var(--status-warning-border);--mvp-critical: var(--status-danger);--mvp-critical-bg: var(--status-danger-bg);--mvp-critical-border: var(--status-danger-border);--mvp-muted: var(--status-muted);--mvp-muted-bg: var(--status-muted-bg);--mvp-primary: var(--accent-primary);--mvp-primary-hover: var(--accent-primary-hover);--mvp-surface: var(--bg-surface);--mvp-surface-hover: var(--bg-elevated);--mvp-surface-elevated: var(--bg-elevated);--mvp-border: var(--border-default);--mvp-border-subtle: var(--border-subtle);--mvp-text-primary: var(--text-primary);--mvp-text-secondary: var(--text-secondary);--mvp-text-tertiary: var(--text-tertiary);--mvp-shadow-sm: var(--shadow-sm);--mvp-shadow-md: var(--shadow-md);--mvp-shadow-lg: var(--shadow-lg);--text-muted: var(--text-secondary);--text-soft: var(--text-tertiary);--card-bg: var(--bg-surface);--border-subtle: var(--border-subtle);--accent: var(--accent-primary)}.mvp-page{min-height:100vh;padding:32px 40px;background:var(--bg)}.mvp-page-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.mvp-page-title{font-size:28px;font-weight:700;color:var(--mvp-text-primary);margin:0;letter-spacing:-.5px}.mvp-landing{display:flex;flex-direction:column;min-height:calc(100dvh - 120px);justify-content:center}.mvp-landing-hero{text-align:center;padding:var(--space-5) 0}.mvp-landing-welcome{font-size:var(--text-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin:0 0 var(--space-4) 0}.mvp-landing-headline{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2;letter-spacing:-.02em;margin:0 0 var(--space-8) 0}.mvp-landing-headline-accent{color:var(--text-secondary);font-weight:400}.mvp-landing-cta-group{display:flex;flex-direction:column;align-items:center}.mvp-landing-cta{width:100%;padding:var(--space-4) var(--space-6)!important;font-size:var(--text-lg)!important}.mvp-dashboard-header{margin-bottom:32px}.mvp-dashboard-header-top{display:flex;justify-content:space-between;align-items:flex-start}.mvp-dashboard-greeting{font-size:.875rem;color:var(--mvp-text-tertiary);margin:0 0 4px;font-weight:400}.mvp-dashboard-title{font-size:1.5rem;font-weight:600;color:var(--mvp-text-primary);margin:0;letter-spacing:-.02em}.mvp-header-logout-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--mvp-text-secondary);cursor:pointer;transition:all .15s ease}.mvp-header-logout-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.mvp-header-logout-btn:focus{outline:2px solid var(--mvp-primary);outline-offset:2px}.mvp-header-logout-btn:active{transform:scale(.95)}.mvp-dashboard-cta,.mvp-dashboard-section{margin-bottom:32px}.mvp-section-title{font-size:.75rem;font-weight:500;color:var(--mvp-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px}.mvp-section-title--attention{color:var(--mvp-risk)}.mvp-section-title--muted{color:var(--mvp-text-tertiary)}.mvp-match-card{position:relative;background:var(--mvp-surface);border:1px solid var(--mvp-border);border-radius:8px;padding:14px 16px;margin-bottom:8px;cursor:pointer;transition:background .15s ease}.mvp-match-card:hover{background:var(--mvp-surface-hover)}.mvp-match-card--past{opacity:.5}.mvp-match-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.mvp-match-card-datetime{display:flex;flex-direction:column;gap:1px}.mvp-match-date{font-size:.8125rem;font-weight:500;color:var(--mvp-text-primary)}.mvp-match-time{font-size:.75rem;color:var(--mvp-text-tertiary);font-variant-numeric:tabular-nums}.mvp-match-card-status{display:flex;align-items:center;gap:8px}.mvp-match-relative-time{font-size:.6875rem;font-weight:500;color:var(--mvp-text-tertiary);text-transform:uppercase;letter-spacing:.02em}.mvp-match-health-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mvp-match-status-tag{font-size:.6875rem;font-weight:500;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.02em}.mvp-match-status-tag--done{background:var(--mvp-muted-bg);color:var(--mvp-text-tertiary)}.mvp-match-status-tag--cancelled{background:var(--mvp-critical-bg);color:var(--mvp-critical)}.mvp-match-card-body{margin-bottom:12px}.mvp-match-team-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.mvp-match-team{font-size:1rem;font-weight:500;color:var(--mvp-text-primary);letter-spacing:-.01em}.mvp-match-role-tag{width:18px;height:18px;border-radius:4px;background:#fbbf2426;color:#fbbf24;font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mvp-match-description{font-size:.8125rem;color:var(--mvp-text-secondary);margin-top:2px;line-height:1.4}.mvp-match-format{display:flex;gap:8px;font-size:.75rem;color:var(--mvp-text-tertiary)}.mvp-match-format span{display:flex;align-items:center}.mvp-match-format span:not(:last-child):after{content:"·";margin-left:8px;color:var(--mvp-text-tertiary);opacity:.5}.mvp-match-card-footer{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--mvp-border-subtle)}.mvp-match-squad-status{display:flex;align-items:center;gap:10px}.mvp-match-squad-bar{flex:1;height:4px;background:var(--mvp-surface-elevated);border-radius:2px;overflow:hidden}.mvp-match-squad-fill{height:100%;border-radius:2px;transition:width .3s ease}.mvp-match-squad-count{font-size:.8125rem;font-weight:600;color:var(--mvp-text-secondary);font-variant-numeric:tabular-nums;min-width:36px;text-align:right}.mvp-match-breakdown{display:flex;flex-wrap:wrap;gap:6px}.mvp-match-breakdown-item{font-size:.6875rem;color:var(--mvp-text-tertiary);padding:2px 6px;background:var(--mvp-surface-elevated);border-radius:3px}.mvp-match-breakdown-item--backup{color:var(--mvp-risk);background:var(--mvp-risk-bg)}.mvp-match-breakdown-item--emergency{color:var(--mvp-critical);background:var(--mvp-critical-bg)}.mvp-match-breakdown-item--shortage{color:var(--mvp-critical);background:var(--mvp-critical-bg);font-weight:500}.mvp-match-fee-tag{position:absolute;top:14px;right:14px;font-size:.6875rem;font-weight:500;color:var(--mvp-text-tertiary);background:var(--mvp-surface-elevated);padding:2px 6px;border-radius:3px;font-variant-numeric:tabular-nums}.mvp-match-meta{display:flex;gap:12px;font-size:.75rem;color:var(--mvp-text-tertiary)}.mvp-match-event,.mvp-match-ball{background:var(--mvp-muted-bg);padding:2px 8px;border-radius:4px;font-weight:500}.mvp-match-location{font-size:.8rem;color:var(--mvp-primary);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.mvp-match-location:hover{text-decoration:underline}.mvp-match-count{font-size:.75rem;color:var(--mvp-text-tertiary);font-variant-numeric:tabular-nums}.mvp-match-fee{font-size:.75rem;color:var(--mvp-text-tertiary);margin-left:auto}.mvp-match-card-badges{display:flex;gap:6px;align-items:center}.mvp-match-card-compact{display:flex;justify-content:space-between;align-items:center;background:var(--mvp-surface);border:1px solid var(--mvp-border);border-left:3px solid var(--mvp-risk);border-radius:6px;padding:10px 14px;margin-bottom:6px;cursor:pointer;transition:background .15s ease}.mvp-match-card-compact:hover{background:var(--mvp-surface-hover)}.mvp-match-card-compact--urgent{border-left-color:var(--mvp-critical);background:var(--mvp-critical-bg)}.mvp-match-card-compact-info{display:flex;gap:12px;align-items:center}.mvp-attention-label{font-size:.75rem;color:var(--mvp-risk);font-weight:500}.mvp-match-card-compact--urgent .mvp-attention-label{color:var(--mvp-critical)}.mvp-attention-list{margin-bottom:16px}.mvp-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:.6875rem;font-weight:500;letter-spacing:.02em}.mvp-badge-safe{background:var(--mvp-safe-bg);color:var(--mvp-safe)}.mvp-badge-risk{background:var(--mvp-risk-bg);color:var(--mvp-risk)}.mvp-badge-critical{background:var(--mvp-critical-bg);color:var(--mvp-critical)}.mvp-badge-muted{background:var(--mvp-muted-bg);color:var(--mvp-muted)}.mvp-badge-captain{background:#fbbf241a;color:#fbbf24}.mvp-badge-player{background:#3b82f61a;color:var(--mvp-primary)}.mvp-badge-emergency{background:var(--mvp-critical-bg);color:var(--mvp-critical)}.mvp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-md);font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--transition-base);border:none;letter-spacing:-.01em;outline:none}.mvp-btn:focus-visible{box-shadow:var(--shadow-focus)}.mvp-btn:disabled{opacity:.4;cursor:not-allowed}.mvp-btn-full{width:100%}.mvp-btn-primary{background:var(--text-primary);color:#0f172a}.mvp-btn-primary:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.mvp-btn-primary:active:not(:disabled){background:#e2e8f0;transform:translateY(0)}.mvp-btn-primary:focus-visible{box-shadow:0 0 0 3px #f1f5f94d}.mvp-btn-primary--success{background:var(--status-safe);color:#fff}.mvp-btn-primary--success:hover:not(:disabled){background:#16a34a}.mvp-btn-primary--success:focus-visible{box-shadow:0 0 0 3px var(--status-safe-bg)}.mvp-btn-primary--danger{background:var(--status-danger);color:#fff}.mvp-btn-primary--danger:hover:not(:disabled){background:#dc2626}.mvp-btn-primary--danger:focus-visible{box-shadow:0 0 0 3px var(--status-danger-bg)}.mvp-btn-secondary{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary)}.mvp-btn-secondary:hover:not(:disabled){background:var(--bg-surface);border-color:var(--text-tertiary);color:var(--text-primary)}.mvp-btn-secondary:focus-visible{box-shadow:var(--shadow-focus);border-color:var(--border-focus)}.mvp-btn-secondary--danger{border-color:var(--status-danger-border);color:var(--status-danger)}.mvp-btn-secondary--danger:hover:not(:disabled){background:var(--status-danger-bg)}.mvp-btn-secondary--danger:focus-visible{box-shadow:0 0 0 3px var(--status-danger-bg)}.mvp-btn-ghost{background:transparent;border:none;color:var(--text-tertiary);padding:var(--space-2) var(--space-3)}.mvp-btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-surface)}.mvp-btn-ghost:focus-visible{box-shadow:var(--shadow-focus);background:var(--bg-surface)}.mvp-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:transparent;border:1px solid var(--border-default);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-base)}.mvp-btn-icon:hover:not(:disabled){background:var(--bg-surface);color:var(--text-primary)}.mvp-btn-icon:focus-visible{box-shadow:var(--shadow-focus)}.mvp-btn-icon--danger:hover:not(:disabled){background:var(--status-danger-bg);border-color:var(--status-danger-border);color:var(--status-danger)}.mvp-btn-loading{display:flex;align-items:center;gap:var(--space-2)}.mvp-spinner{width:24px;height:24px;border:2px solid var(--border-default);border-top-color:var(--text-secondary);border-radius:50%;animation:mvp-spin .7s linear infinite}.mvp-spinner-small{width:14px;height:14px;border:2px solid rgba(15,23,42,.2);border-top-color:#0f172a;border-radius:50%;animation:mvp-spin .6s linear infinite}@keyframes mvp-spin{to{transform:rotate(360deg)}}.mvp-form{display:flex;flex-direction:column;gap:20px}.mvp-form-group{display:flex;flex-direction:column;gap:6px}.mvp-form-label{font-size:.8125rem;font-weight:500;color:var(--mvp-text-secondary)}.mvp-required{color:var(--mvp-critical);margin-left:2px}.mvp-input,.mvp-select,.mvp-textarea{padding:10px 12px;background:var(--mvp-surface);border:1px solid var(--mvp-border);border-radius:6px;color:var(--mvp-text-primary);font-size:.9375rem;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.mvp-input::placeholder,.mvp-textarea::placeholder{color:var(--mvp-text-tertiary)}.mvp-input:focus,.mvp-select:focus,.mvp-textarea:focus{outline:none;border-color:var(--mvp-text-tertiary);box-shadow:0 0 0 3px #94a3b81a}.mvp-input-error{border-color:var(--mvp-critical)}.mvp-input-error:focus{box-shadow:0 0 0 3px var(--mvp-critical-bg)}.mvp-form-error{font-size:.75rem;color:var(--mvp-critical)}.mvp-form-hint{font-size:.75rem;color:var(--mvp-text-tertiary)}.mvp-form-hint--success{color:var(--mvp-safe)}.mvp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mvp-form-section{padding:16px;background:var(--mvp-surface);border:1px solid var(--mvp-border-subtle);border-radius:8px}.mvp-form-actions{margin-top:8px}.mvp-phone-input-wrapper{display:flex;align-items:stretch}.mvp-phone-prefix{display:flex;align-items:center;padding:0 12px;background:#0f172acc;border:1px solid var(--border-subtle);border-right:none;border-radius:8px 0 0 8px;color:var(--text-muted);font-size:.875rem}.mvp-phone-input{border-radius:0 8px 8px 0;flex:1}.mvp-number-input-wrapper{display:flex;align-items:stretch}.mvp-input-prefix,.mvp-input-suffix{display:flex;align-items:center;padding:0 12px;background:#0f172acc;border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.875rem}.mvp-input-prefix{border-right:none;border-radius:8px 0 0 8px}.mvp-input-suffix{border-left:none;border-radius:0 8px 8px 0}.mvp-input.has-prefix{border-radius:0 8px 8px 0}.mvp-input.has-suffix{border-radius:8px 0 0 8px}.mvp-otp-input{text-align:center;font-size:1.5rem;letter-spacing:.5em;padding:16px}.mvp-toggle-group{margin:8px 0}.mvp-toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer}.mvp-toggle-input{display:none}.mvp-toggle-switch{width:48px;height:26px;background:#64748b80;border-radius:13px;position:relative;transition:background .2s ease}.mvp-toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease}.mvp-toggle-input:checked+.mvp-toggle-switch{background:var(--mvp-safe)}.mvp-toggle-input:checked+.mvp-toggle-switch:after{transform:translate(22px)}.mvp-toggle-text{font-size:.9rem;color:var(--text-primary)}.mvp-radio-group{display:flex;flex-direction:column;gap:10px}.mvp-radio-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 12px;border-radius:8px;transition:background .2s ease}.mvp-radio-label:hover{background:#0f172a80}.mvp-radio-input{display:none}.mvp-radio-custom{width:20px;height:20px;border:2px solid var(--border-subtle);border-radius:50%;position:relative}.mvp-radio-input:checked+.mvp-radio-custom{border-color:var(--accent)}.mvp-radio-input:checked+.mvp-radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--accent);border-radius:50%}.mvp-radio-text{font-size:.9rem;color:var(--text-primary)}.mvp-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000;animation:mvp-fade-in .15s ease}@keyframes mvp-fade-in{0%{opacity:0}to{opacity:1}}.mvp-modal{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:400px;max-height:90vh;overflow-y:auto;position:relative;animation:mvp-modal-in .2s ease}@keyframes mvp-modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.mvp-modal--small{max-width:380px}.mvp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.mvp-modal-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.mvp-modal-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:1.25rem;padding:4px;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.mvp-modal-close:hover{color:var(--text-primary);background:#94a3b81a}.mvp-modal-close--floating{position:absolute;top:var(--space-3);right:var(--space-3);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);z-index:1}.mvp-modal-content{padding:20px}.mvp-modal-content--headerless{padding:var(--space-5)}.mvp-modal-message{color:var(--text-muted);margin:0 0 20px;line-height:1.5}.mvp-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.mvp-modal-actions--center{justify-content:center}.mvp-modal-subtitle{color:var(--text-muted);font-size:.875rem;margin:0 0 16px}.mvp-bottomsheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000}.mvp-bottomsheet{position:fixed;bottom:0;left:0;right:0;background:var(--card-bg);border-radius:20px 20px 0 0;padding:16px 20px 32px;max-height:80vh;overflow-y:auto;animation:mvp-slide-up .3s ease}@keyframes mvp-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mvp-bottomsheet-handle{width:40px;height:4px;background:var(--border-subtle);border-radius:2px;margin:0 auto 16px}.mvp-bottomsheet-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.otp-auth-container{padding:var(--space-2) 0;animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.otp-auth-header{text-align:center;margin-bottom:var(--space-6)}.otp-auth-title{font-size:22px;font-weight:600;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.025em;line-height:1.3}.otp-auth-subtitle{font-size:15px;color:var(--text-secondary);margin:0;line-height:1.5;font-weight:400}.otp-auth-subtitle strong{color:var(--text-primary);font-weight:500;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:14px;background:#94a3b814;padding:2px 6px;border-radius:4px}.otp-steps{display:flex;justify-content:center;align-items:center;gap:0;margin-bottom:var(--space-5)}.otp-step{display:flex;align-items:center}.otp-step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;background:var(--bg-surface);border:2px solid var(--border-default);color:var(--text-tertiary);transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000008}.otp-step--active .otp-step-dot{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:scale(1.05);box-shadow:0 4px 8px -2px #3b82f64d}.otp-step--completed .otp-step-dot{background:#10b981;border-color:#10b981;color:#fff;box-shadow:0 1px 3px #10b98133}.otp-step-line{width:40px;height:2px;background:var(--border-default);margin:0 var(--space-3);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:1px}.otp-step--completed+.otp-step .otp-step-line,.otp-step--completed .otp-step-line{background:#10b981}.otp-form{display:flex;flex-direction:column;gap:var(--space-4)}.otp-field-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2);letter-spacing:-.01em}.otp-email-field{margin-bottom:var(--space-1)}.otp-email-input{width:100%;padding:14px var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-weight:400;outline:none;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000005}.otp-email-input:hover{border-color:var(--border-focus)}.otp-email-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f614,0 1px 2px #00000005}.otp-email-input::placeholder{color:var(--text-tertiary);font-weight:400}.otp-email-input:disabled{background:#94a3b808;cursor:not-allowed;opacity:.6}.otp-phone-field{margin-bottom:var(--space-1)}.otp-phone-input-container{display:flex;align-items:stretch;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all .15s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 1px 2px #00000005}.otp-phone-input-container:hover{border-color:var(--border-focus)}.otp-phone-input-container:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f614,0 1px 2px #00000005}.otp-phone-prefix{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);background:#94a3b80d;border-right:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--text-base);font-weight:500}.otp-phone-flag{font-size:16px;line-height:1}.otp-phone-code{font-family:inherit}.otp-phone-input{flex:1;padding:14px var(--space-3);background:transparent;border:none;color:var(--text-primary);font-size:var(--text-lg);font-weight:500;letter-spacing:.02em;outline:none}.otp-phone-input::placeholder{color:var(--text-tertiary);font-weight:400}.otp-code-field{margin-bottom:var(--space-1)}.otp-digit-container{display:flex;justify-content:center;gap:var(--space-2)}.otp-digit-input{width:48px;height:56px;text-align:center;font-size:20px;font-weight:600;color:var(--text-primary);background:var(--bg-surface);border:2px solid var(--border-default);border-radius:10px;outline:none;transition:all .15s cubic-bezier(.4,0,.2,1);caret-color:var(--accent-primary);box-shadow:0 1px 2px #00000005;font-variant-numeric:tabular-nums}.otp-digit-input:hover{border-color:var(--border-focus)}.otp-digit-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f614,0 1px 2px #00000005;transform:scale(1.02)}.otp-digit-input:not(:placeholder-shown){border-color:var(--accent-primary);background:#3b82f605}.otp-dev-hint{text-align:center;font-size:var(--text-sm);color:var(--text-tertiary);padding:var(--space-2) var(--space-3);background:#94a3b80d;border-radius:var(--radius-md)}.otp-dev-hint code{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:var(--text-sm);color:var(--text-secondary);background:#94a3b81a;padding:2px 6px;border-radius:var(--radius-sm)}.otp-form-actions{margin-top:var(--space-2)}.otp-secondary-actions{display:flex;justify-content:center;align-items:center;gap:var(--space-3);padding-top:var(--space-2)}.otp-link-button{background:none;border:none;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;padding:6px 12px;border-radius:6px;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative}.otp-link-button:after{content:"";position:absolute;bottom:4px;left:12px;right:12px;height:1px;background:currentColor;opacity:0;transform:scaleX(0);transition:all .15s cubic-bezier(.4,0,.2,1)}.otp-link-button:hover{color:var(--text-primary);background:#94a3b80f}.otp-link-button:hover:after{opacity:.3;transform:scaleX(1)}.otp-link-button:disabled{opacity:.5;cursor:not-allowed}.otp-link-button:disabled:hover{background:none}.otp-action-divider{color:var(--text-tertiary);font-size:var(--text-sm)}.otp-error-message{display:flex;align-items:flex-start;gap:var(--space-2);padding:12px var(--space-4);background:#ef44440a;border:1px solid rgba(239,68,68,.15);border-radius:var(--radius-lg);color:#dc2626;font-size:var(--text-sm);margin-bottom:var(--space-4);animation:slideIn .2s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.otp-error-message svg{flex-shrink:0;margin-top:1px;color:#ef4444}.otp-profile-fields{display:flex;flex-direction:column;gap:var(--space-4)}.otp-text-field{display:flex;flex-direction:column}.otp-text-input{width:100%;padding:14px var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-weight:400;outline:none;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000005}.otp-text-input:hover{border-color:var(--border-focus)}.otp-text-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f614,0 1px 2px #00000005}.otp-text-input::placeholder{color:var(--text-tertiary);font-weight:400}.otp-text-input:disabled{background:#94a3b808;cursor:not-allowed;opacity:.6}.otp-auth-footer{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);text-align:center}.otp-auth-footer p{font-size:var(--text-xs);color:var(--text-tertiary);margin:0;line-height:1.5}.otp-footer-link{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.otp-footer-link:hover{color:var(--text-primary)}.otp-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:var(--bg-base)}.otp-page-container{width:100%;max-width:400px}.otp-page-brand{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6)}.otp-page-logo{color:var(--accent-primary)}.otp-page-brand-name{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.otp-page-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;padding:40px 32px;box-shadow:0 1px 3px #00000008,0 1px 2px -1px #00000008;animation:cardSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.otp-page-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0;text-align:center;letter-spacing:-.02em}.otp-page-footer{margin-top:var(--space-5);text-align:center}.otp-page-footer p{font-size:var(--text-xs);color:var(--text-tertiary);margin:0;line-height:1.5}.mvp-player-list,.mvp-player-list-grouped{display:flex;flex-direction:column}.mvp-player-group{margin-bottom:16px}.mvp-player-group-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;padding-left:4px}.mvp-player-group-title--confirmed{color:var(--mvp-safe)}.mvp-player-group-title--pending{color:var(--mvp-risk)}.mvp-player-group-title--backedout{color:var(--mvp-muted)}.mvp-player-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#0f172a66;border-radius:8px;margin-bottom:6px}.mvp-player-item--inactive{opacity:.6}.mvp-player-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-secondary);font-size:var(--text-base);flex-shrink:0}.mvp-player-info{flex:1;min-width:0}.mvp-player-name{display:block;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mvp-player-phone{display:block;font-size:.75rem;color:var(--text-soft)}.mvp-player-emergency-tag{font-size:.65rem;background:var(--mvp-critical-bg);color:var(--mvp-critical);padding:2px 6px;border-radius:4px;margin-left:6px}.mvp-player-status{display:flex;gap:6px}.mvp-player-list-empty{text-align:center;color:var(--text-soft);padding:32px 16px}.mvp-player-count{background:var(--card-bg);border-radius:12px;padding:16px;border:1px solid var(--border-subtle)}.mvp-player-count-bar{height:8px;background:#64748b4d;border-radius:4px;overflow:hidden;margin-bottom:10px}.mvp-player-count-fill{height:100%;border-radius:4px;transition:width .3s ease}.mvp-player-count--safe .mvp-player-count-fill{background:var(--mvp-safe)}.mvp-player-count--risk .mvp-player-count-fill{background:var(--mvp-risk)}.mvp-player-count--critical .mvp-player-count-fill{background:var(--mvp-critical)}.mvp-player-count-text{display:flex;align-items:baseline;gap:4px}.mvp-player-count-number{font-size:1.5rem;font-weight:700}.mvp-player-count--safe .mvp-player-count-number{color:var(--mvp-safe)}.mvp-player-count--risk .mvp-player-count-number{color:var(--mvp-risk)}.mvp-player-count--critical .mvp-player-count-number{color:var(--mvp-critical)}.mvp-player-count-separator,.mvp-player-count-total{color:var(--text-muted);font-size:1.25rem}.mvp-player-count-label{color:var(--text-soft);font-size:.875rem;margin-left:8px}.mvp-match-summary{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:12px;padding:16px;margin-bottom:20px}.mvp-match-summary-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.mvp-match-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.mvp-match-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.mvp-match-meta-item{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-muted)}.mvp-match-meta-item a{color:var(--accent);text-decoration:none}.mvp-match-meta-item a:hover{text-decoration:underline}.mvp-meta-icon{font-size:1rem}.mvp-match-badges{display:flex;gap:8px;flex-wrap:wrap}.mvp-match-section{margin-bottom:20px}.mvp-emergency-section{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:16px}.mvp-emergency-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mvp-emergency-status{font-size:.75rem;font-weight:600;text-transform:uppercase;padding:4px 10px;border-radius:999px}.mvp-emergency-status--active{background:var(--mvp-critical-bg);color:var(--mvp-critical)}.mvp-emergency-status--inactive{background:var(--mvp-muted-bg);color:var(--mvp-muted)}.mvp-emergency-actions{display:flex;flex-direction:column;gap:8px}.mvp-emergency-hint{font-size:.75rem;color:var(--text-soft);text-align:center;margin:0}.mvp-captain-actions{display:flex;flex-direction:column;gap:12px}.mvp-completed-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:var(--mvp-safe-bg);border:1px solid var(--mvp-safe);border-radius:12px;color:var(--mvp-safe);font-weight:500}.mvp-completed-icon{font-size:1.25rem}.mvp-invite-page{display:flex;flex-direction:column;min-height:100vh;padding:48px 20px 32px;max-width:440px;margin:0 auto}.mvp-invite-header{text-align:center;margin-bottom:32px}.mvp-invite-header--emergency{padding:20px;background:var(--mvp-critical-bg);border:1px solid var(--mvp-critical-border);border-radius:8px;margin:0 0 32px}.mvp-invite-label{display:block;font-size:.8125rem;color:var(--mvp-text-tertiary);margin-bottom:8px;font-weight:400}.mvp-invite-label--emergency{color:var(--mvp-critical);font-weight:500}.mvp-invite-team{font-size:1.5rem;font-weight:600;color:var(--mvp-text-primary);margin:0;letter-spacing:-.02em}.mvp-invite-card{background:var(--mvp-surface);border:1px solid var(--mvp-border);border-radius:8px;padding:4px 0;margin-bottom:24px}.mvp-invite-detail{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--mvp-border-subtle)}.mvp-invite-detail:last-of-type{border-bottom:none}.mvp-invite-detail--highlighted{background:var(--mvp-surface-elevated)}.mvp-invite-detail-icon{font-size:1rem;width:20px;text-align:center;flex-shrink:0}.mvp-invite-detail-text{color:var(--mvp-text-primary);font-size:.9375rem}.mvp-invite-detail-link{color:var(--mvp-primary);text-decoration:none;font-size:.9375rem}.mvp-invite-detail-link:hover{text-decoration:underline}.mvp-invite-detail--muted{opacity:.5}.mvp-invite-detail-text--small{font-size:.75rem;font-family:ui-monospace,monospace}.mvp-invite-detail--primary{padding:16px}.mvp-invite-detail--primary .mvp-invite-detail-text{font-size:1rem;font-weight:500}.mvp-invite-detail-group{display:flex;gap:0;padding:0;border-bottom:1px solid var(--mvp-border-subtle)}.mvp-invite-detail-group .mvp-invite-detail{border-bottom:none;flex:1;border-right:1px solid var(--mvp-border-subtle)}.mvp-invite-detail-group .mvp-invite-detail:last-child{border-right:none}.mvp-invite-ball-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.mvp-invite-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px}.mvp-invite-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:4px;font-size:.75rem;font-weight:500;background:var(--mvp-surface);color:var(--mvp-text-secondary)}.mvp-invite-badge--event{background:#8b5cf61a;color:#a78bfa}.mvp-invite-badge--team{background:var(--mvp-safe-bg);color:var(--mvp-safe)}.mvp-invite-badge--emergency{background:var(--mvp-critical-bg);color:var(--mvp-critical)}.mvp-invite-actions{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:32px}.mvp-invite-footer{margin-top:24px}.mvp-invite-page--confirmed{justify-content:center;text-align:center}.mvp-invite-confirmation{margin-bottom:32px}.mvp-invite-confirmation-icon{width:56px;height:56px;border-radius:50%;background:var(--mvp-safe);color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.mvp-invite-confirmation-title{font-size:1.25rem;font-weight:600;color:var(--mvp-text-primary);margin:0 0 8px;letter-spacing:-.01em}.mvp-invite-confirmation-text{color:var(--mvp-text-tertiary);margin:0;font-size:.9375rem}.mvp-emergency-warning{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--mvp-risk-bg);border:1px solid var(--mvp-risk-border);border-radius:6px;margin-bottom:24px}.mvp-emergency-warning-icon{font-size:1rem;flex-shrink:0}.mvp-emergency-warning-text{color:var(--mvp-risk);font-size:.875rem;margin:0;line-height:1.5}.mvp-invite-page--waiting{justify-content:center;text-align:center}.mvp-emergency-waiting{margin-bottom:32px}.mvp-emergency-title{font-size:1.125rem;font-weight:600;color:var(--mvp-text-primary);margin:20px 0 8px}.mvp-emergency-text{color:var(--mvp-text-tertiary);margin:0;font-size:.9375rem}.mvp-emergency-approved-icon,.mvp-emergency-rejected-icon{width:56px;height:56px;border-radius:50%;font-size:1.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto}.mvp-emergency-approved-icon{background:var(--mvp-safe);color:#fff}.mvp-emergency-rejected-icon{background:var(--mvp-critical);color:#fff}.mvp-countdown{text-align:center}.mvp-countdown-label{display:block;font-size:.75rem;color:var(--text-soft);margin-bottom:4px}.mvp-countdown-time{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary)}.mvp-countdown--urgent .mvp-countdown-time{color:var(--mvp-critical)}.mvp-countdown--expired .mvp-countdown-time{color:var(--mvp-muted)}.mvp-countdown--small .mvp-countdown-time{font-size:1rem}.mvp-countdown--large .mvp-countdown-time{font-size:2rem}.mvp-circular-countdown{position:relative;display:inline-block}.mvp-countdown-bg{fill:none;stroke:#64748b33}.mvp-countdown-progress{fill:none;stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .5s ease}.mvp-countdown-progress--urgent{stroke:var(--mvp-critical)}.mvp-countdown-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.mvp-countdown-value{font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary)}.mvp-countdown-value.expired{color:var(--mvp-muted)}.mvp-countdown-badge{display:inline-flex;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;background:#fbbf241a;color:var(--accent)}.mvp-countdown-badge--urgent{background:var(--mvp-critical-bg);color:var(--mvp-critical)}.mvp-countdown-badge--expired{background:var(--mvp-muted-bg);color:var(--mvp-muted)}.mvp-match-mini-card{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:10px;padding:12px 14px;margin-bottom:20px}.mvp-match-mini-info{display:flex;flex-direction:column;gap:2px}.mvp-match-mini-name{font-weight:600;color:var(--text-primary)}.mvp-match-mini-date{font-size:.75rem;color:var(--text-muted)}.mvp-match-mini-fee{font-size:.8rem;color:var(--accent)}.mvp-emergency-list{display:flex;flex-direction:column;gap:12px}.mvp-emergency-list--processed{opacity:.7}.mvp-emergency-request-card{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:12px;padding:16px}.mvp-emergency-request-card--processed{padding:12px 14px}.mvp-emergency-request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mvp-emergency-player-info{display:flex;flex-direction:column;gap:2px}.mvp-emergency-player-name{font-weight:600;color:var(--text-primary)}.mvp-emergency-player-phone{font-size:.75rem;color:var(--text-muted)}.mvp-emergency-request-meta{font-size:.8rem;color:var(--text-soft);margin-bottom:12px}.mvp-emergency-request-actions{display:flex;gap:12px}.mvp-payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.mvp-payment-stat{text-align:center;padding:16px 12px;background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:10px}.mvp-payment-stat-value{display:block;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.mvp-payment-stat-value--collected{color:var(--mvp-safe)}.mvp-payment-stat-value--pending{color:var(--mvp-risk)}.mvp-payment-stat-label{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.mvp-payment-filters{display:flex;gap:8px;margin-bottom:16px;padding:4px;background:var(--mvp-surface);border-radius:8px}.mvp-filter-tab{flex:1;padding:8px 12px;font-size:.8125rem;font-weight:500;color:var(--mvp-text-secondary);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease;font-family:inherit}.mvp-filter-tab:hover{color:var(--mvp-text-primary);background:var(--mvp-border)}.mvp-filter-tab--active{color:var(--mvp-text-primary);background:var(--card-bg);box-shadow:0 1px 2px #0000001a}.mvp-payment-list{display:flex;flex-direction:column;gap:10px}.mvp-payment-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:10px}.mvp-payment-player{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.mvp-payment-player-info{flex:1;min-width:0}.mvp-payment-player-name-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}.mvp-payment-player-name{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mvp-payment-role-tag{font-size:.65rem;font-weight:500;color:var(--mvp-text-tertiary);background:var(--mvp-surface);padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.02em}.mvp-payment-player-details{display:flex;align-items:center;gap:12px}.mvp-payment-amount{font-size:.75rem;color:var(--text-muted)}.mvp-payment-phone{font-size:.75rem;color:var(--mvp-text-secondary);text-decoration:none}.mvp-payment-phone:hover{color:var(--accent)}.mvp-payment-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.mvp-payment-actions{display:flex;gap:6px}.mvp-payment-btn{padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:1px solid;font-family:inherit}.mvp-payment-btn--cash{background:transparent;color:var(--mvp-safe);border-color:var(--mvp-safe)}.mvp-payment-btn--cash:hover:not(:disabled){background:var(--mvp-safe);color:#fff}.mvp-payment-btn--upi{background:transparent;color:var(--accent);border-color:var(--accent)}.mvp-payment-btn--upi:hover:not(:disabled){background:var(--accent);color:#fff}.mvp-payment-btn:disabled{opacity:.5;cursor:not-allowed}.mvp-payment-paid-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.mvp-payment-mode-badge{font-size:.75rem;font-weight:600;color:var(--mvp-safe);background:var(--mvp-safe-bg);padding:4px 10px;border-radius:4px}.mvp-payment-time{font-size:.65rem;color:var(--mvp-text-tertiary)}.mvp-payment-toggle{padding:8px 14px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.mvp-payment-toggle--pending{background:var(--mvp-risk-bg);color:var(--mvp-risk)}.mvp-payment-toggle--pending:hover,.mvp-payment-toggle--paid{background:var(--mvp-safe-bg);color:var(--mvp-safe)}.mvp-payment-toggle--paid:hover{background:var(--mvp-risk-bg);color:var(--mvp-risk)}.mvp-payment-toggle:disabled{opacity:.5;cursor:not-allowed}.mvp-profile-section{margin-bottom:24px}.mvp-profile-section--danger{margin-top:48px;padding-top:24px;border-top:1px solid var(--border-subtle)}.mvp-profile-view{display:flex;flex-direction:column;align-items:center;text-align:center}.mvp-profile-avatar{width:80px;height:80px;border-radius:50%;background:var(--bg-elevated);border:2px solid var(--border-default);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-4)}.mvp-profile-info{margin-bottom:var(--space-5)}.mvp-profile-name{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1) 0}.mvp-profile-phone{color:var(--text-secondary);margin:0}.mvp-profile-edit{width:100%}.mvp-profile-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.mvp-error-state{text-align:center;padding:var(--space-8) var(--space-5)}.mvp-error-icon{width:48px;height:48px;border-radius:var(--radius-xl);background:var(--bg-surface);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);font-size:var(--text-xl);font-weight:600;color:var(--text-tertiary)}.mvp-error-icon svg{width:20px;height:20px}.mvp-error-icon--success{background:var(--status-safe-bg);border-color:var(--status-safe-border);color:var(--status-safe)}.mvp-error-icon--muted{background:var(--status-muted-bg);color:var(--status-muted)}.mvp-error-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0;letter-spacing:-.01em}.mvp-error-message{color:var(--text-tertiary);margin:0 0 var(--space-5) 0;font-size:var(--text-md);line-height:1.5;max-width:320px;margin-left:auto;margin-right:auto}.mvp-empty-state{text-align:center;padding:var(--space-8) var(--space-5)}.mvp-empty-state--small{padding:var(--space-6) var(--space-4)}.mvp-empty-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3);color:var(--text-tertiary);font-size:var(--text-xl)}.mvp-empty-title{font-size:.9375rem;font-weight:500;color:var(--mvp-text-secondary);margin:0 0 4px}.mvp-empty-state p{color:var(--mvp-text-tertiary);margin:0;font-size:.875rem}.mvp-skeleton{background:linear-gradient(90deg,var(--mvp-surface) 25%,var(--mvp-surface-hover) 50%,var(--mvp-surface) 75%);background-size:200% 100%;animation:mvp-shimmer 1.5s ease-in-out infinite}@keyframes mvp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mvp-skeleton-card{opacity:.6}.mvp-skeleton-detail{display:flex;flex-direction:column;gap:16px}.mvp-skeleton-meta{display:flex;gap:12px;margin-top:8px}.mvp-skeleton-status{margin-top:16px}.mvp-skeleton-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.mvp-skeleton-invite{display:flex;flex-direction:column;gap:24px;padding-top:48px}.mvp-skeleton-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.mvp-skeleton-player-list{display:flex;flex-direction:column;gap:8px}.mvp-skeleton-player-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#0f172a66;border-radius:8px}.mvp-page-loader{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(circle at top,#1e293b 0,var(--bg) 40%);color:var(--text-muted)}.mvp-past-matches{margin-top:24px}.mvp-past-matches-toggle{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-muted);cursor:pointer;padding:8px 0}.mvp-past-matches-toggle::-webkit-details-marker{display:none}.mvp-past-matches-toggle:before{content:"▶";font-size:.6rem;transition:transform .2s ease}.mvp-past-matches[open] .mvp-past-matches-toggle:before{transform:rotate(90deg)}.mvp-match-list--past{margin-top:12px}.mvp-match-list--past .mvp-match-card{opacity:.7}.mvp-backout-subtitle{color:var(--text-muted);margin-bottom:16px}.mvp-datetime-picker{width:100%}.mvp-datetime-section{margin-bottom:12px}.mvp-datetime-label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:8px}.mvp-datetime-quick-buttons{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.mvp-datetime-quick-btn{padding:8px 16px;border:1px solid var(--border-subtle);border-radius:20px;background:#0f172a99;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.mvp-datetime-quick-btn:hover{border-color:var(--accent);color:var(--text-primary)}.mvp-datetime-quick-btn.selected{background:var(--accent);border-color:var(--accent);color:#fff}.mvp-datepicker-wrapper{display:flex;justify-content:center;margin:16px 0}.mvp-datetime-preview{background:var(--mvp-safe-bg);border:1px solid var(--mvp-safe);border-radius:8px;padding:12px 16px;color:var(--mvp-safe);font-size:.9rem;text-align:center;margin-top:12px}.react-datepicker{font-family:inherit;background:var(--card-bg, #1e293b);border:1px solid var(--border-subtle, #334155);border-radius:12px;color:var(--text-primary, #f1f5f9);box-shadow:0 10px 40px #0000004d}.react-datepicker__header{background:#0f172acc;border-bottom:1px solid var(--border-subtle, #334155);border-radius:12px 12px 0 0;padding-top:12px}.react-datepicker__current-month,.react-datepicker-time__header{color:var(--text-primary, #f1f5f9);font-weight:600;font-size:1rem}.react-datepicker__day-name{color:var(--text-muted, #94a3b8);font-weight:500;width:2.5rem;line-height:2.5rem}.react-datepicker__day{color:var(--text-primary, #f1f5f9);width:2.5rem;line-height:2.5rem;border-radius:8px;transition:all .15s ease}.react-datepicker__day:hover{background:var(--accent, #3b82f6);color:#fff;border-radius:8px}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--accent, #3b82f6)!important;color:#fff!important;font-weight:600}.react-datepicker__day--today{background:#3b82f633;font-weight:600}.react-datepicker__day--disabled{color:var(--text-muted, #64748b)!important;opacity:.4;cursor:not-allowed}.react-datepicker__day--outside-month{color:var(--text-muted, #64748b);opacity:.5}.react-datepicker__navigation{top:12px}.react-datepicker__navigation-icon:before{border-color:var(--text-muted, #94a3b8)}.react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:var(--accent, #3b82f6)}.react-datepicker__time-container{border-left:1px solid var(--border-subtle, #334155);width:100px}.react-datepicker__time{background:var(--card-bg, #1e293b);border-radius:0 0 12px}.react-datepicker__time-box{width:100px!important}.react-datepicker__time-list{height:200px!important}.react-datepicker__time-list-item{color:var(--text-primary, #f1f5f9);height:auto!important;padding:8px 12px!important;transition:all .15s ease}.react-datepicker__time-list-item:hover{background:var(--accent, #3b82f6)!important;color:#fff}.react-datepicker__time-list-item--selected{background:var(--accent, #3b82f6)!important;color:#fff!important;font-weight:600}.react-datepicker__time-list-item--disabled{color:var(--text-muted, #64748b)!important;opacity:.4}.react-datepicker__time-list-item--injected{font-weight:500}.react-datepicker__triangle{display:none}.react-datepicker__month-dropdown-container,.react-datepicker__year-dropdown-container{color:var(--text-primary, #f1f5f9)}.mvp-share-modal{text-align:center}.mvp-share-modal-header{padding:24px 24px 16px}.mvp-share-success-icon{font-size:3rem;margin-bottom:12px}.mvp-share-modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.mvp-share-modal-subtitle{color:var(--text-muted);font-size:.95rem;margin:0}.mvp-share-modal-content{padding:0 24px 24px}.mvp-share-team-name{display:flex;align-items:center;justify-content:center;gap:8px;background:#3b82f61a;border-radius:8px;padding:12px 16px;margin-bottom:20px;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.mvp-share-url-input{flex:1;padding:12px 14px;background:#0f172a99;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);font-size:.85rem;overflow:hidden;text-overflow:ellipsis}.mvp-share-copy-btn{padding:12px 16px;background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-size:.875rem;cursor:pointer;white-space:nowrap;transition:all .2s ease}.mvp-share-copy-btn:hover{border-color:var(--accent)}.mvp-share-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.mvp-share-btn--whatsapp:hover{background:#1da851}.mvp-share-btn--share{background:var(--accent);color:#fff}.mvp-share-btn--share:hover{background:var(--accent-hover, #2563eb)}.mvp-share-section{background:#0f172a66;border:1px solid var(--border-subtle);border-radius:12px;padding:16px;margin-bottom:16px}.mvp-share-section--emergency{background:#ef44440d;border-color:#ef44444d}.mvp-share-section-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.mvp-share-section-icon{font-size:1.1rem}.mvp-share-section-title{font-weight:600;color:var(--text-primary);font-size:.95rem}.mvp-share-section-desc{font-size:.8rem;color:var(--text-muted);margin:0 0 12px}.mvp-share-btn--emergency{width:100%;background:var(--mvp-critical);color:#fff}.mvp-share-btn--emergency:hover{background:#dc2626}.mvp-share-tip{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:12px 16px;font-size:.85rem;color:var(--text-secondary);text-align:left}.mvp-share-modal-footer{padding:0 24px 24px}@media(min-width:640px){.mvp-page{padding:24px;max-width:600px;margin:0 auto}.mvp-form-row{grid-template-columns:1fr 1fr}.mvp-payment-summary{grid-template-columns:repeat(3,1fr)}.mvp-share-buttons{flex-direction:row}.mvp-share-btn{flex:1}}@media(min-width:768px){.mvp-modal{max-width:480px}}.mvp-datetime-section{margin-bottom:16px;padding:12px;background:#0f172a66;border-radius:10px}.mvp-datetime-label{display:block;font-size:.8rem;font-weight:500;color:var(--text-muted);margin-bottom:10px}.mvp-datetime-quick-buttons{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.mvp-datetime-quick-btn{padding:8px 14px;font-size:.85rem;font-weight:500;background:#0f172a99;border:1px solid var(--border-subtle);border-radius:20px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.mvp-datetime-quick-btn:hover{background:#3b82f626;border-color:var(--mvp-primary)}.mvp-datetime-quick-btn.selected{background:var(--mvp-primary);border-color:var(--mvp-primary);color:#fff}.mvp-datetime-time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.mvp-time-slot-btn{padding:10px 6px;font-size:.8rem;font-weight:500;background:#0f172a99;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.mvp-time-slot-btn:hover{background:#3b82f626;border-color:var(--mvp-primary)}.mvp-time-slot-btn.selected{background:var(--mvp-primary);border-color:var(--mvp-primary);color:#fff}.mvp-time-manual{display:flex;align-items:center;gap:10px;margin-top:8px}.mvp-time-manual-label{font-size:.75rem;color:var(--text-soft);white-space:nowrap}.mvp-time-input{flex:1;max-width:140px}.mvp-date-input{width:100%}.mvp-datetime-preview{padding:10px 12px;background:var(--mvp-safe-bg);border:1px solid var(--mvp-safe);border-radius:8px;font-size:.85rem;color:var(--mvp-safe);text-align:center}.mvp-share-modal{text-align:center;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(59,130,246,.3)}.mvp-share-modal-header{padding:24px 20px 16px}.mvp-share-success-icon{font-size:3rem;margin-bottom:12px;animation:mvp-celebrate .5s ease-out}@keyframes mvp-celebrate{0%{transform:scale(.5) rotate(-10deg);opacity:0}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.mvp-share-modal-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.mvp-share-modal-subtitle{font-size:.9rem;color:var(--text-muted);margin:0}.mvp-share-modal-content{padding:0 20px}.mvp-share-team-name{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#0f172a99;border-radius:20px;font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:20px}.mvp-share-team-icon{font-size:1.1rem}.mvp-share-url-box{display:flex;gap:8px;margin-bottom:20px}.mvp-share-url-input{flex:1;padding:12px 14px;background:#0f172acc;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis}.mvp-share-copy-btn{padding:12px 16px;background:#3b82f626;border:1px solid var(--mvp-primary);border-radius:8px;color:var(--mvp-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mvp-share-copy-btn:hover{background:var(--mvp-primary);color:#fff}.mvp-share-copy-btn.copied{background:var(--mvp-safe);border-color:var(--mvp-safe);color:#fff}.mvp-share-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.mvp-share-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.mvp-share-btn-icon{font-size:1.2rem}.mvp-share-btn--whatsapp{background:#25d366;color:#fff}.mvp-share-btn--whatsapp:hover{background:#1fb855}.mvp-share-btn--share{background:var(--mvp-primary);color:#fff}.mvp-share-btn--share:hover{background:var(--mvp-primary-hover)}.mvp-share-tip{padding:12px 16px;background:#f59e0b1a;border-radius:8px;font-size:.8rem;color:var(--mvp-risk);text-align:left;margin-bottom:20px}.mvp-share-modal-footer{padding:16px 20px 24px}.mvp-btn--full{width:100%}.home-header{margin-bottom:var(--space-8)}.home-header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.home-title{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1) 0;letter-spacing:-.02em}.home-subtitle{font-size:var(--text-base);color:var(--text-tertiary);margin:0}.icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-base)}.icon-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.home-cta{margin-bottom:var(--space-8)}.btn-create{display:inline-flex;align-items:center;gap:var(--space-2)}.home-section{margin-bottom:var(--space-8)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:var(--bg-surface);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary)}.count-badge--warning{background:var(--status-warning-bg);color:var(--status-warning)}.attention-stack,.match-stack{display:flex;flex-direction:column;gap:var(--space-3)}.match-stack--muted{opacity:.6}.empty-inline{padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);background:var(--bg-surface);border-radius:var(--radius-lg);border:1px dashed var(--border-default)}.past-section{padding-top:var(--space-6);border-top:1px solid var(--border-subtle)}.past-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;cursor:pointer;color:var(--text-secondary);font-size:var(--text-base);font-weight:500;list-style:none}.past-toggle::-webkit-details-marker{display:none}.past-toggle:hover{color:var(--text-primary)}.past-section[open] .match-stack{margin-top:var(--space-4)}.match-card{position:relative;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition-base)}.match-card:hover{border-color:var(--border-focus);background:var(--bg-elevated);transform:translateY(-2px);box-shadow:var(--shadow-md)}.match-card--past{opacity:.5}.match-card--past:hover{transform:none;box-shadow:none}.match-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.match-card-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{font-size:var(--text-xs);font-weight:500;padding:2px 8px;border-radius:var(--radius-sm);background:#fbbf241a;color:#fbbf24;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.match-card-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.match-card-datetime{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.match-card-date{font-weight:500}.match-card-sep{color:var(--text-tertiary)}.match-card-time{font-variant-numeric:tabular-nums}.match-relative{font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.match-status{font-size:var(--text-xs);font-weight:500;padding:2px 8px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.match-status--done{background:var(--status-muted-bg);color:var(--status-muted)}.match-status--cancelled{background:var(--status-danger-bg);color:var(--status-danger)}.match-card-details{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-3);line-height:1.4}.match-card-footer{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.squad-progress{display:flex;align-items:center;gap:var(--space-3)}.squad-bar{flex:1;height:6px;background:#94a3b81a;border-radius:3px;overflow:hidden}.squad-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.squad-count{font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:44px;text-align:right}.squad-count strong{color:var(--text-primary);font-weight:600}.match-warning{font-size:var(--text-xs);color:var(--status-warning);font-weight:500;padding:var(--space-2) var(--space-3);background:var(--status-warning-bg);border-radius:var(--radius-sm);text-align:center}.match-card-fee{position:absolute;top:var(--space-4);right:var(--space-4);font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);background:#94a3b814;padding:4px 8px;border-radius:var(--radius-sm);font-variant-numeric:tabular-nums}.health-dot{position:absolute;bottom:var(--space-4);right:var(--space-4);width:8px;height:8px;border-radius:50%}.attention-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--bg-surface);border:1px solid var(--status-warning-border);border-left:3px solid var(--status-warning);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);cursor:pointer;transition:all var(--transition-base)}.attention-card:hover{background:var(--bg-elevated);border-color:var(--status-warning);transform:translate(4px)}.attention-card--urgent{border-left-color:var(--status-danger);border-color:var(--status-danger-border);background:var(--status-danger-bg)}.attention-card--urgent:hover{border-color:var(--status-danger)}.attention-card-content{flex:1;min-width:0}.attention-card-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.attention-card-team{font-size:var(--text-base);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attention-card-date{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500;flex-shrink:0}.attention-card-msg{font-size:var(--text-sm);color:var(--status-warning);font-weight:500}.attention-card--urgent .attention-card-msg{color:var(--status-danger)}.attention-arrow{flex-shrink:0;color:var(--text-tertiary);transition:transform var(--transition-base)}.attention-card:hover .attention-arrow{transform:translate(4px);color:var(--text-secondary)}.detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.back-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--text-secondary);font-size:var(--text-base);font-weight:500;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base)}.back-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.detail-title-section{margin-bottom:var(--space-6)}.detail-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.detail-title{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.02em;line-height:1.3}.info-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6)}.info-row{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.info-row:last-child{border-bottom:none}.info-row--grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.info-row--grid>div{display:flex;flex-direction:column;gap:var(--space-1)}.info-label{font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:var(--text-md);color:var(--text-primary);font-weight:500}.info-link{font-size:var(--text-md);color:var(--accent-primary);text-decoration:none;font-weight:500}.info-link:hover{text-decoration:underline}.info-badges{display:flex;gap:var(--space-2);flex-wrap:wrap;padding-top:var(--space-3)}.detail-section{margin-bottom:var(--space-6)}.emergency-card{background:var(--status-danger-bg);border:1px solid var(--status-danger-border);border-radius:var(--radius-lg);padding:var(--space-4)}.emergency-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-3)}.emergency-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1) 0}.emergency-fee{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.badge{font-size:var(--text-xs);font-weight:600;padding:4px 10px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em}.badge--danger{background:var(--status-danger-bg);color:var(--status-danger)}.btn-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#fff3;border-radius:10px;font-size:var(--text-xs);font-weight:600;margin-left:var(--space-2)}.action-section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-subtle)}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-3)}.status-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:500}.status-banner--success{background:var(--status-safe-bg);border:1px solid var(--status-safe-border);color:var(--status-safe)}.create-header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.create-title{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.02em}.create-form{display:flex;flex-direction:column;gap:var(--space-6)}.form-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5)}.form-section-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4) 0;letter-spacing:-.01em}.form-section-content{display:flex;flex-direction:column;gap:var(--space-4)}.form-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.form-section-desc{font-size:var(--text-sm);color:var(--text-tertiary);margin:var(--space-1) 0 0 0}.form-hint{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:calc(var(--space-2) * -1)}.form-hint--success{color:var(--status-safe)}.create-actions{margin-top:var(--space-4)}.success-modal{max-width:480px}.success-header{text-align:center;padding:var(--space-6) var(--space-5) var(--space-4)}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--status-safe-bg);border:2px solid var(--status-safe-border);border-radius:50%;color:var(--status-safe);margin:0 auto var(--space-4)}.success-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1) 0;letter-spacing:-.01em}.success-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0}.success-content{padding:0 var(--space-5) var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.invite-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.invite-section--emergency{border-color:var(--status-danger-border);background:var(--status-danger-bg)}.invite-header{margin-bottom:var(--space-3)}.invite-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1) 0}.invite-desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.url-box{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.url-input{flex:1;padding:var(--space-3);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-family:monospace;overflow:hidden;text-overflow:ellipsis;outline:none}.url-input:focus{border-color:var(--accent-primary)}.copy-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.copy-btn:hover{background:var(--bg-surface);border-color:var(--accent-primary);color:var(--accent-primary)}.copy-btn.copied{background:var(--status-safe-bg);border-color:var(--status-safe-border);color:var(--status-safe)}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.share-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--transition-base);border:1px solid var(--border-default);background:transparent;color:var(--text-primary)}.share-btn:hover{background:var(--bg-surface);border-color:var(--border-focus)}.share-btn--whatsapp{background:#25d366;border-color:#25d366;color:#fff}.share-btn--whatsapp:hover{background:#1fb855;border-color:#1fb855}.share-btn--native{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.share-btn--native:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.success-tip{padding:var(--space-3);background:#94a3b814;border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);text-align:center}.success-footer{padding:var(--space-4) var(--space-5) var(--space-5);border-top:1px solid var(--border-subtle)}.landing-signin-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-5);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-2)}.landing-signin-btn:hover{color:var(--text-primary);background:var(--bg-surface)}.landing-signin-btn:active{transform:scale(.98)}.player-payment-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.player-payment-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.player-payment-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1) 0}.player-payment-amount{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0;font-variant-numeric:tabular-nums}.payment-status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;flex-shrink:0}.payment-status-badge--paid{background:var(--status-safe-bg);border:1px solid var(--status-safe-border);color:var(--status-safe)}.payment-status-badge--unpaid{background:var(--status-warning-bg);border:1px solid var(--status-warning-border);color:var(--status-warning)}.payment-mode-tag{font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary)}.player-payment-actions{padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.player-payment-desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-3) 0}.player-payment-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.payment-mark-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--transition-base);border:1px solid var(--border-default);background:transparent;color:var(--text-primary)}.payment-mark-btn:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--accent-primary);transform:translateY(-1px)}.payment-mark-btn:disabled{opacity:.5;cursor:not-allowed}.payment-mark-btn--cash{border-color:var(--status-safe-border);color:var(--status-safe)}.payment-mark-btn--cash:hover:not(:disabled){background:var(--status-safe-bg);border-color:var(--status-safe)}.payment-mark-btn--upi{border-color:var(--accent-primary);color:var(--accent-primary)}.payment-mark-btn--upi:hover:not(:disabled){background:#3b82f61a;border-color:var(--accent-primary)}.player-payment-timestamp{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.match-detail-page{max-width:680px;margin:0 auto}.match-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;margin-bottom:var(--space-2)}.back-btn-modern{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.back-btn-modern:hover{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-primary)}.back-btn-modern:active{transform:scale(.98)}.match-hero{margin-bottom:var(--space-6)}.match-hero-content{background:linear-gradient(135deg,#1e293b99,#0f172a66);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md)}.match-hero-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.2),transparent)}.match-hero-top{display:flex;flex-direction:column;gap:var(--space-5)}.match-hero-title-group{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.match-hero-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2;letter-spacing:-.02em}.match-hero-meta{display:flex;align-items:center;gap:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.match-hero-stat{display:flex;flex-direction:column;gap:var(--space-1)}.match-hero-stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.match-hero-stat-label{font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.match-hero-divider{width:1px;height:32px;background:var(--border-subtle)}.match-details-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);transition:all var(--transition-base)}.match-details-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.match-detail-row{display:flex;align-items:flex-start;gap:var(--space-4)}.match-detail-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);flex-shrink:0;transition:all var(--transition-base)}.match-detail-row:hover .match-detail-icon{background:#3b82f61a;border-color:var(--accent-primary);color:var(--accent-primary)}.match-detail-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-2)}.match-detail-label{font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.match-detail-value{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.match-detail-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:600;color:var(--accent-primary);text-decoration:none;transition:all var(--transition-base)}.match-detail-link:hover{color:var(--accent-primary-hover);gap:var(--space-3)}.match-detail-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.match-share-section{margin-bottom:var(--space-5)}.match-payment-reminder{margin-bottom:var(--space-5);position:sticky;top:var(--space-4);z-index:10}.match-payment-reminder .player-payment-card{border:2px solid var(--status-warning-border);box-shadow:0 8px 16px #eab30826;animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{box-shadow:0 8px 16px #eab30826}50%{box-shadow:0 8px 24px #eab30840}}.match-emergency-section{margin-bottom:var(--space-6)}.match-emergency-card{background:linear-gradient(135deg,#ef44440d,#0f172a66);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-xl);padding:var(--space-5);position:relative;overflow:hidden;transition:all var(--transition-base)}.match-emergency-card:hover{border-color:#ef44444d;box-shadow:0 8px 16px #ef444426}.match-emergency-indicator{position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--status-danger) 0%,transparent 100%)}.match-emergency-content{display:flex;flex-direction:column;gap:var(--space-4)}.match-emergency-header{display:flex;align-items:center;gap:var(--space-3)}.match-emergency-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background:var(--status-danger-bg);border:1px solid var(--status-danger-border);color:var(--status-danger);flex-shrink:0}.match-emergency-text{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.match-emergency-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin:0}.match-emergency-subtitle{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin:0}.match-emergency-badge{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--status-danger);color:#fff;font-size:var(--text-base);font-weight:700;font-variant-numeric:tabular-nums}.match-emergency-action{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;color:var(--text-primary);cursor:pointer;transition:all var(--transition-base)}.match-emergency-action:hover{background:var(--bg-base);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.match-emergency-action:active{transform:translateY(0)}.match-players-section{margin-bottom:var(--space-6)}.match-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.match-section-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em}.match-section-subtitle{font-size:var(--text-sm);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.match-actions-section{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl)}.mvp-btn-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;position:relative;overflow:hidden;font-weight:500}.mvp-btn-whatsapp:hover:not(:disabled){background:linear-gradient(135deg,#20bd5a,#0e6f63);transform:translateY(-1px);box-shadow:0 4px 12px #25d3664d}.mvp-btn-whatsapp:active:not(:disabled){transform:translateY(0)}.mvp-btn-whatsapp:focus-visible{box-shadow:0 0 0 3px #25d3664d}.mvp-btn-whatsapp svg{transition:transform .2s ease}.mvp-btn-whatsapp:hover:not(:disabled) svg{transform:scale(1.1) rotate(-5deg)}.match-actions-danger{padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.match-action-cancel{width:100%;padding:var(--space-3);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;color:var(--status-danger);cursor:pointer;transition:all var(--transition-base)}.match-action-cancel:hover{background:var(--status-danger-bg);border-color:var(--status-danger-border)}.match-action-cancel:active{transform:scale(.98)}.match-completed-section{margin-bottom:var(--space-6)}.match-completed-banner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:linear-gradient(135deg,#22c55e1a,#0f172a66);border:1px solid var(--status-safe-border);border-radius:var(--radius-xl);position:relative;overflow:hidden}.match-completed-banner:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--status-safe)}.match-completed-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--status-safe-bg);border:2px solid var(--status-safe-border);color:var(--status-safe);flex-shrink:0}.match-completed-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.match-completed-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0}.match-completed-subtitle{font-size:var(--text-base);font-weight:500;color:var(--text-secondary);margin:0}@media(max-width:480px){.match-hero-content{padding:var(--space-5)}.match-hero-title{font-size:1.5rem}.match-hero-meta{gap:var(--space-4)}.match-details-card{padding:var(--space-4)}.match-detail-icon{width:36px;height:36px}.match-actions-section{padding:var(--space-4)}}.match-detail-page *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.share-button{display:flex;align-items:center;width:100%;padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.share-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(59,130,246,.05) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-base)}.share-button:hover:before{opacity:1}.share-button:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #3b82f61a;transform:translateY(-1px)}.share-button:active{transform:translateY(0)}.share-button--copied{border-color:var(--status-safe-border);background:var(--status-safe-bg)}.share-button--copied:before{background:linear-gradient(135deg,rgba(34,197,94,.1) 0%,transparent 100%);opacity:1}.share-button-content{display:flex;align-items:center;gap:var(--space-3);width:100%;position:relative;z-index:1}.share-button-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);flex-shrink:0;transition:all var(--transition-base)}.share-button:hover .share-button-icon{background:#3b82f61a;border-color:var(--accent-primary);color:var(--accent-primary)}.share-button--copied .share-button-icon{background:var(--status-safe-bg);border-color:var(--status-safe-border);color:var(--status-safe);animation:check-bounce .4s ease}@keyframes check-bounce{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.share-button-text{flex:1;display:flex;flex-direction:column;gap:var(--space-1);text-align:left;min-width:0}.share-button-label{font-size:var(--text-base);font-weight:600;color:var(--text-primary);transition:color var(--transition-base)}.share-button--copied .share-button-label{color:var(--status-safe)}.share-button-url{font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary);font-family:SF Mono,Menlo,Monaco,Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.share-button-icon{width:36px;height:36px}.share-button-url{font-size:var(--text-xs)}}.match-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;margin-bottom:var(--space-2);gap:var(--space-3)}.match-header-left{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.match-header-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.share-button-compact{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.share-button-compact:hover{background:var(--bg-elevated);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.share-button-compact:active{transform:translateY(0)}.share-button-compact--copied{background:var(--status-safe-bg);border-color:var(--status-safe-border);color:var(--status-safe);animation:check-bounce .4s ease}@media(max-width:480px){.match-header,.match-header-left{gap:var(--space-2)}.share-button-compact{width:36px;height:36px}}.match-payment-success{margin-bottom:var(--space-5)}.payment-success-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:linear-gradient(135deg,#22c55e14,#0f172a66);border:1px solid var(--status-safe-border);border-radius:var(--radius-xl);position:relative;overflow:hidden}.payment-success-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--status-safe)}.payment-success-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--status-safe-bg);border:2px solid var(--status-safe-border);color:var(--status-safe);flex-shrink:0}.payment-success-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.payment-success-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin:0}.payment-success-subtitle{font-size:var(--text-base);font-weight:500;color:var(--text-secondary);margin:0}.payment-success-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;flex-shrink:0}@media(max-width:480px){.payment-success-card{padding:var(--space-4);gap:var(--space-3)}.payment-success-icon{width:40px;height:40px}.payment-success-badge{padding:var(--space-2)}.payment-success-badge span{display:none}}.payment-summary-minimal{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:14px 16px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;cursor:pointer;transition:background .15s ease}.payment-summary-minimal:hover{background:var(--bg-elevated)}.payment-summary-grid{display:flex;gap:var(--space-6);flex:1}.payment-summary-block{display:flex;flex-direction:column;gap:2px;min-width:0}.payment-summary-block+.payment-summary-block{padding-left:var(--space-6);border-left:1px solid var(--border-subtle)}.payment-summary-label{font-size:.75rem;font-weight:500;color:var(--text-tertiary);text-transform:capitalize}.payment-summary-value{font-size:1.375rem;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.2}.payment-summary-detail{font-size:.8125rem;color:var(--text-secondary)}.payment-summary-arrow{color:var(--text-tertiary);flex-shrink:0;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.payment-summary-minimal:hover .payment-summary-arrow{color:var(--text-primary);transform:translate(4px)}@media(max-width:640px){.payment-summary-grid{flex-direction:column;gap:var(--space-4)}.payment-summary-block+.payment-summary-block{padding-left:0;padding-top:var(--space-4);border-left:none;border-top:1px solid var(--border-subtle)}.payment-summary-value{font-size:1.25rem}}@layer theme,base,components,utilities;@layer theme{@theme default{ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-100: oklch(96.7% .067 122.328); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 0); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-neutral-950: oklch(14.5% 0 0); --color-stone-50: oklch(98.5% .001 106.423); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-mauve-50: oklch(98.5% 0 0); --color-mauve-100: oklch(96% .003 325.6); --color-mauve-200: oklch(92.2% .005 325.62); --color-mauve-300: oklch(86.5% .012 325.68); --color-mauve-400: oklch(71.1% .019 323.02); --color-mauve-500: oklch(54.2% .034 322.5); --color-mauve-600: oklch(43.5% .029 321.78); --color-mauve-700: oklch(36.4% .029 323.89); --color-mauve-800: oklch(26.3% .024 320.12); --color-mauve-900: oklch(21.2% .019 322.12); --color-mauve-950: oklch(14.5% .008 326); --color-olive-50: oklch(98.8% .003 106.5); --color-olive-100: oklch(96.6% .005 106.5); --color-olive-200: oklch(93% .007 106.5); --color-olive-300: oklch(88% .011 106.6); --color-olive-400: oklch(73.7% .021 106.9); --color-olive-500: oklch(58% .031 107.3); --color-olive-600: oklch(46.6% .025 107.3); --color-olive-700: oklch(39.4% .023 107.4); --color-olive-800: oklch(28.6% .016 107.4); --color-olive-900: oklch(22.8% .013 107.4); --color-olive-950: oklch(15.3% .006 107.1); --color-mist-50: oklch(98.7% .002 197.1); --color-mist-100: oklch(96.3% .002 197.1); --color-mist-200: oklch(92.5% .005 214.3); --color-mist-300: oklch(87.2% .007 219.6); --color-mist-400: oklch(72.3% .014 214.4); --color-mist-500: oklch(56% .021 213.5); --color-mist-600: oklch(45% .017 213.2); --color-mist-700: oklch(37.8% .015 216); --color-mist-800: oklch(27.5% .011 216.9); --color-mist-900: oklch(21.8% .008 223.9); --color-mist-950: oklch(14.8% .004 228.8); --color-taupe-50: oklch(98.6% .002 67.8); --color-taupe-100: oklch(96% .002 17.2); --color-taupe-200: oklch(92.2% .005 34.3); --color-taupe-300: oklch(86.8% .007 39.5); --color-taupe-400: oklch(71.4% .014 41.2); --color-taupe-500: oklch(54.7% .021 43.1); --color-taupe-600: oklch(43.8% .017 39.3); --color-taupe-700: oklch(36.7% .016 35.7); --color-taupe-800: oklch(26.8% .011 36.5); --color-taupe-900: oklch(21.4% .009 43.1); --color-taupe-950: oklch(14.7% .004 49.3); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 1.5 ; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2 ; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px rgb(0 0 0 / .05); --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / .05); --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / .05); --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / .05); --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / .05); --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / .15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / .12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / .15); --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / .1); --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / .15); --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / .15); --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / .2); --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / .075), 0px 1px 1px rgb(0 0 0 / .075), 0px 2px 2px rgb(0 0 0 / .075); --text-shadow-md: 0px 1px 1px rgb(0 0 0 / .1), 0px 1px 2px rgb(0 0 0 / .1), 0px 2px 4px rgb(0 0 0 / .1); --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / .1), 0px 3px 2px rgb(0 0 0 / .1), 0px 4px 8px rgb(0 0 0 / .1); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: --theme(--font-sans, initial); --default-font-feature-settings: --theme( --font-sans--font-feature-settings, initial ); --default-font-variation-settings: --theme( --font-sans--font-variation-settings, initial ); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme( --font-mono--font-feature-settings, initial ); --default-mono-font-variation-settings: --theme( --font-mono--font-variation-settings, initial ); }@theme default inline reference{ --blur: 8px; --shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05); --drop-shadow: 0 1px 2px rgb(0 0 0 / .1), 0 1px 1px rgb(0 0 0 / .06); --radius: .25rem; --max-width-prose: 65ch; }}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:--theme(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings,normal);font-variation-settings:--theme(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-variation-settings:--theme(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{@tailwind utilities;}:root{--bg: #050816;--bg-elevated: #070b16;--bg-soft: #0b1020;--card-bg: #0f172a;--border-subtle: rgba(148, 163, 184, .2);--accent: #fbbf24;--accent-soft: rgba(251, 191, 36, .1);--accent-2: #a855f7;--text-primary: #e5e7eb;--text-muted: #9ca3af;--text-soft: #6b7280;--danger: #f97373;--success: #4ade80;--radius-lg: 16px;--radius-xl: 20px;--shadow-soft: 0 22px 60px rgba(15, 23, 42, .65);--transition-fast: .18s ease-out;--navbar-height: 64px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Inter,sans-serif;background:radial-gradient(circle at top,#1e293b 0,var(--bg) 40%);color:var(--text-primary)}.page{max-width:1200px;margin:0 auto;padding:18px 16px 32px}@media(min-width:768px){.page{padding:28px 20px 40px}}header{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.header-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.title-block{display:flex;flex-direction:column;gap:4px}h1{margin:0;font-size:1.5rem;letter-spacing:-.03em;display:flex;align-items:center;gap:8px}@media(min-width:768px){h1{font-size:1.9rem}}.badge{padding:3px 9px;border-radius:999px;border:1px solid rgba(148,163,184,.4);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);background:radial-gradient(circle at top left,rgba(148,163,184,.35),transparent 50%)}.subtitle{margin:0;font-size:.85rem;color:var(--text-muted)}.meta-row{display:flex;flex-wrap:wrap;gap:10px;font-size:.78rem;color:var(--text-soft)}.meta-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.25)}.dot{width:6px;height:6px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px #fbbf2438}.pill-label{text-transform:uppercase;letter-spacing:.12em;font-size:.6rem;color:var(--text-soft)}.pill-value{font-weight:500;color:var(--text-primary)}.main-layout{display:grid;grid-template-columns:minmax(0,2fr);gap:16px}@media(min-width:1024px){.main-layout{grid-template-columns:minmax(0,3fr) minmax(260px,1.2fr)}}.highlights-row{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:12px;margin-bottom:14px}@media(min-width:640px){.highlights-row{grid-template-columns:repeat(3,minmax(0,1fr))}}.card-highlight{position:relative;border-radius:var(--radius-lg);padding:12px 12px 11px;background:radial-gradient(circle at top left,rgba(250,204,21,.13),transparent 55%),radial-gradient(circle at bottom right,rgba(168,85,247,.12),transparent 60%),var(--card-bg);border:1px solid rgba(148,163,184,.28);box-shadow:0 18px 50px #0f172aa6;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.card-highlight:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fbbf240a,#0f172a80);opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.card-highlight:hover{transform:translateY(-2px);box-shadow:0 22px 60px #0f172ae6;border-color:#fbbf2466}.card-highlight:hover:after{opacity:1}.card-highlight-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.card-highlight-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-soft)}.pill-small{font-size:.65rem;padding:2px 7px;border-radius:999px;border:1px solid rgba(148,163,184,.4);color:var(--text-muted)}.card-highlight-main{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;margin-bottom:6px}.card-highlight-name{font-size:.98rem;font-weight:600;letter-spacing:-.02em}.card-highlight-stat{text-align:right}.card-highlight-stat-value{font-size:1.4rem;font-weight:700;letter-spacing:-.03em}.card-highlight-stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-soft)}.card-highlight-footer{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:var(--text-soft);border-top:1px dashed rgba(148,163,184,.4);padding-top:4px;margin-top:3px}.chip{padding:2px 9px;border-radius:999px;background:#0f172acc;border:1px solid rgba(148,163,184,.3);font-size:.65rem}.chip-accent{border-color:#fbbf2499;background:linear-gradient(135deg,#fbbf241f,#111827e6);color:#fed7aa}.tabs{display:flex;align-items:center;gap:8px;margin-bottom:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.tab-button{flex:0 0 auto;border:none;cursor:pointer;padding:6px 13px;border-radius:999px;font-size:.78rem;font-weight:500;color:var(--text-soft);background:#0f172ab3;border:1px solid rgba(148,163,184,.35);display:inline-flex;align-items:center;gap:6px;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);transform-origin:center}.tab-button span.count{font-size:.65rem;padding:2px 6px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.4);color:var(--text-muted)}.tab-button.active{background:linear-gradient(135deg,#fbbf2424,#0f172ae6);color:#fefce8;border-color:#fbbf24e6;transform:translateY(-1px)}.tab-button.active span.count{background:#0f172ae6;border-color:#fbbf24e6;color:#fef9c3}.panel{border-radius:var(--radius-xl);background:linear-gradient(145deg,#0f172af5,#080b18f0);border:1px solid rgba(148,163,184,.35);box-shadow:var(--shadow-soft);padding:14px 12px 12px}@media(min-width:768px){.panel{padding:16px 14px 14px}}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px;flex-wrap:wrap}.panel-title{font-size:.9rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.panel-subtitle{font-size:.75rem;color:var(--text-soft)}.panel-controls{display:flex;gap:6px;flex-wrap:wrap}select,.small-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:#0f172ae6;color:var(--text-muted);padding:5px 10px;font-size:.75rem;cursor:pointer;outline:none;display:inline-flex;align-items:center;gap:4px}select:focus,.small-button:focus-visible{border-color:#fbbf24b3}.small-button.active{border-color:#fbbf24cc;color:#fefce8;background:linear-gradient(135deg,#fbbf242e,#0f172ae6)}.table-wrapper{width:100%;overflow-x:auto;border-radius:12px;background:radial-gradient(circle at top left,rgba(15,118,110,.08),transparent 50%),#0f172ae6;border:1px solid rgba(30,64,175,.35);padding:4px 2px;max-height:470px;position:relative}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172ad9;z-index:5;font-size:.9rem;color:var(--text-muted)}table{border-collapse:collapse;width:100%;min-width:520px;font-size:.78rem}thead{position:sticky;top:0;z-index:1;background:#0f172afa}th,td{padding:7px 10px;text-align:right;white-space:nowrap}th:first-child,td:first-child{text-align:left;padding-left:12px}th:last-child,td:last-child{padding-right:12px}th{font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;color:var(--text-soft);border-bottom:1px solid rgba(148,163,184,.4)}tbody tr{border-bottom:1px solid rgba(15,23,42,.9);transition:background var(--transition-fast),transform var(--transition-fast)}tbody tr:nth-child(2n){background:#0f172acc}tbody tr:nth-child(odd){background:#0f172af2}tbody tr:hover{background:#1e40af73;transform:translateY(-1px)}td{color:var(--text-primary)}td.muted{color:var(--text-muted);font-size:.72rem}.player-cell{display:flex;flex-direction:column;gap:2px}.player-name{font-weight:500;font-size:.8rem}.player-meta{font-size:.68rem;color:var(--text-soft)}.bar-bg{width:80px;height:5px;border-radius:999px;background:#0f172ae6;overflow:hidden;position:relative}.bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:transform .4s ease-out}.bar-fill.visible{transform:scaleX(1)}.insights-panel{border-radius:var(--radius-xl);background:linear-gradient(150deg,#1e40af47,#0f172afa);border:1px solid rgba(59,130,246,.5);box-shadow:var(--shadow-soft);padding:14px 12px}@media(min-width:1024px){.insights-panel{position:sticky;top:20px}}.insights-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.insights-title{font-size:.85rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#dbeafe}.tag{font-size:.65rem;padding:2px 8px;border-radius:999px;background:#0f172acc;color:var(--text-soft);border:1px solid rgba(148,163,184,.4)}.insight-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}.insight-item{display:flex;gap:7px;font-size:.78rem;color:#e5e7eb;padding:6px 7px;border-radius:12px;background:#0f172ae6;border:1px solid rgba(148,163,184,.28)}.insight-bullet{width:18px;height:18px;border-radius:999px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;background:radial-gradient(circle at top,#fbbf2466,#0f172a);color:#fef9c3;border:1px solid rgba(251,191,36,.85)}.insight-main{flex:1}.insight-label{font-weight:500;margin-bottom:2px}.insight-meta{font-size:.7rem;color:var(--text-soft)}.insight-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.mini-chip{font-size:.65rem;padding:2px 6px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.4);color:var(--text-soft)}.mini-chip.accent{border-color:#fbbf24cc;color:#fef3c7;background:#fbbf2424}.footer-note{margin-top:10px;font-size:.7rem;color:#9ca3af;display:flex;justify-content:space-between;gap:6px;align-items:center;flex-wrap:wrap}.footer-note span:nth-child(2){font-size:.68rem;color:var(--text-soft)}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background:linear-gradient(180deg,#0f172af2,#0f172acc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle);box-shadow:0 4px 12px #0000004d;z-index:1000}.navbar-container{max-width:1200px;margin:0 auto;padding:0 16px;height:100%;display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center;gap:12px}.navbar-brand h1{font-size:18px;font-weight:700;margin:0;color:var(--text-primary);letter-spacing:-.5px}.navbar-links{display:flex;list-style:none;margin:0;padding:0;gap:8px;align-items:center}.nav-link{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:transparent;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all var(--transition-fast);position:relative}.nav-link:hover{background:#fbbf241a;color:var(--text-primary)}.nav-link.active{color:var(--accent);background:var(--accent-soft)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:2px;background:var(--accent);border-radius:2px}.trophy-icon{font-size:16px}@media(min-width:768px){.navbar-brand h1{font-size:20px}.nav-link{padding:10px 18px;font-size:15px}}.page{max-width:1200px;margin:0 auto;padding:calc(var(--navbar-height) + 18px) 16px 32px}@media(min-width:768px){.page{padding:calc(var(--navbar-height) + 28px) 20px 40px}}.awards-banner{margin-bottom:20px;border-radius:16px;background:linear-gradient(135deg,#fbbf2426,#a855f71a);border:1px solid rgba(251,191,36,.5);padding:14px 16px;box-shadow:0 10px 30px #fbbf241a}.banner-content{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.banner-left{display:flex;align-items:center;gap:12px}.banner-icon{font-size:1.8rem;line-height:1}.banner-text{display:flex;flex-direction:column;gap:2px}.banner-title{font-size:.95rem;font-weight:600;color:#fefce8;letter-spacing:.03em}.banner-subtitle{font-size:.78rem;color:var(--text-muted)}.banner-button{padding:7px 16px;border-radius:999px;border:none;background:linear-gradient(135deg,#fbbf2433,#0f172ae6);border:1px solid rgba(251,191,36,.8);color:#fef9c3;font-weight:500;font-size:.8rem;cursor:pointer;transition:all var(--transition-fast);letter-spacing:.05em}.banner-button:hover{background:linear-gradient(135deg,#fbbf244d,#0f172af2);border-color:#fbbf24;transform:translateY(-1px)}.awards-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}@media(min-width:700px){.awards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.awards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.award-card{position:relative;border-radius:18px;padding:14px 13px 12px;background:radial-gradient(circle at top left,rgba(250,204,21,.16),transparent 55%),radial-gradient(circle at bottom right,rgba(168,85,247,.15),transparent 60%),var(--card-bg);border:1px solid rgba(148,163,184,.25);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:8px;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.award-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(251,191,36,.08),transparent 60%);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.award-card:hover{transform:translateY(-3px);box-shadow:0 26px 70px #0f172af2;border-color:#fbbf2499}.award-card:hover:after{opacity:1}.award-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.award-title{font-size:.95rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#fefce8}.award-tag{font-size:.7rem;padding:3px 10px;border-radius:999px;border:1px solid rgba(251,191,36,.65);background:#0f172ae6;color:#fef9c3;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}.award-description{font-size:.78rem;color:var(--text-soft);line-height:1.5;margin-bottom:4px}.nominee-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-soft);margin-bottom:4px}.nominee-list{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.nominee{position:relative;border-radius:12px;padding:7px 8px;background:#0f172ae6;border:1px solid rgba(148,163,184,.3);display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.78rem;overflow:hidden}.nominee.main{border-color:#fbbf24b3;background:radial-gradient(circle at left,rgba(251,191,36,.14),transparent 55%),#0f172af2}.nominee-main{display:flex;flex-direction:column;gap:2px}.nominee-name-row{display:flex;align-items:center;gap:6px}.nominee-name{font-weight:500}.nominee-chip{font-size:.65rem;padding:2px 7px;border-radius:999px;border:1px solid rgba(148,163,184,.4);color:var(--text-soft);background:#0f172ae6;text-transform:uppercase;letter-spacing:.08em}.nominee.stats{font-size:.72rem;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:6px}.stat-pill{padding:2px 7px;border-radius:999px;background:#0f172ad9;border:1px solid rgba(51,65,85,.9)}.stat-pill strong{color:var(--text-primary)}.nominee-rank{font-size:1.1rem;font-weight:700;color:#fbbf24f2;letter-spacing:-.03em}.nominee-rank-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-soft);text-align:right}.award-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;border-top:1px dashed rgba(148,163,184,.4);padding-top:5px;font-size:.7rem;color:var(--text-soft)}.award-footer span.highlight{color:#fef3c7}.mini-chip-row{display:flex;flex-wrap:wrap;gap:6px}.back-button{margin-top:8px;padding:6px 12px;border:1px solid rgba(148,163,184,.4);background:#0f172ae6;color:var(--text-muted);font-size:.75rem;cursor:pointer;border-radius:6px;transition:all var(--transition-fast)}.back-button:hover{background:#0f172af2;border-color:#fbbf2499;color:#fef9c3}footer.page-footer{margin-top:24px;font-size:.72rem;color:var(--text-soft);display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;border-top:1px solid rgba(15,23,42,.9);padding-top:10px}footer.page-footer span{opacity:.9}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at top,#1e293b 0,var(--bg) 40%)}.auth-card{width:100%;max-width:420px;padding:40px 32px;border-radius:20px;background:linear-gradient(145deg,#0f172af5,#080b18f0);border:1px solid rgba(148,163,184,.35);box-shadow:0 20px 60px #00000080}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.auth-header p{color:var(--text-muted);font-size:.9rem;margin:0}.form-group{margin-bottom:18px}.form-label{display:block;margin-bottom:6px;color:var(--text-primary);font-size:.875rem;font-weight:500}.form-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(148,163,184,.35);background:#0f172ab3;color:var(--text-primary);font-size:.9rem;transition:all .2s ease;font-family:inherit}.form-input:focus{outline:none;border-color:#fbbf24b3;background:#0f172ad9}.form-input.error{border-color:#f87171}.form-input::placeholder{color:var(--text-soft)}select.form-input{cursor:pointer}.form-error{margin-top:4px;color:#f87171;font-size:.8rem;min-height:18px}.auth-button{width:100%;padding:12px 20px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--accent),rgba(251,191,36,.8));color:#050816;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;font-family:inherit;margin-top:8px}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #fbbf244d}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-error-banner{padding:10px 14px;border-radius:10px;background:#f973731a;border:1px solid rgba(249,115,115,.4);color:#f87171;font-size:.85rem;margin-bottom:16px}.auth-link{display:block;text-align:center;margin-top:20px;color:var(--text-muted);font-size:.875rem}.auth-link a{color:var(--accent);text-decoration:none;font-weight:500}.auth-link a:hover{text-decoration:underline}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#1e293b 0,var(--bg) 40%);color:var(--text-primary);font-size:1rem}.nav-user{display:flex;align-items:center;gap:16px;margin-left:auto}.nav-user-name{color:var(--text-primary);font-size:.9rem;font-weight:500}.nav-profile-button,.logout-button{padding:8px 16px;border:1px solid rgba(148,163,184,.35);border-radius:8px;background:#0f172ab3;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;font-family:inherit}.nav-profile-button:hover,.logout-button:hover{background:#0f172ae6;border-color:var(--accent);color:var(--accent)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(5,8,22,.3);border-top-color:#050816;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.auth-card{padding:32px 24px}.auth-header h1{font-size:1.5rem}.form-input{font-size:.875rem}.nav-user{gap:12px}.nav-user-name{display:none}.nav-profile-button,.logout-button{padding:6px 12px;font-size:.8rem}}.profile-view{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.profile-field{display:flex;flex-direction:column;gap:6px}.profile-field label{font-size:.875rem;font-weight:500;color:var(--text-muted)}.profile-field p{font-size:1rem;color:var(--text-primary);margin:0;padding:12px 16px;background:#0f172a80;border:1px solid rgba(148,163,184,.2);border-radius:8px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9rem;color:var(--text-primary)}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.text-link{background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:underline;font-size:.875rem;font-family:inherit}.text-link:hover{color:var(--text-primary)}.profile-info-banner{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;padding:16px;margin-bottom:20px}.profile-info-banner p{margin:6px 0;font-size:.9rem;color:var(--text-primary)}.profile-info-banner strong{color:var(--accent);margin-right:8px}