:root{--bg:#0e0d16;--panel:#171522;--panel2:#1d1a2b;--border:#2c2840;--text:#f5f3fb;--muted:#9893ab;--purple:#8c5cf6;--purple2:#6f42d8;--green:#39d98a;--red:#ff647c;--yellow:#f5bd4f;--blue:#5ab0ff;--shadow:0 16px 48px rgba(0,0,0,.25)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}.hidden{display:none!important}.app-shell{min-height:100vh;display:grid;grid-template-columns:235px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;background:#12101c;border-right:1px solid var(--border);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.brand strong,.brand span{display:block}.brand strong{letter-spacing:.08em}.brand span{color:var(--muted);font-size:12px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(140deg,#ad7aff,var(--purple2));display:grid;place-items:center;font-size:20px;font-weight:800;box-shadow:0 8px 24px rgba(140,92,246,.35)}nav{display:grid;gap:7px}nav button{border:0;border-radius:10px;background:transparent;color:var(--muted);padding:11px 14px;text-align:left;cursor:pointer}nav button:hover,nav button.active{background:#211d33;color:#fff}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border);padding:16px 8px 0;display:flex;align-items:center;justify-content:space-between;color:var(--muted)}main{min-width:0;padding:0 30px 40px}.topbar{height:105px;display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:0 0 3px;font-size:25px}.topbar p,.panel-title p{margin:0;color:var(--muted)}.page{display:none}.page.active{display:block}.status-pill,.badge{border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.status-pill.ok,.badge.ok{color:var(--green);background:rgba(57,217,138,.11)}.status-pill.error,.badge.error{color:var(--red);background:rgba(255,100,124,.11)}.status-pill.warning,.badge.warning{color:var(--yellow);background:rgba(245,189,79,.11)}.status-pill.neutral,.badge.neutral{color:var(--muted);background:#211e2e}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metric,.panel{border:1px solid var(--border);background:var(--panel);border-radius:15px;box-shadow:var(--shadow)}.metric{padding:19px}.metric span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.metric strong{font-size:25px}.panel{padding:20px;margin-bottom:16px}.panel-title{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:18px}.panel-title h2,.notice-panel h2{font-size:17px;margin:0 0 3px}.connection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.connection{border:1px solid var(--border);background:var(--panel2);border-radius:12px;padding:14px}.connection strong{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.connection p{margin:0;color:var(--muted);font-size:12px}.dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.dot.ok{background:var(--green);box-shadow:0 0 10px rgba(57,217,138,.6)}.dot.error{background:var(--red);box-shadow:0 0 10px rgba(255,100,124,.5)}.dot.warning{background:var(--yellow)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.summary-grid div{padding:13px;background:var(--panel2);border-radius:10px}.summary-grid span{display:block;color:var(--muted);font-size:12px}.summary-grid strong{display:block;margin-top:6px}.toolbar{display:flex;gap:10px;margin-bottom:14px;justify-content:space-between}.toolbar .search{flex:1;max-width:520px}.primary,.secondary,.quiet,.icon-button{border:0;cursor:pointer;border-radius:9px;padding:10px 14px;font-weight:700}.primary{background:linear-gradient(140deg,var(--purple),var(--purple2));color:white}.primary:hover{filter:brightness(1.1)}.secondary{background:#29253a;color:#ddd7eb;border:1px solid #39334e}.quiet{padding:5px 0;background:transparent;color:var(--muted)}.icon-button{font-size:24px;padding:0 7px;background:transparent;color:var(--muted)}input,select,textarea{width:100%;color:var(--text);background:#11101a;border:1px solid #343047;border-radius:9px;padding:10px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(140,92,246,.12)}label{display:grid;gap:6px;color:#c7c2d3;font-size:12px}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1050px}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid #282438;vertical-align:middle}th{position:sticky;top:0;background:#1a1726;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}td strong,td small{display:block}td small{color:var(--muted);margin-top:3px}.money.positive{color:var(--green)}.money.negative{color:var(--red)}.row-actions{display:flex;justify-content:flex-end;gap:7px}.mini{border:1px solid #3a3450;background:#242034;color:#dcd5ee;border-radius:7px;padding:6px 9px;cursor:pointer;font-size:12px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.two-columns .panel{margin:0}.two-columns label{margin-bottom:12px}.notice-panel{background:linear-gradient(145deg,rgba(140,92,246,.12),rgba(23,21,34,1))}.notice-panel p{color:var(--muted);margin:0}.logs-list{display:grid;gap:9px}.log-entry{display:grid;grid-template-columns:155px 90px 1fr;gap:13px;align-items:start;border:1px solid var(--border);background:var(--panel);border-radius:11px;padding:13px}.log-entry time,.log-entry small{color:var(--muted)}dialog{width:min(780px,calc(100% - 30px));max-height:90vh;overflow:auto;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 30px 100px rgba(0,0,0,.6);padding:0}dialog::backdrop{background:rgba(5,4,10,.76);backdrop-filter:blur(3px)}dialog form{padding:22px}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.dialog-head h2{margin:0 0 3px}.dialog-head p{margin:0;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .wide{grid-column:1/-1}.check-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:17px}.check-row label{display:flex;align-items:center;gap:8px}.check-row input{width:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,#241943 0,#0e0d16 48%)}.login-card{width:min(390px,100%);display:grid;gap:15px;padding:34px;background:rgba(23,21,34,.96);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.login-card .brand-mark{margin:auto}.login-card h1,.login-card p{text-align:center;margin:0}.login-card p{color:var(--muted);margin-bottom:8px}.form-error{min-height:20px;text-align:center;color:var(--red)}.toast{position:fixed;right:25px;bottom:25px;max-width:420px;padding:13px 16px;border-radius:10px;background:#29243a;border:1px solid #48405f;box-shadow:var(--shadow);z-index:20}.toast.error{border-color:rgba(255,100,124,.5);color:#ffdce2}
label small{color:var(--muted);font-weight:400}hr{border:0;border-top:1px solid var(--border);margin:18px 0}
.muted-line{color:var(--muted);margin:13px 0 0}.steam-search-grid{display:grid;grid-template-columns:minmax(260px,1fr) 190px auto auto;gap:10px;align-items:end}.steam-table{min-width:780px}.steam-source-table{min-width:760px}.steam-source-table a{color:#b995ff}.steam-summary{display:grid;grid-template-columns:minmax(240px,420px);gap:12px;margin-top:18px}.steam-summary div{padding:14px;background:var(--panel2);border-radius:10px}.steam-summary span{display:block;color:var(--muted);font-size:12px}.steam-summary strong{display:block;margin-top:6px;font-size:16px}.steam-games-body input,input[type="radio"]{width:auto;accent-color:var(--purple)}.inline-action{display:flex;align-items:center;gap:12px}.inline-action small{color:var(--muted)}.picker-search{display:grid;grid-template-columns:1fr auto;gap:10px}.picker-table{max-height:430px;margin-top:14px;border:1px solid var(--border);border-radius:10px}.picker-table table{min-width:760px}
.withdrawal-form{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;align-items:end}.withdrawal-form .wide{grid-column:1/-1}.withdrawal-actions{display:flex;gap:10px;align-items:center}.withdrawal-quote{margin-top:18px}.withdrawal-quote .summary-grid{grid-template-columns:repeat(4,1fr)}.withdrawal-quote .warning-text{color:var(--yellow);margin:10px 0 0}input:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.connection-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1200px){.steam-search-grid{grid-template-columns:2fr 1fr auto auto}.steam-search-grid button{width:100%}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;height:auto;padding:13px}.brand{padding:0 4px 12px}.sidebar nav{grid-auto-flow:column;grid-auto-columns:max-content;overflow:auto}.sidebar nav button{text-align:center;padding:9px 8px;white-space:nowrap}.sidebar-footer{display:none}main{padding:0 14px 25px}.topbar{height:85px}.topbar h1{font-size:21px}.topbar p{display:none}.metric-grid,.connection-grid,.summary-grid,.two-columns,.steam-summary,.withdrawal-form,.withdrawal-quote .summary-grid{grid-template-columns:1fr}.withdrawal-form .wide{grid-column:auto}.withdrawal-actions{display:grid}.steam-search-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar .search{max-width:none;flex-basis:100%}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.inline-action,.picker-search{display:grid;grid-template-columns:1fr}.log-entry{grid-template-columns:1fr}.panel{padding:15px}}