/* Auto-extracted inline <style> blocks from public/*.php */

/* source: achievements.php */
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 22px;}
    @media(max-width:960px){.stats-row{grid-template-columns:repeat(2,1fr);}}
    .stat{background:var(--bg-card);border:1px solid var(--border);padding:18px;}
    .stat .v{font-size:28px;font-weight:900;}
    .stat .l{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);font-weight:800;margin-top:4px;}

    .filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:0 0 16px;}
    .filters .group{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
    .filters .btn{font-size:12px;}
    .filters input[type="text"]{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);padding:10px 12px;min-width:220px;}
    .filters .count{font-size:11px;color:var(--text-muted);font-weight:800;border:1px solid var(--border);padding:3px 8px;background:rgba(0,0,0,.18);}

    .ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;}
    .ach{background:var(--bg-elevated);border:1px solid var(--border);padding:14px;display:flex;gap:12px;align-items:flex-start;position:relative;overflow:hidden;}
    .ach.unlocked{border-color:rgba(0,210,106,.65);background:rgba(0,210,106,.09);} 
    .ach.locked{opacity:.85;}
    .ach .icon{width:54px;height:54px;border:1px solid var(--border);background:rgba(0,0,0,.25);display:grid;place-items:center;flex:0 0 auto;font-size:28px;overflow:hidden;}
    .ach .icon img{width:100%;height:100%;object-fit:cover;display:block;}
    .ach .main{flex:1;min-width:0;}
    .ach .name{font-weight:900;display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
    .ach .name .pts{font-size:11px;color:var(--text-muted);font-weight:800;border:1px solid var(--border);padding:3px 8px;background:rgba(0,0,0,.18);}
    .ach .desc{color:var(--text-muted);font-size:12px;margin-top:4px;}
    .ach .meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px;}
    .ach .pill{font-size:11px;color:var(--text-muted);border:1px solid var(--border);padding:5px 8px;background:rgba(0,0,0,.18);}
    .bar{height:8px;border:1px solid var(--border);background:rgba(0,0,0,.22);margin-top:10px;position:relative;overflow:hidden;}
    .bar > span{position:absolute;left:0;top:0;bottom:0;background:var(--accent);width:0;}
    .ach.unlocked .bar > span{background:rgba(0,210,106,.85);} 
    .right{display:flex;flex-direction:column;gap:8px;align-items:flex-end;}
    .tag{font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:900;color:var(--text-muted);}
    .btn-claim{border:1px solid var(--border);background:var(--accent);color:#000;font-weight:900;font-size:11px;padding:8px 12px;cursor:pointer;}
    .btn-claim[disabled]{opacity:.45;cursor:not-allowed;}


/* source: challenges.php */
    .page-container { max-width: 1000px; margin: 0 auto; padding: 24px; }
    .page-title { font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--text-muted); margin-bottom: 16px; }
    .sub { color: var(--text-secondary); font-size: 13px; margin-bottom: 18px; }

    .alert { border: 1px solid var(--border); padding: 12px 14px; margin-bottom: 16px; background: var(--bg-card); }
    .alert.ok { border-color: rgba(0,210,106,0.35); background: rgba(0,210,106,0.08); color: var(--success); }
    .alert.err { border-color: rgba(255,71,87,0.35); background: rgba(255,71,87,0.08); color: var(--danger); }

    .top-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 18px; }
    .timer { background: var(--bg-card); border: 1px solid var(--border); padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; }
    .timer-label { font-size: 12px; color: var(--text-muted); }
    .timer-value { font-size: 18px; font-weight: 700; color: var(--warning); }
    .xpbox { background: var(--bg-card); border: 1px solid var(--border); padding: 16px 20px; }
    .xp-top { display:flex; justify-content:space-between; align-items:center; gap: 12px; }
    .xp-lvl { font-size: 14px; font-weight: 800; }
    .xp-sub { font-size: 12px; color: var(--text-muted); }
    .xp-bar { height: 8px; background: var(--bg-dark); border: 1px solid var(--border); margin-top: 10px; overflow: hidden; }
    .xp-bar > div { height: 100%; background: var(--accent); width: 0%; }

    .card { background: var(--bg-card); border: 1px solid var(--border); margin-bottom: 24px; }
    .card-head { padding: 16px 20px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; }
    .card-head h2 { font-size: 14px; font-weight: 700; }
    .badge { padding: 4px 10px; font-size: 10px; font-weight: 700; text-transform: uppercase; }
    .badge.daily { background: var(--accent); color: #000; }
    .badge.weekly { background: #2196f3; color: #fff; }
    .badge.special { background: #9c27b0; color: #fff; }

    .challenge { display: flex; align-items: center; gap: 16px; padding: 16px 20px; border-bottom: 1px solid var(--border); }
    .challenge:last-child { border-bottom: none; }
    .challenge.completed { background: var(--success-bg); }
    .ch-icon { font-size: 28px; width: 52px; height: 52px; background: var(--bg-elevated); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .ch-info { flex: 1; min-width: 0; }
    .ch-name { font-weight: 700; font-size: 14px; }
    .ch-desc { font-size: 12px; color: var(--text-muted); margin-top: 2px; }
    .ch-progress { margin-top: 8px; }
    .ch-bar { height: 6px; background: var(--bg-dark); overflow: hidden; border: 1px solid var(--border); }
    .ch-bar-fill { height: 100%; background: var(--accent); transition: width 0.3s; }
    .ch-bar-text { font-size: 10px; color: var(--text-muted); margin-top: 4px; }
    .ch-reward { text-align: right; min-width: 110px; }
    .ch-reward-value { font-size: 16px; font-weight: 800; color: var(--warning); }
    .ch-reward-label { font-size: 10px; color: var(--text-muted); text-transform: uppercase; }
    .ch-actions { min-width: 110px; text-align: right; }

    .btn { display: inline-flex; align-items: center; padding: 8px 14px; font-size: 11px; font-weight: 700; text-transform: uppercase; border: 1px solid var(--border); background: var(--bg-elevated); color: var(--text); cursor: pointer; }
    .btn.primary { background: var(--accent); border-color: var(--accent); color: #000; }
    .btn:hover { filter: brightness(1.05); }
    .empty { text-align:center; padding: 22px; color: var(--text-muted); font-size: 13px; }


/* source: clubs.php */
.clubs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
    .club-card{background:var(--bg-card);border:1px solid var(--border);text-decoration:none;color:inherit;display:block;transition:all .15s}
    .club-card:hover{border-color:var(--team-accent, var(--accent))}
    .club-card-header{display:flex;align-items:center;gap:16px;padding:20px}
    .club-card-logo{width:56px;height:56px;background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;overflow:hidden;flex-shrink:0}
    .club-card-logo img{width:100%;height:100%;object-fit:cover}
    .club-card-name{font-size:16px;font-weight:800}
    .club-card-meta{color:var(--text-muted);font-size:12px;margin-top:4px}
    .club-card-footer{padding:12px 20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}

    .member-list{display:flex;flex-direction:column;gap:10px}
    .member-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-elevated);border:1px solid var(--border)}
    .member-ava{width:40px;height:40px;background:var(--bg-hover);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0;overflow:hidden;border-radius:12px}
    .member-ava img{width:100%;height:100%;object-fit:cover}
    .member-info{min-width:0;flex:1}
    .member-sub{font-size:11px;color:var(--text-muted);margin-top:4px}
    .post-item{padding:12px 0;border-bottom:1px solid var(--border)}
    .post-item:last-child{border-bottom:none}
    .post-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
    .post-time{font-size:11px;color:var(--text-muted)}
    .post-content{font-size:14px;line-height:1.6;white-space:pre-wrap}
    .empty{padding:28px;text-align:center;color:var(--text-muted)}


/* source: dashboard.php */
.welcome { margin-bottom: 32px; }
    .welcome-title { font-size: 28px; font-weight: 800; margin-bottom: 4px; }
    .welcome-sub { color: var(--text-muted); font-size: 14px; }
    
    .stats-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 24px; }
    @media (max-width: 900px) { .stats-row { grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 500px) { .stats-row { grid-template-columns: 1fr; } }
    
    .stat-card { background: var(--bg-card); border: 1px solid var(--border); padding: 20px; }
    .stat-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--text-muted); margin-bottom: 8px; }
    .stat-value { font-size: 28px; font-weight: 800; }
    .stat-value.green { color: var(--success); }
    .stat-value.red { color: var(--danger); }
    .stat-sub { font-size: 11px; color: var(--text-muted); margin-top: 4px; }
    
    .grid { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; }
    @media (max-width: 900px) { .grid { grid-template-columns: 1fr; } }
    
    .card { background: var(--bg-card); border: 1px solid var(--border); margin-bottom: 20px; }
    .card-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--border); }
    .card-head h2 { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--text-muted); }
    .card-body { padding: 20px; }
    
    .rank-display { text-align: center; padding: 32px 20px; }
    .rank-icon { font-size: 48px; margin-bottom: 12px; }
    .rank-name { font-size: 20px; font-weight: 800; margin-bottom: 4px; }
    .rank-mmr { font-size: 14px; color: var(--text-muted); }
    
    .coins-card { background: linear-gradient(135deg, rgba(255,215,0,0.1), rgba(255,152,0,0.05)); border-color: rgba(255,215,0,0.3); }
    .coins-display { text-align: center; padding: 24px 20px; }
    .coins-icon { font-size: 36px; margin-bottom: 8px; }
    .coins-value { font-size: 28px; font-weight: 900; color: #ffd700; margin-bottom: 4px; }
    .coins-label { font-size: 12px; color: var(--text-muted); margin-bottom: 16px; }
    .daily-btn { width: 100%; padding: 12px; background: linear-gradient(135deg, #ffd700, #ff9800); border: none; color: #000; font-size: 13px; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; }
    .daily-btn:hover { filter: brightness(1.1); }
    .daily-btn:disabled { background: var(--bg-elevated); color: var(--text-muted); cursor: not-allowed; filter: none; }
    .streak-badge { font-size: 11px; background: rgba(0,0,0,0.2); padding: 2px 8px; }
    
    .claimed-alert { background: rgba(255,215,0,0.15); border: 1px solid rgba(255,215,0,0.4); color: #ffd700; padding: 12px 16px; margin-bottom: 20px; text-align: center; font-weight: 600; }
    
    .match-item { display: flex; align-items: center; gap: 16px; padding: 14px 16px; background: var(--bg-elevated); border: 1px solid var(--border); margin-bottom: 10px; }
    .match-result { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; text-transform: uppercase; flex-shrink: 0; }
    .match-result.win { background: rgba(0,210,106,0.12); border: 1px solid var(--success); color: var(--success); }
    .match-result.loss { background: rgba(255,71,87,0.12); border: 1px solid var(--danger); color: var(--danger); }
    .match-result.draw { background: rgba(255,170,0,0.12); border: 1px solid var(--warning); color: var(--warning); }
    .match-info { flex: 1; }
    .match-map { font-weight: 700; font-size: 14px; }
    .match-score { font-size: 12px; color: var(--text-muted); margin-top: 2px; }
    .match-time { font-size: 11px; color: var(--text-muted); }
    
    .notif-item { display: flex; gap: 12px; padding: 12px; background: var(--bg-elevated); border: 1px solid var(--border); margin-bottom: 8px; }
    .notif-icon { width: 36px; height: 36px; background: var(--bg-dark); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; }
    .notif-content { flex: 1; min-width: 0; }
    .notif-title { font-weight: 600; font-size: 13px; }
    .notif-msg { font-size: 12px; color: var(--text-muted); margin-top: 2px; }
    .notif-time { font-size: 10px; color: var(--text-muted); margin-top: 4px; }
    
    .actions { display: flex; flex-wrap: wrap; gap: 10px; }
    
    .empty { text-align: center; padding: 30px; color: var(--text-muted); }
    .empty-icon { font-size: 32px; margin-bottom: 8px; opacity: 0.3; }
    
    .link { color: var(--accent); text-decoration: none; font-size: 12px; font-weight: 600; }
    .link:hover { text-decoration: underline; }


/* source: forum.php */
.breadcrumb { display: flex; gap: 8px; font-size: 12px; color: var(--text-muted); margin-bottom: 20px; }
    .breadcrumb a { color: var(--text-muted); text-decoration: none; }
    .breadcrumb a:hover { color: var(--accent); }
    
    .page-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; flex-wrap: wrap; gap: 16px; }
    .page-title { font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--text-muted); }
    
    .card { background: var(--bg-card); border: 1px solid var(--border); margin-bottom: 20px; }
    .card-head { padding: 16px 20px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; }
    .card-head h2 { font-size: 14px; font-weight: 700; }
    .card-body { padding: 20px; }
    
    .cat-item { display: flex; align-items: center; gap: 16px; padding: 16px 20px; border-bottom: 1px solid var(--border); text-decoration: none; color: inherit; }
    .cat-item:hover { background: var(--bg-elevated); }
    .cat-item:last-child { border-bottom: none; }
    .cat-icon { font-size: 24px; width: 48px; height: 48px; background: var(--bg-elevated); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; }
    .cat-info { flex: 1; }
    .cat-name { font-weight: 700; font-size: 15px; }
    .cat-desc { font-size: 12px; color: var(--text-muted); margin-top: 2px; }
    .cat-stat { font-size: 12px; color: var(--text-muted); }
    
    .thread-item { display: flex; align-items: center; gap: 16px; padding: 14px 20px; border-bottom: 1px solid var(--border); }
    .thread-item:last-child { border-bottom: none; }
    .thread-item.pinned { background: rgba(255,170,0,0.05); }
    .thread-ava { width: 40px; height: 40px; background: var(--bg-elevated); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; }
    .thread-info { flex: 1; min-width: 0; }
    .thread-title { font-weight: 600; font-size: 14px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
    .thread-title a { color: inherit; text-decoration: none; }
    .thread-title a:hover { color: var(--accent); }
    .thread-meta { font-size: 11px; color: var(--text-muted); margin-top: 4px; }
    .thread-stats { font-size: 11px; color: var(--text-muted); text-align: right; min-width: 80px; }
    
    .badge { display: inline-block; padding: 2px 6px; font-size: 10px; font-weight: 700; }
    .badge.pin { background: var(--warning); color: #000; }
    .badge.lock { background: var(--bg-elevated); color: var(--text-muted); }
    
    .post { display: flex; gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--border); }
    .post:last-child { border-bottom: none; }
    .post-author { width: 140px; text-align: center; flex-shrink: 0; }
    .post-ava { width: 64px; height: 64px; background: var(--bg-elevated); border: 1px solid var(--border); margin: 0 auto 8px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 24px; overflow: hidden; }
    .post-ava img { width: 100%; height: 100%; object-fit: cover; }
    .post-name { font-weight: 700; font-size: 13px; }
    .post-content { flex: 1; min-width: 0; }
    .post-text { font-size: 14px; line-height: 1.7; white-space: pre-wrap; }
    .post-time { font-size: 11px; color: var(--text-muted); margin-top: 12px; }
    
    .reply-form { margin-top: 24px; }
    .reply-form h3 { font-size: 14px; font-weight: 700; margin-bottom: 12px; }
    .reply-form textarea { width: 100%; padding: 16px; background: var(--bg-dark); border: 1px solid var(--border); color: var(--text); font-size: 14px; font-family: inherit; min-height: 120px; resize: vertical; }
    .reply-form textarea:focus { outline: none; border-color: var(--accent); }
    .reply-form button { margin-top: 12px; }
    
    .new-thread { margin-bottom: 24px; }
    .new-thread summary { cursor: pointer; padding: 14px 20px; background: var(--bg-card); border: 1px solid var(--border); font-weight: 600; font-size: 14px; }
    .new-thread-form { background: var(--bg-card); border: 1px solid var(--border); border-top: none; padding: 20px; }
    .form-group { margin-bottom: 12px; }
    .form-label { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; color: var(--text-muted); margin-bottom: 6px; }
    .form-input, .form-textarea { width: 100%; padding: 12px; background: var(--bg-dark); border: 1px solid var(--border); color: var(--text); font-size: 14px; font-family: inherit; }
    .form-input:focus, .form-textarea:focus { outline: none; border-color: var(--accent); }
    .form-textarea { min-height: 100px; resize: vertical; }
    
    .empty { text-align: center; padding: 40px; color: var(--text-muted); }
    @media (max-width: 700px) { .post { flex-direction: column; } .post-author { width: 100%; text-align: left; display: flex; align-items: center; gap: 12px; margin-bottom: 12px; } .post-ava { width: 40px; height: 40px; margin: 0; font-size: 16px; } }


/* source: index.php */
/* --- Landing overrides (Faceit shell, but "our" accent) --- */
    body[data-ui="faceit"]{
      --neon: #ff7a18;
      --neon-rgb: 255,122,24;
      --accent: var(--neon);
      --accent-2: #7bd0ff;
      --cyan: #7bd0ff;
      --cyan-rgb: 125,208,255;
    }

    .lp-wrap{padding: 20px 0 40px;}
    .lp-hero{
      position:relative;
      padding: 26px 0 18px;
    }
    .lp-hero::before{
      content:"";
      position:absolute; inset:-24px -10px auto -10px;
      height: 420px;
      pointer-events:none;
      background:
        radial-gradient(900px 520px at 18% 18%, rgba(var(--neon-rgb), .16), transparent 60%),
        radial-gradient(900px 520px at 86% 22%, rgba(var(--cyan-rgb), .10), transparent 60%),
        linear-gradient(to bottom, rgba(255,255,255,.06), transparent 55%);
      opacity: .95;
    }

    .lp-grid{
      display:grid;
      grid-template-columns: 1.08fr .92fr;
      gap: 22px;
      align-items: stretch;
      position:relative;
      z-index: 1;
    }
    @media (max-width: 980px){
      .lp-grid{grid-template-columns: 1fr; gap: 16px;}
      .lp-hero::before{height: 520px;}
    }

    .lp-kicker{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding: 8px 12px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.14);
      background: rgba(0,0,0,.22);
      box-shadow: 0 14px 30px rgba(0,0,0,.35);
      text-transform: uppercase;
      letter-spacing: .18em;
      font-weight: 800;
      font-size: 12px;
      color: rgba(255,255,255,.86);
    }
    .lp-kicker i{
      width:8px; height:8px; border-radius:999px;
      background: rgb(var(--neon-rgb));
      box-shadow: 0 0 0 5px rgba(var(--neon-rgb), .12), 0 0 28px rgba(var(--neon-rgb), .18);
      display:inline-block;
    }

    .lp-h1{
      margin: 14px 0 10px;
      font-size: clamp(40px, 5.2vw, 78px);
      line-height: .95;
      letter-spacing: -.02em;
      text-transform: uppercase;
      font-weight: 900;
      color: rgba(255,255,255,.96);
      text-shadow: 0 24px 70px rgba(0,0,0,.55);
    }
    .lp-sub{
      margin: 0;
      font-size: clamp(15px, 1.6vw, 18px);
      line-height: 1.55;
      color: rgba(255,255,255,.74);
      max-width: 58ch;
    }

    .lp-cta{
      display:flex; gap: 10px; flex-wrap:wrap;
      margin-top: 16px;
    }
    .lp-cta .btn{padding: 12px 16px;}
    body[data-ui="faceit"] .btn.primary{
      background: rgb(var(--neon-rgb)) !important;
      border-color: rgb(var(--neon-rgb)) !important;
      color: #111317 !important;
      font-weight: 900 !important;
    }

    .lp-kpis{
      margin-top: 16px;
      display:grid;
      grid-template-columns: repeat(4, minmax(0,1fr));
      gap: 10px;
    }
    @media (max-width: 980px){
      .lp-kpis{grid-template-columns: repeat(2, minmax(0,1fr));}
    }
    .lp-kpi{
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.22);
      border-radius: 14px;
      padding: 12px 12px;
      box-shadow: 0 16px 40px rgba(0,0,0,.35);
      overflow:hidden;
      position:relative;
    }
    .lp-kpi::after{
      content:"";
      position:absolute; inset:-40px -40px auto auto;
      width: 140px; height: 140px;
      background: radial-gradient(circle at 30% 30%, rgba(var(--neon-rgb), .18), transparent 60%);
      transform: rotate(18deg);
      pointer-events:none;
    }
    .lp-kpi .t{font-size: 12px; letter-spacing:.14em; text-transform:uppercase; color: rgba(255,255,255,.62); font-weight: 800;}
    .lp-kpi .v{margin-top: 6px; font-size: 22px; font-weight: 900; letter-spacing:-.01em;}
    .lp-kpi .s{margin-top: 4px; font-size: 12px; color: rgba(255,255,255,.62);}

    .lp-mock{
      border: 1px solid rgba(255,255,255,.14);
      background:
        radial-gradient(900px 520px at 10% 10%, rgba(var(--neon-rgb), .12), transparent 52%),
        radial-gradient(900px 520px at 90% 0%, rgba(var(--cyan-rgb), .10), transparent 55%),
        rgba(0,0,0,.20);
      border-radius: 18px;
      box-shadow: 0 28px 90px rgba(0,0,0,.55);
      overflow:hidden;
      position:relative;
      min-height: 420px;
    }
    .lp-mock-top{
      display:flex; align-items:center; justify-content:space-between;
      padding: 14px 14px;
      border-bottom: 1px solid rgba(255,255,255,.10);
      background: rgba(0,0,0,.30);
    }
    .lp-mock-top .l{
      display:flex; align-items:center; gap:10px;
      text-transform: uppercase;
      letter-spacing:.14em;
      font-weight: 900;
      font-size: 12px;
      color: rgba(255,255,255,.86);
    }
    .lp-mock-top .l span{
      width: 10px; height:10px; border-radius: 999px;
      background: rgb(var(--neon-rgb));
      box-shadow: 0 0 0 6px rgba(var(--neon-rgb), .12);
    }
    .lp-mock-top .r{
      display:flex; gap: 8px; flex-wrap:wrap;
    }
    .lp-chip{
      padding: 6px 10px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.20);
      font-size: 12px;
      color: rgba(255,255,255,.72);
      font-weight: 700;
      white-space: nowrap;
    }

    .lp-mock-body{
      padding: 14px 14px 16px;
      display:grid;
      grid-template-columns: 1fr;
      gap: 10px;
    }
    .lp-timeline{
      display:grid; gap: 10px;
    }
    .lp-step{
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.18);
      border-radius: 14px;
      padding: 12px 12px;
      display:flex; gap: 12px;
      align-items:flex-start;
    }
    .lp-step .dot{
      width: 28px; height: 28px;
      border-radius: 10px;
      display:grid; place-items:center;
      background: rgba(var(--neon-rgb), .16);
      border: 1px solid rgba(var(--neon-rgb), .30);
      flex: 0 0 auto;
    }
    .lp-step .dot svg{width: 16px; height: 16px;}
    .lp-step .h{
      font-weight: 900;
      letter-spacing: -.01em;
      margin: 0;
    }
    .lp-step .p{
      margin: 3px 0 0;
      font-size: 12px;
      color: rgba(255,255,255,.68);
      line-height: 1.45;
    }

    .lp-section{
      padding: 26px 0 10px;
    }
    .lp-section-head{
      display:flex; align-items:flex-end; justify-content:space-between;
      gap: 12px; flex-wrap:wrap;
      margin-bottom: 12px;
    }
    .lp-eyebrow{
      font-size: 12px;
      letter-spacing: .18em;
      text-transform: uppercase;
      color: rgba(255,255,255,.62);
      font-weight: 900;
    }
    .lp-h2{
      margin: 6px 0 0;
      font-size: clamp(22px, 2.2vw, 34px);
      line-height: 1.05;
      text-transform: uppercase;
      font-weight: 950;
      letter-spacing: -.01em;
    }
    .lp-desc{
      margin: 0;
      max-width: 70ch;
      color: rgba(255,255,255,.70);
      line-height: 1.6;
      font-size: 14px;
    }

    .lp-features{
      display:grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap: 12px;
    }
    @media (max-width: 980px){
      .lp-features{grid-template-columns: 1fr;}
    }
    .lp-card{
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.20);
      border-radius: 16px;
      padding: 14px 14px;
      box-shadow: 0 16px 50px rgba(0,0,0,.35);
      position:relative;
      overflow:hidden;
    }
    .lp-card::after{
      content:"";
      position:absolute; inset:auto -30px -30px auto;
      width: 140px; height: 140px;
      background: radial-gradient(circle at 30% 30%, rgba(var(--cyan-rgb), .10), transparent 62%);
      pointer-events:none;
      transform: rotate(-12deg);
    }
    .lp-card .icon{
      width: 44px; height: 44px;
      border-radius: 16px;
      display:grid; place-items:center;
      background: rgba(var(--neon-rgb), .14);
      border: 1px solid rgba(var(--neon-rgb), .26);
      margin-bottom: 10px;
    }
    .lp-card h3{
      margin: 0;
      font-size: 14px;
      letter-spacing: .10em;
      text-transform: uppercase;
      font-weight: 950;
    }
    .lp-card p{
      margin: 8px 0 0;
      color: rgba(255,255,255,.70);
      font-size: 13px;
      line-height: 1.55;
    }
    .lp-list{
      margin-top: 10px;
      display:flex; flex-wrap:wrap; gap: 8px;
    }
    .lp-pill{
      padding: 7px 10px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.18);
      color: rgba(255,255,255,.72);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .02em;
    }

    .lp-how{
      display:grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 12px;
      align-items: stretch;
    }
    @media (max-width: 980px){
      .lp-how{grid-template-columns: 1fr;}
    }

    .lp-big-cta{
      margin-top: 16px;
      border: 1px solid rgba(255,255,255,.12);
      background:
        radial-gradient(1100px 520px at 10% 20%, rgba(var(--neon-rgb), .18), transparent 55%),
        radial-gradient(1100px 520px at 90% 0%, rgba(var(--cyan-rgb), .12), transparent 60%),
        rgba(0,0,0,.18);
      border-radius: 18px;
      padding: 16px 16px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 12px;
      flex-wrap:wrap;
      box-shadow: 0 22px 70px rgba(0,0,0,.45);
    }
    .lp-big-cta .t{
      font-weight: 950;
      text-transform: uppercase;
      letter-spacing: .06em;
    }
    .lp-big-cta .s{
      margin-top: 4px;
      color: rgba(255,255,255,.72);
      font-size: 13px;
      line-height: 1.5;
    }

    /* reveal animation */
    .reveal{opacity:0; transform: translateY(10px); transition: opacity .55s ease, transform .55s ease;}
    .reveal.in{opacity:1; transform: translateY(0);}
    @media (prefers-reduced-motion: reduce){
      .reveal{opacity:1; transform:none; transition:none;}
    }


