.login-shell{justify-content:center;align-items:center;min-height:calc(100vh - 52px);padding:40px 20px;display:flex}.login-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow);padding:36px 32px}.login-hero{text-align:center;margin-bottom:24px}.login-hero h1{color:var(--text-primary);margin-bottom:4px;font-size:22px;font-weight:700}.login-hero p{color:var(--text-secondary);font-size:12px}.role-tabs{background:var(--bg-secondary);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px;padding:4px;display:grid}.role-tab{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:10px;font-size:13px;font-weight:600;transition:background .2s,color .2s}.role-tab.active{color:var(--accent);box-shadow:var(--shadow-sm);background:#fff}.form-group{margin-bottom:14px}.form-group label{color:var(--text-secondary);letter-spacing:.02em;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.form-group input{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-primary);width:100%;color:var(--text-primary);padding:11px 14px;font-family:inherit;font-size:14px}.form-group input:focus{border-color:var(--accent);outline:none}.login-btn{background:var(--accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;margin-top:6px;padding:12px;font-size:14px;font-weight:600;transition:background .15s}.login-btn:hover{background:var(--accent-hover)}.login-divider{text-align:center;color:var(--text-tertiary);margin:18px 0;font-size:11px;position:relative}.login-divider:before,.login-divider:after{content:"";background:var(--border-subtle);width:35%;height:1px;position:absolute;top:50%}.login-divider:before{left:0}.login-divider:after{right:0}.sso-btn{width:100%;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:8px;padding:11px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.sso-btn:hover{background:var(--bg-hover)}.login-footer{text-align:center;color:var(--text-tertiary);margin-top:18px;font-size:11px}.login-footer a{color:var(--accent);text-decoration:none}.demo-note{color:var(--text-secondary);background:#74b9ff14;border:1px solid #74b9ff;border-radius:6px;margin-bottom:16px;padding:8px 12px;font-size:10px;line-height:1.5}.demo-note strong{color:#5a9ddb}