/* HOSTING SELLER BOT — premium dark admin theme (red / green) */
:root{--red:#e11d2e;--red-2:#ff3b4e;--green:#16c784;--bg:#0b0e14;--bg-2:#121722;--card:#161c28;--line:#232b3a;--txt:#e8edf6;--muted:#8b97ad;--radius:14px}
*{box-sizing:border-box;margin:0;padding:0}
body{background:linear-gradient(180deg,#0b0e14,#0d1119);color:var(--txt);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;min-height:100vh}
a{color:var(--red-2);text-decoration:none}
.wrap{display:flex;min-height:100vh}
.sidebar{width:248px;background:var(--bg-2);border-right:1px solid var(--line);padding:18px 12px;position:sticky;top:0;height:100vh;overflow:auto}
.brand{font-weight:800;font-size:17px;padding:8px 12px 18px;display:flex;gap:8px;align-items:center}
.brand span{color:var(--red)}
.nav a{display:block;padding:9px 12px;border-radius:10px;color:var(--muted);font-size:14px;margin-bottom:2px}
.nav a:hover{background:#1b2231;color:var(--txt)}
.nav a.active{background:linear-gradient(90deg,var(--red),#8a0f1c);color:#fff;font-weight:600}
.main{flex:1;padding:22px;max-width:100%;overflow:auto}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px;flex-wrap:wrap}
h1{font-size:22px;font-weight:700}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-bottom:22px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.card .label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.card .value{font-size:24px;font-weight:750;margin-top:6px}
.card.green .value{color:var(--green)} .card.red .value{color:var(--red-2)}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:18px}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}
tr:hover td{background:#1a2130}
.btn{display:inline-block;padding:9px 16px;border-radius:999px;border:0;background:linear-gradient(90deg,var(--red),var(--red-2));color:#fff;font-weight:650;cursor:pointer;font-size:14px}
.btn.green{background:linear-gradient(90deg,#0e9f68,var(--green))}
.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--txt)}
.btn.sm{padding:5px 12px;font-size:12px}
input,select,textarea{width:100%;padding:10px 12px;background:#0f1420;border:1px solid var(--line);border-radius:10px;color:var(--txt);font-size:14px}
label{display:block;font-size:12px;color:var(--muted);margin:12px 0 5px;text-transform:uppercase;letter-spacing:.05em}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.badge{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;background:#1e2635;color:var(--muted)}
.badge.ok{background:rgba(22,199,132,.15);color:var(--green)}
.badge.no{background:rgba(225,29,46,.15);color:var(--red-2)}
.flash{padding:12px 16px;border-radius:12px;margin-bottom:16px;font-weight:600}
.flash.success{background:rgba(22,199,132,.12);color:var(--green);border:1px solid rgba(22,199,132,.3)}
.flash.error{background:rgba(225,29,46,.12);color:var(--red-2);border:1px solid rgba(225,29,46,.3)}
.login{max-width:390px;margin:9vh auto;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:30px}
.center{text-align:center}
.muted{color:var(--muted);font-size:13px}
.bar{height:8px;background:#0f1420;border-radius:99px;overflow:hidden;margin-top:8px}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--green))}
@media(max-width:860px){.wrap{flex-direction:column}.sidebar{width:100%;height:auto;position:static}.grid2{grid-template-columns:1fr}.main{padding:14px}table{display:block;overflow-x:auto}}