/* source: leaderboard.php */
.page-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; flex-wrap: wrap; gap: 16px; }
    .page-title { font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--text-muted); }
    
    .tabs { display: flex; gap: 8px; flex-wrap: wrap; }
    .tab { padding: 10px 18px; font-size: 12px; font-weight: 600; background: var(--bg-card); border: 1px solid var(--border); color: var(--text-muted); text-decoration: none; transition: all 0.15s; }
    .tab:hover { border-color: var(--text-muted); color: var(--text); }
    .tab.active { background: var(--accent); border-color: var(--accent); color: #000; }
    
    .your-rank { background: var(--bg-card); border: 1px solid var(--border); padding: 20px; margin-bottom: 24px; display: flex; align-items: center; justify-content: space-between; }
    .your-rank-label { font-size: 11px; font-weight: 700; text-transform: uppercase; color: var(--text-muted); }
    .your-rank-value { font-size: 32px; font-weight: 800; color: var(--accent); }
    
    .card { background: var(--bg-card); border: 1px solid var(--border); }
    .card-head { padding: 16px 20px; border-bottom: 1px solid var(--border); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--text-muted); }
    
    .lb-row { display: flex; align-items: center; gap: 16px; padding: 14px 20px; border-bottom: 1px solid var(--border); transition: background 0.15s; }
    .lb-row:hover { background: var(--bg-elevated); }
    .lb-row:last-child { border-bottom: none; }
    .lb-row.me { background: rgba(255, 85, 0, 0.08); border-left: 3px solid var(--accent); }
    
    .lb-rank { width: 40px; font-size: 18px; font-weight: 800; color: var(--text-muted); text-align: center; }
    .lb-rank.gold { color: #ffc107; }
    .lb-rank.silver { color: #c0c0c0; }
    .lb-rank.bronze { color: #cd7f32; }
    
    .lb-avatar { width: 44px; height: 44px; background: var(--bg-elevated); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px; overflow: hidden; flex-shrink: 0; }
    .lb-avatar img { width: 100%; height: 100%; object-fit: cover; }
    
    .lb-info { flex: 1; min-width: 0; }
    .lb-name { font-weight: 700; font-size: 14px; display: flex; align-items: center; gap: 8px; }
    .lb-name a { color: inherit; text-decoration: none; }
    .lb-name a:hover { color: var(--accent); }
    .lb-badge { font-size: 10px; padding: 2px 6px; background: var(--accent); color: #000; font-weight: 700; }
    .lb-meta { font-size: 12px; color: var(--text-muted); margin-top: 2px; }
    
    .lb-stat { text-align: right; min-width: 80px; }
    .lb-stat-value { font-size: 18px; font-weight: 800; }
    .lb-stat-label { font-size: 10px; color: var(--text-muted); text-transform: uppercase; }
    
    .empty { text-align: center; padding: 60px 20px; color: var(--text-muted); }
    .empty-icon { font-size: 48px; margin-bottom: 16px; opacity: 0.3; }


/* source: live_result.php */
.wrap{margin-top:16px; display:grid; gap:14px}
        .mono{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}
        .muted{color: rgba(255,255,255,.62)}
        .grid2{display:grid; grid-template-columns: 1fr 1fr; gap:14px}
        @media (max-width: 980px){.grid2{grid-template-columns:1fr}}
        .teambox{border:1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.16); border-radius: 16px; padding: 12px}
        .t-head{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px}
        .t-name{font-weight:1000; letter-spacing:.01em}
        .p{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 10px; border-radius: 14px; border:1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.04)}
        .pl{display:flex; align-items:center; gap:10px; min-width:0}
        .ava{width:28px; height:28px; border-radius:999px; background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); overflow:hidden; flex:0 0 auto}
        .ava img{width:100%; height:100%; object-fit:cover}
        .nick{font-weight:900; color: rgba(255,255,255,.92); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
        .tag{font-size:11px; padding:4px 8px; border-radius:999px; border:1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.14); color: rgba(255,255,255,.72)}
        .tag.me{border-color: rgba(99,255,138,.25); background: rgba(99,255,138,.08)}
        .tag.bad{border-color: rgba(255,76,76,.25); background: rgba(255,76,76,.08)}
        .tag.neutral{border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.06)}
        .row{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap}
        .btnrow{display:flex; gap:10px; flex-wrap:wrap}
        table{width:100%; border-collapse:collapse;}
        th,td{padding:10px 8px; border-bottom:1px solid rgba(255,255,255,.08); text-align:left;}
        th{font-size:12px; color: rgba(255,255,255,.72); font-weight:900; letter-spacing:.06em; text-transform:uppercase}


