:root{
 --bg:#0b1220;
 --surface:#111827;
 --surface2:#1f2937;
 --border:#2d3748;
 --text:#f3f4f6;
 --muted:#9ca3af;
 --primary:#2563eb;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}
.topbar{
position:fixed;top:0;left:0;right:0;height:64px;
display:flex;align-items:center;justify-content:space-between;
padding:0 24px;background:var(--surface);
border-bottom:1px solid var(--border);z-index:1000
}
.brand{display:flex;align-items:center;gap:12px;font-weight:700}
.logo{height:40px}
.search{display:flex;align-items:center;background:var(--surface2);padding:8px 12px;border-radius:10px;width:340px}
.search input{background:none;border:none;outline:none;color:#fff;width:100%;margin-left:8px}
.layout{display:flex;margin-top:64px}
.sidebar{
width:250px;min-height:calc(100vh - 64px);
background:var(--surface);
border-right:1px solid var(--border);
padding:24px;position:sticky;top:64px
}
.sidebar h6{color:var(--muted);margin:0 0 14px}
.sidebar a{display:block;padding:10px 12px;border-radius:10px;color:var(--muted);margin-bottom:4px}
.sidebar a:hover,.sidebar a.active{background:var(--primary);color:#fff}
.content{flex:1;padding:36px;max-width:1200px}
.breadcrumb{color:var(--muted);font-size:.9rem;margin-bottom:16px}
.lead{color:var(--muted);max-width:800px}
.cardbox{
display:block;background:var(--surface);border:1px solid var(--border);
border-radius:16px;padding:24px;height:100%;transition:.2s
}
.cardbox:hover{transform:translateY(-4px);border-color:var(--primary)}
.cardbox i{font-size:2rem;color:var(--primary)}
.cardbox h5{margin:16px 0 8px}
.cardbox p{color:var(--muted);margin:0}
.section{
margin-top:32px;background:var(--surface);
border:1px solid var(--border);border-radius:16px;padding:24px
}
.section h3{margin-top:0}
.section ul{margin:0;padding-left:20px;color:var(--muted)}
footer{
margin-top:48px;padding-top:24px;
border-top:1px solid var(--border);
color:var(--muted);font-size:.9rem
}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-thumb{background:#374151;border-radius:20px}
@media(max-width:992px){
.search{display:none}
.sidebar{position:fixed;left:-260px}
.content{padding:24px}
}