:root{color:#211536;background:#f6f3fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#e9ddff,transparent 42%),linear-gradient(135deg,#f9f7fc,#efeafe)}.login-card{width:min(420px,100%);padding:18px;box-shadow:0 24px 70px #38186d29}.brand-mark{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#8b5cf6,#4c1d95);color:#fff;font-size:24px;font-weight:700;margin-bottom:18px}.app-shell{min-height:100vh}.sider{position:relative}.sidebar-brand{height:64px;color:#fff;display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;padding:0 24px}.sidebar-brand span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#8b5cf6}.sidebar-footer{position:absolute;bottom:20px;left:16px;right:16px}.sidebar-footer .ant-btn{color:#c4b5fd}.topbar{display:flex;align-items:center;padding:0 28px;background:#fff;border-bottom:1px solid #eee9f6}.content{padding:28px;max-width:1500px;width:100%;margin:0 auto}@media(max-width:768px){.topbar{height:auto;min-height:64px;padding:12px 16px}.content{padding:16px}}