:root{--bg:#0b0b0f;--panel:#15151c;--panel2:#1b1b24;--purple:#7c3aed;--purple-light:#a78bfa;--text:#f5f5f7;--muted:#8e8e99;--border:#27272f}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% 15%,rgba(124,58,237,.18),transparent 35%),var(--bg);color:var(--text)}
.login-page{min-height:100vh;display:grid;place-items:center}
.login-shell{width:min(420px,calc(100% - 32px))}
.brand-block{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:28px}
.brand-mark{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:30px;color:#fff;background:linear-gradient(135deg,#6d28d9,#a855f7);box-shadow:0 0 28px rgba(124,58,237,.45)}
.brand-name{font-size:34px;font-weight:700;letter-spacing:-1px}
.brand-name span{color:#fff}.brand-name strong{color:var(--purple-light)}
.login-card{background:rgba(21,21,28,.92);border:1px solid var(--border);border-radius:22px;padding:30px;box-shadow:0 24px 60px rgba(0,0,0,.45);backdrop-filter:blur(14px)}
.login-card h1{margin:0 0 24px;text-align:center;font-size:24px}
.login-card form{display:grid;gap:18px}
.login-card label{display:grid;gap:8px;font-size:14px;color:var(--muted)}
.login-card input[type=text],.login-card input[type=password]{width:100%;border:1px solid var(--border);background:var(--panel2);color:var(--text);border-radius:14px;padding:14px 16px;outline:none;font-size:15px}
.login-card input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(124,58,237,.16)}
.remember{display:flex!important;align-items:center;gap:10px!important}
.login-card button{border:0;border-radius:14px;padding:14px 18px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(135deg,#6d28d9,#8b5cf6);box-shadow:0 10px 30px rgba(124,58,237,.3)}
.login-card button:hover{filter:brightness(1.08)}


.dashboard-page{min-height:100vh;display:flex;background:#0b0b0f}.sidebar{width:240px;min-height:100vh;padding:28px 18px;background:#111118;border-right:1px solid #27272f}.sidebar-brand{font-size:27px;font-weight:800;margin:0 12px 30px}.sidebar-brand span{color:#fff}.sidebar-brand strong{color:#a78bfa}.sidebar nav{display:grid;gap:7px}.sidebar nav a{padding:12px 14px;border-radius:11px;color:#8e8e99;text-decoration:none;font-size:14px}.sidebar nav a:hover{background:#1b1b24;color:#fff}.sidebar nav a.active{background:rgba(124,58,237,.16);color:#a78bfa}.dashboard-main{flex:1;padding:34px 38px}.dashboard-main h1{margin:0;font-size:28px}