:root{font-family:PingFang SC,Noto Sans SC,Helvetica Neue,sans-serif;color:#1f2937;background:radial-gradient(circle at top left,rgba(31,111,235,.14),transparent 26%),linear-gradient(180deg,#f4f7fb,#eef3f8)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body,.app-shell{min-height:100vh}.page-card{border:1px solid rgba(15,23,42,.06);box-shadow:0 18px 42px #0f172a0f}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(1080px,100%);display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;border-radius:28px;background:#ffffffdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 80px #0f172a1f;border:1px solid rgba(255,255,255,.6)}.login-brand{padding:56px;background:linear-gradient(135deg,#0f172af5,#1f6febf5),linear-gradient(180deg,#0f172a,#1d4ed8);color:#fff}.login-brand h1{margin:0 0 16px;font-size:44px;line-height:1.05}.login-brand p{margin:0;max-width:420px;color:#ffffffd1;font-size:16px;line-height:1.8}.login-brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:40px}.login-brand-grid-item{padding:16px;border-radius:18px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14)}.login-form-panel{padding:56px 44px;background:#ffffffd1}.login-form-title{margin-bottom:28px}.login-form-title h2{margin:0 0 10px;font-size:28px}.login-form-title p{margin:0;color:#64748b;line-height:1.7}.app-header{background:#ffffffc2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(15,23,42,.06);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.app-content{padding:24px}.page-header{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-header h2{margin:0;font-size:28px}.page-header p{margin:8px 0 0;color:#64748b}@media (max-width: 900px){.login-panel{grid-template-columns:1fr}.login-brand,.login-form-panel{padding:32px 24px}}