:root{
  --bg:#08120d; --panel:#102018; --panel2:#14281f; --text:#effdf3; --muted:#a9c2b3;
  --accent:#bcff5f; --accent2:#31d2a0; --danger:#ff6961; --line:rgba(255,255,255,.10);
  --shadow:0 24px 70px rgba(0,0,0,.35); --radius:24px;
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:
  radial-gradient(circle at top left,rgba(188,255,95,.18),transparent 32%),
  radial-gradient(circle at bottom right,rgba(49,210,160,.20),transparent 34%),var(--bg);color:var(--text);min-height:100vh}
a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:278px;padding:24px;display:flex;flex-direction:column;gap:26px;background:rgba(7,16,11,.72);backdrop-filter:blur(20px);border-right:1px solid var(--line);position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:14px}.brand strong{display:block;font-size:22px}.brand span,.profile-card span,.muted{color:var(--muted)}.logo{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;font-size:28px;box-shadow:0 12px 36px rgba(188,255,95,.25)}nav{display:grid;gap:8px}nav a{padding:13px 14px;border-radius:16px;color:#d7eadc}nav a:hover{background:rgba(255,255,255,.08)}.profile-card{margin-top:auto;padding:14px;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:20px;display:flex;gap:12px;align-items:center}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#fff,var(--accent));color:#102018;font-weight:800}.logout{color:var(--muted);padding-left:10px}.main{flex:1;padding:34px;max-width:1420px;margin:0 auto}.main-login{max-width:none}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--accent);font-weight:800;font-size:12px}.topbar h1,.login-card h2{margin:.1em 0 0;font-size:42px}.btn,button{border:0;border-radius:15px;padding:13px 18px;background:rgba(255,255,255,.10);color:var(--text);font-weight:800;cursor:pointer}.btn.primary,button[type=submit]{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#07100b;box-shadow:0 14px 38px rgba(188,255,95,.20)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.stat-card,.panel,.member-card,.suggestion-card,.login-card,.hero-card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{padding:22px}.stat-card span{color:var(--muted)}.stat-card strong{display:block;font-size:40px;margin:8px 0}.stat-card em{font-style:normal;color:var(--accent)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px}.panel{padding:22px}.panel h2{margin:0 0 16px}.wide{min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center}.match-list{display:grid;gap:10px}.match-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:14px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.match-row span,.rank-table small{display:block;color:var(--muted);margin-top:4px}.score{font-size:18px;font-weight:900;color:var(--accent)}.pill,.level,.hero-pill{display:inline-flex;align-items:center;border:1px solid rgba(188,255,95,.35);background:rgba(188,255,95,.12);color:var(--accent);padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800}.improver-list{display:grid;gap:10px}.improver-list div{display:flex;justify-content:space-between;padding:12px;background:rgba(255,255,255,.05);border-radius:14px}.filterbar{display:flex;gap:14px;align-items:end;margin-bottom:18px;padding:16px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:22px}label{display:grid;gap:7px;color:var(--muted);font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:rgba(1,8,4,.7);color:var(--text);padding:13px 14px;font:inherit}textarea{resize:vertical}.rank-table{width:100%;border-collapse:separate;border-spacing:0 10px}.rank-table th{text-align:left;color:var(--muted);font-size:13px}.rank-table td{padding:14px;background:rgba(255,255,255,.045);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rank-table td:first-child{border-left:1px solid var(--line);border-radius:16px 0 0 16px}.rank-table td:last-child{border-right:1px solid var(--line);border-radius:0 16px 16px 0}.rank{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(188,255,95,.13);font-weight:900}.member-grid,.suggestion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.member-card{padding:18px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.member-main h2{margin:0}.member-main p{margin:5px 0;color:var(--muted)}.member-ratings{grid-column:1 / -1;display:flex;gap:12px}.member-ratings span{flex:1;padding:12px;border-radius:14px;background:rgba(255,255,255,.05);color:var(--muted)}.member-ratings b{color:var(--text)}.form-panel{max-width:900px}.grid-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.team-box{padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.04);display:grid;gap:12px}.team-box h2{margin:0}.full{grid-column:1/-1}.suggestion-card{padding:20px}.versus{display:grid;gap:10px;margin:16px 0}.versus div{display:flex;justify-content:space-between;padding:12px;border-radius:14px;background:rgba(255,255,255,.05)}.versus em{text-align:center;color:var(--muted);font-style:normal}.winbar{height:12px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;margin:12px 0}.winbar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;padding:44px}.hero-card{min-height:520px;padding:44px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;right:-120px;bottom:-120px;width:420px;height:420px;border:38px solid rgba(188,255,95,.22);border-radius:50%}.hero-card h1{font-size:64px;line-height:.98;max-width:760px;margin:22px 0}.hero-card p{font-size:20px;color:var(--muted);max-width:640px}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px;position:relative;z-index:1}.hero-grid div{padding:18px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid var(--line)}.hero-grid strong{display:block}.hero-grid span{display:block;color:var(--muted);margin-top:5px}.login-card{padding:34px}.login-card form{display:grid;gap:14px}.login-card label{margin:14px 0}.flash-wrap{display:grid;gap:8px;margin-bottom:16px}.flash{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.08)}.flash.success{background:rgba(49,210,160,.16)}.flash.danger{background:rgba(255,105,97,.18)}.flash.warning{background:rgba(255,215,100,.16)}
@media(max-width:980px){.shell{display:block}.sidebar{position:relative;width:auto;height:auto}.main{padding:20px}.stats-grid,.dashboard-grid,.login-page{grid-template-columns:1fr}.hero-card h1{font-size:42px}.hero-grid,.grid-form{grid-template-columns:1fr}.match-row{grid-template-columns:1fr}.filterbar{display:grid}.full{grid-column:auto}}