.demo-access-panel{padding:26px}.demo-access-heading{align-items:center}.demo-access-heading .eyebrow{display:block;margin-bottom:10px;color:#aabf9d}.demo-access-heading h2{font-size:25px;letter-spacing:-.7px}.demo-access-heading p{font-size:12px;line-height:1.7}.demo-access-emblem{width:51px;height:51px;display:grid;place-items:center;flex-shrink:0;border:1px solid #4b5e43;border-radius:13px;background:#253224;color:#bbf879}.demo-access-emblem svg{width:26px;height:26px}.demo-access-boundary{display:flex;align-items:flex-start;gap:10px;margin:22px 0;padding:13px 15px;border:1px solid #354338;border-radius:7px;background:#1b2720;color:#afc1a7}.demo-access-boundary>svg{width:17px;height:17px;flex-shrink:0;margin-top:2px;color:#bbf879}.demo-access-boundary p{margin:0;font-size:11px;line-height:1.7}.demo-access-layout{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(360px,1.2fr);gap:30px;align-items:start}.demo-pass-create{padding:21px;border:1px solid #334139;border-radius:9px;background:#141e1a}.demo-pass-form-heading{display:flex;gap:11px;align-items:center;margin-bottom:21px}.demo-pass-step{display:grid;place-items:center;background:#293826;border:1px solid #4e6443;color:#c5ed9e;font-size:10px;width:29px;height:29px;flex-shrink:0;border-radius:50%}.demo-pass-form-heading h3{font-size:13px;margin:0 0 5px}.demo-pass-form-heading p{font-size:10px;color:#90a28e;margin:0;line-height:1.6}.demo-pass-create input:not([type=checkbox]),.demo-pass-create select{background:#111916;font-size:12px}.demo-pass-permissions{border:0;padding:0;margin:22px 0 17px;min-width:0}.demo-pass-permissions legend{display:block;margin-bottom:10px;font-size:11px;color:#c1cebd;width:100%;padding:0;line-height:1.8}.demo-pass-permissions legend>span{float:right;color:#7e9480;font-size:10px}.demo-pass-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.demo-pass-section{display:flex;align-items:center;gap:9px;padding:11px 9px;border:1px solid #303e36;border-radius:6px;background:#18231d;cursor:pointer;min-width:0}.demo-pass-section:has(input:checked){background:#253320;border-color:#566d42}.demo-pass-section:hover{border-color:#657c59}.demo-pass-section input{margin:0;width:13px;height:13px;flex-shrink:0}.demo-pass-section-icon{color:#9aaa9c;display:flex;align-items:center}.demo-pass-section-icon svg{width:17px;height:17px}.demo-pass-section:has(input:checked) .demo-pass-section-icon{color:#bdf784}.demo-pass-section>span:last-child{min-width:0}.demo-pass-section strong{display:block;font-weight:500;font-size:11px;line-height:1.6;color:#d5ded2}.demo-pass-section small{display:block;font-size:9px;color:#879b89;line-height:1.6}.demo-pass-create .field-note{line-height:1.8;font-size:10px}.demo-pass-create .form-error{margin:12px 0 5px;font-size:11px}.demo-access-management{min-width:0}.demo-pass-list-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:1px 0 17px}.demo-pass-list-heading h3{font-size:15px;margin:0 0 7px}.demo-pass-list-heading p{font-size:10px;color:#8c9b9f;margin:0}.demo-access-management>[data-pass-error]:empty{display:none}.demo-pass-list{display:grid;gap:12px}.demo-pass-card{padding:19px;border:1px solid #344147;border-radius:8px;background:#182228;min-width:0}.demo-pass-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.demo-pass-card-heading>div{min-width:0}.demo-pass-card h4{font-size:13px;font-weight:550;margin:0 0 7px;overflow-wrap:anywhere}.demo-pass-card-heading p{font-size:10px;color:#83979f;margin:0;line-height:1.7}.demo-pass-status{display:inline-flex;gap:6px;align-items:center;font-size:9px;padding:5px 7px;border:1px solid #3c4c3b;border-radius:4px;flex-shrink:0}.demo-pass-status.active{color:#bee69e;background:#273329;border-color:#4a6042}.demo-pass-status.active i{width:5px;height:5px;border-radius:50%;background:#bbf879}.demo-pass-status.expired,.demo-pass-status.reissue-needed{color:#e0bc96;background:#332b24;border-color:#5c4c3d}.demo-pass-status.revoked{color:#a2adb4;background:#283036;border-color:#43505a}.demo-pass-approved{display:flex;gap:5px;flex-wrap:wrap;margin:16px 0}.demo-pass-approved span{border:1px solid #3d4a50;background:#202c32;border-radius:4px;color:#b4c4cd;padding:4px 7px;font-size:9px}.demo-pass-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0 17px}.demo-pass-dates dt{font-size:9px;color:#7f949f;margin-bottom:6px}.demo-pass-dates dd{margin:0;font-size:10px;color:#b5c5cc;line-height:1.6}.demo-pass-card-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;padding-top:13px;border-top:1px solid #303f47}.demo-pass-card-actions .btn{font-size:10px;padding:7px 10px}.demo-pass-card-actions svg{width:15px;height:15px}.demo-pass-revoke{color:#b8a29e}.demo-pass-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:240px;padding:30px 20px;border:1px dashed #3a484e;border-radius:8px;color:#8fa1a9;font-size:12px;margin:0;background:#141d22}.demo-pass-empty svg{width:28px;height:28px;color:#91a681;margin-bottom:17px}.demo-pass-empty strong{font-size:13px;font-weight:500;color:#c4d1d4;margin-bottom:9px}.demo-pass-empty p{font-size:11px;line-height:1.8;max-width:280px;margin:0}.demo-access-footer{font-size:10px;color:#7f939d;line-height:1.8;margin:15px 2px 0}.demo-pass-secret{padding:20px;margin-bottom:24px;border:1px solid #6a8650;border-radius:9px;background:linear-gradient(140deg,#2b3b24,#1d2c24)}.demo-pass-secret-heading{display:flex;align-items:center;gap:8px;color:#cafa9b;margin-bottom:12px}.demo-pass-secret-heading svg{width:19px;height:19px}.demo-pass-secret-heading strong{font-size:13px;font-weight:500}.demo-pass-secret p{font-size:11px;line-height:1.8;color:#b8caac;margin-bottom:12px;overflow-wrap:anywhere}.demo-pass-secret p b{font-weight:550;color:#e0ecd4}.demo-pass-secret .label{color:#c5d6b8;font-size:10px}.demo-pass-secret textarea{display:block;width:100%;min-height:78px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.8;background:#131e18;border-color:#526a43;color:#e1f5ce;overflow-wrap:anywhere;word-break:break-all}.demo-pass-secret #demo-pass-code-help{font-size:10px;color:#9eb58e;margin-top:10px}.demo-pass-copy-status:empty{display:none}.demo-pass-secret-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:16px}.demo-pass-secret-actions .btn{font-size:10px}.demo-pass-secret-actions svg{width:15px;height:15px}.demo-pass-edit{border-top:1px solid #3a4951;padding-top:3px}.demo-pass-edit .label{font-size:10px}.demo-pass-edit select{margin-top:8px;font-size:11px;padding:10px}.demo-pass-edit .field-note{font-size:10px;line-height:1.8}.demo-pass-edit .form-error{font-size:11px;margin-bottom:10px}.demo-pass-revoke-confirm{border-top:1px solid #4b403e;padding-top:12px}.demo-pass-revoke-confirm>p{font-size:11px;color:#d6b9ae;line-height:1.8;margin-bottom:11px}.demo-pass-revoke-confirm .demo-pass-card-actions{border:0;padding-top:0}.demo-pass-closed{font-size:10px;color:#889ca5;border-top:1px solid #303f47;padding-top:12px;margin:0;line-height:1.8}
@media(max-width:1150px){.demo-access-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.demo-pass-section-grid{grid-template-columns:1fr}.demo-pass-create{padding:18px}.demo-pass-card{padding:16px}.demo-pass-dates{grid-template-columns:1fr;gap:10px}}
@media(max-width:780px){.demo-access-panel{padding:20px}.demo-access-layout{grid-template-columns:1fr;gap:28px}.demo-pass-section-grid{grid-template-columns:1fr 1fr}.demo-pass-dates{grid-template-columns:1fr 1fr}.demo-access-heading h2{font-size:23px}.demo-pass-section small{font-size:9px}.demo-pass-secret{padding:17px}}
@media(max-width:460px){.demo-access-panel{padding:17px}.demo-access-heading h2{font-size:22px;line-height:1.2}.demo-access-emblem{width:39px;height:39px;border-radius:9px}.demo-access-emblem svg{width:22px;height:22px}.demo-pass-create{padding:15px}.demo-pass-section-grid{grid-template-columns:1fr}.demo-pass-permissions legend>span{float:none;display:block}.demo-pass-dates{grid-template-columns:1fr}.demo-pass-card-heading{gap:8px}.demo-pass-secret-actions{align-items:stretch;flex-direction:column}.demo-access-boundary{padding:11px}.demo-pass-secret textarea{font-size:11px}.demo-pass-card-actions{justify-content:flex-start}}

.demo-access-create-stack{display:grid;gap:20px;min-width:0}