:root{--bg:#0f172a;--card:#1e293b;--acc:#38bdf8;--txt:#f1f5f9;--mut:#94a3b8}
*{box-sizing:border-box;font-family:'Segoe UI',Tahoma,Arial}
body{margin:0;background:var(--bg);color:var(--txt)}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#020617;border-bottom:1px solid #334155}
.brand{font-weight:800;font-size:20px}
.container{max-width:1000px;margin:20px auto;padding:0 12px}
.card{background:var(--card);border-radius:14px;padding:18px;margin-bottom:16px;box-shadow:0 4px 20px rgba(0,0,0,.3)}
input,textarea,select{width:100%;margin:6px 0;padding:10px;border-radius:8px;border:1px solid #334155;background:#0f172a;color:var(--txt)}
.btn{background:var(--acc);border:0;color:#020617;font-weight:700;padding:10px 18px;border-radius:8px;cursor:pointer}
.btn.ghost{background:transparent;color:var(--txt);border:1px solid #475569}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:700px){.grid{grid-template-columns:1fr}}
.row{display:flex;gap:8px}
.tab{flex:1;padding:8px;border-radius:8px;border:1px solid #475569;background:transparent;color:var(--txt);cursor:pointer}
.tab.active{background:var(--acc);color:#020617;font-weight:700}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:12px}
.item{background:#020617;border-radius:10px;padding:8px;border:1px solid #334155}
.item img{width:100%;border-radius:8px}
.badge{background:#164e63;padding:4px 12px;border-radius:20px}
.hidden{display:none!important}
.muted{color:var(--mut)}.err{color:#f87171}
.stats{display:flex;gap:12px;flex-wrap:wrap}
.stats div{background:#020617;padding:8px 14px;border-radius:8px}
ul{padding:0;list-style:none}
li{background:#020617;margin:4px 0;padding:6px 10px;border-radius:8px;display:flex;justify-content:space-between}