:root{--primary:#ff7a00;--dark:#121212;--card:#1e1e1e;--text:#fff;--muted:#bdbdbd}
*{box-sizing:border-box;font-family:Roboto,Arial}
body{margin:0;background:var(--dark);color:var(--text)}
.sidebar{width:250px;position:fixed;top:0;left:0;bottom:0;background:#0f0f0f;padding:20px}
.sidebar img{max-width:160px;display:block;margin:0 auto 20px}
.sidebar a{display:block;color:#fff;text-decoration:none;padding:12px;border-radius:8px;margin-bottom:6px}
.sidebar a:hover,.sidebar a.active{background:var(--primary);color:#000}
.main{margin-left:250px;padding:20px}
.card{background:var(--card);padding:20px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.stat h3{margin:0;font-size:26px}
.stat p{margin:5px 0 0;color:var(--muted)}
table{width:100%;border-collapse:collapse}
th,td{padding:12px;border-bottom:1px solid #333}
.btn{background:var(--primary);border:none;padding:8px 14px;border-radius:8px;font-weight:600}
@media(max-width:768px){.sidebar{left:-260px}.sidebar.show{left:0}.main{margin-left:0}}