body{margin:0;background:#0b1220;color:#f8fafc;font-family:Segoe UI,Arial,sans-serif}
.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:#08101d;padding:20px;border-right:1px solid #1f2937}.brand{font-size:28px;font-weight:700}.tag{color:#94a3b8;font-size:13px}.nav a{display:block;color:#e5e7eb;text-decoration:none;padding:12px;border-radius:10px;margin-top:8px}.nav a:hover{background:#111827}.main{flex:1}.topbar{display:flex;justify-content:space-between;padding:24px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 24px}.card{background:#111827;border-radius:16px;padding:20px}.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:24px}.module{background:#111827;border-radius:16px;padding:24px}.btn{background:#2563eb;border:none;color:white;padding:10px 16px;border-radius:10px;cursor:pointer}