body{padding-top:58px}.demo-banner{position:fixed;z-index:20;inset:0 0 auto;background:#132343;color:#ecf0f7;min-height:58px;padding:9px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #516a9d}.demo-banner>div{display:flex;align-items:center;gap:16px}.demo-banner b{font-size:12px;white-space:nowrap}.demo-banner span{font-size:10px;color:#b0bdd6}.demo-banner button{font-size:10px;padding:7px 11px;background:#ffffff0a;border-color:#ffffff24;color:#dce3f1;white-space:nowrap}#workspace>aside{top:58px;height:calc(100vh - 58px)}.auth-screen{min-height:calc(100vh - 58px)}@media(max-width:900px){.demo-banner{flex-wrap:wrap;padding:8px 12px}.demo-banner>div:first-child{gap:9px}.demo-banner span{font-size:8px}.demo-banner button{font-size:9px}}@media print{.demo-banner{display:none}body{padding:0}}

.demo-credentials{position:fixed;z-index:50;top:75px;left:50%;transform:translateX(-50%);width:min(760px,94vw);padding:25px;background:#fff;border:1px solid #ced8eb;border-radius:16px;box-shadow:0 20px 80px #0004;max-height:80vh;overflow:auto}.demo-credentials[hidden]{display:none}.demo-credentials h2{font-size:23px;margin:0}.demo-credentials p{font-size:12px}.demo-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.demo-account-grid article{padding:18px;background:#f1f4f9;border-radius:12px}.demo-account-grid bdi,.demo-auth-hint bdi{font:13px monospace;font-weight:700;user-select:all}.demo-auth-hint{background:#edf0f7;padding:14px;border-radius:10px;margin-top:15px;font-size:12px}.demo-auth-hint p{margin:6px 0}.demo-banner>div{flex-wrap:wrap;gap:7px}.demo-banner span{max-width:260px}.demo-credentials small{color:#4a6190}@media(max-width:700px){body{padding-top:105px}#workspace>aside{top:105px;height:calc(100vh - 105px)}.demo-banner{min-height:105px}.demo-banner>div{gap:4px}.demo-account-grid{grid-template-columns:1fr}.demo-credentials{top:115px}}

.demo-banner{background:#10264a;border-color:#375681;color:#f4f7ff}.demo-banner span{color:#b6c9e7}.demo-banner button{color:#e5eeff;border-color:#5475a4}.demo-account-grid article,.demo-auth-hint{background:#edf3ff}.demo-credentials{border-color:#cbd9ef}