:root{--bg:#0a1712;--bg-elevated:#12241c;--bg-subtle:#0f2018;--text:#cfe3d8;--text-h:#f2faf5;--text-muted:#7fa08d;--border:#1e3327;--border-strong:#2c4a37;--primary:#22c55e;--primary-hover:#16a34a;--primary-bg:#22c55e24;--primary-text:#4ade80;--gold:#f4c430;--gold-bg:#f4c43024;--success:#4ade80;--danger:#f0554a;--danger-bg:#f0554a24;--warning:var(--gold);--warning-bg:var(--gold-bg);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 6px 18px #00000059;--shadow-lg:0 20px 45px #00000073;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif;font:16px/1.5 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-height:100svh;margin:0;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 900px 480px at 12% -12%, #22c55e1f, transparent 60%), radial-gradient(ellipse 700px 420px at 92% 6%, #f4c4300d, transparent 60%), repeating-linear-gradient(115deg, #22c55e08 0, #22c55e08 40px, #22c55e0d 40px, #22c55e0d 80px), var(--bg);position:fixed;inset:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--sans);color:var(--text-h);font-weight:600}h1{letter-spacing:-.4px;margin:0 0 4px;font-size:26px}h2{letter-spacing:-.2px;margin:0 0 12px;font-size:17px}p{margin:0}a{color:var(--primary-text)}button,table{font-family:var(--sans)}.page{flex-direction:column;gap:20px;max-width:880px;margin:0 auto;padding:28px 20px 56px;display:flex}.page-heading h1{font-size:24px}.page-heading p{color:var(--text-muted);font-size:14px}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.primary-btn{border-radius:var(--radius-sm);background:var(--primary);color:#fff;cursor:pointer;border:none;padding:11px 18px;font-size:14px;font-weight:600;transition:background .15s,transform .1s}.primary-btn:hover:not(:disabled){background:var(--primary-hover)}.primary-btn:active:not(:disabled){transform:scale(.98)}.primary-btn:disabled{background:var(--border-strong);color:var(--text-muted);cursor:not-allowed}.secondary-btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-h);cursor:pointer;padding:10px 16px;font-size:14px;font-weight:500}.secondary-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary-text)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:center;border-bottom:1px solid var(--border);color:var(--text);white-space:nowrap;padding:8px 10px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.col-team{text-align:left}tr.own-team{background:var(--primary-bg)}tr.own-team td{color:var(--primary-text);font-weight:600}.privacy-banner{z-index:1000;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-elevated);max-width:680px;box-shadow:var(--shadow-lg);margin:0 auto;padding:20px;position:fixed;bottom:18px;left:18px;right:18px}.privacy-banner p+p{margin-top:8px}.privacy-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.legal-page{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);width:min(760px,100% - 32px);margin:48px auto;padding:28px}.legal-page h1{margin-top:18px}.legal-page h2{margin-top:28px}.legal-page p+p{margin-top:14px}.app-shell{flex-direction:column;min-height:100svh;display:flex}.top-nav{z-index:10;background:radial-gradient(ellipse 480px 140px at 88% -30%, #22c55e24, transparent 65%), var(--bg-elevated);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:20px;padding:14px 28px;display:flex;position:sticky;top:0;overflow:hidden}.nav-watermark{width:84px;height:84px;color:var(--primary);opacity:.12;pointer-events:none;position:absolute;top:-18px;right:8%;transform:scaleX(-1)}.top-nav .brand{letter-spacing:-.5px;color:var(--text-h);align-items:center;gap:10px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.top-nav .brand .badge{background:linear-gradient(160deg, var(--primary), var(--primary-hover));width:32px;height:32px;box-shadow:var(--shadow-sm);border-radius:10px;justify-content:center;align-items:center;font-size:17px;display:flex}.top-nav nav{align-items:center;gap:6px;display:flex}.top-nav nav a{color:var(--text);background:var(--bg-subtle);border:1px solid var(--border);border-radius:999px;padding:9px 20px;font-size:15px;font-weight:700;text-decoration:none;transition:background .15s,color .15s,border-color .15s,transform .1s}.top-nav nav a:hover{border-color:var(--primary);color:var(--text-h);transform:translateY(-1px)}.top-nav nav a.active{background:var(--primary);color:#04150c;border-color:var(--primary);box-shadow:var(--shadow-sm)}.nav-link-with-badge{align-items:center;gap:6px;display:inline-flex!important}.nav-badge{background:var(--danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.top-nav .logout-btn{color:var(--text-muted);border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;transition:color .15s,border-color .15s}.top-nav .logout-btn:hover{color:var(--danger);border-color:var(--danger)}@media (width<=480px){.top-nav{gap:8px;padding:10px 14px}.top-nav .brand{white-space:nowrap;gap:6px;font-size:15px}.top-nav .brand .badge{border-radius:8px;width:26px;height:26px;font-size:13px}.top-nav nav{gap:2px}.top-nav nav a{padding:7px 12px;font-size:13px}.top-nav .logout-btn{padding:6px 10px;font-size:12px}}@media (width<=400px){.top-nav{gap:6px;padding:10px}.top-nav .brand{gap:5px;font-size:13px}.top-nav .brand .badge{width:22px;height:22px;font-size:11px}.top-nav nav a{padding:6px 9px;font-size:12px}.top-nav .logout-btn{padding:5px 8px;font-size:11px}.nav-watermark{display:none}}.app-content{flex:1;width:100%}.app-footer{background:radial-gradient(ellipse 480px 160px at 12% 120%, #22c55e1f, transparent 65%), var(--bg-elevated);border-top:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:4px;margin-top:24px;padding:28px 20px 22px;display:flex;position:relative;overflow:hidden}.footer-watermark{width:96px;height:96px;color:var(--primary);opacity:.1;pointer-events:none;position:absolute;bottom:-20px;left:6%}.footer-brand{color:var(--text-h);align-items:center;gap:8px;font-size:17px;font-weight:800;display:flex}.footer-brand .badge{background:linear-gradient(160deg, var(--primary), var(--primary-hover));border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:flex}.app-footer p{color:var(--text-muted);font-size:13px}.footer-copy{margin-top:6px;font-size:11px}.footer-links button{color:var(--primary-text);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.loading-screen{min-height:100svh;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.auth-page{background:radial-gradient(circle at 12% -6%, #22c55e2e, transparent 42%), radial-gradient(circle at 88% -6%, #f4c43014, transparent 42%), var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:100svh;padding:24px;display:flex;position:relative;overflow:hidden}.auth-page:after{content:"";opacity:.5;z-index:0;background:repeating-linear-gradient(90deg,#123320 0 28px,#163a25 28px 56px);height:160px;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.auth-page>*{z-index:1;position:relative}.auth-page>h1{align-items:center;gap:8px;font-size:22px;display:flex}.auth-page>h1:before{content:"⚽"}.auth-page>h2{color:var(--text-muted);margin-bottom:20px;font-size:15px;font-weight:500}.onboarding-strip{flex-wrap:wrap;justify-content:center;gap:14px;max-width:720px;margin-bottom:26px;display:flex}.onboarding-card{text-align:center;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border);max-width:220px;box-shadow:var(--shadow-sm);flex-direction:column;flex:190px;align-items:center;gap:6px;padding:18px 14px;display:flex}.onboarding-icon{background:var(--primary-bg);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:4px;font-size:22px;display:flex}.onboarding-card strong{color:var(--text-h);font-size:14px}.onboarding-card p{color:var(--text-muted);font-size:12px;line-height:1.4}.auth-page form{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:360px;box-shadow:var(--shadow-md);flex-direction:column;gap:14px;padding:24px;display:flex}.auth-page label{color:var(--text-muted);text-align:left;flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.auth-page input{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-subtle);color:var(--text-h);padding:10px 12px;font-size:15px}.auth-page input:focus{outline:2px solid var(--primary);outline-offset:1px}.auth-page button[type=submit]{border-radius:var(--radius-sm);background:var(--primary);color:#fff;cursor:pointer;border:none;margin-top:4px;padding:11px 14px;font-size:15px;font-weight:600;transition:background .15s}.auth-page button[type=submit]:hover:not(:disabled){background:var(--primary-hover)}.auth-page button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.auth-page>button{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-elevated);width:100%;max-width:360px;color:var(--text-h);cursor:pointer;margin-top:12px;padding:11px 14px;font-size:14px;font-weight:500}.auth-page>button:hover:not(:disabled){border-color:var(--primary);color:var(--primary-text)}.auth-page>p{color:var(--text-muted);margin-top:16px;font-size:14px}.auth-error{color:var(--danger);background:var(--danger-bg);border-radius:var(--radius-sm);padding:8px 10px;font-size:13px}.suggestion-link{width:auto;max-width:none;color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-top:0;padding:4px 0;font-size:13px;text-decoration:underline}.suggestion-link:hover{color:var(--primary-text)}.suggestion-form{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;flex-direction:column;gap:12px;width:100%;max-width:360px;margin-top:16px;padding:18px;display:flex}.suggestion-form textarea{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-subtle);color:var(--text-h);resize:vertical;padding:10px 12px;font-family:inherit;font-size:14px}.suggestion-form-actions{gap:8px;display:flex}.suggestion-form-actions button{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-subtle);color:var(--text-h);cursor:pointer;flex:1;padding:9px 12px;font-size:14px;font-weight:600}.suggestion-form-actions button:first-child{background:var(--primary);color:#fff;border:none}.suggestion-sent{text-align:center;color:var(--text-h);font-weight:600}.verify-email-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-md);text-align:center;flex-direction:column;gap:12px;padding:24px;display:flex}.verify-email-card p{color:var(--text-muted);font-size:14px;line-height:1.5}.verify-email-card p strong{color:var(--text-h)}.verify-email-hint{background:var(--primary-bg);border-radius:var(--radius-sm);padding:8px 10px;color:var(--primary-text)!important}.verify-email-card button{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-subtle);color:var(--text-h);cursor:pointer;padding:11px 14px;font-size:14px;font-weight:600}.verify-email-card button:first-of-type{background:var(--primary);color:#fff;border:none}.verify-email-card button:disabled{opacity:.6;cursor:not-allowed}.verify-email-logout{color:var(--text-muted)!important;background:0 0!important;border:none!important;font-weight:500!important}
