:root{--blue:#3999ec;--blue2:#397ee9;--red:#ff3850;--teal:#08b5c8;--ink:#202630;--muted:#7b8490;--line:#dfe4e9;--panel:#fff;--bg:#edf1f4;--side:#f7f8f9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Arial,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:var(--side);border-right:1px solid #d9dee3;z-index:20}.brand{height:80px;display:flex;align-items:center;gap:12px;padding:0 26px;font-size:22px}.brand span{font-size:32px}.sidebar nav{padding:18px 0}.sidebar nav a{display:flex;align-items:center;gap:15px;padding:17px 28px;color:#303944;text-decoration:none;font-weight:700;border-left:4px solid transparent}.sidebar nav a:hover,.sidebar nav a.active{color:#2e72c9;background:#e9f2fc;border-left-color:var(--blue)}.topbar{position:fixed;left:270px;right:0;top:0;height:80px;background:#fff;border-bottom:1px solid #dfe3e7;display:flex;align-items:center;justify-content:space-between;padding:0 30px;z-index:15}.topbar>button{display:none;border:0;background:transparent;font-size:25px}.topbar>span{font-size:18px;font-weight:700}.topbar div{display:flex;gap:20px;align-items:center}.topbar a{color:#d43a4c;text-decoration:none}.content{margin-left:270px;padding:112px 30px 50px;max-width:1700px}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.page-title h1{font-size:28px;margin:0}.page-title p,.panel-head p{color:var(--muted);margin:5px 0 0}.primary{border:0;border-radius:4px;color:#fff;padding:14px 20px;font-weight:800}.danger{background:var(--red)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.stats article{background:#fff;border-radius:6px;padding:22px;display:flex;align-items:center;gap:18px;box-shadow:0 2px 5px #dce1e5}.stats article>span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#eaf5ff;color:var(--blue);font-size:24px}.stats small{color:var(--muted);display:block;font-weight:700}.stats b{font-size:28px}.panel{background:#fff;border-radius:6px;margin:20px 0;box-shadow:0 2px 6px #dce1e5;overflow:hidden}.panel-head{min-height:84px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head h2{margin:0}.panel-head form{display:flex}.panel-head input{width:240px;border:1px solid #ccd5dd;border-radius:4px 0 0 4px;padding:11px}.panel-head button{border:0;background:var(--blue);color:#fff;padding:0 17px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:15px 20px;border-bottom:1px solid #edf0f2}th{color:#6f7881;font-size:12px;background:#fafbfc}code{color:#3575bc}.money{font-weight:800}.status,.tx{display:inline-block;border-radius:15px;padding:5px 10px;font-size:11px;font-weight:800}.online,.tx.in{background:#dcf8ea;color:#128250}.blocked,.tx.out{background:#ffe3e6;color:#c72d41}.actions{display:flex;gap:7px}.actions form{display:inline}.actions button{border:0;border-radius:50%;width:34px;height:34px;background:#087d8b;color:#fff;cursor:pointer}.empty{text-align:center;color:var(--muted);padding:38px}.flash{padding:13px 18px;border-radius:5px;margin-bottom:18px}.flash.ok{background:#daf5e7;color:#0d7147}.flash.error,.alert{background:#ffe3e6;color:#aa2739}.modal{position:fixed;inset:0;background:rgba(20,27,34,.63);z-index:50;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-card{width:min(600px,96vw);background:#f7f8fa;border-radius:6px;position:relative;box-shadow:0 25px 55px #20263055;overflow:hidden}.modal-card.small{width:min(470px,96vw)}.modal-close{position:absolute;right:14px;top:9px;border:0;background:transparent;color:#fff;font-size:26px;z-index:2}.modal-tabs{height:74px;margin:0;background:linear-gradient(100deg,#39b9ef,#427eea);display:flex;align-items:center;justify-content:space-around;color:#fff;font-size:19px}.modal-tabs b{background:var(--red);padding:15px 40px;border-radius:5px}.modal-tabs.balance b{background:transparent}.modal form{padding:24px 34px 0}.modal h2{text-align:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.modal label,.login-card label{display:block;color:#68717b;margin:12px 0}.modal input,.modal select,.login-card input{display:block;width:100%;height:48px;margin-top:5px;border:1px solid #b9cee4;border-radius:4px;background:#edf4ff;padding:0 14px;color:#222}.modal footer{margin:25px -34px 0;padding:16px 34px;background:#eef0f2;display:flex;justify-content:flex-end;gap:18px}.modal footer button{padding:12px 19px;font-weight:800}.outline{border:2px solid var(--teal);color:var(--teal);background:#fff}.accept{border:2px solid var(--teal);background:var(--teal);color:#fff}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#263441,#1c2833)}.login-card{width:min(430px,92vw);background:#fff;border-radius:7px;padding:35px;box-shadow:0 25px 60px #0006}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.login-brand>span{font-size:36px}.login-brand b,.login-brand small{display:block}.login-brand b{font-size:22px}.login-brand small{color:var(--muted);letter-spacing:2px}.login-card h1{margin-bottom:5px}.login-card>p{color:var(--muted)}.login-card .alert{padding:11px}.login-card button{width:100%;border:0;border-radius:4px;background:var(--teal);color:#fff;padding:14px;font-weight:800;margin-top:14px}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.topbar{left:0}.topbar>button{display:block}.content{margin-left:0;padding:105px 15px 35px}.stats{grid-template-columns:1fr 1fr}.panel-head{align-items:flex-start;gap:15px;flex-direction:column}.panel-head form{width:100%}.panel-head input{flex:1}.form-grid{grid-template-columns:1fr}}
@media(max-width:520px){.stats{grid-template-columns:1fr}.page-title{align-items:flex-start;gap:15px;flex-direction:column}.topbar{padding:0 14px}.topbar>span{display:none}.modal form{padding:20px 20px 0}.modal footer{margin:22px -20px 0;padding:15px 20px}.modal-tabs b{padding:14px 22px}}
.admin-infinity{display:inline-flex!important;align-items:center;gap:7px;color:#343b43;font-size:25px;font-weight:900;border-right:1px solid #aab1b7;padding-right:20px}.hidden-link{display:inline-block;margin-top:8px;color:#397ee9;text-decoration:none;font-size:12px;font-weight:800}.status.hidden-state{margin-left:6px;background:#ece9f8;color:#7250a2}.is-hidden{opacity:.58;background:#f3f3f5}.quick-amounts{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:15px 0}.quick-amounts button{border:2px solid var(--teal);background:#fff;color:#587096;padding:10px 4px;font-weight:800;box-shadow:0 2px 4px #0002;cursor:pointer}.quick-amounts button:hover{background:#e8fbfd}.actions button[title^="Añadir"],.actions button[title^="Descontar"]{font-size:20px;background:var(--teal)}.actions button[title^="Ocultar"],.actions button[title^="Mostrar"]{background:#2f91e0}.modal-tabs.balance{background:linear-gradient(100deg,#43b9ef,#4387ef)}.modal-tabs.balance b{font-size:22px}
@media(max-width:520px){.quick-amounts{grid-template-columns:repeat(3,1fr)}.admin-infinity{font-size:18px;padding-right:8px}}
.report-head form{display:grid;grid-template-columns:minmax(190px,1fr) 145px 145px auto;gap:8px}.report-head input{width:auto!important;border-radius:4px!important}.report-head button{border-radius:4px;min-height:42px}.report-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 22px;background:#f5f8fb}.report-stats article{background:linear-gradient(135deg,#74869a,#607489);color:#fff;border-radius:5px;padding:17px;box-shadow:0 2px 4px #0002}.report-stats small{display:block;opacity:.78;font-weight:800}.report-stats b{display:block;font-size:21px;margin-top:5px}.negative{color:#d7374e!important}.report-limit{padding:12px 20px;color:#a66b19;background:#fff4d8;margin:0}
@media(max-width:900px){.report-head form{grid-template-columns:1fr 1fr;width:100%}.report-stats{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.report-head form,.report-stats{grid-template-columns:1fr}}
.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:8px 0 26px}.analytics-card{min-height:300px;background:#fff;border-radius:6px;box-shadow:0 2px 6px #cfd6dc;padding:66px 20px 20px;position:relative}.analytics-card>h2{position:absolute;left:20px;right:20px;top:-16px;margin:0;padding:10px 22px;border-radius:0 0 7px 7px;background:var(--teal);color:#fff;font-size:22px;font-weight:500;box-shadow:0 3px 5px #0003}.quick-credit>div{text-align:center;margin:0 0 25px}.quick-credit form{display:flex;max-width:510px;margin:auto}.quick-credit input{flex:1;border:1px solid #b9c6d2;border-bottom:2px solid #3d8be0;padding:14px;font-size:17px}.quick-credit form button{border:0;background:var(--teal);color:#fff;padding:0 24px;font-weight:900;margin-left:12px}.net-benefit{text-align:center;font-size:20px}.net-benefit p{margin:15px 0 32px}.net-benefit b{font-size:24px}.chart-card{padding:56px 12px 10px;min-height:350px}.chart-card canvas{display:block;width:100%;height:275px}.top-player-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(320px,1fr) minmax(220px,.55fr);align-items:center}.top-player-card canvas{height:300px}.chart-legend{display:grid;gap:12px;padding:25px}.chart-legend span{font-size:15px;color:#53606d}.chart-legend i{display:inline-block;width:18px;height:18px;margin-right:8px;vertical-align:middle}
@media(max-width:900px){.analytics-grid{grid-template-columns:1fr}.top-player-card{grid-column:auto}.analytics-card>h2{font-size:18px}.top-player-card{display:block}}