/* source: matches.php */
.page-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; flex-wrap: wrap; gap: 16px; }
    .page-title { font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--text-muted); }
    
    .tabs { display: flex; gap: 8px; flex-wrap: wrap; }
    .tab { padding: 10px 18px; font-size: 12px; font-weight: 600; background: var(--bg-card); border: 1px solid var(--border); color: var(--text-muted); text-decoration: none; }
    .tab:hover { border-color: var(--text-muted); color: var(--text); }
    .tab.active { background: var(--accent); border-color: var(--accent); color: #000; }
    
    .stats-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 24px; }
    .stat-card { background: var(--bg-card); border: 1px solid var(--border); padding: 24px; text-align: center; }
    .stat-value { font-size: 32px; font-weight: 800; }
    .stat-value.green { color: var(--success); }
    .stat-value.red { color: var(--danger); }
    .stat-label { font-size: 10px; font-weight: 700; text-transform: uppercase; color: var(--text-muted); margin-top: 4px; }
    
    .card { background: var(--bg-card); border: 1px solid var(--border); }
    
    .match-row { display: flex; align-items: center; gap: 16px; padding: 16px 20px; border-bottom: 1px solid var(--border); cursor: pointer; text-decoration: none; color: inherit; transition: background 0.15s; }
    .match-row:hover { background: var(--bg-elevated); }
    .match-row:last-child { border-bottom: none; }
    
    .match-result { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; text-transform: uppercase; flex-shrink: 0; }
    .match-result.win { background: rgba(0,210,106,0.12); border: 1px solid var(--success); color: var(--success); }
    .match-result.loss { background: rgba(255,71,87,0.12); border: 1px solid var(--danger); color: var(--danger); }
    .match-result.draw { background: rgba(255,170,0,0.12); border: 1px solid var(--warning); color: var(--warning); }
    
    .match-info { flex: 1; }
    .match-map { font-weight: 700; font-size: 15px; }
    .match-score { font-size: 13px; color: var(--text-muted); margin-top: 4px; }
    
    .match-time { font-size: 12px; color: var(--text-muted); text-align: right; }
    
    .empty { text-align: center; padding: 60px 20px; color: var(--text-muted); }
    .empty-icon { font-size: 48px; margin-bottom: 16px; opacity: 0.3; }
    
    /* Match Detail */
    .back-link { display: inline-flex; align-items: center; gap: 8px; color: var(--text-muted); text-decoration: none; font-size: 12px; margin-bottom: 20px; }
    .back-link:hover { color: var(--accent); }
    
    .match-header { background: var(--bg-card); border: 1px solid var(--border); padding: 24px; margin-bottom: 24px; text-align: center; }
    .match-header-map { font-size: 24px; font-weight: 800; margin-bottom: 8px; }
    .match-header-score { font-size: 48px; font-weight: 900; margin-bottom: 8px; }
    .match-header-result { display: inline-block; padding: 6px 16px; font-size: 12px; font-weight: 700; text-transform: uppercase; }
    .match-header-result.win { background: var(--success); color: #000; }
    .match-header-result.loss { background: var(--danger); color: #fff; }
    .match-header-result.draw { background: var(--warning); color: #000; }
    
    .teams-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
    @media (max-width: 768px) { .teams-grid { grid-template-columns: 1fr; } }
    
    .team-card { background: var(--bg-card); border: 1px solid var(--border); }
    .team-card.ct { border-top: 3px solid #5fa5d9; }
    .team-card.t { border-top: 3px solid #dea945; }
    .team-header { padding: 16px 20px; border-bottom: 1px solid var(--border); font-weight: 700; font-size: 14px; }
    .team-header.ct { color: #5fa5d9; }
    .team-header.t { color: #dea945; }
    
    .player-row { display: flex; align-items: center; gap: 12px; padding: 12px 20px; border-bottom: 1px solid var(--border); }
    .player-row:last-child { border-bottom: none; }
    .player-row.me { background: rgba(255,85,0,0.08); }
    .player-ava { width: 36px; height: 36px; background: var(--bg-elevated); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; overflow: hidden; }
    .player-ava img { width: 100%; height: 100%; object-fit: cover; }
    .player-name { font-weight: 600; font-size: 14px; }
    .player-name a { color: inherit; text-decoration: none; }
    .player-name a:hover { color: var(--accent); }


/* source: match_card.php */
.cardwrap{max-width:980px;margin:0 auto;}
    .mc-card{background:var(--bg-card);border:1px solid var(--border);position:relative;overflow:hidden;}
    .mc-card:before{content:"";position:absolute;inset:-2px;opacity:.25;background:radial-gradient(600px 300px at 30% 0%, var(--accent), transparent 60%),radial-gradient(700px 320px at 80% 20%, rgba(255,85,0,.85), transparent 55%);pointer-events:none;}
    .mc-inner{position:relative;padding:22px;}
    .mc-top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-end;}
    .mc-kicker{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);font-weight:800;}
    .mc-title{font-size:24px;font-weight:900;margin:6px 0 0;}
    .mc-sub{color:var(--text-muted);font-size:13px;margin-top:8px;}
    .mc-score{display:flex;gap:10px;align-items:center;font-weight:900;font-size:42px;}
    .mc-score .ct{color:#5fa5d9;}
    .mc-score .t{color:#dea945;}
    .mc-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--border);background:rgba(0,0,0,0.25);font-size:12px;color:var(--text-muted);}
    .mc-kpis{margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
    @media(max-width:900px){.mc-kpis{grid-template-columns:repeat(2,1fr);}}
    .mc-kpi{border:1px solid var(--border);background:rgba(0,0,0,.20);padding:10px 12px;}
    .mc-kpi .l{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);font-weight:900;}
    .mc-kpi .v{margin-top:6px;font-weight:900;font-size:15px;display:flex;gap:8px;align-items:center;}
    .mc-mvp{display:flex;gap:10px;align-items:center;}
    .mc-mvp .tag{font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:900;color:var(--text-muted);border:1px solid var(--border);padding:3px 8px;background:rgba(0,0,0,.18);}
    .mc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;}
    @media(max-width:820px){.mc-grid{grid-template-columns:1fr;}}
    .mc-team{border:1px solid var(--border);background:rgba(0,0,0,0.22);}
    .mc-team .head{padding:12px 14px;border-bottom:1px solid var(--border);font-weight:800;display:flex;justify-content:space-between;align-items:center;}
    .mc-team.ct .head{border-top:3px solid #5fa5d9;}
    .mc-team.t .head{border-top:3px solid #dea945;}
    .mc-p{display:flex;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);}
    .mc-p:last-child{border-bottom:none;}
    .mc-ava{width:34px;height:34px;}
    .mc-name{font-weight:700;}
    .mc-meta{margin-left:auto;color:var(--text-muted);font-size:12px;}
    .mc-mmr{font-size:12px;color:var(--text-muted);margin-left:auto;display:flex;gap:10px;align-items:center;}
    .mc-mmr .b{font-weight:900;color:var(--text);}
    .mc-p.is-mvp{background:rgba(255,255,255,.04);}
    .mc-badge{font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:900;border:1px solid var(--border);padding:3px 8px;background:rgba(0,0,0,.18);}
    .mc-badge.ct{border-color:rgba(95,165,217,.6);color:#5fa5d9;}
    .mc-badge.t{border-color:rgba(222,169,69,.6);color:#dea945;}
    .mc-share{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;}
    .mc-url{font-size:12px;color:var(--text-muted);word-break:break-all;}


/* source: news.php */
.hero { margin-bottom: 24px; }
    .hero-kicker { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--accent); margin-bottom: 8px; }
    .hero-h1 { font-size: 32px; font-weight: 800; margin-bottom: 8px; }
    .hero-sub { color: var(--text-secondary); font-size: 14px; }

    .tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 24px; }
    .tab { padding: 10px 16px; font-size: 12px; font-weight: 600; background: var(--bg-card); border: 1px solid var(--border); color: var(--text-muted); text-decoration: none; }
    .tab:hover { border-color: var(--text-muted); color: var(--text); }
    .tab.active { background: var(--accent); border-color: var(--accent); color: #000; }

    .news-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; }
    .news-card { background: var(--bg-card); border: 1px solid var(--border); text-decoration: none; color: inherit; display: block; }
    .news-card:hover { border-color: var(--accent); }
    .news-card-img { height: 160px; background: var(--bg-elevated); overflow: hidden; }
    .news-card-img img { width: 100%; height: 100%; object-fit: cover; }
    .news-card-body { padding: 20px; }
    .news-card-tag { display: inline-block; padding: 4px 8px; font-size: 10px; font-weight: 700; text-transform: uppercase; margin-bottom: 8px; }
    .news-card-title { font-size: 16px; font-weight: 700; margin-bottom: 8px; }
    .news-card-excerpt { font-size: 13px; color: var(--text-muted); margin-bottom: 12px; line-height: 1.5; }
    .news-card-meta { font-size: 11px; color: var(--text-muted); }

    .article { max-width: 800px; }
    .article-back { display: inline-flex; align-items: center; gap: 6px; color: var(--text-muted); text-decoration: none; font-size: 12px; margin-bottom: 24px; }
    .article-back:hover { color: var(--accent); }
    .article-tag { display: inline-block; padding: 6px 12px; font-size: 11px; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; }
    .article-title { font-size: 32px; font-weight: 800; margin-bottom: 16px; line-height: 1.2; }
    .article-meta { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; color: var(--text-muted); font-size: 13px; }
    .article-author { display: flex; align-items: center; gap: 8px; }
    .article-author-ava { width: 32px; height: 32px; background: var(--bg-elevated); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 12px; }
    .article-img { width: 100%; max-height: 400px; object-fit: cover; margin-bottom: 24px; }
    .article-content { font-size: 15px; line-height: 1.8; color: var(--text-secondary); }
    
    .empty { text-align: center; padding: 60px 20px; color: var(--text-muted); }
    .empty-icon { font-size: 48px; margin-bottom: 16px; opacity: 0.3; }


/* source: notifications.php */
    .page-wrapper { padding-top: 64px; } .page-container { max-width: 1000px; margin: 0 auto; padding: 24px; }
    
    .page-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; flex-wrap: wrap; gap: 16px; }
    .page-title { font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--text-muted); }
    .actions { display: flex; gap: 8px; }
    
    .btn { display: inline-flex; align-items: center; gap: 6px; padding: 10px 18px; font-size: 11px; font-weight: 700; text-transform: uppercase; border: 1px solid var(--border); background: var(--bg-elevated); color: var(--text); cursor: pointer; text-decoration: none; }
    .btn:hover { background: var(--bg-hover); }
    .btn.danger { background: var(--danger-bg); border-color: var(--danger); color: var(--danger); }
    .btn.sm { padding: 6px 12px; font-size: 10px; }
    
    .card { background: var(--bg-card); border: 1px solid var(--border); }
    
    .notif { display: flex; gap: 16px; padding: 16px 20px; border-bottom: 1px solid var(--border); transition: background 0.15s; }
    .notif:last-child { border-bottom: none; }
    .notif:hover { background: var(--bg-elevated); }
    .notif.unread { background: rgba(255,85,0,0.05); border-left: 3px solid var(--accent); }
    
    .notif-icon { width: 44px; height: 44px; background: var(--bg-elevated); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }
    .notif.unread .notif-icon { border-color: var(--accent); }
    
    .notif-content { flex: 1; min-width: 0; }
    .notif-title { font-weight: 700; font-size: 14px; margin-bottom: 4px; }
    .notif-title a { color: inherit; text-decoration: none; }
    .notif-title a:hover { color: var(--accent); }
    .notif-msg { font-size: 13px; color: var(--text-secondary); line-height: 1.5; }
    .notif-time { font-size: 11px; color: var(--text-muted); margin-top: 8px; }
    
    .notif-actions { display: flex; gap: 6px; align-items: flex-start; flex-shrink: 0; }
    
    .empty { text-align: center; padding: 60px; color: var(--text-muted); }
    .empty-icon { font-size: 48px; margin-bottom: 16px; opacity: 0.3; }
    
    .badge { display: inline-block; padding: 2px 8px; font-size: 11px; font-weight: 700; background: var(--accent); color: #000; margin-left: 8px; }


/* source: report.php */
    * { box-sizing: border-box; margin: 0; padding: 0; }
    .container { margin: 0 auto; padding: 24px; }
    
    .page-header { margin-bottom: 24px; }
    .page-title { font-size: 28px; font-weight: 700; }
    
    .card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px; margin-bottom: 24px; }
    .card-header { padding: 16px 20px; border-bottom: 1px solid var(--border); }
    .card-title { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
    .card-body { padding: 20px; }
    
    .btn { display: inline-flex; align-items: center; gap: 6px; padding: 10px 18px; font-size: 14px; font-weight: 600; border: none; cursor: pointer; text-decoration: none; color: var(--text); background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 8px; }
    .btn:hover { background: var(--border); }
    .btn-primary { background: var(--accent); border-color: var(--accent); }
    .btn-danger { background: var(--danger); border-color: var(--danger); }
    
    .alert { padding: 12px 16px; border-radius: 8px; margin-bottom: 16px; }
    .alert-success { background: rgba(0, 210, 106, 0.1); border: 1px solid var(--success); color: var(--success); }
    .alert-danger { background: rgba(255, 71, 87, 0.1); border: 1px solid var(--danger); color: var(--danger); }
    .alert-warning { background: rgba(255, 170, 0, 0.1); border: 1px solid var(--warning); color: var(--warning); }
    
    .form-group { margin-bottom: 20px; }
    .form-label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 8px; }
    .form-input, .form-textarea { width: 100%; padding: 12px; background: var(--bg-dark); border: 1px solid var(--border); color: var(--text); font-size: 14px; border-radius: 8px; }
    .form-input:focus, .form-textarea:focus { outline: none; border-color: var(--accent); }
    .form-help { font-size: 12px; color: var(--text-muted); margin-top: 6px; }
    
    .report-target { display: flex; align-items: center; gap: 16px; padding: 16px; background: var(--bg-elevated); border-radius: 8px; margin-bottom: 24px; }
    .report-target-avatar { width: 56px; height: 56px; border-radius: 8px; background: var(--bg-dark); }
    .report-target-name { font-size: 18px; font-weight: 700; }
    .report-target-label { font-size: 12px; color: var(--text-muted); }
    
    .reason-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
    @media (max-width: 600px) { .reason-grid { grid-template-columns: 1fr; } }
    .reason-option { position: relative; }
    .reason-option input { position: absolute; opacity: 0; }
    .reason-option label { display: block; padding: 16px; background: var(--bg-elevated); border: 2px solid var(--border); border-radius: 8px; cursor: pointer; transition: all 0.15s; }
    .reason-option label:hover { border-color: var(--text-muted); }
    .reason-option input:checked + label { border-color: var(--danger); background: rgba(255, 71, 87, 0.1); }
    .reason-name { font-weight: 600; margin-bottom: 4px; }
    .reason-desc { font-size: 12px; color: var(--text-muted); }
    
    .reports-list { }
    .report-item { display: flex; align-items: center; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--border); }
    .report-item:last-child { border-bottom: none; }
    .report-icon { font-size: 24px; }
    .report-info { flex: 1; }
    .report-title { font-weight: 600; margin-bottom: 4px; }
    .report-meta { font-size: 12px; color: var(--text-muted); }
    .status-badge { display: inline-block; padding: 4px 10px; font-size: 11px; font-weight: 600; border-radius: 4px; }
    .status-pending { background: rgba(255, 170, 0, 0.2); color: var(--warning); }
    .status-reviewing { background: rgba(123, 104, 238, 0.2); color: #7b68ee; }
    .status-resolved { background: rgba(0, 210, 106, 0.2); color: var(--success); }
    .status-dismissed { background: var(--bg-elevated); color: var(--text-muted); }


/* source: teams.php */
.hero{position:relative;}
    .team-banner-emoji{position:absolute;inset:0;display:grid;place-items:center;font-size:110px;opacity:.14;pointer-events:none;}
    .team-banner { height: 160px; background: linear-gradient(135deg, var(--bg-elevated), var(--bg-card)); position: relative; overflow: hidden; }
    .team-banner img { width: 100%; height: 100%; object-fit: cover; }
    .team-header { display: flex; gap: 20px; padding: 20px; margin-top: -50px; position: relative; flex-wrap: wrap; }
    .team-logo { width: 100px; height: 100px; background: var(--bg-dark); border: 3px solid var(--bg-card); display: flex; align-items: center; justify-content: center; font-size: 36px; font-weight: 800; overflow: hidden; flex-shrink: 0; }
    .team-logo img { width: 100%; height: 100%; object-fit: cover; }
    .team-info { flex: 1; padding-top: 50px; min-width: 200px; }
    .team-name { font-size: 24px; font-weight: 800; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
    .team-tag { background: var(--team-accent, var(--accent)); padding: 4px 10px; font-size: 12px; font-weight: 700; color: #000; }
    .team-meta { color: var(--text-muted); margin-top: 8px; display: flex; gap: 20px; flex-wrap: wrap; font-size: 13px; }
    .badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; font-size: 10px; font-weight: 700; text-transform: uppercase; background: var(--bg-hover); border: 1px solid var(--border); }
    .badge.ok { background: var(--success-bg); border-color: var(--success); color: var(--success); }

    .members-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
    .member-item { display: flex; align-items: center; gap: 12px; padding: 12px 14px; background: var(--bg-elevated); border: 1px solid var(--border); }
    .member-ava { width: 40px; height: 40px; background: var(--bg-hover); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-weight: 700; flex-shrink: 0; overflow: hidden; }
    .member-ava img { width: 100%; height: 100%; object-fit: cover; }
    .member-info { flex: 1; min-width: 0; }
    .member-name { font-weight: 700; font-size: 14px; color: var(--text); text-decoration: none; }
    .member-role { font-size: 10px; font-weight: 700; text-transform: uppercase; padding: 2px 8px; display: inline-block; margin-top: 4px; }
    .member-actions { display: flex; gap: 6px; }

    .teams-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
    .team-card { background: var(--bg-card); border: 1px solid var(--border); text-decoration: none; color: inherit; display: block; transition: all 0.15s; }
    .team-card:hover { border-color: var(--team-accent, var(--accent)); }
    .team-card-header { display: flex; align-items: center; gap: 16px; padding: 20px; }
    .team-card-logo { width: 56px; height: 56px; background: var(--bg-elevated); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 800; overflow: hidden; flex-shrink: 0; }
    .team-card-logo img { width: 100%; height: 100%; object-fit: cover; }
    .team-card-name { font-size: 16px; font-weight: 700; }
    .team-card-tag { color: var(--team-accent, var(--accent)); font-size: 12px; font-weight: 600; }
    .team-card-footer { padding: 12px 20px; border-top: 1px solid var(--border); display: flex; justify-content: space-between; font-size: 12px; color: var(--text-muted); }

    .invite-item { display: flex; align-items: center; gap: 16px; padding: 14px; background: var(--bg-elevated); border: 1px solid var(--border); margin-bottom: 10px; }
    .invite-logo { width: 44px; height: 44px; background: var(--bg-dark); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-weight: 700; }
    .invite-info { flex: 1; }
    .invite-actions { display: flex; gap: 8px; }

    .request-item { display: flex; align-items: center; gap: 12px; padding: 12px; background: var(--bg-dark); border: 1px solid var(--border); margin-bottom: 8px; }
    .request-ava { width: 36px; height: 36px; background: var(--bg-elevated); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-weight: 700; }
    .request-info { flex: 1; }

    .empty { text-align: center; padding: 40px; color: var(--text-muted); }

    /* modal styles are global (a3_pages.css) */

    @media (max-width: 768px) { .form-row { grid-template-columns: 1fr; } }


/* source: tournaments.php */
.tournaments-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 20px; }
    .tournament-card { background: var(--bg-card); border: 1px solid var(--border); text-decoration: none; color: inherit; display: block; transition: all 0.15s; }
    .tournament-card:hover { border-color: var(--accent); }
    .tournament-card-header { padding: 20px; border-bottom: 1px solid var(--border); }
    .tournament-card-name { font-size: 18px; font-weight: 700; margin-bottom: 8px; }
    .tournament-card-meta { display: flex; gap: 16px; flex-wrap: wrap; font-size: 12px; color: var(--text-muted); }
    .tournament-card-body { padding: 16px 20px; display: flex; justify-content: space-between; align-items: center; }

    .tournament-banner { height: 200px; background: linear-gradient(135deg, var(--bg-elevated), var(--bg-card)); position: relative; overflow: hidden; }
    .tournament-banner img { width: 100%; height: 100%; object-fit: cover; }
    .tournament-header { padding: 24px; }
    .tournament-name { font-size: 28px; font-weight: 800; margin-bottom: 12px; }
    .tournament-meta { display: flex; gap: 24px; flex-wrap: wrap; color: var(--text-muted); font-size: 14px; }
    .tournament-meta span { display: flex; align-items: center; gap: 6px; }

    .registration-box { text-align: center; padding: 32px; background: var(--bg-elevated); border: 1px solid var(--border); }
    .registration-box p { margin-bottom: 16px; }

    .participant { display: flex; align-items: center; gap: 14px; padding: 14px 16px; background: var(--bg-elevated); border: 1px solid var(--border); margin-bottom: 10px; }
    .participant-seed { width: 32px; height: 32px; background: var(--bg-dark); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px; }
    .participant-logo { width: 40px; height: 40px; background: var(--bg-dark); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-weight: 700; overflow: hidden; }
    .participant-logo img { width: 100%; height: 100%; object-fit: cover; }
    .participant-info { flex: 1; }
    .participant-name { font-weight: 700; }
    .participant-captain { font-size: 11px; color: var(--text-muted); }

    .empty { text-align: center; padding: 40px; color: var(--text-muted); }
    .back-link { display: inline-flex; align-items: center; gap: 6px; color: var(--text-muted); text-decoration: none; font-size: 12px; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; }
    .back-link:hover { color: var(--accent); }


/* source: admin/awards.php */
    * { box-sizing: border-box; margin: 0; padding: 0; }
    .admin-layout { display: flex; min-height: 100vh; }
    .admin-sidebar { width: 260px; background: var(--bg-card); border-right: 1px solid var(--border); padding: 24px 0; position: fixed; height: 100vh; overflow-y: auto; }
    .admin-logo { padding: 0 24px 24px; border-bottom: 1px solid var(--border); margin-bottom: 16px; }
    .admin-logo h1 { font-size: 20px; color: var(--accent); }
    .admin-logo span { font-size: 12px; color: var(--text-muted); }
    .admin-nav { list-style: none; }
    .admin-nav a { display: flex; align-items: center; gap: 12px; padding: 14px 24px; color: var(--text-muted); text-decoration: none; transition: all 0.15s; font-size: 14px; }
    .admin-nav a:hover { background: var(--bg-elevated); color: var(--text); }
    .admin-nav a.active { background: rgba(255, 85, 0, 0.1); color: var(--accent); border-right: 3px solid var(--accent); }
    .nav-divider { height: 1px; background: var(--border); margin: 16px 24px; }
    
    .admin-main { flex: 1; margin-left: 260px; padding: 32px; }
    .admin-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; }
    .admin-title { font-size: 28px; font-weight: 700; }
    
    .card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; margin-bottom: 24px; }
    .card-header { padding: 16px 20px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; }
    .card-title { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
    .card-body { padding: 20px; }
    
    .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
    .form-group { margin-bottom: 16px; }
    .form-label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
    .form-input, .form-textarea, .form-select { width: 100%; padding: 12px; background: var(--bg-dark); border: 1px solid var(--border); color: var(--text); font-size: 14px; border-radius: 6px; }
    .form-input:focus, .form-textarea:focus, .form-select:focus { outline: none; border-color: var(--accent); }
    .form-help { font-size: 11px; color: var(--text-muted); margin-top: 4px; }
    
    table { width: 100%; border-collapse: collapse; }
    th { text-align: left; padding: 12px 16px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--text-muted); border-bottom: 1px solid var(--border); }
    td { padding: 12px 16px; border-bottom: 1px solid var(--border); font-size: 14px; }
    tr:last-child td { border-bottom: none; }
    tr:hover { background: var(--bg-elevated); }
    
    .award-icon { font-size: 28px; }
    .award-code { font-family: monospace; font-size: 12px; color: var(--text-muted); background: var(--bg-dark); padding: 2px 6px; border-radius: 4px; }
    
    .btn { display: inline-flex; align-items: center; gap: 6px; padding: 10px 16px; font-size: 13px; font-weight: 600; border: none; cursor: pointer; text-decoration: none; color: var(--text); background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 6px; transition: all 0.15s; }
    .btn:hover { background: var(--border); }
    .btn-primary { background: var(--accent); border-color: var(--accent); }
    .btn-primary:hover { background: #ff6b1f; }
    .btn-danger { background: rgba(255, 71, 87, 0.1); border-color: var(--danger); color: var(--danger); }
    .btn-danger:hover { background: var(--danger); color: white; }
    .btn-sm { padding: 6px 10px; font-size: 12px; }
    
    .badge { display: inline-block; padding: 4px 10px; font-size: 11px; font-weight: 600; border-radius: 4px; background: var(--bg-elevated); }
    
    .alert { padding: 12px 16px; border-radius: 6px; margin-bottom: 16px; }
    .alert-success { background: rgba(0, 210, 106, 0.1); border: 1px solid var(--success); color: var(--success); }
    .alert-danger { background: rgba(255, 71, 87, 0.1); border: 1px solid var(--danger); color: var(--danger); }
    
    .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
    @media (max-width: 1200px) { .grid-2 { grid-template-columns: 1fr; } }
    
    .user-cell { display: flex; align-items: center; gap: 10px; }
    .user-avatar { width: 28px; height: 28px; border-radius: 4px; background: var(--bg-elevated); }
    
    .emoji-picker { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
    .emoji-btn { padding: 8px; font-size: 20px; background: var(--bg-dark); border: 1px solid var(--border); border-radius: 6px; cursor: pointer; }
    .emoji-btn:hover { border-color: var(--accent); }


/* source: admin/challenges.php */
    * { box-sizing: border-box; margin: 0; padding: 0; }
    .admin-layout { display: flex; min-height: 100vh; }
    .admin-sidebar { width: 260px; background: var(--bg-card); border-right: 1px solid var(--border); padding: 24px 0; position: fixed; height: 100vh; overflow-y: auto; }
    .admin-logo { padding: 0 24px 24px; border-bottom: 1px solid var(--border); margin-bottom: 16px; }
    .admin-logo h1 { font-size: 20px; color: var(--accent); }
    .admin-nav { list-style: none; }
    .admin-nav a { display: flex; align-items: center; gap: 12px; padding: 14px 24px; color: var(--text-muted); text-decoration: none; font-size: 14px; }
    .admin-nav a:hover { background: var(--bg-elevated); color: var(--text); }
    .admin-nav a.active { background: rgba(255, 85, 0, 0.1); color: var(--accent); border-right: 3px solid var(--accent); }
    .nav-divider { height: 1px; background: var(--border); margin: 16px 24px; }
    .admin-main { flex: 1; margin-left: 260px; padding: 32px; }
    .admin-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
    .admin-title { font-size: 26px; font-weight: 700; }
    .card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; margin-bottom: 24px; }
    .card-header { padding: 16px 20px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; }
    .card-title { font-weight: 700; }
    .card-body { padding: 20px; }
    .alert { padding: 12px 16px; border-radius: 6px; margin-bottom: 16px; }
    .alert-success { background: rgba(0, 210, 106, 0.1); border: 1px solid var(--success); color: var(--success); }
    .alert-danger { background: rgba(255, 71, 87, 0.1); border: 1px solid var(--danger); color: var(--danger); }
    .form-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
    .form-group { margin-bottom: 14px; }
    .form-label { display: block; font-size: 12px; font-weight: 700; margin-bottom: 6px; color: var(--text-muted); text-transform: uppercase; letter-spacing: .7px; }
    .form-input, .form-select, .form-textarea { width: 100%; padding: 12px; background: var(--bg-dark); border: 1px solid var(--border); color: var(--text); font-size: 14px; border-radius: 6px; }
    .form-textarea { min-height: 110px; resize: vertical; }
    .form-check { display: flex; align-items: center; gap: 8px; margin: 8px 0 0; }
    .btn { display: inline-flex; align-items: center; gap: 6px; padding: 10px 16px; font-size: 13px; font-weight: 700; border: none; cursor: pointer; text-decoration: none; color: var(--text); background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 6px; }
    .btn:hover { background: var(--border); }
    .btn-primary { background: var(--accent); border-color: var(--accent); color: #000; }
    .btn-danger { background: rgba(255,71,87,0.1); border-color: var(--danger); color: var(--danger); }
    .btn-sm { padding: 6px 10px; font-size: 12px; }
    table { width: 100%; border-collapse: collapse; }
    th { text-align: left; padding: 12px 14px; font-size: 11px; font-weight: 800; text-transform: uppercase; color: var(--text-muted); border-bottom: 1px solid var(--border); }
    td { padding: 12px 14px; border-bottom: 1px solid var(--border); font-size: 13px; vertical-align: middle; }
    tr:hover { background: var(--bg-elevated); }
    .mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 12px; color: var(--text-muted); }
    .right { text-align: right; }


/* source: admin/forum.php */
    * { box-sizing: border-box; margin: 0; padding: 0; }
    .admin-layout { display: flex; min-height: 100vh; }
    .admin-sidebar { width: 260px; background: var(--bg-card); border-right: 1px solid var(--border); padding: 24px 0; position: fixed; height: 100vh; }
    .admin-logo { padding: 0 24px 24px; border-bottom: 1px solid var(--border); margin-bottom: 16px; }
    .admin-logo h1 { font-size: 20px; color: var(--accent); }
    .admin-logo span { font-size: 12px; color: var(--text-muted); }
    .admin-nav { list-style: none; }
    .admin-nav a { display: flex; align-items: center; gap: 12px; padding: 14px 24px; color: var(--text-muted); text-decoration: none; font-size: 14px; }
    .admin-nav a:hover { background: var(--bg-elevated); color: var(--text); }
    .admin-nav a.active { background: rgba(255, 85, 0, 0.1); color: var(--accent); border-right: 3px solid var(--accent); }
    .nav-divider { height: 1px; background: var(--border); margin: 16px 24px; }
    
    .admin-main { flex: 1; margin-left: 260px; padding: 32px; }
    .admin-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; }
    .admin-title { font-size: 28px; font-weight: 700; }
    
    .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 24px; }
    @media (max-width: 1200px) { .stats-grid { grid-template-columns: repeat(2, 1fr); } }
    .stat-card { background: var(--bg-card); border: 1px solid var(--border); padding: 20px; border-radius: 8px; text-align: center; }
    .stat-value { font-size: 32px; font-weight: 700; color: var(--accent); }
    .stat-label { font-size: 12px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 1px; }
    
    .card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; margin-bottom: 24px; }
    .card-header { padding: 16px 20px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; }
    .card-title { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
    .card-body { padding: 20px; }
    
    .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
    @media (max-width: 1200px) { .grid-2 { grid-template-columns: 1fr; } }
    
    table { width: 100%; border-collapse: collapse; }
    th { text-align: left; padding: 12px 16px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--text-muted); border-bottom: 1px solid var(--border); }
    td { padding: 12px 16px; border-bottom: 1px solid var(--border); font-size: 14px; }
    tr:last-child td { border-bottom: none; }
    tr:hover { background: var(--bg-elevated); }
    
    .badge { display: inline-block; padding: 4px 10px; font-size: 11px; font-weight: 600; border-radius: 4px; }
    .badge-success { background: rgba(0, 210, 106, 0.2); color: var(--success); }
    .badge-danger { background: rgba(255, 71, 87, 0.2); color: var(--danger); }
    .badge-warning { background: rgba(255, 170, 0, 0.2); color: var(--warning); }
    .badge-purple { background: rgba(123, 104, 238, 0.2); color: var(--purple); }
    
    .btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; font-size: 13px; font-weight: 600; border: none; cursor: pointer; text-decoration: none; color: var(--text); background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 6px; }
    .btn:hover { background: var(--border); }
    .btn-primary { background: var(--accent); border-color: var(--accent); }
    .btn-danger { background: rgba(255, 71, 87, 0.1); border-color: var(--danger); color: var(--danger); }
    .btn-sm { padding: 6px 10px; font-size: 12px; }
    
    .alert { padding: 12px 16px; border-radius: 6px; margin-bottom: 16px; }
    .alert-success { background: rgba(0, 210, 106, 0.1); border: 1px solid var(--success); color: var(--success); }
    .alert-danger { background: rgba(255, 71, 87, 0.1); border: 1px solid var(--danger); color: var(--danger); }
    
    .user-cell { display: flex; align-items: center; gap: 8px; }
    .user-avatar { width: 28px; height: 28px; border-radius: 4px; background: var(--bg-elevated); }
    
    .form-group { margin-bottom: 16px; }
    .form-label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
    .form-input, .form-select { width: 100%; padding: 10px 14px; background: var(--bg-dark); border: 1px solid var(--border); color: var(--text); font-size: 14px; border-radius: 6px; }
    .form-row { display: grid; grid-template-columns: 1fr auto; gap: 12px; }
    
    .category-item { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--border); }
    .category-item:last-child { border-bottom: none; }
    .category-icon { font-size: 24px; }
    .category-info { flex: 1; }
    .category-name { font-weight: 600; }
    .category-stats { font-size: 12px; color: var(--text-muted); }
    
    .post-preview { font-size: 13px; color: var(--text-muted); max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    
    .emoji-picker { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 8px; }
    .emoji-btn { padding: 6px; font-size: 18px; background: var(--bg-dark); border: 1px solid var(--border); border-radius: 4px; cursor: pointer; }
    .emoji-btn:hover { border-color: var(--accent); }


/* source: admin/index.php */
    * { box-sizing: border-box; margin: 0; padding: 0; }
    .admin-layout { display: flex; min-height: 100vh; }
    
    /* Sidebar */
    .admin-sidebar { width: 260px; background: var(--bg-card); border-right: 1px solid var(--border); padding: 24px 0; position: fixed; height: 100vh; overflow-y: auto; }
    .admin-logo { padding: 0 24px 24px; border-bottom: 1px solid var(--border); margin-bottom: 16px; }
    .admin-logo h1 { font-size: 20px; color: var(--accent); }
    .admin-logo span { font-size: 12px; color: var(--text-muted); }
    .admin-nav { list-style: none; }
    .admin-nav a { display: flex; align-items: center; gap: 12px; padding: 14px 24px; color: var(--text-muted); text-decoration: none; transition: all 0.15s; font-size: 14px; }
    .admin-nav a:hover { background: var(--bg-elevated); color: var(--text); }
    .admin-nav a.active { background: rgba(255, 85, 0, 0.1); color: var(--accent); border-right: 3px solid var(--accent); }
    .admin-nav-icon { font-size: 18px; }
    .nav-divider { height: 1px; background: var(--border); margin: 16px 24px; }
    
    /* Main Content */
    .admin-main { flex: 1; margin-left: 260px; padding: 32px; }
    .admin-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; }
    .admin-title { font-size: 28px; font-weight: 700; }
    .admin-user { display: flex; align-items: center; gap: 12px; padding: 8px 16px; background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; }
    .admin-user-avatar { width: 36px; height: 36px; border-radius: 6px; }
    .admin-user-name { font-weight: 600; font-size: 14px; }
    .admin-user-role { font-size: 11px; color: var(--accent); }
    
    /* Stats Grid */
    .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 32px; }
    @media (max-width: 1200px) { .stats-grid { grid-template-columns: repeat(2, 1fr); } }
    .stat-card { background: var(--bg-card); border: 1px solid var(--border); padding: 24px; border-radius: 8px; }
    .stat-card-icon { font-size: 32px; margin-bottom: 12px; }
    .stat-card-value { font-size: 36px; font-weight: 700; color: var(--accent); }
    .stat-card-label { font-size: 13px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 1px; }
    
    /* Cards */
    .card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; margin-bottom: 24px; }
    .card-header { padding: 16px 20px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; }
    .card-title { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
    .card-body { padding: 0; }
    
    /* Tables */
    table { width: 100%; border-collapse: collapse; }
    th { text-align: left; padding: 12px 16px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--text-muted); border-bottom: 1px solid var(--border); }
    td { padding: 12px 16px; border-bottom: 1px solid var(--border); font-size: 14px; }
    tr:last-child td { border-bottom: none; }
    tr:hover { background: var(--bg-elevated); }
    
    .user-cell { display: flex; align-items: center; gap: 10px; }
    .user-avatar { width: 32px; height: 32px; border-radius: 6px; background: var(--bg-elevated); }
    .user-name { font-weight: 600; }
    
    .badge { display: inline-block; padding: 4px 10px; font-size: 11px; font-weight: 600; border-radius: 4px; }
    .badge-success { background: rgba(0, 210, 106, 0.2); color: var(--success); }
    .badge-danger { background: rgba(255, 71, 87, 0.2); color: var(--danger); }
    .badge-warning { background: rgba(255, 170, 0, 0.2); color: var(--warning); }
    .badge-purple { background: rgba(123, 104, 238, 0.2); color: var(--purple); }
    .badge-muted { background: var(--bg-elevated); color: var(--text-muted); }
    
    .btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; font-size: 13px; font-weight: 600; border: none; cursor: pointer; text-decoration: none; color: var(--text); background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 6px; transition: all 0.15s; }
    .btn:hover { background: var(--border); }
    .btn-primary { background: var(--accent); border-color: var(--accent); }
    .btn-primary:hover { background: #ff6b1f; }
    .btn-sm { padding: 6px 10px; font-size: 12px; }
    
    .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
    @media (max-width: 1000px) { .grid-2 { grid-template-columns: 1fr; } .admin-sidebar { display: none; } .admin-main { margin-left: 0; } }


/* source: admin/matchmaking.php */
    * { box-sizing: border-box; margin: 0; padding: 0; }
    .admin-layout { display: flex; min-height: 100vh; }
    .admin-sidebar { width: 260px; background: var(--bg-card); border-right: 1px solid var(--border); padding: 24px 0; position: fixed; height: 100vh; }
    .admin-logo { padding: 0 24px 24px; border-bottom: 1px solid var(--border); margin-bottom: 16px; }
    .admin-logo h1 { font-size: 20px; color: var(--accent); }
    .admin-logo span { font-size: 12px; color: var(--text-muted); }
    .admin-nav { list-style: none; }
    .admin-nav a { display: flex; align-items: center; gap: 12px; padding: 14px 24px; color: var(--text-muted); text-decoration: none; font-size: 14px; }
    .admin-nav a:hover { background: var(--bg-elevated); color: var(--text); }
    .admin-nav a.active { background: rgba(255, 85, 0, 0.1); color: var(--accent); border-right: 3px solid var(--accent); }
    .nav-divider { height: 1px; background: var(--border); margin: 16px 24px; }
    
    .admin-main { flex: 1; margin-left: 260px; padding: 32px; }
    .admin-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; }
    .admin-title { font-size: 28px; font-weight: 700; }
    
    .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 24px; }
    @media (max-width: 1200px) { .stats-grid { grid-template-columns: repeat(2, 1fr); } }
    .stat-card { background: var(--bg-card); border: 1px solid var(--border); padding: 20px; border-radius: 8px; text-align: center; }
    .stat-value { font-size: 32px; font-weight: 700; color: var(--accent); }
    .stat-label { font-size: 12px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 1px; }
    
    .card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; margin-bottom: 24px; }
    .card-header { padding: 16px 20px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; }
    .card-title { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
    .card-body { padding: 20px; }
    
    .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
    @media (max-width: 1200px) { .grid-2 { grid-template-columns: 1fr; } }
    
    table { width: 100%; border-collapse: collapse; }
    th { text-align: left; padding: 12px 16px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--text-muted); border-bottom: 1px solid var(--border); }
    td { padding: 12px 16px; border-bottom: 1px solid var(--border); font-size: 14px; }
    tr:last-child td { border-bottom: none; }
    tr:hover { background: var(--bg-elevated); }
    
    .badge { display: inline-block; padding: 4px 10px; font-size: 11px; font-weight: 600; border-radius: 4px; }
    .badge-success { background: rgba(0, 210, 106, 0.2); color: var(--success); }
    .badge-danger { background: rgba(255, 71, 87, 0.2); color: var(--danger); }
    .badge-warning { background: rgba(255, 170, 0, 0.2); color: var(--warning); }
    .badge-purple { background: rgba(123, 104, 238, 0.2); color: var(--purple); }
    .badge-muted { background: var(--bg-elevated); color: var(--text-muted); }
    
    .btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; font-size: 13px; font-weight: 600; border: none; cursor: pointer; text-decoration: none; color: var(--text); background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 6px; }
    .btn:hover { background: var(--border); }
    .btn-primary { background: var(--accent); border-color: var(--accent); }
    .btn-danger { background: rgba(255, 71, 87, 0.1); border-color: var(--danger); color: var(--danger); }
    .btn-danger:hover { background: var(--danger); color: white; }
    .btn-sm { padding: 6px 10px; font-size: 12px; }
    
    .alert { padding: 12px 16px; border-radius: 6px; margin-bottom: 16px; }
    .alert-success { background: rgba(0, 210, 106, 0.1); border: 1px solid var(--success); color: var(--success); }
    .alert-danger { background: rgba(255, 71, 87, 0.1); border: 1px solid var(--danger); color: var(--danger); }
    
    .user-cell { display: flex; align-items: center; gap: 8px; }
    .user-avatar { width: 28px; height: 28px; border-radius: 4px; background: var(--bg-elevated); }
    
    .match-teams { font-size: 12px; color: var(--text-muted); }
    
    .live-indicator { display: inline-flex; align-items: center; gap: 6px; }
    .live-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--success); animation: pulse 2s infinite; }
    @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }
    
    .form-group { margin-bottom: 16px; }
    .form-label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
    .form-input, .form-select { width: 100%; padding: 10px 14px; background: var(--bg-dark); border: 1px solid var(--border); color: var(--text); font-size: 14px; border-radius: 6px; }
    .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
    .form-help { font-size: 11px; color: var(--text-muted); margin-top: 4px; }
    
    .progress-bar { height: 8px; background: var(--bg-dark); border-radius: 4px; overflow: hidden; margin-top: 8px; }
    .progress-bar-fill { height: 100%; background: var(--accent); border-radius: 4px; }


