*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}img{max-width:100%;height:auto}:root{--green-500: #22c55e;--green-600: #16a34a;--green-50: #f0fdf4;--green-100: #dcfce7;--contact-fg: #111827;--contact-link: #15803d;--bg: #f9fafb;--bg-card: #ffffff;--gray-100: #f3f4f6;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-900: #111827;--border: #d1d5db;--footer-fg: #e5e7eb;--radius: 12px}@media(prefers-color-scheme:dark){:root{--green-50: #052e16;--green-100: #064e3b;--contact-fg: #bbf7d0;--contact-link: #86efac;--bg: #0a0a0a;--bg-card: #18181b;--gray-100: #27272a;--gray-400: #71717a;--gray-500: #a1a1aa;--gray-600: #d4d4d8;--gray-900: #fafafa;--border: #3f3f46;--footer-fg: #1a1a1a}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--gray-900);-webkit-font-smoothing:antialiased;line-height:1.5}.page{min-height:100vh;display:flex;justify-content:center;padding:0 24px}.container{max-width:720px;width:100%;padding:64px 0 48px}.hero{text-align:center;margin-bottom:56px;padding:40px 0 24px;display:flex;flex-direction:column;align-items:center}.brand-logo{width:100%;max-width:380px;height:auto;display:block;margin-bottom:20px}@media(prefers-color-scheme:dark){.brand-logo{background:#f9fafb;padding:16px 20px;border-radius:16px}}.brand-tagline{font-size:17px;color:var(--gray-500);max-width:480px;line-height:1.45}.features{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.feature-card{background:var(--bg-card);border-radius:var(--radius);padding:20px;display:flex;align-items:flex-start;gap:14px}.feature-icon{flex-shrink:0;width:40px;height:40px;background:var(--green-50);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--green-600)}.feature-icon svg{width:20px;height:20px}.feature-content h2{font-size:15px;font-weight:600;margin-bottom:4px}.feature-content p{font-size:14px;color:var(--gray-600);line-height:1.5}.demo-cta{text-align:center;padding:32px 24px;margin-bottom:16px}.demo-cta-title{font-size:22px;font-weight:700;margin-bottom:12px}.demo-cta-subtitle{font-size:14px;color:var(--gray-500);line-height:1.55;max-width:400px;margin:0 auto 24px}.demo-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:400px;height:56px;background:var(--green-500);color:#fff;font-size:17px;font-weight:600;border:none;border-radius:var(--radius);text-decoration:none;cursor:pointer;transition:background .15s}.demo-cta-button:hover{background:var(--green-600)}.demo-cta-icon{width:20px;height:20px;opacity:.9}.demo-cta-hint{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;font-size:12px;color:var(--gray-400)}.demo-cta-hint svg{width:16px;height:16px;flex-shrink:0}.contact{text-align:center;padding:28px 24px;background:var(--green-50);border-radius:var(--radius)}.contact p{font-size:15px;color:var(--contact-fg);line-height:1.7}.contact a{color:var(--contact-link);text-decoration:none;font-weight:600}.contact a:hover{text-decoration:underline}@media(min-width:768px){.container{max-width:960px;padding:80px 0 64px}.hero{margin-bottom:64px;padding:56px 0 32px}.brand-logo{max-width:420px;margin-bottom:24px}.brand-tagline{font-size:21px}.features{flex-direction:row;gap:16px;margin-bottom:40px}.feature-card{flex:1;flex-direction:column;align-items:center;text-align:center;padding:28px 20px;gap:16px}.feature-icon{width:48px;height:48px}.feature-icon svg{width:24px;height:24px}.feature-content h2{font-size:16px}.demo-cta{padding:40px 24px;margin-bottom:20px}.demo-cta-title{font-size:26px}.demo-cta-subtitle{font-size:15px}.demo-cta-button{width:auto;padding:0 48px}.contact{padding:36px 40px}.contact p{font-size:16px}}.page-footer{margin-top:24px;text-align:center}.page-footer p{font-size:10px;color:var(--footer-fg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Cascadia Mono,Roboto Mono,Consolas,monospace;letter-spacing:.02em}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--pass-green-50: #f0fdf4;--pass-green-100: #dcfce7;--pass-green-200: #bbf7d0;--pass-green-400: #4ade80;--pass-green-500: #22c55e;--pass-green-600: #16a34a;--pass-green-700: #15803d;--pass-green-800: #166534;--pass-red-50: #fef2f2;--pass-red-100: #fee2e2;--pass-red-200: #fecaca;--pass-red-500: #ef4444;--pass-red-600: #dc2626;--pass-red-700: #b91c1c;--pass-amber-50: #fffbeb;--pass-amber-100: #fef3c7;--pass-amber-500: #f59e0b;--pass-amber-700: #b45309;--pass-amber-800: #92400e;--pass-blue-50: #eff6ff;--pass-blue-100: #dbeafe;--pass-blue-500: #3b82f6;--pass-blue-700: #1d4ed8;--pass-blue-800: #1e40af;--pass-violet-50: #f5f3ff;--pass-violet-100: #ede9fe;--pass-violet-700: #6d28d9;--pass-violet-800: #5b21b6;--pass-pink-100: #fce7f3;--pass-pink-800: #9d174d;--pass-gray-50: #fafafa;--pass-gray-100: #f5f5f5;--pass-gray-200: #e5e5e5;--pass-gray-300: #d4d4d4;--pass-gray-400: #a3a3a3;--pass-gray-500: #737373;--pass-gray-600: #525252;--pass-gray-700: #404040;--pass-gray-800: #262626;--pass-gray-900: #171717;--pass-bg: #f8fafc;--pass-surface: #ffffff;--pass-radius: 12px;--pass-radius-sm: 8px;--pass-radius-lg: 16px;--pass-radius-xl: 20px;--pass-shadow-sm: 0 1px 2px rgba(0,0,0,.05);--pass-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--pass-shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);--pass-shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--pass-shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);--pass-font: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--pass-font-mono: "SF Mono", "Fira Code", "Cascadia Code", ui-monospace, SFMono-Regular, Menlo, monospace;--pass-transition: .15s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--pass-font);background:var(--pass-bg);color:var(--pass-gray-800);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.demo-page{min-height:100vh;display:flex;flex-direction:column}.demo-header{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--pass-surface);border-bottom:1px solid var(--pass-gray-200);flex-wrap:wrap;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb}.demo-header__left{display:flex;align-items:center;gap:10px;flex-shrink:0}.demo-header__logo{font-size:22px;font-weight:800;color:var(--pass-green-500);letter-spacing:-.75px;display:flex;align-items:center;gap:8px}.demo-header__logo svg{width:24px;height:24px;color:var(--pass-green-500)}.demo-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 8px;background:var(--pass-green-100);color:var(--pass-green-800);border-radius:6px}.demo-header__link{display:flex;align-items:center;gap:6px;flex:1;min-width:200px}.demo-link-input{flex:1;padding:7px 12px;border:1px solid var(--pass-gray-200);border-radius:var(--pass-radius-sm);font-size:13px;color:var(--pass-gray-600);background:var(--pass-gray-50);outline:none;font-family:var(--pass-font-mono);transition:border-color var(--pass-transition),box-shadow var(--pass-transition)}.demo-link-input:focus{border-color:var(--pass-green-400);box-shadow:0 0 0 3px #22c55e1a}.demo-header__right{display:flex;align-items:center;gap:10px;flex-shrink:0}.demo-ws-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background var(--pass-transition),box-shadow var(--pass-transition)}.demo-ws-dot--connected{background:var(--pass-green-500);box-shadow:0 0 0 3px #22c55e33}.demo-ws-dot--disconnected{background:var(--pass-red-500);box-shadow:0 0 0 3px #ef444433}.demo-btn{padding:7px 16px;border:none;border-radius:var(--pass-radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--pass-transition);display:inline-flex;align-items:center;gap:6px;font-family:var(--pass-font)}.demo-btn:disabled{opacity:.5;cursor:not-allowed}.demo-btn--primary{background:var(--pass-green-500);color:#fff;font-weight:600;box-shadow:var(--pass-shadow-sm)}.demo-btn--primary:hover:not(:disabled){background:var(--pass-green-600);box-shadow:var(--pass-shadow);transform:translateY(-1px)}.demo-btn--primary:active:not(:disabled){transform:translateY(0)}.demo-btn--copy{background:var(--pass-gray-100);color:var(--pass-gray-700)}.demo-btn--copy:hover{background:var(--pass-gray-200)}.demo-btn--reset{background:transparent;color:var(--pass-gray-500);border:1px solid var(--pass-gray-200)}.demo-btn--reset:hover{background:var(--pass-gray-50);border-color:var(--pass-gray-300)}.demo-btn--outline{background:transparent;color:var(--pass-green-600);border:1px solid var(--pass-green-200);width:100%;margin-top:12px;justify-content:center;font-weight:500}.demo-btn--outline:hover:not(:disabled){background:var(--pass-green-50);border-color:var(--pass-green-400)}.demo-info-bar{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--pass-green-50);color:var(--pass-green-700);font-size:13px;line-height:1.4;border-bottom:1px solid var(--pass-green-100)}.demo-info-bar svg{flex-shrink:0;width:16px;height:16px}.demo-columns{display:flex;flex-direction:column;gap:16px;padding:16px 20px;flex:1}@media(min-width:900px){.demo-columns{flex-direction:row;gap:20px;padding:20px 24px}.demo-column{flex:1}}.demo-column{background:var(--pass-surface);border-radius:var(--pass-radius-lg);border:1px solid var(--pass-gray-200);padding:20px;box-shadow:var(--pass-shadow-sm);transition:box-shadow var(--pass-transition)}.demo-column:hover{box-shadow:var(--pass-shadow)}.demo-column__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--pass-gray-100)}.demo-column__header h2{font-size:15px;font-weight:700;color:var(--pass-gray-800);display:flex;align-items:center;gap:8px}.demo-column__header h2 svg{width:18px;height:18px;color:var(--pass-gray-400)}.demo-placeholder{font-size:13px;color:var(--pass-gray-400);text-align:center;padding:32px 16px;border:1px dashed var(--pass-gray-200);border-radius:var(--pass-radius)}.demo-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--pass-gray-500);cursor:pointer;-webkit-user-select:none;user-select:none}.demo-toggle input[type=checkbox]{position:relative;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:36px;height:20px;background:var(--pass-gray-200);border-radius:10px;cursor:pointer;transition:background var(--pass-transition);flex-shrink:0}.demo-toggle input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:var(--pass-shadow-sm);transition:transform var(--pass-transition)}.demo-toggle input[type=checkbox]:checked{background:var(--pass-green-500)}.demo-toggle input[type=checkbox]:checked:after{transform:translate(16px)}.demo-gates{display:flex;gap:8px;justify-content:center}.demo-gate{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;border-radius:var(--pass-radius);border:1px solid var(--pass-gray-200);min-width:100px;transition:all .3s ease}.demo-gate--closed{background:var(--pass-gray-50);border-color:var(--pass-gray-200)}.demo-gate--open{background:var(--pass-green-50);border-color:var(--pass-green-200);animation:gate-pulse 1.5s ease-in-out infinite}@keyframes gate-pulse{0%,to{box-shadow:0 0 #22c55e4d}50%{box-shadow:0 0 0 6px #22c55e00}}.demo-gate__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--pass-radius-sm);background:var(--pass-gray-100);color:var(--pass-gray-500);transition:all .3s ease}.demo-gate--open .demo-gate__icon{background:var(--pass-green-100);color:var(--pass-green-600)}.demo-gate--closed .demo-gate__icon{background:var(--pass-gray-100);color:var(--pass-gray-400)}.demo-gate__icon svg{width:20px;height:20px}.demo-gate__label{font-size:11px;font-weight:500;color:var(--pass-gray-500);white-space:nowrap}.demo-users-list{list-style:none;display:flex;flex-direction:column;gap:4px}.demo-user-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--pass-radius);transition:background var(--pass-transition)}.demo-user-row:hover{background:var(--pass-gray-50)}.demo-user-row--revoked{opacity:.4}.demo-user-row__avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--pass-green-100),var(--pass-green-50));color:var(--pass-green-700);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;border:2px solid var(--pass-green-200)}.demo-user-row__info{display:flex;flex-direction:column;flex:1;min-width:0}.demo-user-row__name{font-size:14px;font-weight:600;color:var(--pass-gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-user-row__house{font-size:12px;color:var(--pass-gray-400)}.demo-status-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}.demo-status-badge--pending{background:var(--pass-amber-100);color:var(--pass-amber-800)}.demo-status-badge--active{background:var(--pass-green-100);color:var(--pass-green-800)}.demo-status-badge--revoked{background:var(--pass-gray-100);color:var(--pass-gray-500)}.demo-user-row__actions{position:relative;flex-shrink:0}.demo-btn-icon{width:32px;height:32px;border:none;background:transparent;border-radius:var(--pass-radius-sm);color:var(--pass-gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--pass-transition)}.demo-btn-icon:hover{background:var(--pass-gray-100);color:var(--pass-gray-600)}.demo-btn-icon svg{width:18px;height:18px}.demo-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:overlay-in .2s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.demo-modal{background:var(--pass-surface);border-radius:var(--pass-radius-xl);padding:32px 28px 24px;width:90%;max-width:360px;box-shadow:var(--pass-shadow-xl);animation:modal-in .25s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.demo-modal__title{font-size:20px;font-weight:700;text-align:center;margin-bottom:20px;color:var(--pass-gray-900)}.demo-form-label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--pass-gray-500);margin-bottom:14px}.demo-form-input{padding:10px 14px;border:1.5px solid var(--pass-gray-200);border-radius:var(--pass-radius);font-size:15px;outline:none;transition:border-color var(--pass-transition),box-shadow var(--pass-transition);font-family:var(--pass-font)}.demo-form-input:focus{border-color:var(--pass-green-400);box-shadow:0 0 0 3px #22c55e1a}.demo-btn--full{width:100%;padding:12px;font-size:16px;font-weight:600;margin-top:4px;border-radius:var(--pass-radius)}.demo-modal__cancel{display:block;width:100%;background:none;border:none;padding:12px;font-size:14px;font-weight:500;color:var(--pass-gray-500);cursor:pointer;text-align:center;font-family:var(--pass-font);transition:color var(--pass-transition)}.demo-modal__cancel:hover{color:var(--pass-gray-700)}.demo-modal__hint{font-size:11px;color:var(--pass-gray-400);text-align:center;margin-top:4px}.demo-popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.demo-popover{position:absolute;right:0;top:100%;z-index:51;background:var(--pass-surface);border-radius:var(--pass-radius-lg);box-shadow:var(--pass-shadow-xl);padding:20px;width:280px;margin-top:4px;border:1px solid var(--pass-gray-100);animation:popover-in .15s ease}@keyframes popover-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.demo-popover__header strong{display:block;font-size:16px;font-weight:700;color:var(--pass-gray-900)}.demo-popover__sub{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--pass-gray-500);margin-top:4px}.demo-popover__divider{border:none;border-top:1px solid var(--pass-gray-100);margin:12px 0}.demo-popover__qr-section{display:flex;flex-direction:column;align-items:center}.demo-popover__qr-section svg{border-radius:var(--pass-radius)}.demo-popover__invite-url{font-size:12px;color:var(--pass-gray-600);word-break:break-all;margin-bottom:10px;padding:8px 10px;background:var(--pass-gray-50);border-radius:var(--pass-radius-sm);font-family:var(--pass-font-mono);border:1px solid var(--pass-gray-100);width:100%;text-align:center}.demo-popover__action{display:flex;width:100%;align-items:center;gap:10px;padding:10px 12px;border:none;background:none;text-align:left;font-size:14px;cursor:pointer;border-radius:var(--pass-radius-sm);color:var(--pass-green-600);transition:background var(--pass-transition);font-family:var(--pass-font);font-weight:500}.demo-popover__action svg{width:18px;height:18px;flex-shrink:0}.demo-popover__action:hover{background:var(--pass-gray-50)}.demo-popover__action:disabled{opacity:.5;cursor:not-allowed}.demo-popover__action--danger{color:var(--pass-red-500)}.demo-popover__action--danger:hover{background:var(--pass-red-50)}.demo-popover__debt-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:14px;color:var(--pass-gray-700);font-weight:500}.demo-toggle-btn{position:relative;width:44px;height:24px;border:none;border-radius:12px;background:var(--pass-gray-200);cursor:pointer;transition:background var(--pass-transition);padding:0}.demo-toggle-btn:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:var(--pass-shadow-sm);transition:transform var(--pass-transition)}.demo-toggle-btn--active{background:var(--pass-red-500)}.demo-toggle-btn--active:after{transform:translate(20px)}.demo-requests-list{list-style:none;display:flex;flex-direction:column;gap:4px}.demo-request-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--pass-radius);transition:background var(--pass-transition)}.demo-request-row:hover{background:var(--pass-gray-50)}.demo-request-row--fulfilled{opacity:.4}.demo-request-badge{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.demo-request-badge svg{width:14px;height:14px}.demo-request-badge--guest{background:var(--pass-blue-100);color:var(--pass-blue-800)}.demo-request-badge--courier{background:var(--pass-amber-100);color:var(--pass-amber-800)}.demo-request-badge--master{background:var(--pass-violet-100);color:var(--pass-violet-800)}.demo-request-badge--default{background:var(--pass-gray-200);color:var(--pass-gray-600)}.demo-request-row__info{flex:1;min-width:0}.demo-request-row__text{font-size:13px;color:var(--pass-gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.demo-request-row__ack{font-size:14px;flex-shrink:0;color:var(--pass-gray-300);display:flex;align-items:center}.demo-request-row__ack svg{width:18px;height:18px}.demo-request-row__ack--done{color:var(--pass-green-500)}.demo-request-detail{font-size:13px;color:var(--pass-gray-600);padding:6px 12px}.demo-log{margin-top:16px;border-top:1px solid var(--pass-gray-100);padding-top:16px}.demo-log__list{list-style:none;display:flex;flex-direction:column;gap:2px;max-height:340px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--pass-gray-200) transparent}.demo-log__entry{display:flex;align-items:center;gap:10px;padding:6px 8px;font-size:12px;border-radius:var(--pass-radius-sm);transition:background var(--pass-transition)}.demo-log__entry:hover{background:var(--pass-gray-50)}.demo-log__icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;flex-shrink:0}.demo-log__icon svg{width:14px;height:14px}.demo-log__icon--open{background:var(--pass-amber-100);color:var(--pass-amber-700)}.demo-log__icon--ack{background:var(--pass-green-100);color:var(--pass-green-700)}.demo-log__icon--invite{background:var(--pass-blue-100);color:var(--pass-blue-700)}.demo-log__icon--jwt{background:var(--pass-green-100);color:var(--pass-green-700)}.demo-log__icon--info{background:var(--pass-blue-50);color:var(--pass-blue-500)}.demo-log__icon--debt{background:var(--pass-pink-100);color:var(--pass-pink-800)}.demo-log__icon--pass{background:var(--pass-green-50);color:var(--pass-green-600)}.demo-log__icon--revoke{background:var(--pass-red-100);color:var(--pass-red-700)}.demo-log__icon--default{background:var(--pass-gray-100);color:var(--pass-gray-500)}.demo-log__badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;background:var(--pass-gray-100);color:var(--pass-gray-500)}.demo-log__badge--invite_created,.demo-log__badge--invite{background:var(--pass-blue-100);color:var(--pass-blue-800)}.demo-log__badge--jwt_issued,.demo-log__badge--jwt{background:var(--pass-green-100);color:var(--pass-green-800)}.demo-log__badge--open{background:var(--pass-amber-100);color:var(--pass-amber-800)}.demo-log__badge--ack{background:var(--pass-green-100);color:var(--pass-green-700)}.demo-log__badge--info{background:var(--pass-blue-50);color:var(--pass-blue-700)}.demo-log__badge--debt{background:var(--pass-pink-100);color:var(--pass-pink-800)}.demo-log__badge--pass{background:var(--pass-green-50);color:var(--pass-green-600)}.demo-log__badge--revoke,.demo-log__badge--user_revoked{background:var(--pass-red-100);color:var(--pass-red-700)}.demo-log__text{flex:1;min-width:0;color:var(--pass-gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-log__time{flex-shrink:0;color:var(--pass-gray-400);font-size:11px;font-family:var(--pass-font-mono);letter-spacing:-.02em}.demo-metrics-bar{display:none}