:root{--aj-dark:#101828;--aj-blue:#2563eb;--aj-bg:#f5f7fb;--aj-border:#e5e7eb}
*{box-sizing:border-box}body{margin:0;background:var(--aj-bg);color:var(--aj-dark);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#0f172a,#1e3a8a)}
.login-card{width:min(430px,100%);background:#fff;border-radius:24px;padding:38px}
.login-brand{width:58px;height:58px;border-radius:16px;background:var(--aj-dark);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.3rem;margin-bottom:22px}
.login-card h1{font-size:1.65rem;font-weight:750}
.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#0f172a;color:#fff;position:fixed;inset:0 auto 0 0}
.brand{font-size:1.35rem;font-weight:800}.brand span{font-weight:400;color:#94a3b8}
.sidebar .nav-link{color:#cbd5e1;border-radius:10px;padding:10px 12px}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:#1e293b;color:#fff}
.sidebar small{display:block;color:#64748b;font-size:.68rem}
.content{margin-left:250px;width:calc(100% - 250px)}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--aj-border);padding:0 28px}
.kpi-card,.panel{background:#fff;border:1px solid var(--aj-border);border-radius:16px;padding:22px}
.kpi-card span{display:block;color:#667085;font-size:.9rem}.kpi-card strong{display:block;font-size:2rem;margin-top:8px}
@media(max-width:800px){.sidebar{width:78px}.sidebar .brand span,.sidebar small{display:none}.content{margin-left:78px;width:calc(100% - 78px)}}