:root{--bg: #0f1015;--bg-2: #14151c;--card: #1b1d27;--card-2: #21232f;--border: #2a2d3a;--text: #e7e8ef;--muted: #9498a8;--primary: #575ECF;--primary-soft: #575ecf22;--win: #3ecf8e;--lose: #4a4d5c;--warn: #f0b132;--danger: #e5484d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:var(--bg-2);border-right:1px solid var(--border);padding:20px 14px;display:flex;flex-direction:column;gap:4px}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 20px}.brand .dot{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--primary),#7b81 e6);background:linear-gradient(135deg,var(--primary),#8a90ff);box-shadow:0 4px 14px var(--primary-soft)}.brand b{font-size:15px;letter-spacing:.2px}.brand span{display:block;font-size:11px;color:var(--muted);font-weight:500}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:var(--muted);font-weight:500;transition:.12s}.nav-link:hover{background:var(--card);color:var(--text)}.nav-link.active{background:var(--primary-soft);color:#b9bdff}.nav-link .ic{width:18px;text-align:center;opacity:.9}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:58px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--bg-2)}.topbar h1{font-size:15px;margin:0;font-weight:600}.content{padding:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px}.grid{display:grid;gap:16px}.cols-3{grid-template-columns:repeat(3,1fr)}.stat{display:flex;flex-direction:column;gap:6px}.stat .label{color:var(--muted);font-size:12px}.stat .value{font-size:26px;font-weight:700}.stat .value.accent{color:#b9bdff}.muted{color:var(--muted)}.page-head{margin:0 0 18px}.page-head h2{margin:0 0 4px;font-size:19px}.page-head p{margin:0;color:var(--muted)}.btn{background:var(--primary);color:#fff;border:none;padding:9px 16px;border-radius:9px;font-weight:600;cursor:pointer;font-size:13px}.btn:hover{filter:brightness(1.07)}.btn.ghost{background:var(--card-2);color:var(--text);border:1px solid var(--border)}.select,.input{background:var(--card-2);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:8px 12px;font-size:13px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px}tbody tr:hover{background:var(--card-2)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge.win{background:#3ecf8e22;color:var(--win)}.badge.lose{background:#4a4d5c22;color:var(--muted)}.badge.sent-grave{background:#e5484d22;color:#ff7a7f}.badge.sent-mod{background:#f0b13222;color:#f0b132}.badge.sent-leve{background:#9498a822;color:#b6bac9}.bonus{font-weight:700}.bonus.full{color:var(--win)}.dropzone{border:2px dashed var(--border);border-radius:16px;padding:52px;text-align:center;color:var(--muted);background:var(--card);transition:.15s}.dropzone:hover{border-color:var(--primary);color:var(--text)}.tag-soon{font-size:10px;font-weight:700;color:var(--warn);background:#f0b13222;padding:2px 7px;border-radius:6px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px}.gav{--ok: #2fd07a;--no: #ff5a5f;--gold: #ffce5c;--pratique: #e5423a;--pratique-deep: #c4271d;min-height:100vh;padding:22px 26px 30px;background:radial-gradient(1200px 620px at 82% -12%,#e5423a2b,transparent 60%),radial-gradient(900px 500px at -5% 112%,#e5423a1c,transparent 55%),linear-gradient(180deg,#0b1018,#0c111a 55%,#0a0f17);color:var(--text);font-family:Inter,Segoe UI,system-ui,sans-serif}.gav-clock{text-align:center;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:1px;text-transform:capitalize;margin-bottom:14px}.gav-tabs{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;padding-bottom:4px}.gav-tab{padding:9px 18px;border-radius:11px;border:1px solid var(--border);background:#161821;color:var(--muted);font-weight:700;font-size:13px;white-space:nowrap;cursor:pointer;transition:.15s}.gav-tab:hover{color:var(--text)}.gav-tab.active{background:var(--pratique);color:#fff;border-color:var(--pratique);box-shadow:0 6px 18px #e5423a44}.gav-top{display:grid;grid-template-columns:1.1fr 1.6fr 1.1fr 1.1fr;gap:16px}.gav-hero{position:relative;border-radius:20px;padding:16px 22px;border:1px solid var(--border);background:linear-gradient(135deg,#1a1c27,#15161e);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.gav-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(440px 200px at 50% 0%,#e5423a33,transparent 70%)}.gav-hero .logoimg{width:178px;height:auto;margin:2px 0 12px;filter:drop-shadow(0 6px 18px #00000060)}.gav-hero h1{margin:0;font-size:21px;font-weight:800;letter-spacing:3px;text-align:center;color:#eef0f6}.gav-hero .sub{color:#fff;font-size:13px;margin-top:7px;letter-spacing:3px;text-transform:uppercase;font-weight:700;padding:4px 14px;border-radius:20px;background:#e5423a26;border:1px solid #e5423a55}.gav-stat{border-radius:20px;padding:18px 22px;border:1px solid var(--border);background:linear-gradient(135deg,#181a24,#131420);display:flex;flex-direction:column;justify-content:center;gap:6px}.gav-stat .k{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.gav-stat .v{font-size:40px;font-weight:800;line-height:1}.gav-stat .v.money{background:linear-gradient(180deg,#ffe9a3,#f5c542 55%,#d9a526);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px #f5c54233)}.gav-stat .pct{font-size:13px;color:var(--muted);font-weight:600}.semaforo{position:relative;display:inline-flex;align-items:center;gap:9px;margin-top:13px;padding:7px 14px 7px 11px;background:#0005;border:1px solid var(--border);border-radius:30px}.semaforo .lamp{width:15px;height:15px;border-radius:50%;background:#20232e;opacity:.3;transition:.25s}.semaforo.red .lamp.red{background:var(--no);opacity:1;box-shadow:0 0 14px var(--no)}.semaforo.yellow .lamp.yellow{background:var(--gold);opacity:1;box-shadow:0 0 14px var(--gold)}.semaforo.green .lamp.green{background:var(--ok);opacity:1;box-shadow:0 0 14px var(--ok)}.semaforo-label{margin-left:4px;font-weight:800;font-size:12px;letter-spacing:2px;text-transform:uppercase}.semaforo.red .semaforo-label{color:var(--no)}.semaforo.yellow .semaforo-label{color:var(--gold)}.semaforo.green .semaforo-label{color:var(--ok)}.gav-ring{display:flex;align-items:center;gap:16px}.ring{--p: 0;width:78px;height:78px;border-radius:50%;flex:none;background:conic-gradient(#f5c542 calc(var(--p) * 1%),#2a2d3a 0);display:grid;place-items:center;position:relative;filter:drop-shadow(0 0 10px #f5c54233)}.ring:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:#11161f}.ring span{position:relative;font-weight:800;font-size:15px;color:#ffe9a3}.gav-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}.kpi{position:relative;border-radius:20px;padding:20px 20px 18px;border:1px solid var(--border);background:linear-gradient(160deg,#181a24,#14151d);overflow:hidden;transition:transform .15s,box-shadow .15s}.kpi:hover{transform:translateY(-3px);box-shadow:0 16px 40px #0005}.kpi.hit{border-color:#2fd07a55;box-shadow:inset 0 0 0 1px #2fd07a22,0 0 30px #2fd07a14}.kpi.miss{border-color:#ff5a5f55;box-shadow:inset 0 0 0 1px #ff5a5f22}.kpi .glow{position:absolute;top:-40px;right:-40px;width:130px;height:130px;border-radius:50%;filter:blur(30px);opacity:.5}.kpi.hit .glow{background:#2fd07a}.kpi.miss .glow{background:#ff5a5f}.kpi .head{display:flex;align-items:center;gap:11px;position:relative}.kpi .icbox{width:34px;height:34px;flex:none;display:grid;place-items:center;background:#ffffff0a;border:1px solid var(--border);border-radius:10px;padding:6px}.kpi .title{font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#d6d9e6}.kpi .val{position:relative;font-size:46px;font-weight:800;margin:14px 0 4px;line-height:1}.kpi.hit .val{color:var(--ok)}.kpi.miss .val{color:var(--no)}.kpi .sub{position:relative;color:var(--muted);font-size:12.5px}.kpi .pts{position:absolute;top:18px;right:18px;font-weight:800;font-size:14px;padding:4px 10px;border-radius:20px;background:#ffffff0d;color:#d6d9e6}.kpi.hit .pts{background:#2fd07a1f;color:var(--ok)}.gav-rules{margin-top:18px;border-radius:20px;border:1px solid var(--border);overflow:hidden}.gav-rules table{width:100%;border-collapse:collapse}.gav-rules th{background:#15161e;color:var(--muted);font-size:11px;padding:12px 16px}.gav-rules td{padding:12px 16px;border-top:1px solid var(--border);font-size:13px}.gav-rules tr.hit td{background:#11271c}.gav-rules tr.miss td{background:#2a1416}.gav-rules .chip{font-weight:700;padding:3px 9px;border-radius:14px;font-size:11px}.gav-rules .chip.s{background:#2fd07a22;color:var(--ok)}.gav-rules .chip.n{background:#ff5a5f22;color:var(--no)}.gav-foot{padding:10px 16px;font-size:12px;color:var(--muted);background:#14151e}@media (max-width: 860px){.gav-top{grid-template-columns:1fr 1fr}.gav-hero{grid-column:1 / -1;order:-1;padding:14px}.gav-grid{grid-template-columns:1fr 1fr}.gav-stat .v{font-size:32px}.kpi .val{font-size:38px}}@media (max-width: 520px){.gav{padding:14px 13px 22px}.gav-top{grid-template-columns:1fr 1fr;gap:10px}.gav-grid{grid-template-columns:1fr 1fr;gap:11px}.gav-stat{padding:13px 15px}.gav-stat .v{font-size:26px}.kpi{padding:15px 15px 14px;border-radius:16px}.kpi .val{font-size:32px}.kpi .pts{top:14px;right:14px;font-size:12px;padding:3px 8px}.gav-hero h1{font-size:17px;letter-spacing:2px}.gav-hero .logoimg{width:140px}.gav-rules{overflow-x:auto}.gav-rules table{min-width:540px}}