/* source: admin/news.php */
    * { box-sizing: border-box; margin: 0; padding: 0; }
    .admin-layout { display: flex; min-height: 100vh; }
    .admin-sidebar { width: 260px; background: var(--bg-card); border-right: 1px solid var(--border); padding: 24px 0; position: fixed; height: 100vh; overflow-y: auto; }
    .admin-logo { padding: 0 24px 24px; border-bottom: 1px solid var(--border); margin-bottom: 16px; }
    .admin-logo h1 { font-size: 20px; color: var(--accent); }
    .admin-nav { list-style: none; }
    .admin-nav a { display: flex; align-items: center; gap: 12px; padding: 14px 24px; color: var(--text-muted); text-decoration: none; font-size: 14px; }
    .admin-nav a:hover { background: var(--bg-elevated); color: var(--text); }
    .admin-nav a.active { background: rgba(255, 85, 0, 0.1); color: var(--accent); border-right: 3px solid var(--accent); }
    .nav-divider { height: 1px; background: var(--border); margin: 16px 24px; }
    
    .admin-main { flex: 1; margin-left: 260px; padding: 32px; }
    .admin-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; }
    .admin-title { font-size: 28px; font-weight: 700; }
    
    .card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; margin-bottom: 24px; }
    .card-header { padding: 16px 20px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; }
    .card-title { font-weight: 700; }
    .card-body { padding: 20px; }
    
    .btn { display: inline-flex; align-items: center; gap: 6px; padding: 10px 16px; font-size: 13px; font-weight: 600; border: none; cursor: pointer; text-decoration: none; color: var(--text); background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 6px; }
    .btn:hover { background: var(--border); }
    .btn-primary { background: var(--accent); border-color: var(--accent); }
    .btn-success { background: var(--success); border-color: var(--success); }
    .btn-danger { background: rgba(255,71,87,0.1); border-color: var(--danger); color: var(--danger); }
    .btn-sm { padding: 6px 12px; font-size: 12px; }
    
    .alert { padding: 12px 16px; border-radius: 6px; margin-bottom: 16px; }
    .alert-success { background: rgba(0, 210, 106, 0.1); border: 1px solid var(--success); color: var(--success); }
    .alert-danger { background: rgba(255, 71, 87, 0.1); border: 1px solid var(--danger); color: var(--danger); }
    
    .form-group { margin-bottom: 20px; }
    .form-label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 8px; }
    .form-input, .form-select, .form-textarea { width: 100%; padding: 12px; background: var(--bg-dark); border: 1px solid var(--border); color: var(--text); font-size: 14px; border-radius: 6px; }
    .form-textarea { min-height: 200px; resize: vertical; font-family: inherit; }
    .form-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
    .form-check { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
    .form-check input { width: 18px; height: 18px; }
    .form-help { font-size: 12px; color: var(--text-muted); margin-top: 4px; }
    
    table { width: 100%; border-collapse: collapse; }
    th { text-align: left; padding: 12px 16px; font-size: 11px; font-weight: 700; text-transform: uppercase; color: var(--text-muted); border-bottom: 1px solid var(--border); }
    td { padding: 12px 16px; border-bottom: 1px solid var(--border); font-size: 14px; vertical-align: middle; }
    tr:hover { background: var(--bg-elevated); }
    
    .badge { display: inline-block; padding: 4px 10px; font-size: 11px; font-weight: 600; border-radius: 4px; }
    .badge-success { background: rgba(0,210,106,0.2); color: var(--success); }
    .badge-muted { background: var(--bg-elevated); color: var(--text-muted); }
    .badge-warning { background: rgba(255,152,0,0.2); color: #ff9800; }
    
    .article-title-cell { max-width: 300px; }
    .article-title-cell a { color: var(--text); text-decoration: none; font-weight: 600; }
    .article-title-cell a:hover { color: var(--accent); }
    .article-excerpt { font-size: 12px; color: var(--text-muted); margin-top: 4px; }


/* source: admin/reports.php */
    * { box-sizing: border-box; margin: 0; padding: 0; }
    .admin-layout { display: flex; min-height: 100vh; }
    .admin-sidebar { width: 260px; background: var(--bg-card); border-right: 1px solid var(--border); padding: 24px 0; position: fixed; height: 100vh; }
    .admin-logo { padding: 0 24px 24px; border-bottom: 1px solid var(--border); margin-bottom: 16px; }
    .admin-logo h1 { font-size: 20px; color: var(--accent); }
    .admin-logo span { font-size: 12px; color: var(--text-muted); }
    .admin-nav { list-style: none; }
    .admin-nav a { display: flex; align-items: center; gap: 12px; padding: 14px 24px; color: var(--text-muted); text-decoration: none; font-size: 14px; }
    .admin-nav a:hover { background: var(--bg-elevated); color: var(--text); }
    .admin-nav a.active { background: rgba(255, 85, 0, 0.1); color: var(--accent); border-right: 3px solid var(--accent); }
    .nav-divider { height: 1px; background: var(--border); margin: 16px 24px; }
    
    .admin-main { flex: 1; margin-left: 260px; padding: 32px; }
    .admin-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; }
    .admin-title { font-size: 28px; font-weight: 700; }
    
    .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 24px; }
    .stat-card { background: var(--bg-card); border: 1px solid var(--border); padding: 20px; border-radius: 8px; text-align: center; }
    .stat-value { font-size: 32px; font-weight: 700; }
    .stat-label { font-size: 12px; color: var(--text-muted); text-transform: uppercase; }
    
    .card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; margin-bottom: 24px; }
    .card-header { padding: 16px 20px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; }
    .card-title { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
    .card-body { padding: 0; }
    
    .report-item { padding: 20px; border-bottom: 1px solid var(--border); }
    .report-item:last-child { border-bottom: none; }
    .report-header { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 12px; }
    .report-icon { font-size: 32px; }
    .report-info { flex: 1; }
    .report-title { font-weight: 700; font-size: 16px; margin-bottom: 4px; }
    .report-meta { font-size: 13px; color: var(--text-muted); }
    .report-reason { display: inline-block; padding: 4px 12px; border-radius: 12px; font-size: 12px; font-weight: 600; background: var(--bg-elevated); }
    .report-desc { background: var(--bg-elevated); padding: 12px; border-radius: 8px; margin: 12px 0; font-size: 14px; }
    .report-actions { display: flex; gap: 8px; flex-wrap: wrap; }
    
    .btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; font-size: 13px; font-weight: 600; border: none; cursor: pointer; text-decoration: none; color: var(--text); background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 6px; }
    .btn:hover { background: var(--border); }
    .btn-success { background: var(--success); border-color: var(--success); }
    .btn-danger { background: var(--danger); border-color: var(--danger); }
    .btn-warning { background: var(--warning); border-color: var(--warning); color: #000; }
    .btn-sm { padding: 6px 10px; font-size: 12px; }
    
    .alert { padding: 12px 16px; border-radius: 6px; margin-bottom: 16px; }
    .alert-success { background: rgba(0, 210, 106, 0.1); border: 1px solid var(--success); color: var(--success); }
    .alert-danger { background: rgba(255, 71, 87, 0.1); border: 1px solid var(--danger); color: var(--danger); }
    
    .badge { display: inline-block; padding: 4px 10px; font-size: 11px; font-weight: 600; border-radius: 4px; }
    .badge-pending { background: rgba(255, 170, 0, 0.2); color: var(--warning); }
    .badge-resolved { background: rgba(0, 210, 106, 0.2); color: var(--success); }
    .badge-dismissed { background: var(--bg-elevated); color: var(--text-muted); }
    
    .user-link { color: var(--accent); text-decoration: none; }
    .user-link:hover { text-decoration: underline; }
    
    .form-input { padding: 8px 12px; background: var(--bg-dark); border: 1px solid var(--border); color: var(--text); font-size: 13px; border-radius: 6px; width: 100%; }
    
    table { width: 100%; border-collapse: collapse; }
    th { text-align: left; padding: 12px 16px; font-size: 11px; font-weight: 700; text-transform: uppercase; color: var(--text-muted); border-bottom: 1px solid var(--border); }
    td { padding: 12px 16px; border-bottom: 1px solid var(--border); font-size: 14px; }
    tr:hover { background: var(--bg-elevated); }


/* source: admin/shop.php */
    * { box-sizing: border-box; margin: 0; padding: 0; }
    .admin-layout { display: flex; min-height: 100vh; }
    .admin-sidebar { width: 260px; background: var(--bg-card); border-right: 1px solid var(--border); padding: 24px 0; position: fixed; height: 100vh; }
    .admin-logo { padding: 0 24px 24px; border-bottom: 1px solid var(--border); margin-bottom: 16px; }
    .admin-logo h1 { font-size: 20px; color: var(--accent); }
    .admin-logo span { font-size: 12px; color: var(--text-muted); }
    .admin-nav { list-style: none; }
    .admin-nav a { display: flex; align-items: center; gap: 12px; padding: 14px 24px; color: var(--text-muted); text-decoration: none; font-size: 14px; }
    .admin-nav a:hover { background: var(--bg-elevated); color: var(--text); }
    .admin-nav a.active { background: rgba(255, 85, 0, 0.1); color: var(--accent); border-right: 3px solid var(--accent); }
    .nav-divider { height: 1px; background: var(--border); margin: 16px 24px; }
    .admin-main { flex: 1; margin-left: 260px; padding: 32px; }

    .stats-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 24px; }
    @media (max-width: 800px) { .stats-row { grid-template-columns: repeat(2, 1fr); } }
    .stat-card { background: var(--bg-card); border: 1px solid var(--border); padding: 20px; text-align: center; }
    .stat-value { font-size: 24px; font-weight: 800; color: #ffd700; }
    .stat-label { font-size: 11px; color: var(--text-muted); text-transform: uppercase; margin-top: 4px; }
    
    .tabs { display: flex; gap: 8px; margin-bottom: 24px; }
    .tab { padding: 12px 20px; font-size: 13px; font-weight: 600; background: var(--bg-card); border: 1px solid var(--border); color: var(--text-muted); text-decoration: none; }
    .tab.active { background: var(--accent); border-color: var(--accent); color: #000; }
    
    .card { background: var(--bg-card); border: 1px solid var(--border); margin-bottom: 20px; }
    .card-head { padding: 16px 20px; border-bottom: 1px solid var(--border); font-size: 12px; font-weight: 700; text-transform: uppercase; color: var(--text-muted); display: flex; justify-content: space-between; align-items: center; }
    .card-body { padding: 20px; }
    
    .form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 16px; }
    .form-group { margin-bottom: 12px; }
    .form-label { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; color: var(--text-muted); margin-bottom: 6px; }
    .form-input, .form-select, .form-textarea { width: 100%; padding: 10px 12px; background: var(--bg-dark); border: 1px solid var(--border); color: var(--text); font-size: 14px; }
    .form-input:focus, .form-select:focus { outline: none; border-color: var(--accent); }
    
    table { width: 100%; border-collapse: collapse; }
    th, td { padding: 12px; text-align: left; border-bottom: 1px solid var(--border); }
    th { font-size: 11px; font-weight: 700; text-transform: uppercase; color: var(--text-muted); }
    tr:hover { background: var(--bg-elevated); }
    
    .badge { display: inline-block; padding: 3px 8px; font-size: 10px; font-weight: 700; text-transform: uppercase; }
    .badge.active { background: var(--success); color: #000; }
    .badge.inactive { background: var(--danger); color: #fff; }
    
    .alert { padding: 12px 16px; margin-bottom: 16px; }
    .alert.success { background: rgba(0,210,106,0.1); border: 1px solid var(--success); color: var(--success); }
    .alert.danger { background: rgba(255,71,87,0.1); border: 1px solid var(--danger); color: var(--danger); }
    
    .user-row { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid var(--border); }
    .user-info { display: flex; align-items: center; gap: 12px; }
    .user-balance { font-weight: 700; color: #ffd700; }


/* source: admin/tournaments.php */
    * { box-sizing: border-box; margin: 0; padding: 0; }
    .admin-layout { display: flex; min-height: 100vh; }
    .admin-sidebar { width: 260px; background: var(--bg-card); border-right: 1px solid var(--border); padding: 24px 0; position: fixed; height: 100vh; }
    .admin-logo { padding: 0 24px 24px; border-bottom: 1px solid var(--border); margin-bottom: 16px; }
    .admin-logo h1 { font-size: 20px; color: var(--accent); }
    .admin-logo span { font-size: 12px; color: var(--text-muted); }
    .admin-nav { list-style: none; }
    .admin-nav a { display: flex; align-items: center; gap: 12px; padding: 14px 24px; color: var(--text-muted); text-decoration: none; font-size: 14px; }
    .admin-nav a:hover { background: var(--bg-elevated); color: var(--text); }
    .admin-nav a.active { background: rgba(255, 85, 0, 0.1); color: var(--accent); border-right: 3px solid var(--accent); }
    .nav-divider { height: 1px; background: var(--border); margin: 16px 24px; }
    
    .admin-main { flex: 1; margin-left: 260px; padding: 32px; }
    .admin-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; }
    .admin-title { font-size: 28px; font-weight: 700; }
    
    .card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; margin-bottom: 24px; }
    .card-header { padding: 16px 20px; border-bottom: 1px solid var(--border); }
    .card-title { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
    .card-body { padding: 20px; }
    
    .btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; font-size: 13px; font-weight: 600; border: none; cursor: pointer; text-decoration: none; color: var(--text); background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 6px; }
    .btn:hover { background: var(--border); }
    .btn-primary { background: var(--accent); border-color: var(--accent); }
    .btn-danger { background: rgba(255,71,87,0.1); border-color: var(--danger); color: var(--danger); }
    .btn-sm { padding: 6px 10px; font-size: 12px; }
    
    .alert { padding: 12px 16px; border-radius: 6px; margin-bottom: 16px; }
    .alert-success { background: rgba(0, 210, 106, 0.1); border: 1px solid var(--success); color: var(--success); }
    .alert-danger { background: rgba(255, 71, 87, 0.1); border: 1px solid var(--danger); color: var(--danger); }
    
    .form-group { margin-bottom: 16px; }
    .form-label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
    .form-input, .form-select, .form-textarea { width: 100%; padding: 10px; background: var(--bg-dark); border: 1px solid var(--border); color: var(--text); font-size: 14px; border-radius: 6px; }
    .form-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
    
    table { width: 100%; border-collapse: collapse; }
    th { text-align: left; padding: 12px 16px; font-size: 11px; font-weight: 700; text-transform: uppercase; color: var(--text-muted); border-bottom: 1px solid var(--border); }
    td { padding: 12px 16px; border-bottom: 1px solid var(--border); font-size: 14px; }
    tr:hover { background: var(--bg-elevated); }
    
    .status-badge { display: inline-block; padding: 4px 10px; font-size: 11px; font-weight: 600; border-radius: 4px; text-transform: uppercase; }
    
    .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }


/* source: admin/users.php */
    * { box-sizing: border-box; margin: 0; padding: 0; }
    .admin-layout { display: flex; min-height: 100vh; }
    .admin-sidebar { width: 260px; background: var(--bg-card); border-right: 1px solid var(--border); padding: 24px 0; position: fixed; height: 100vh; }
    .admin-logo { padding: 0 24px 24px; border-bottom: 1px solid var(--border); margin-bottom: 16px; }
    .admin-logo h1 { font-size: 20px; color: var(--accent); }
    .admin-logo span { font-size: 12px; color: var(--text-muted); }
    .admin-nav { list-style: none; }
    .admin-nav a { display: flex; align-items: center; gap: 12px; padding: 14px 24px; color: var(--text-muted); text-decoration: none; font-size: 14px; }
    .admin-nav a:hover { background: var(--bg-elevated); color: var(--text); }
    .admin-nav a.active { background: rgba(255, 85, 0, 0.1); color: var(--accent); border-right: 3px solid var(--accent); }
    .nav-divider { height: 1px; background: var(--border); margin: 16px 24px; }
    
    .admin-main { flex: 1; margin-left: 260px; padding: 32px; }
    .admin-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; flex-wrap: wrap; gap: 16px; }
    .admin-title { font-size: 28px; font-weight: 700; }
    
    .stats-row { display: flex; gap: 16px; margin-bottom: 24px; flex-wrap: wrap; }
    .stat-item { background: var(--bg-card); border: 1px solid var(--border); padding: 16px 24px; border-radius: 8px; }
    .stat-value { font-size: 24px; font-weight: 700; color: var(--accent); }
    .stat-label { font-size: 12px; color: var(--text-muted); text-transform: uppercase; }
    
    .card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; margin-bottom: 24px; }
    .card-header { padding: 16px 20px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
    .card-title { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
    .card-body { padding: 0; }
    
    .filters { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
    .filter-btn { padding: 8px 16px; background: var(--bg-dark); border: 1px solid var(--border); color: var(--text-muted); font-size: 13px; cursor: pointer; text-decoration: none; border-radius: 6px; }
    .filter-btn:hover { border-color: var(--text-muted); }
    .filter-btn.active { background: var(--accent); border-color: var(--accent); color: white; }
    
    .search-form { display: flex; gap: 8px; }
    .search-input { padding: 8px 14px; background: var(--bg-dark); border: 1px solid var(--border); color: var(--text); font-size: 14px; border-radius: 6px; width: 250px; }
    
    table { width: 100%; border-collapse: collapse; }
    th { text-align: left; padding: 12px 16px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--text-muted); border-bottom: 1px solid var(--border); }
    td { padding: 12px 16px; border-bottom: 1px solid var(--border); font-size: 14px; }
    tr:last-child td { border-bottom: none; }
    tr:hover { background: var(--bg-elevated); }
    
    .user-cell { display: flex; align-items: center; gap: 12px; }
    .user-avatar { width: 40px; height: 40px; border-radius: 8px; background: var(--bg-elevated); }
    .user-info { }
    .user-name { font-weight: 600; }
    .user-steam { font-size: 11px; color: var(--text-muted); font-family: monospace; }
    
    .badge { display: inline-block; padding: 4px 10px; font-size: 11px; font-weight: 600; border-radius: 4px; }
    .badge-success { background: rgba(0, 210, 106, 0.2); color: var(--success); }
    .badge-danger { background: rgba(255, 71, 87, 0.2); color: var(--danger); }
    .badge-warning { background: rgba(255, 170, 0, 0.2); color: var(--warning); }
    .badge-purple { background: rgba(123, 104, 238, 0.2); color: var(--purple); }
    .badge-muted { background: var(--bg-elevated); color: var(--text-muted); }
    
    .btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; font-size: 13px; font-weight: 600; border: none; cursor: pointer; text-decoration: none; color: var(--text); background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 6px; }
    .btn:hover { background: var(--border); }
    .btn-primary { background: var(--accent); border-color: var(--accent); }
    .btn-danger { background: rgba(255, 71, 87, 0.1); border-color: var(--danger); color: var(--danger); }
    .btn-sm { padding: 6px 10px; font-size: 12px; }
    
    .alert { padding: 12px 16px; border-radius: 6px; margin-bottom: 16px; }
    .alert-success { background: rgba(0, 210, 106, 0.1); border: 1px solid var(--success); color: var(--success); }
    .alert-danger { background: rgba(255, 71, 87, 0.1); border: 1px solid var(--danger); color: var(--danger); }
    
    .pagination { display: flex; justify-content: center; gap: 8px; padding: 20px; }
    .pagination a, .pagination span { padding: 8px 14px; background: var(--bg-dark); border: 1px solid var(--border); color: var(--text); text-decoration: none; font-size: 13px; border-radius: 4px; }
    .pagination a:hover { border-color: var(--accent); }
    .pagination span.current { background: var(--accent); border-color: var(--accent); }
    
    .actions-dropdown { position: relative; display: inline-block; }
    .actions-menu { display: none; position: absolute; right: 0; top: 100%; background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; min-width: 200px; z-index: 100; box-shadow: 0 10px 40px rgba(0,0,0,0.5); }
    .actions-dropdown:hover .actions-menu { display: block; }
    .actions-menu form, .actions-menu a { display: block; }
    .actions-menu button, .actions-menu a { width: 100%; text-align: left; padding: 10px 16px; background: none; border: none; color: var(--text); font-size: 13px; cursor: pointer; text-decoration: none; display: flex; align-items: center; gap: 8px; }
    .actions-menu button:hover, .actions-menu a:hover { background: var(--bg-elevated); }
    .actions-menu .danger { color: var(--danger); }
    .actions-divider { height: 1px; background: var(--border); margin: 4px 0; }
    
    .modal { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); z-index: 1000; align-items: center; justify-content: center; }
    .modal.active { display: flex; }
    .modal-content { background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px; padding: 24px; width: 100%; max-width: 400px; }
    .modal-title { font-size: 18px; font-weight: 700; margin-bottom: 16px; }
    .form-group { margin-bottom: 16px; }
    .form-label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
    .form-input, .form-select { width: 100%; padding: 10px 14px; background: var(--bg-dark); border: 1px solid var(--border); color: var(--text); font-size: 14px; border-radius: 6px; }