:root {
      --bg: #0d0d0d;
      --bg2: #141414;
      --bg3: #1a1a1a;
      --bg4: #222222;
      --border: rgba(255,255,255,0.08);
      --border2: rgba(255,255,255,0.14);
      --text: #f0f0f0;
      --text2: #c8c8c8;
      --text3: #888888;
      --orange: #ff6b2b;
      --orange2: #ff8c55;
      --orange-glow: rgba(255,107,43,0.15);
      --green: #22c55e;
      --green2: #16a34a;
      --green-glow: rgba(34,197,94,0.12);
      --red: #ef4444;
      --red-glow: rgba(239,68,68,0.12);
      --gold: #f59e0b;
      --silver: #94a3b8;
      --bronze: #b45309;
      --radius: 16px;
      --radius-sm: 10px;
    }
    * { margin:0; padding:0; box-sizing:border-box; }
    body { font-family:'Inter',sans-serif; background:var(--bg); color:var(--text); min-height:100vh; -webkit-font-smoothing:antialiased; }

    /* COUNTER ANIMATION */
    @keyframes countUp { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
    .stat-num { animation: countUp 0.6s ease both; }

    /* SCROLLBAR */
    ::-webkit-scrollbar { width:4px; }
    ::-webkit-scrollbar-track { background:var(--bg); }
    ::-webkit-scrollbar-thumb { background:var(--bg4); border-radius:2px; }

    /* LOGIN */
    .login-screen { display:none; position:fixed; inset:0; background:var(--bg); z-index:1000; align-items:center; justify-content:center; flex-direction:column; }
    .login-screen.show { display:flex; }
    .login-bg { position:absolute; inset:0; background:radial-gradient(ellipse at 30% 20%, rgba(255,107,43,0.08) 0%, transparent 60%), radial-gradient(ellipse at 70% 80%, rgba(34,197,94,0.06) 0%, transparent 60%); }
    .login-box { position:relative; background:var(--bg2); border:1px solid var(--border2); border-radius:24px; padding:2.5rem 2rem; width:100%; max-width:360px; text-align:center; box-shadow:0 40px 80px rgba(0,0,0,0.6); }
    .login-logo { font-family:'Space Grotesk',sans-serif; font-size:2.2rem; font-weight:700; color:var(--text); letter-spacing:-1px; margin-bottom:0.2rem; }
    .login-logo span { color:var(--orange); }
    .login-sub { font-size:0.78rem; color:var(--text3); text-transform:uppercase; letter-spacing:3px; margin-bottom:2.5rem; }
    .btn-google { display:flex; align-items:center; justify-content:center; gap:0.75rem; width:100%; background:var(--bg3); border:1px solid var(--border2); color:var(--text); font-family:'Inter',sans-serif; font-size:0.9rem; font-weight:500; padding:0.85rem 1.5rem; border-radius:12px; cursor:pointer; transition:all 0.2s; }
    .btn-google:hover { background:var(--bg4); border-color:var(--orange); color:var(--orange); }
    .btn-google img { width:18px; height:18px; }
    .login-note { position:relative; font-size:0.72rem; color:var(--text3); margin-top:3rem; }

    /* HEADER */
    header { background:rgba(13,13,13,0.85); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border-bottom:1px solid var(--border); padding:0 1.25rem; position:sticky; top:0; z-index:200; }
    .header-inner { max-width:1100px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; height:56px; }
    .logo { font-family:'Space Grotesk',sans-serif; font-size:1.3rem; font-weight:700; color:var(--text); letter-spacing:-0.5px; }
    .logo span { color:var(--orange); }

    /* DESKTOP NAV */
    nav { display:flex; gap:0.15rem; align-items:center; }
    nav button { background:none; border:none; color:var(--text2); font-family:'Inter',sans-serif; font-size:0.82rem; font-weight:500; padding:0.4rem 0.85rem; border-radius:8px; cursor:pointer; transition:all 0.2s; white-space:nowrap; }
    nav button:hover { color:var(--text); background:var(--bg3); }
    nav button.active { color:var(--orange); background:var(--orange-glow); }
    .admin-btn { border:1px solid var(--border) !important; }
    .admin-btn.logged-in { color:var(--green) !important; background:var(--green-glow) !important; border-color:rgba(34,197,94,0.3) !important; }

    /* USER BADGE */
    .user-badge { display:flex; align-items:center; gap:0.5rem; }
    .user-avatar-placeholder { width:30px; height:30px; border-radius:50%; background:linear-gradient(135deg, var(--orange), var(--orange2)); display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; color:white; flex-shrink:0; }
    .user-name { font-size:0.82rem; font-weight:500; color:var(--text2); }
    .btn-logout { background:none; border:1px solid var(--border); color:var(--text3); font-size:0.72rem; padding:0.25rem 0.6rem; border-radius:6px; cursor:pointer; transition:all 0.2s; margin-left:0.1rem; }
    .btn-logout:hover { color:var(--red); border-color:var(--red); }

    /* HAMBURGER */
    .hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:0.4rem; background:none; border:none; }
    .hamburger span { display:block; width:22px; height:2px; background:var(--text2); border-radius:2px; transition:all 0.3s; }
    .hamburger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
    .hamburger.open span:nth-child(2) { opacity:0; }
    .hamburger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

    /* MOBILE MENU */
    .mobile-menu { display:none; position:fixed; top:56px; left:0; right:0; background:rgba(13,13,13,0.97); backdrop-filter:blur(20px); z-index:199; padding:0.75rem 1rem 1.25rem; border-bottom:1px solid var(--border); }
    .mobile-menu.open { display:block; }
    .mobile-user-info { display:flex; align-items:center; gap:0.75rem; padding:0.75rem 0.5rem 1rem; border-bottom:1px solid var(--border); margin-bottom:0.5rem; }
    .mobile-menu button { display:block; width:100%; text-align:left; background:none; border:none; color:var(--text2); font-family:'Inter',sans-serif; font-size:0.95rem; font-weight:500; padding:0.7rem 0.5rem; border-bottom:1px solid var(--border); cursor:pointer; transition:color 0.2s; }
    .mobile-menu button:last-child { border-bottom:none; }
    .mobile-menu button.active { color:var(--orange); }
    .mobile-menu .mobile-admin-btn { color:var(--green) !important; }
    .mobile-logout { color:var(--red) !important; margin-top:0.25rem; }


    /* PORTAL LINKS */
    .portal-link {
      color: var(--text2);
      text-decoration: none;
      font-family:'Inter',sans-serif;
      font-size: 0.82rem;
      font-weight: 500;
      padding: 0.4rem 0.85rem;
      border-radius: 8px;
      transition: all 0.2s;
      white-space: nowrap;
    }
    .portal-link:hover { color: var(--orange); background: var(--bg3); }
    .mobile-link {
      display:block;
      width:100%;
      text-align:left;
      text-decoration:none;
      color:var(--text2);
      font-family:'Inter',sans-serif;
      font-size:0.95rem;
      font-weight:500;
      padding:0.7rem 0.5rem;
      border-bottom:1px solid var(--border);
      transition:color 0.2s;
    }
    .mobile-link:hover { color:var(--orange); }

    /* HERO */
    .hero { background:var(--bg); padding:2rem 1.25rem 1.5rem; position:relative; overflow:hidden; border-bottom:1px solid var(--border); }
    .hero-bg { position:absolute; inset:0; background:radial-gradient(ellipse at 20% 50%, rgba(255,107,43,0.07) 0%, transparent 50%), radial-gradient(ellipse at 80% 50%, rgba(34,197,94,0.05) 0%, transparent 50%); pointer-events:none; }
    .hero-inner { max-width:1100px; margin:0 auto; position:relative; }
    .hero-title { font-family:'Space Grotesk',sans-serif; font-size:clamp(1.8rem,5vw,3rem); font-weight:700; letter-spacing:-1.5px; line-height:1; }
    .hero-title span { color:var(--orange); }
    .hero-sub { font-size:0.78rem; color:var(--text3); text-transform:uppercase; letter-spacing:3px; margin-top:0.4rem; }

    /* STATS */
    .stats-bar { background:var(--bg2); border-bottom:1px solid var(--border); padding:0; }
    .stats-inner { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); }
    .stat { padding:1rem 1.25rem; border-right:1px solid var(--border); text-align:center; }
    .stat:last-child { border-right:none; }
    .stat-num { font-family:'Space Grotesk',sans-serif; font-size:1.6rem; font-weight:700; color:var(--orange); line-height:1; }
    .stat-label { font-size:0.65rem; color:var(--text3); text-transform:uppercase; letter-spacing:1.5px; margin-top:0.2rem; }

    /* MAIN */
    main { max-width:1100px; margin:0 auto; padding:1.5rem 1.25rem; }
    .section { display:none; }
    .section.active { display:block; }

    .section-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:1.25rem; }
    .section-title { font-family:'Space Grotesk',sans-serif; font-size:1.1rem; font-weight:700; color:var(--text); letter-spacing:-0.3px; }
    .section-title span { color:var(--text3); font-weight:400; font-size:0.85rem; margin-left:0.5rem; }

    /* LOADING */
    .loading { text-align:center; padding:3rem; color:var(--text3); }
    .spinner { width:32px; height:32px; border:2px solid var(--bg4); border-top-color:var(--orange); border-radius:50%; animation:spin 0.8s linear infinite; margin:0 auto 0.75rem; }
    @keyframes spin { to { transform:rotate(360deg); } }
    @keyframes fadeUp { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
    @keyframes slideIn { from { opacity:0; transform:translateX(-8px); } to { opacity:1; transform:translateX(0); } }

    /* FILTERS */
    .filters { display:flex; gap:0.4rem; margin-bottom:1.25rem; flex-wrap:wrap; align-items:center; }
    .filter-btn { background:var(--bg3); border:1px solid var(--border); color:var(--text2); font-family:'Inter',sans-serif; font-size:0.78rem; font-weight:500; padding:0.4rem 0.9rem; border-radius:20px; cursor:pointer; transition:all 0.2s; }
    .filter-btn:hover { border-color:var(--orange); color:var(--orange); }
    .filter-btn.active { background:var(--orange-glow); border-color:var(--orange); color:var(--orange); }
    .add-match-btn { margin-left:auto; background:var(--orange); border:none; color:white; font-family:'Inter',sans-serif; font-size:0.82rem; font-weight:600; padding:0.45rem 1.1rem; border-radius:20px; cursor:pointer; transition:all 0.2s; }
    .add-match-btn:hover { background:var(--orange2); transform:translateY(-1px); }

    /* MATCH CARDS */
    .matches-grid { display:grid; gap:0.75rem; }
    .match-card { background:var(--bg2); border:1px solid var(--border); border-radius:var(--radius); padding:1.1rem 1.25rem; transition:all 0.2s; animation:fadeUp 0.3s ease both; cursor:default; }
    .match-card:hover { border-color:var(--border2); background:var(--bg3); transform:translateY(-1px); box-shadow:0 8px 32px rgba(0,0,0,0.3); }
    .match-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:1rem; flex-wrap:wrap; gap:0.4rem; }
    .match-num { font-family:'Space Grotesk',sans-serif; font-size:0.78rem; font-weight:600; color:var(--orange); letter-spacing:1px; text-transform:uppercase; }
    .match-date { font-size:0.72rem; color:var(--text3); }
    .status-badge { font-size:0.65rem; font-weight:600; padding:0.2rem 0.65rem; border-radius:20px; letter-spacing:0.5px; text-transform:uppercase; }
    .status-confirmed { background:var(--green-glow); color:var(--green); border:1px solid rgba(34,197,94,0.2); }
    .status-pending { background:rgba(245,158,11,0.1); color:var(--gold); border:1px solid rgba(245,158,11,0.2); }
    .match-teams { display:grid; grid-template-columns:1fr auto 1fr; gap:1rem; align-items:center; }
    .team { display:flex; flex-direction:column; gap:0.3rem; }
    .team.losers { text-align:right; }
    .team.winners .player-name { color:var(--text); font-weight:600; }
    .team.losers .player-name { color:var(--text3); }
    .player-name { font-size:0.88rem; cursor:pointer; transition:color 0.15s; }
    .player-name:hover { color:var(--orange) !important; }
    .match-score-wrap { text-align:center; }
    .match-score { display:inline-block; background:var(--bg4); color:var(--text); border:1px solid var(--border2); border-radius:8px; padding:0.3rem 0.75rem; font-family:'Space Grotesk',sans-serif; font-size:0.9rem; font-weight:600; letter-spacing:1px; white-space:nowrap; }
    .match-score.no-score { background:transparent; color:var(--text3); font-size:0.72rem; font-family:'Inter',sans-serif; font-weight:400; border-color:transparent; }

    /* LEADERBOARD */
    .leaderboard-wrap { background:var(--bg2); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; }
    .lb-header { display:grid; grid-template-columns:52px 1fr 70px 70px 80px; padding:0.75rem 1.25rem; background:var(--bg3); border-bottom:1px solid var(--border); }
    .lb-header span { font-size:0.65rem; font-weight:600; color:var(--text3); text-transform:uppercase; letter-spacing:1.5px; }
    .lb-header span:nth-child(n+3) { text-align:center; }
    .lb-row { display:grid; grid-template-columns:52px 1fr 70px 70px 80px; padding:0.85rem 1.25rem; border-bottom:1px solid var(--border); align-items:center; transition:all 0.15s; animation:fadeUp 0.35s ease both; cursor:pointer; }
    .lb-row:last-child { border-bottom:none; }
    .lb-row:hover { background:var(--bg3); }
    .lb-row.top1 { background:linear-gradient(90deg, rgba(245,158,11,0.05) 0%, transparent 60%); }
    .lb-row.top2 { background:linear-gradient(90deg, rgba(148,163,184,0.04) 0%, transparent 60%); }
    .lb-row.top3 { background:linear-gradient(90deg, rgba(180,83,9,0.04) 0%, transparent 60%); }
    .rank-badge { width:32px; height:32px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-family:'Space Grotesk',sans-serif; font-size:0.9rem; font-weight:700; }
    .rank-badge.r1 { background:rgba(245,158,11,0.15); color:var(--gold); }
    .rank-badge.r2 { background:rgba(148,163,184,0.12); color:var(--silver); }
    .rank-badge.r3 { background:rgba(180,83,9,0.12); color:var(--bronze); }
    .rank-badge.rn { background:var(--bg4); color:var(--text3); font-size:0.78rem; }
    .lb-name { font-size:0.9rem; font-weight:600; color:var(--text); }
    .lb-stat { text-align:center; font-size:0.9rem; font-weight:600; }
    .lb-stat.wins { color:var(--green); }
    .lb-stat.losses { color:var(--red); }
    .lb-stat.points { font-family:'Space Grotesk',sans-serif; font-size:1.1rem; color:var(--orange); }

    /* MODALS */
    .modal-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.75); backdrop-filter:blur(8px); z-index:500; align-items:center; justify-content:center; padding:1rem; }
    .modal-overlay.open { display:flex; }
    .modal { background:var(--bg2); border:1px solid var(--border2); border-radius:20px; padding:1.75rem; width:100%; max-width:480px; max-height:90vh; overflow-y:auto; position:relative; animation:fadeUp 0.25s ease; }
    .modal-title { font-family:'Space Grotesk',sans-serif; font-size:1.2rem; font-weight:700; color:var(--text); margin-bottom:1.25rem; letter-spacing:-0.3px; }
    .modal-close { position:absolute; top:1.1rem; right:1.1rem; background:var(--bg3); border:1px solid var(--border); width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1rem; cursor:pointer; color:var(--text2); line-height:1; transition:all 0.2s; }
    .modal-close:hover { color:var(--text); background:var(--bg4); }

    /* FORMS */
    .form-group { margin-bottom:0.9rem; }
    .form-group label { display:block; font-size:0.72rem; font-weight:600; color:var(--text3); text-transform:uppercase; letter-spacing:0.8px; margin-bottom:0.4rem; }
    .form-group input[type="text"], .form-group input[type="email"], .form-group input[type="password"], .form-group input[type="number"], .form-group input[type="tel"], .form-group select { width:100%; padding:0.65rem 0.9rem; background:var(--bg3); border:1px solid var(--border2); border-radius:10px; font-family:'Inter',sans-serif; font-size:0.88rem; color:var(--text); transition:border-color 0.2s; }
    .form-group input:focus, .form-group select:focus { outline:none; border-color:var(--orange); background:var(--bg4); }
    .form-group input::placeholder { color:var(--text3); }
    .form-row { display:grid; grid-template-columns:1fr 1fr; gap:0.75rem; }
    .form-section { background:var(--bg3); border:1px solid var(--border); border-radius:12px; padding:1rem; margin-bottom:0.9rem; }
    .form-section-label { font-size:0.72rem; font-weight:600; text-transform:uppercase; letter-spacing:1px; margin-bottom:0.75rem; }
    .btn-primary { width:100%; background:var(--orange); color:white; border:none; padding:0.8rem; border-radius:10px; font-family:'Inter',sans-serif; font-size:0.9rem; font-weight:600; cursor:pointer; transition:all 0.2s; margin-top:0.5rem; }
    .btn-primary:hover { background:var(--orange2); }
    .btn-primary:disabled { background:var(--bg4); color:var(--text3); cursor:not-allowed; }
    .form-note { font-size:0.72rem; color:var(--text3); margin-top:0.5rem; }
    .current-user-tag { background:var(--bg3); border:1px solid var(--border); border-radius:8px; padding:0.5rem 0.75rem; font-size:0.8rem; color:var(--text2); margin-bottom:0.75rem; }

    /* PLAYER SEARCH */
    .player-search-wrap { position:relative; }
    .player-search-input { width:100%; padding:0.65rem 0.9rem; background:var(--bg3); border:1px solid var(--border2); border-radius:10px; font-family:'Inter',sans-serif; font-size:0.88rem; color:var(--text); transition:border-color 0.2s; }
    .player-search-input:focus { outline:none; border-color:var(--orange); border-radius:10px 10px 0 0; }
    .player-dropdown { display:none; position:absolute; top:100%; left:0; right:0; background:var(--bg3); border:1px solid var(--orange); border-top:none; border-radius:0 0 10px 10px; z-index:100; max-height:180px; overflow-y:auto; box-shadow:0 12px 32px rgba(0,0,0,0.4); }
    .player-dropdown.open { display:block; }
    .player-option { padding:0.6rem 0.9rem; cursor:pointer; font-size:0.85rem; color:var(--text2); border-bottom:1px solid var(--border); transition:all 0.15s; }
    .player-option:last-child { border-bottom:none; }
    .player-option:hover { background:var(--bg4); color:var(--orange); }
    .player-option.selected { color:var(--green); background:var(--green-glow); }
    .player-selected-badge { display:none; align-items:center; justify-content:space-between; padding:0.5rem 0.9rem; background:var(--green-glow); border:1px solid rgba(34,197,94,0.25); border-radius:10px; font-size:0.85rem; color:var(--green); font-weight:600; margin-top:0.3rem; }
    .player-selected-badge.show { display:flex; }
    .player-clear { background:none; border:none; color:var(--text3); cursor:pointer; font-size:1.1rem; line-height:1; padding:0; transition:color 0.15s; }
    .player-clear:hover { color:var(--red); }

    /* PLAYER MODAL */
    .player-header { display:flex; align-items:center; gap:1rem; margin-bottom:1.25rem; }
    .player-avatar-big { width:52px; height:52px; border-radius:14px; background:linear-gradient(135deg, var(--orange), var(--orange2)); display:flex; align-items:center; justify-content:center; font-family:'Space Grotesk',sans-serif; font-size:1.3rem; font-weight:700; color:white; flex-shrink:0; }
    .player-meta .pname { font-family:'Space Grotesk',sans-serif; font-size:1.2rem; font-weight:700; color:var(--text); letter-spacing:-0.3px; }
    .player-meta .pemail { font-size:0.75rem; color:var(--text3); margin-top:0.15rem; }
    .admin-tag { display:inline-block; font-size:0.65rem; background:var(--green-glow); color:var(--green); border:1px solid rgba(34,197,94,0.25); padding:0.15rem 0.5rem; border-radius:20px; font-weight:600; margin-top:0.3rem; }
    .player-stats-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0.75rem; margin-bottom:1.25rem; }
    .pstat { background:var(--bg3); border:1px solid var(--border); border-radius:12px; padding:0.9rem; text-align:center; }
    .pstat-num { font-family:'Space Grotesk',sans-serif; font-size:1.8rem; font-weight:700; line-height:1; }
    .pstat-num.pts { color:var(--orange); }
    .pstat-num.wins { color:var(--green); }
    .pstat-num.losses { color:var(--red); }
    .pstat-label { font-size:0.65rem; color:var(--text3); text-transform:uppercase; letter-spacing:1px; margin-top:0.3rem; }
    .streak-wrap { display:flex; gap:4px; flex-wrap:wrap; margin:0.75rem 0; }
    .streak-dot { width:28px; height:28px; border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; }
    .streak-dot.w { background:var(--green-glow); color:var(--green); border:1px solid rgba(34,197,94,0.3); }
    .streak-dot.l { background:var(--red-glow); color:var(--red); border:1px solid rgba(239,68,68,0.2); }
    .recent-label { font-size:0.72rem; font-weight:600; color:var(--text3); text-transform:uppercase; letter-spacing:1.5px; margin-bottom:0.75rem; }
    .chart-wrap { background:var(--bg3); border:1px solid var(--border); border-radius:12px; padding:1rem; margin-bottom:1rem; }
    .chart-title { font-size:0.72rem; font-weight:600; color:var(--text3); text-transform:uppercase; letter-spacing:1.5px; margin-bottom:0.75rem; }
    .chart-svg { width:100%; overflow:visible; }
    .mini-match { display:flex; justify-content:space-between; align-items:center; padding:0.6rem 0; border-bottom:1px solid var(--border); font-size:0.82rem; }
    .mini-match:last-child { border-bottom:none; }
    .mini-result.win { color:var(--green); font-weight:600; }
    .mini-result.loss { color:var(--red); font-weight:600; }

    /* ADMIN */
    .admin-section { background:var(--bg2); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; margin-bottom:1.5rem; }
    .admin-section-header { padding:0.9rem 1.25rem; background:var(--bg3); border-bottom:1px solid var(--border); font-family:'Space Grotesk',sans-serif; font-size:0.85rem; font-weight:600; color:var(--text2); }
    .pending-row { display:grid; grid-template-columns:1fr auto; gap:1rem; padding:1rem 1.25rem; border-bottom:1px solid var(--border); align-items:center; animation:fadeUp 0.3s ease both; }
    .pending-row:last-child { border-bottom:none; }
    .pending-teams { font-weight:600; font-size:0.88rem; color:var(--text); }
    .pending-meta { font-size:0.73rem; color:var(--text3); margin-top:0.2rem; }
    .pending-actions { display:flex; gap:0.5rem; flex-shrink:0; }
    .btn-confirm { background:var(--green-glow); color:var(--green); border:1px solid rgba(34,197,94,0.25); padding:0.4rem 0.85rem; border-radius:8px; font-size:0.78rem; font-weight:600; cursor:pointer; transition:all 0.2s; white-space:nowrap; }
    .btn-confirm:hover { background:var(--green2); color:white; border-color:var(--green2); }
    .btn-reject { background:var(--red-glow); color:var(--red); border:1px solid rgba(239,68,68,0.2); padding:0.4rem 0.85rem; border-radius:8px; font-size:0.78rem; font-weight:600; cursor:pointer; transition:all 0.2s; white-space:nowrap; }
    .btn-reject:hover { background:var(--red); color:white; }
    .player-admin-row { display:grid; grid-template-columns:1fr 1fr 50px 36px 36px; padding:0.7rem 1.25rem; border-bottom:1px solid var(--border); align-items:center; font-size:0.85rem; }
    .player-admin-row:last-child { border-bottom:none; }
    .match-admin-row { display:grid; grid-template-columns:44px 1fr auto auto 36px; padding:0.7rem 1.25rem; border-bottom:1px solid var(--border); align-items:center; gap:0.5rem; font-size:0.85rem; }
    .match-admin-row:last-child { border-bottom:none; }



    /* ADMIN CONFIRM POPUP */
    .admin-popup-list { display:grid; gap:0.75rem; margin-top:0.85rem; }
    .admin-popup-match { background:rgba(255,255,255,0.035); border:1px solid var(--border); border-radius:14px; padding:0.85rem; }
    .admin-popup-match-title { color:var(--text); font-weight:900; font-size:0.9rem; line-height:1.35; }
    .admin-popup-match-meta { color:var(--text3); font-size:0.78rem; margin-top:0.25rem; line-height:1.45; }
    .admin-popup-actions { display:flex; gap:0.5rem; flex-wrap:wrap; margin-top:0.75rem; }
    .admin-popup-actions button { flex:1 1 120px; }

    /* TOAST */
    .toast { position:fixed; bottom:1.5rem; left:50%; transform:translateX(-50%) translateY(100px); background:var(--bg3); color:var(--text); border:1px solid var(--border2); padding:0.7rem 1.5rem; border-radius:10px; font-size:0.85rem; font-weight:500; z-index:9999; transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1); white-space:nowrap; box-shadow:0 8px 32px rgba(0,0,0,0.4); }
    .toast.show { transform:translateX(-50%) translateY(0); }
    .toast.success { background:var(--green-glow); color:var(--green); border-color:rgba(34,197,94,0.3); }
    .toast.error { background:var(--red-glow); color:var(--red); border-color:rgba(239,68,68,0.3); }

    /* TABS */
    .modal-tabs { display:flex; gap:0.25rem; margin-bottom:1.25rem; background:var(--bg3); border-radius:10px; padding:0.25rem; }
    .modal-tab { flex:1; background:none; border:none; color:var(--text3); font-family:'Inter',sans-serif; font-size:0.82rem; font-weight:500; padding:0.5rem; border-radius:8px; cursor:pointer; transition:all 0.2s; }
    .modal-tab.active { background:var(--bg2); color:var(--text); box-shadow:0 1px 4px rgba(0,0,0,0.3); }
    .tab-content { display:none; }
    .tab-content.active { display:block; }

    /* H2H */
    .h2h-search-wrap { position:relative; margin-bottom:1.25rem; }
    .h2h-search { width:100%; padding:0.65rem 0.9rem; background:var(--bg3); border:1px solid var(--border2); border-radius:10px; font-family:'Inter',sans-serif; font-size:0.88rem; color:var(--text); transition:border-color 0.2s; }
    .h2h-search:focus { outline:none; border-color:var(--orange); border-radius:10px 10px 0 0; }
    .h2h-dropdown { display:none; position:absolute; top:100%; left:0; right:0; background:var(--bg3); border:1px solid var(--orange); border-top:none; border-radius:0 0 10px 10px; z-index:100; max-height:180px; overflow-y:auto; box-shadow:0 12px 32px rgba(0,0,0,0.4); }
    .h2h-dropdown.open { display:block; }
    .h2h-option { padding:0.6rem 0.9rem; cursor:pointer; font-size:0.85rem; color:var(--text2); border-bottom:1px solid var(--border); transition:all 0.15s; }
    .h2h-option:last-child { border-bottom:none; }
    .h2h-option:hover { background:var(--bg4); color:var(--orange); }
    .h2h-result { background:var(--bg3); border:1px solid var(--border); border-radius:12px; overflow:hidden; }
    .h2h-header { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:1.25rem; gap:1rem; border-bottom:1px solid var(--border); }
    .h2h-player { text-align:center; }
    .h2h-player-name { font-family:'Space Grotesk',sans-serif; font-size:0.95rem; font-weight:700; color:var(--text); }
    .h2h-player-pts { font-size:0.72rem; color:var(--text3); margin-top:0.2rem; }
    .h2h-vs { font-family:'Space Grotesk',sans-serif; font-size:1.1rem; font-weight:700; color:var(--text3); }
    .h2h-scores { display:grid; grid-template-columns:1fr 1fr; gap:0.75rem; padding:1rem 1.25rem; border-bottom:1px solid var(--border); }
    .h2h-score-box { background:var(--bg2); border-radius:10px; padding:0.85rem; text-align:center; border:1px solid var(--border); }
    .h2h-score-box.winner { border-color:var(--orange); background:var(--orange-glow); }
    .h2h-score-num { font-family:'Space Grotesk',sans-serif; font-size:1.8rem; font-weight:700; color:var(--text); line-height:1; }
    .h2h-score-box.winner .h2h-score-num { color:var(--orange); }
    .h2h-score-label { font-size:0.65rem; color:var(--text3); text-transform:uppercase; letter-spacing:1px; margin-top:0.25rem; }
    .h2h-section-title { font-size:0.72rem; font-weight:600; color:var(--text3); text-transform:uppercase; letter-spacing:1.5px; padding:0.75rem 1.25rem 0.5rem; }
    .h2h-match { display:flex; justify-content:space-between; align-items:center; padding:0.6rem 1.25rem; border-bottom:1px solid var(--border); font-size:0.82rem; }
    .h2h-match:last-child { border-bottom:none; }
    .h2h-match-result { font-weight:600; }
    .h2h-match-result.win { color:var(--green); }
    .h2h-match-result.loss { color:var(--red); }
    .empty { text-align:center; padding:2.5rem; color:var(--text3); font-size:0.88rem; }

    footer { text-align:center; padding:1.5rem; color:var(--text3); font-size:0.72rem; border-top:1px solid var(--border); margin-top:2rem; }

    @media(max-width:700px) {
      nav { display:none; }
      .hamburger { display:flex; }
      .stats-inner { grid-template-columns:repeat(2,1fr); }
      .stat:nth-child(2) { border-right:none; }
      .stat:nth-child(3) { border-top:1px solid var(--border); }
      .stat:nth-child(4) { border-top:1px solid var(--border); border-right:none; }
    }
    @media(max-width:500px) {
      .match-teams { grid-template-columns:1fr; }
      .match-score-wrap { text-align:left; }
      .form-row { grid-template-columns:1fr; }
      .pending-row { grid-template-columns:1fr; }
      .lb-header, .lb-row { grid-template-columns:40px 1fr 55px 55px 65px; padding:0.7rem 0.9rem; }
    }

    /* SAFE MODERN TEST LOOK */
    body {
      background:
        radial-gradient(900px 500px at 10% -10%, rgba(255,107,43,0.13), transparent 60%),
        radial-gradient(800px 500px at 85% 0%, rgba(34,197,94,0.08), transparent 55%),
        linear-gradient(180deg, #07101a 0%, #0d0d0d 42%, #070707 100%);
    }
    header { background:rgba(7,16,26,0.86); border-bottom:1px solid rgba(255,255,255,0.09); box-shadow:0 12px 35px rgba(0,0,0,0.35); }
    .header-inner, .hero-inner, .stats-inner, main { max-width:1220px; }
    .header-inner { height:68px; }
    .logo:before { content:'◯'; color:var(--gold); margin-right:0.55rem; filter:drop-shadow(0 0 12px rgba(245,158,11,0.45)); }
    nav button, .portal-link { padding:0.55rem 0.9rem; border-radius:12px; }
    nav button.active { box-shadow:inset 3px 0 0 var(--orange); background:linear-gradient(90deg, rgba(255,107,43,0.18), rgba(255,107,43,0.06)); }
    .hero { background:transparent; border-bottom:1px solid rgba(255,255,255,0.08); padding:2.4rem 1.25rem 1.65rem; }
    .hero-title { letter-spacing:-2px; }
    .stats-bar { background:rgba(7,16,26,0.72); border-bottom:1px solid rgba(255,255,255,0.08); backdrop-filter:blur(16px); }
    .stat { background:rgba(255,255,255,0.02); }
    .match-card, .leaderboard-wrap, .admin-section, .modal, .stat-panel-card, .stat-small-card {
      background:linear-gradient(180deg, rgba(18,31,46,0.82), rgba(13,13,13,0.78));
      border:1px solid rgba(255,255,255,0.10);
      box-shadow:0 18px 40px rgba(0,0,0,0.22);
    }
    .match-card { border-radius:18px; }
    .match-card:hover { transform:translateY(-3px); box-shadow:0 22px 48px rgba(0,0,0,0.33); }
    .leaderboard-wrap { border-radius:22px; }
    .lb-header { background:rgba(255,255,255,0.035); }
    .lb-row:hover { background:rgba(255,255,255,0.045); }
    .section-title { font-size:1.28rem; display:flex; align-items:center; gap:0.5rem; }
    .section-title:after { content:''; height:1px; flex:1; background:linear-gradient(90deg, rgba(255,107,43,0.35), transparent); }
    .filters { background:rgba(255,255,255,0.035); border:1px solid var(--border); padding:0.45rem; border-radius:999px; width:max-content; max-width:100%; }
    .filter-btn { background:transparent; border:none; border-radius:999px; font-weight:700; }
    .filter-btn.active { background:linear-gradient(135deg, rgba(255,107,43,0.28), rgba(245,158,11,0.14)); box-shadow:0 8px 24px rgba(255,107,43,0.12); }
    .add-match-btn { border-radius:999px; }

    /* STATISTIKA */
    .statistika-hero { display:grid; grid-template-columns:1.3fr 0.7fr; gap:1rem; margin-bottom:1rem; }
    .stat-panel-card { border-radius:22px; padding:1.1rem; overflow:hidden; position:relative; }
    .stat-panel-title { font-family:'Space Grotesk',sans-serif; font-size:1.2rem; font-weight:800; margin-bottom:0.25rem; }
    .stat-panel-sub { color:var(--text3); font-size:0.82rem; margin-bottom:0.8rem; }
    .stat-leader-row { display:grid; grid-template-columns:44px 1fr auto; gap:0.85rem; align-items:center; padding:0.72rem 0; border-bottom:1px solid var(--border); }
    .stat-leader-row:last-child { border-bottom:none; }
    .stat-rank { width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:13px; background:rgba(255,255,255,0.06); color:var(--gold); font-family:'Space Grotesk',sans-serif; font-weight:900; }
    .stat-player { color:var(--text); font-weight:800; }
    .stat-meta { color:var(--text3); font-size:0.74rem; margin-top:0.12rem; }
    .stat-metric { text-align:right; color:var(--orange); font-weight:900; font-family:'Space Grotesk',sans-serif; font-size:1.2rem; }
    .stat-small-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0.85rem; margin-bottom:1rem; }
    .stat-small-card { border-radius:18px; padding:1rem; position:relative; overflow:hidden; }
    .stat-small-label { color:var(--text3); font-size:0.7rem; font-weight:800; text-transform:uppercase; letter-spacing:0.8px; }
    .stat-small-value { font-family:'Space Grotesk',sans-serif; font-size:1.75rem; font-weight:900; color:var(--orange); margin-top:0.35rem; }
    .stat-small-sub { color:var(--text3); font-size:0.76rem; margin-top:0.15rem; }
    .stat-table-wrap { overflow-x:auto; border-radius:18px; border:1px solid var(--border); background:rgba(255,255,255,0.025); }
    .stat-table { width:100%; border-collapse:separate; border-spacing:0; min-width:620px; }
    .stat-table th { text-align:left; padding:0.75rem; color:var(--text3); font-size:0.7rem; text-transform:uppercase; letter-spacing:0.8px; border-bottom:1px solid var(--border); }
    .stat-table td { padding:0.8rem 0.75rem; border-bottom:1px solid var(--border); color:var(--text2); }
    .stat-table tr:last-child td { border-bottom:none; }
    .form-mini { display:inline-flex; gap:0.2rem; }
    .form-mini span { width:22px; height:22px; display:inline-flex; align-items:center; justify-content:center; border-radius:7px; font-size:0.68rem; font-weight:900; }
    .form-mini .w { color:var(--green); background:var(--green-glow); border:1px solid rgba(34,197,94,0.25); }
    .form-mini .l { color:var(--red); background:var(--red-glow); border:1px solid rgba(239,68,68,0.25); }

    /* ADMIN MODERN SAFE */
    .admin-modern { display:flex; flex-direction:column; gap:1rem; }
    .admin-topline { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; }
    .admin-title { font-family:'Space Grotesk',sans-serif; font-size:1.35rem; font-weight:900; letter-spacing:-0.3px; }
    .admin-subtitle { color:var(--text3); font-size:0.86rem; margin-top:0.2rem; }
    .admin-tabs { display:flex; gap:0.45rem; overflow-x:auto; padding:0.4rem; background:rgba(255,255,255,0.035); border:1px solid var(--border); border-radius:16px; position:sticky; top:72px; z-index:50; backdrop-filter:blur(18px); }
    .admin-tab { flex:0 0 auto; background:transparent; border:none; color:var(--text2); font-family:'Inter',sans-serif; font-size:0.8rem; font-weight:800; padding:0.55rem 0.8rem; border-radius:12px; cursor:pointer; }
    .admin-tab.active { color:var(--orange); background:var(--orange-glow); box-shadow:inset 0 0 0 1px rgba(255,107,43,0.25); }
    .admin-metrics-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0.75rem; }
    .admin-metric-card { background:linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018)); border:1px solid var(--border); border-radius:18px; padding:1rem; min-height:110px; }
    .admin-metric-label { color:var(--text3); font-size:0.7rem; font-weight:800; text-transform:uppercase; letter-spacing:0.8px; }
    .admin-metric-value { font-family:'Space Grotesk',sans-serif; font-size:2rem; font-weight:900; color:var(--orange); line-height:1; margin:0.55rem 0; }
    .admin-metric-sub { color:var(--text3); font-size:0.78rem; }
    .admin-two-col { display:grid; grid-template-columns:1fr 1fr; gap:0.85rem; }
    .admin-panel-card { background:linear-gradient(180deg, rgba(18,31,46,0.66), rgba(13,13,13,0.66)); border:1px solid var(--border); border-radius:18px; overflow:hidden; box-shadow:0 14px 34px rgba(0,0,0,0.18); }
    .admin-panel-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:0.9rem 1rem; border-bottom:1px solid var(--border); font-weight:900; color:var(--text); }
    .admin-link-btn { background:none; border:none; color:var(--text2); font-family:'Inter',sans-serif; font-size:0.78rem; font-weight:800; cursor:pointer; }
    .admin-link-btn:hover { color:var(--orange); }
    .admin-action-row { display:grid; grid-template-columns:44px 1fr auto; gap:0.75rem; align-items:center; padding:0.85rem 1rem; border-bottom:1px solid var(--border); }
    .admin-action-row:last-child { border-bottom:none; }
    .admin-row-icon { width:36px; height:36px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:rgba(255,107,43,0.1); color:var(--orange); font-size:1rem; font-weight:900; }
    .admin-row-title { color:var(--text); font-weight:900; font-size:0.9rem; }
    .admin-row-meta { color:var(--text3); font-size:0.78rem; margin-top:0.14rem; line-height:1.35; }
    .admin-row-actions { display:flex; gap:0.45rem; flex-wrap:wrap; justify-content:flex-end; }
    .admin-empty-small { color:var(--text3); font-size:0.86rem; padding:1.2rem; text-align:center; }
    .admin-quick-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.75rem; padding:1rem; }
    .admin-quick-card { text-align:left; background:rgba(255,255,255,0.035); border:1px solid var(--border); border-radius:14px; padding:0.9rem; color:var(--text); cursor:pointer; }
    .admin-quick-card strong { display:block; font-size:0.9rem; margin-bottom:0.25rem; }
    .admin-quick-card span { color:var(--text3); font-size:0.76rem; line-height:1.35; }

    @media(max-width:900px) {
      .statistika-hero, .admin-two-col { grid-template-columns:1fr; }
      .stat-small-grid, .admin-metrics-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .admin-quick-grid { grid-template-columns:1fr; }
    }
    @media(max-width:700px) {
      .header-inner { height:58px; }
      .mobile-menu { top:58px; }
      .hero { padding:1.5rem 1rem 1rem; }
      main { padding:1rem; }
      .filters { width:100%; border-radius:18px; }
      .filter-btn { flex:1 1 calc(50% - 0.5rem); }
      .add-match-btn { width:100%; margin-left:0; }
      .match-card { padding:1rem; }
      .admin-tabs { top:58px; border-radius:14px; }
      .admin-topline { flex-direction:column; }
      .admin-action-row { grid-template-columns:36px 1fr; }
      .admin-row-actions { grid-column:2; justify-content:flex-start; }
      .stat-small-grid, .admin-metrics-grid { grid-template-columns:1fr 1fr; }
    }