.demo-toolbar{z-index:80;color:#f5f6ed;background:#152720;padding:12px 24px;font-size:12px;position:sticky;top:0;box-shadow:0 8px 24px #12211a20}.demo-toolbar-heading{align-items:center;gap:16px;display:flex}.demo-toolbar-heading strong{letter-spacing:.1em;white-space:nowrap;align-items:center;gap:9px;display:flex}.demo-toolbar-heading img{width:27px;height:27px}.demo-toolbar-heading strong span{color:#dfff80;border:1px solid #dfff8060;border-radius:20px;padding:5px 7px;font-size:9px}.demo-toolbar-heading p{color:#c4cebd;flex:1;margin:0}.demo-toolbar button{min-height:30px;box-shadow:none;border-radius:30px;padding:7px 12px;font-size:11px}.demo-toolbar .demo-quiet{color:#e5eada;background:0 0;padding:4px;font-weight:400}.demo-scenarios{scrollbar-width:thin;gap:7px;padding:11px 0 7px;display:flex;overflow:auto}.demo-scenarios button{color:#f4f6ed;background:#ffffff12;border:1px solid #ffffff20;flex-shrink:0}.demo-scenarios button[aria-pressed=true]{color:#14261e;background:#dfff80;border-color:#dfff80}.demo-toolbar-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.demo-toolbar-actions>span{color:#dfff80;margin-right:auto;font-size:11px}.demo-toolbar-actions button{color:#eff3e6;background:0 0;border:1px solid #ffffff30;min-height:26px;padding:5px 9px;font-weight:400}.demo-toolbar-actions button:disabled{opacity:.4}.demo-error{color:#651e1a;background:#fde4da;border-radius:8px;margin:6px 0;padding:8px 12px}.demo-host .sidebar,.demo-host .topbar{top:var(--demo-bar-height,148px)}.demo-panel{max-width:860px}.demo-panel h3{margin-top:26px}.demo-panel-grid,.demo-account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.demo-account-grid button{text-align:left;flex-direction:column;align-items:flex-start}.demo-account-grid small{color:#64705e;font-weight:400}.demo-login{grid-template-columns:1.1fr 1fr;gap:50px;max-width:1400px;min-height:100vh;margin:auto;padding:28px;display:grid}.demo-login-visual{color:#fff;background:#152720;border-radius:32px;min-height:640px;position:relative;overflow:hidden}.demo-login-visual>img{object-fit:cover;width:100%;height:100%;position:absolute}.demo-login-visual>div{background:linear-gradient(130deg,#112820dd,#11282025);flex-direction:column;justify-content:flex-end;min-height:100%;padding:40px;display:flex;position:relative}.demo-login-visual .brand-lockup{color:#fff;margin-bottom:auto;padding-bottom:100px}.demo-login-visual h1{letter-spacing:-.055em;color:#fff;font-size:clamp(44px,5vw,75px);line-height:1.03}.demo-login-visual p{color:#e3e9d8;max-width:400px}.demo-login-form{align-self:center;padding:30px 30px 30px 0}.demo-login-form h2{letter-spacing:-.04em;font-size:38px;line-height:1.1}.demo-login-form form{gap:22px;margin:30px 0;display:grid}.demo-login-form label{gap:9px;font-weight:600;display:grid}.demo-login-form input{background:#fff}.demo-login-form small{color:#77806d;line-height:1.7;display:block}@media (max-width:760px){.demo-toolbar{padding:9px 12px}.demo-toolbar-heading{flex-wrap:wrap;gap:8px}.demo-toolbar-heading p{display:none}.demo-toolbar-heading .demo-quiet{margin-left:auto;font-size:10px}.demo-toolbar-actions>span{display:none}.demo-toolbar-actions{gap:5px}.demo-toolbar-actions button{font-size:9px}.demo-scenarios button{font-size:10px}.demo-toolbar-heading strong{font-size:12px}.demo-toolbar-heading strong span{font-size:8px}.demo-login{grid-template-columns:1fr;gap:20px;padding:12px}.demo-login-visual{min-height:300px}.demo-login-visual>div{padding:25px}.demo-login-visual .brand-lockup{padding-bottom:30px}.demo-login-visual h1{font-size:42px}.demo-login-form{padding:20px}.demo-panel-grid,.demo-account-grid{grid-template-columns:1fr}}