.role-login{&{background:radial-gradient(circle at 10% 10%,#eff6ff 0,#f7f3ed 32%,#f8fafc 100%);display:block;color:#0f172a;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}&,.auth-shell{min-height:100vh}.auth-shell{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(420px,1.08fr)}.auth-brand-panel{background:linear-gradient(180deg,#082133,#061829);color:#fff;padding:46px;display:flex;flex-direction:column;justify-content:space-between;gap:36px;position:relative;overflow:hidden}.auth-brand-panel:before{content:"";position:absolute;right:-140px;top:50px;width:360px;height:360px;border-radius:999px;background:rgba(37,99,235,.22);filter:blur(10px)}.auth-brand-panel:after{content:"";position:absolute;left:-100px;bottom:-120px;width:280px;height:280px;border-radius:999px;background:rgba(16,185,129,.14);filter:blur(6px)}.auth-logo-row,.auth-trust-row{position:relative;z-index:1}.auth-logo{width:54px;height:54px;border-radius:18px;background:#fff;color:#082133;display:flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:-.06em;box-shadow:0 18px 50px rgba(2,6,23,.28)}.auth-logo-row h1{font-size:25px;letter-spacing:-.045em;margin:16px 0 6px}.auth-logo-row p{margin:0;color:hsla(0,0%,100%,.66);font-size:14px;line-height:1.55;max-width:440px}.auth-hero-copy{position:relative;z-index:1}.auth-hero-copy h2{font-size:43px;line-height:1.02;letter-spacing:-.065em;margin:0 0 16px}.auth-hero-copy p{font-size:15px;color:hsla(0,0%,100%,.7);line-height:1.7;max-width:520px;margin:0}.auth-trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}.auth-trust-tile{border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.06);border-radius:17px;padding:15px}.auth-trust-tile strong{display:block;font-size:13px}.auth-trust-tile span{display:block;font-size:12px;color:hsla(0,0%,100%,.58);margin-top:4px;line-height:1.45}.auth-panel-wrap{padding:42px;display:flex;align-items:center;justify-content:center}.auth-card{width:min(560px,100%);background:hsla(0,0%,100%,.96);border:1px solid rgba(226,232,240,.96);border-radius:28px;box-shadow:0 28px 80px rgba(15,23,42,.13);overflow:hidden}.auth-card-head{padding:26px 28px 18px;border-bottom:1px solid #f1f5f9}.auth-card-head h2{font-size:25px;letter-spacing:-.04em;margin:0}.auth-card-head p{margin:7px 0 0;color:#64748b;font-size:13px;line-height:1.55}.auth-card-body{padding:24px 28px 28px}.auth-form-grid{display:grid;gap:13px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;padding:6px;border-radius:16px;margin-bottom:18px}.auth-tab{border:0;background:transparent;border-radius:12px;padding:10px;font-weight:850;color:#64748b}.auth-tab.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px rgba(15,23,42,.08)}.auth-demo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:16px}.auth-demo-btn{text-align:left;border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:11px 12px;box-shadow:0 1px 2px rgba(15,23,42,.04);cursor:pointer}.auth-demo-btn:hover{border-color:#bfdbfe;background:#eff6ff}.auth-demo-btn strong{font-size:12px;display:block;color:#0f172a}.auth-demo-btn span{font-size:11px;color:#64748b;display:block;margin-top:3px}.auth-actions-row{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}.auth-link{border:0;background:transparent;color:#2563eb;font-weight:850;font-size:13px;cursor:pointer;padding:0}.auth-fineprint{font-size:11px;color:#94a3b8;line-height:1.55;margin-top:16px}.auth-status-card{background:linear-gradient(135deg,#eff6ff,#fff7ed);border:1px solid #e8edf7;border-radius:18px;padding:18px;margin-bottom:15px}.auth-status-card strong{display:block;font-size:14px}.auth-status-card p{font-size:12px;color:#64748b;line-height:1.55;margin:6px 0 0}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.permission-chip{display:flex;align-items:center;gap:10px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:11px}.permission-chip .dot{margin:0}.user-row-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.auth-table-note{font-size:12px;color:#64748b;line-height:1.55;margin-bottom:12px}.masked-value{filter:blur(3px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.access-denied-panel{max-width:760px;margin:auto;text-align:center;padding:56px 28px}.access-denied-panel h3{font-size:28px;letter-spacing:-.04em;margin:12px 0 8px}.access-denied-panel p{color:#64748b;line-height:1.65;margin:0 auto 18px;max-width:590px}@media (max-width:980px){.auth-shell{grid-template-columns:1fr}.auth-brand-panel{padding:30px}.auth-hero-copy h2{font-size:34px}.auth-panel-wrap{padding:22px}.auth-demo-grid,.auth-trust-grid,.permission-grid{grid-template-columns:1fr}}}.role-login .auth-field{display:block;margin-top:15px;font-size:12px;font-weight:850}.role-login .auth-field input{width:100%;border:1px solid #dbe3ed;border-radius:13px;background:#fff;color:#0f172a;padding:13px 14px;outline:none}.role-login .auth-field input:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.09)}.role-login .auth-submit{width:100%;border:0;border-radius:13px;background:#2563eb;color:#fff;padding:13px 16px;font-weight:850;box-shadow:0 12px 28px rgba(37,99,235,.25)}.role-login .auth-message{font-size:12px;color:#475569;line-height:1.5}.role-login button:disabled{opacity:.5;cursor:wait}.role-login .auth-shell{width:100%;border:0;border-radius:0;box-shadow:none}.role-login{min-height:100vh;font-family:var(--font-manrope),sans-serif;background:#f7f3ed;color:#0f172a}