:root{
 --bg:#020617;
 --panel:#0f172a;
 --accent:#2563eb;
 --text:#e5e7eb;
 --muted:#94a3b8;
}
*{box-sizing:border-box}
body{
 margin:0;
 font-family:Inter,system-ui,Arial;
 background:radial-gradient(1200px 600px at 20% -10%,#0f172a,#020617);
 color:var(--text);
}
a{text-decoration:none;color:inherit}
.page-center{
 min-height:100vh;
 display:flex;
 align-items:center;
 justify-content:center;
}
.card{
 background:linear-gradient(180deg,#0f172a,#020617);
 padding:32px;
 border-radius:18px;
 width:100%;
 max-width:520px;
}
.layout{display:flex;min-height:100vh}
.sidebar{
 width:220px;
 background:#020617;
 padding:24px 16px;
}
.nav a{
 display:block;
 padding:10px 14px;
 border-radius:10px;
 color:var(--muted);
}
.nav a:hover,.nav a.active{
 background:#0f172a;
 color:var(--text);
}
.content{flex:1}
.header{
 height:64px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:0 24px;
 background:rgba(15,23,42,.6);
}
.main{padding:32px}
.btn{
 background:var(--accent);
 border:none;
 color:white;
 padding:10px 16px;
 border-radius:10px;
}
input{
 width:100%;
 padding:10px;
 border-radius:10px;
 border:none;
 margin-bottom:12px;
}