/* style.css - Complete styling */
:root{--bg:#0f172a;--card:#1e293b;--accent:#3b82f6;--green:#10b981;--red:#ef4444;--yellow:#f59e0b;--text:#e2e8f0;--sub:#94a3b8}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);min-height:100vh}
.layout{display:flex;min-height:100vh}
.sidebar{width:240px;background:var(--card);padding:20px;display:flex;flex-direction:column}
.sidebar h2{color:var(--accent);margin-bottom:25px;font-size:20px}
.sidebar a{color:var(--sub);text-decoration:none;padding:10px 12px;display:block;border-radius:6px;margin-bottom:4px;transition:.2s}
.sidebar a:hover,.sidebar a.active{background:rgba(59,130,246,.15);color:var(--text)}
.sidebar .user{padding-top:15px;border-top:1px solid rgba(255,255,255,.1);margin-top:auto;font-size:13px;color:var(--sub)}
.main{flex:1;padding:25px;overflow-y:auto}
.card{background:var(--card);border-radius:10px;padding:20px;margin-bottom:20px}
.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
h1{font-size:22px;margin-bottom:20px}h2{font-size:18px}
.grid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}
.grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}
.acct-card{background:var(--bg);padding:18px;border-radius:8px;border:1px solid rgba(255,255,255,.06)}
.acct-card h3{color:var(--accent);margin-bottom:8px;font-size:16px}
.acct-card .bal{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}
.acct-card .bal span:last-child{font-weight:bold;color:var(--green)}
.config-card{background:var(--bg);padding:18px;border-radius:8px;border:1px solid rgba(255,255,255,.06)}
.config-card .pair{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.config-card .pair .arr{font-size:22px;color:var(--accent)}
.config-card .pair .bal{font-weight:bold;color:var(--green)}
.config-card .set{padding:8px 12px;background:var(--card);border-radius:5px;font-size:13px;margin-bottom:12px}
.config-actions{display:flex;gap:8px}
.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;text-decoration:none;display:inline-block;transition:.2s}
.btn-p{background:var(--accent);color:#fff}.btn-p:hover{opacity:.9}
.btn-s{background:var(--green);color:#fff}
.btn-d{background:var(--red);color:#fff}
.btn-o{background:transparent;color:var(--sub);border:1px solid rgba(255,255,255,.15)}
.btn-sm{padding:5px 12px;font-size:12px}
.badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600}
.badge-on{background:rgba(16,185,129,.2);color:var(--green)}
.badge-off{background:rgba(239,68,68,.2);color:var(--red)}
.badge-pend{background:rgba(245,158,11,.2);color:var(--yellow)}
.alert{padding:12px 15px;border-radius:7px;margin-bottom:18px;font-size:14px}
.alert-e{background:rgba(239,68,68,.1);color:var(--red);border:1px solid rgba(239,68,68,.3)}
.alert-s{background:rgba(16,185,129,.1);color:var(--green);border:1px solid rgba(16,185,129,.3)}
.form-group{margin-bottom:14px}
.form-group label{display:block;margin-bottom:5px;color:var(--sub);font-size:13px}
.form-group input,.form-group select{width:100%;padding:9px 12px;background:var(--bg);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text);font-size:14px}
.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent)}
.form-group small{display:block;color:var(--sub);font-size:11px;margin-top:3px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.04)}
th{color:var(--sub);font-weight:600}
.empty{text-align:center;padding:35px;color:var(--sub)}
.empty p{margin-bottom:15px}
.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh}
.auth-box{background:var(--card);padding:35px;border-radius:12px;width:100%;max-width:400px}
.auth-box h1{color:var(--accent);text-align:center;margin-bottom:25px;font-size:22px}
.auth-link{text-align:center;margin-top:18px;color:var(--sub);font-size:13px}
.auth-link a{color:var(--accent);text-decoration:none}
@media(max-width:768px){.layout{flex-direction:column}.sidebar{width:100%;padding:12px}.main{padding:15px}.form-row{grid-template-columns:1fr}}