:root{ --primary:#2563EB; --accent:#F97316; --bg:#0B1220; --surface:#0F172A; --text:#E2E8F0; --muted:#94A3B8; --success:#10B981; --warning:#F59E0B; --danger:#EF4444; }
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,Segoe UI,Roboto,Helvetica,Arial}
a{color:inherit;text-decoration:none} .container{max-width:1120px;margin:0 auto;padding:16px}
.header{position:sticky;top:0;z-index:50;background:rgba(15,23,42,.8);backdrop-filter: blur(8px); border-bottom:1px solid #1f2937}
.header .row{display:flex;align-items:center;gap:16px;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px}
.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#0b1020;border:1px solid #1f2937;color:#9ca3af}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid #1f2937;background:#111827;color:#E5E7EB}
.btn.primary{background:linear-gradient(180deg,#2563EB,#1D4ED8);border-color:#1E3A8A}
.btn.accent{background:linear-gradient(180deg,#F97316,#EA580C);border-color:#9A3412}
.btn.ghost{background:transparent;border-color:#334155}
.search{display:grid;grid-template-columns:1fr 120px 160px auto;gap:10px}
.card-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.card{grid-column:span 12;background:#0F172A;border:1px solid #1f2937;border-radius:18px;overflow:hidden;display:flex;gap:16px;padding:14px}
.card.featured{border-color:#F97316;box-shadow:0 0 0 1px #F97316, 0 12px 30px rgba(249,115,22,0.15)}
.card .left{min-width:120px}
.card .left .avatar{width:120px;height:120px;border-radius:14px;object-fit:cover;background:#111827}
.card .body{flex:1}
.card .title{font-weight:700;font-size:18px;margin:2px 0 6px}
.card .meta{color:var(--muted);font-size:13px}
.card .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.chip{padding:6px 10px;border:1px solid #334155;border-radius:999px;font-size:13px;color:#cbd5e1}
.card .actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.stat{background:#0F172A;border:1px solid #1f2937;border-radius:16px;padding:16px}
.stat .k{font-size:22px;font-weight:800}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid #1f2937;text-align:left}
.tabs{display:flex;gap:6px;margin-top:18px}
.tab{padding:8px 12px;border-radius:999px;border:1px solid #1f2937}
.tab.active{background:#111827}
.form{display:grid;gap:10px}
.form .row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.input, select, textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #273244;background:#0B1220;color:#E5E7EB}
input[type=file]{border:1px dashed #334155;padding:16px}
.help{font-size:12px;color:#94A3B8}
.alert{padding:12px;border:1px solid #1f2937;border-radius:12px;background:#0b1220}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.gallery img{width:100%;height:120px;object-fit:cover;border-radius:10px}
.badge-premium{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#33190b;color:#fca66a;border:1px solid #7c2d12}
.stat canvas{max-width:100%}
@media(max-width:900px){ .search{grid-template-columns:1fr 1fr 1fr auto} .stats{grid-template-columns:repeat(2,1fr)} .card{flex-direction:column;align-items:flex-start} .card .left{min-width:100%} .card .left .avatar{width:100%;height:180px} }