:root{--blue:#1477c9;--dark:#075293;--sky:#eaf6ff;--ink:#17324a;--muted:#6b8296;--ok:#1aa26b;--bad:#e54949;--card:#fff;--shadow:0 8px 28px #0b5d9520}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#f4f9fd}button,input,select{font:inherit}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#70c4f2,#0870bb 55%,#034276)}.login-card{width:min(390px,100%);background:#fff;border-radius:28px;padding:34px;box-shadow:0 30px 70px #00305466;text-align:center}.crest{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;margin:auto;background:linear-gradient(145deg,#55bff0,#0868b4);font-size:44px;border:6px solid #dff4ff}.login h1{margin:16px 0 2px;color:var(--dark);letter-spacing:1px}.login p{margin:0 0 24px;color:var(--muted)}label{display:block;text-align:left;font-size:13px;font-weight:700;margin:12px 0}input,select{width:100%;padding:12px;border:1px solid #cbdce8;border-radius:12px;background:#fff}.login button,.primary{width:100%;border:0;border-radius:12px;padding:13px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}.login small{display:block;color:var(--muted);margin-top:13px}header{height:72px;position:fixed;left:230px;right:0;top:0;z-index:3;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #deebf3}.brand{border:0;background:none;display:flex;align-items:center;gap:10px;color:var(--dark);font-weight:900;text-align:left}.brand small{display:block;font-weight:500;color:var(--muted)}.mini-crest{font-size:28px}header>div{display:flex;gap:15px;align-items:center}header select{padding:8px;width:auto}.online{font-size:13px;color:var(--ok)}aside{position:fixed;inset:0 auto 0 0;width:230px;background:linear-gradient(180deg,#086db9,#064a81);padding:95px 12px 20px;z-index:2}aside button{display:flex;width:100%;border:0;background:transparent;color:#dff3ff;padding:13px;border-radius:12px;margin:3px 0;gap:12px;text-align:left;cursor:pointer}aside button.active,aside button:hover{background:#ffffff22;color:#fff;font-weight:800}main{margin-left:230px;padding:100px 28px 90px;max-width:1500px}.hero{background:linear-gradient(120deg,#0d68ad,#3aaee8);color:#fff;border-radius:22px;padding:26px;display:flex;justify-content:space-between;box-shadow:var(--shadow)}h2{margin:0 0 5px}.hero p{margin:0;opacity:.9}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stat,.panel{background:var(--card);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.stat strong{font-size:28px;display:block;color:var(--dark)}.stat span{font-size:13px;color:var(--muted)}.grid2{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.panel h3{margin-top:0}.row,.player{display:flex;align-items:center;justify-content:space-between;padding:13px 4px;border-bottom:1px solid #e5eef4;gap:10px}.row:last-child,.player:last-child{border:0}.badge{padding:5px 9px;border-radius:20px;background:var(--sky);color:var(--dark);font-size:12px;font-weight:700}.badge.ok{background:#e2f8ee;color:#08784c}.badge.bad{background:#ffe7e7;color:#b42626}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.toolbar input{max-width:360px}.toolbar button,.smallbtn{border:0;border-radius:10px;padding:10px 14px;background:var(--blue);color:#fff;cursor:pointer}.avatar{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:var(--sky);font-weight:900;color:var(--dark)}.player-info{flex:1}.player-info strong,.player-info small{display:block}.player-info small{color:var(--muted)}.cardview{max-width:440px;background:linear-gradient(135deg,#0873c4,#06477e);color:#fff;border-radius:24px;padding:24px;box-shadow:0 18px 40px #06477e55}.qr{width:150px;height:150px;margin:20px auto;background:repeating-conic-gradient(#0b3555 0 25%,#fff 0 50%) 0/18px 18px;border:10px solid #fff}.cardview .meta{display:flex;justify-content:space-between}.bottom{display:none}dialog{border:0;border-radius:22px;width:min(520px,calc(100% - 30px));padding:0;box-shadow:0 30px 70px #002a4c55}dialog form{padding:26px}.close{float:right;border:0;background:none;font-size:28px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formgrid label{margin:0}.formgrid .full{grid-column:1/-1}@media(max-width:800px){header{left:0;height:64px;padding:0 15px}.brand small,.online{display:none}aside{display:none}main{margin:0;padding:82px 14px 95px}.stats{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.hero{padding:20px}.bottom{position:fixed;display:flex;z-index:5;bottom:0;left:0;right:0;height:72px;background:#fff;box-shadow:0 -5px 20px #0b5d9520;justify-content:space-around}.bottom button{border:0;background:none;color:var(--muted);min-width:55px;font-size:22px}.bottom small{font-size:9px;display:block}.bottom .scan{width:65px;height:65px;border-radius:50%;background:var(--blue);color:#fff;margin-top:-18px}.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:auto}}