.credential-demo{color:#111;background:#f6f9f8;min-height:100vh;font-family:Chivo,Arial,sans-serif}.demo-header{background:#fff;border-bottom:1px solid #dce6e3;justify-content:space-between;align-items:center;gap:20px;padding:18px 28px;display:flex}.demo-header>span{color:#526562;font-size:13px}.demo-header>a:last-child{padding:12px;font-size:14px}.demo-notice{color:#164846;background:#e7f3f2;padding:12px 28px;font-size:13px;line-height:1.6}.demo-layout{grid-template-columns:220px minmax(0,1fr);display:grid}.demo-sidebar{border-right:1px solid #dce6e3;padding:30px 20px}.demo-sidebar>strong{font-size:15px}.demo-sidebar p{color:#526562;margin:8px 0 20px;font-size:13px;line-height:1.6}.demo-sidebar nav{gap:4px;display:grid}.demo-sidebar button{text-align:left;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:12px;font-size:14px}.demo-sidebar button[aria-current]{background:#e7eeeb;font-weight:700}.demo-view{border-top:1px solid #dce6e3;gap:4px;margin-top:40px;padding-top:20px;display:grid}.demo-view p{margin:0;padding-left:12px}.credential-demo main{min-width:0;padding:32px}.demo-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.demo-title p{color:#526562;margin:0 0 6px;font-size:13px}.demo-title h1{letter-spacing:-.045em;font-size:28px;line-height:1.2}.demo-status{color:#07585d;min-height:23px;margin:16px 0;font-size:14px;line-height:1.6}.demo-workspace{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);align-items:start;gap:28px;display:grid}.demo-summary{margin-bottom:14px;font-size:14px}.demo-records{border-top:1px solid #dce6e3;padding:0;list-style:none}.demo-records li{border-bottom:1px solid #dce6e3}.demo-records button{text-align:left;cursor:pointer;color:#111;width:100%;font:inherit;background:0 0;border:0;gap:7px;padding:18px 14px;font-size:14px;display:grid}.demo-records button[aria-pressed=true]{background:#e7eeeb}.demo-records small{color:#526562;font-size:12px}.demo-document{background:#fff;border:1px solid #dce6e3;border-radius:12px;min-width:0;padding:22px}.demo-document>p{color:#526562;margin-top:16px;font-size:13px;line-height:1.6}.demo-document>h2{margin-top:12px;font-size:19px;line-height:1.4}.demo-form{gap:20px;display:grid}.demo-form label{gap:8px;font-size:14px;font-weight:600;display:grid}.demo-form :is(input,select){color:#111;width:100%;min-height:46px;font:inherit;background:#fff;border:1px solid #8b9b98;border-radius:6px;padding:11px 12px;font-weight:400}.demo-form>p{color:#526562;font-size:13px;line-height:1.6}.credential-demo .button{color:#fff;cursor:pointer;background:#09747a;border:1px solid #09747a;border-radius:6px;min-height:44px;padding:12px 16px;font-size:14px}.credential-demo :is(button,a,input,select):focus-visible{outline-offset:3px;outline:3px solid #09747a}.credential-demo button:disabled{opacity:.55;cursor:wait}.demo-login{background:#e7f3f2;border-radius:10px;margin:24px 0;padding:20px}.demo-login h2{margin:0 0 8px;font-size:20px}.demo-login p{margin-bottom:16px;font-size:14px;line-height:1.6}.demo-login>div{flex-wrap:wrap;gap:12px;display:flex}.demo-login a{color:#fff;background:#09747a;border-radius:6px;align-items:center;min-height:44px;padding:10px 14px;font-size:14px;display:inline-flex}.demo-login a:focus-visible{outline-offset:3px;outline:3px solid #09747a}@media (prefers-reduced-motion:no-preference){.credential-demo button,.demo-login a{transition:background-color .22s,transform .22s}.credential-demo button:active{transform:translateY(1px)}}@media (max-width:1000px){.demo-workspace{grid-template-columns:1fr}}@media (max-width:700px){.demo-header{flex-wrap:wrap;padding:16px}.demo-header>span{order:3;width:100%}.demo-layout{grid-template-columns:1fr}.demo-sidebar{border-bottom:1px solid #dce6e3;border-right:0;padding:18px 16px}.demo-sidebar nav{flex-wrap:wrap;display:flex}.demo-view{flex-wrap:wrap;align-items:center;margin-top:14px;padding-top:12px;display:flex}.demo-view p{width:100%}.credential-demo main{padding:24px 16px}.demo-title{flex-wrap:wrap}.demo-title h1{font-size:25px}.demo-notice{padding:12px 16px}.demo-document{padding:14px}}