:root{--primary-color:#2c3e50;--primary-light:#3498db;--primary-dark:#2980b9;--success-color:#28a745;--error-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--light-bg:#f8f9fa;--border-color:#dee2e6;--text-muted:#6c757d;--shadow:0 2px 4px rgba(0, 0, 0, 0.1);--shadow-lg:0 4px 12px rgba(0, 0, 0, 0.15);--border-radius:8px;--transition:all 0.3s ease}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif;margin:0;padding:0;background:#f5f5f5;line-height:1.6;color:#333}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.navbar{background:var(--primary-color);color:#fff;padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.nav-container{max-width:1500px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.nav-brand{font-size:1.5rem;font-weight:700;display:inline-flex;align-items:center;gap:8px;line-height:1;color:inherit;text-decoration:none}.nav-brand-icon{display:inline-flex;align-items:center;justify-content:center;color:#fff}.nav-brand-icon svg{width:21px;height:24px;fill:currentColor;shape-rendering:geometricPrecision}.nav-toggle{display:none;background:0 0;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 12px;border-radius:4px;cursor:pointer}.nav-toggle-bar,.nav-toggle-bar::before,.nav-toggle-bar::after{display:block;width:18px;height:2px;background:currentColor;position:relative}.nav-toggle-bar::before,.nav-toggle-bar::after{content:"";position:absolute;left:0}.nav-toggle-bar::before{top:-6px}.nav-toggle-bar::after{top:6px}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:4px;align-items:center}.nav-item{margin:0;position:relative}.nav-item--right{margin-left:auto}.nav-link{display:inline-flex;align-items:center;gap:4px;color:#fff;text-decoration:none;padding:8px 12px;border-radius:4px;font:inherit;background:0 0;border:none;cursor:pointer;transition:var(--transition);white-space:nowrap}.nav-text{color:rgba(255,255,255,.7);font-size:.85rem;font-family:ui-monospace,sfmono-regular,Menlo,monospace;padding:8px 12px;display:block}.nav-logout{display:inline-flex;margin:0;padding:0}.nav-link:hover,.nav-link.active,.nav-item--has-menu[data-open=true] .nav-link--button{background:rgba(255,255,255,.2)}.nav-link:focus-visible{outline:2px solid #fff;outline-offset:2px}.nav-chevron{margin-left:2px;opacity:.7;transition:transform .2s ease}.nav-item--has-menu[data-open=true] .nav-chevron{transform:rotate(180deg);opacity:1}.nav-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:360px;max-width:calc(100vw - 40px);box-sizing:border-box;background:#fff;color:#333;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);padding:10px;z-index:200}.nav-dropdown[hidden]{display:none}.nav-item[data-overflow-right=true] .nav-dropdown{left:auto;right:0}.nav-dropdown-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:2px}.nav-dropdown-link{display:flex;align-items:flex-start;gap:10px;padding:8px;border-radius:6px;text-decoration:none;color:#333;transition:var(--transition)}.nav-dropdown-link:hover,.nav-dropdown-link:focus-visible,.nav-dropdown-link.active{background:var(--light-bg)}.nav-dropdown-icon{flex:0 0 32px;width:32px;height:32px;border-radius:6px;background:var(--light-bg);color:var(--primary-light);display:inline-flex;align-items:center;justify-content:center;transition:var(--transition)}.nav-dropdown-link:hover .nav-dropdown-icon,.nav-dropdown-link:focus-visible .nav-dropdown-icon,.nav-dropdown-link.active .nav-dropdown-icon{background:var(--primary-light);color:#fff}.nav-dropdown-icon svg{width:16px;height:16px}.nav-dropdown-text{display:flex;flex-direction:column;gap:2px;min-width:0}.nav-dropdown-label{font-weight:600;font-size:.9rem;color:var(--primary-color);line-height:1.2}.nav-dropdown-link.active .nav-dropdown-label{color:var(--primary-light)}.nav-dropdown-description{font-size:.78rem;color:var(--text-muted);line-height:1.3}@media(max-width:900px){.nav-toggle{display:inline-flex;align-items:center;gap:8px}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--primary-color);padding:10px;gap:4px;box-shadow:var(--shadow);max-height:calc(100vh - 60px);overflow-y:auto}.nav-menu[data-open=true]{display:flex}.nav-item--right{margin-left:0}.nav-link--button{justify-content:space-between;width:100%}.nav-dropdown{position:static;left:auto;right:auto;width:auto;max-width:none;margin-top:4px;padding:6px}}.container{max-width:1100px;margin:20px auto;padding:0 20px;width:100%;box-sizing:border-box}h1{margin:0 0 20px;color:var(--primary-color);font-size:1.8rem}h2{margin:30px 0 15px;color:var(--primary-color);font-size:1.3rem;border-bottom:2px solid var(--border-color);padding-bottom:8px}h3{margin:0 0 10px;color:var(--primary-color);font-size:1.05rem}p{margin:0 0 12px}p.subtitle{color:var(--text-muted);font-size:.95rem;margin-top:-10px;margin-bottom:20px}code{font-family:ui-monospace,sfmono-regular,Menlo,monospace;background:var(--light-bg);padding:2px 6px;border-radius:4px;font-size:.9em}.card{background:#fff;padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:24px}.card h2:first-child{margin-top:0}.section-help{color:var(--text-muted);font-size:.9rem;margin:-8px 0 16px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px 24px}.form-grid.full-width{grid-template-columns:1fr}.form-row{display:flex;flex-direction:column;gap:6px}.form-row.span-2{grid-column:span 2}label{font-weight:600;font-size:.9rem;color:#333}label .required{color:var(--error-color)}.form-row .help-text{color:var(--text-muted);font-size:.825rem}input[type=text],input[type=url],input[type=password],input[type=email],input[type=number],select,textarea{padding:9px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:.95rem;background:#fff;transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px rgba(52,152,219,.2)}input[readonly],input.readonly{background:var(--light-bg);color:var(--text-muted);cursor:not-allowed}textarea{min-height:100px;resize:vertical;font-family:ui-monospace,sfmono-regular,Menlo,monospace;font-size:.875rem}.form-actions{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color);align-items:center}.form-actions .spacer{flex:1}.secret-set-flag{display:inline-flex;align-items:center;gap:4px;color:var(--success-color);font-size:.8rem;font-weight:600;padding:2px 6px;background:rgba(40,167,69,.1);border-radius:4px}.secret-set-flag::before{content:"✓"}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;font-size:.95rem;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:var(--transition);font-family:inherit;line-height:1.2}.btn:focus{outline:2px solid var(--primary-light);outline-offset:2px}.btn-primary{background:var(--primary-light);color:#fff;border-color:var(--primary-light)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-secondary{background:#fff;color:var(--primary-color);border-color:var(--border-color)}.btn-secondary:hover{background:var(--light-bg)}.btn-danger{background:var(--error-color);color:#fff;border-color:var(--error-color)}.btn-danger:hover{background:#c82333;border-color:#c82333}.btn-warning{background:var(--warning-color);color:#333;border-color:var(--warning-color)}.btn-warning:hover{background:#e0a800}.btn-sm{padding:5px 12px;font-size:.85rem}.btn[disabled]{opacity:.6;cursor:not-allowed}.alert{padding:12px 16px;border-radius:6px;margin-bottom:20px;border:1px solid transparent;display:flex;align-items:flex-start;gap:8px}.alert::before{flex-shrink:0;font-weight:700;line-height:1.4}.alert-success{background:#d4edda;border-color:#c3e6cb;color:#155724}.alert-success::before{content:"✓"}.alert-error{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-error::before{content:"!"}.alert-warning{background:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-warning::before{content:"⚠"}.alert-info{background:#d1ecf1;border-color:#bee5eb;color:#0c5460}.alert-info::before{content:"ℹ"}.alert strong{margin-right:4px}.table-container{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:20px;overflow-x:auto}.table-filter{display:flex;align-items:center;gap:12px;margin-bottom:12px}.table-filter-input{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;font-family:inherit;background:#fff;width:100%;max-width:320px;transition:border-color .15s ease,box-shadow .15s ease}.table-filter-count{font-size:.85rem;color:#666;white-space:nowrap}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{background:var(--light-bg);font-weight:600;color:#333;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.data-table tbody tr{transition:background-color .15s ease}.data-table tbody tr:hover{background:var(--light-bg)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .col-actions{width:1%;white-space:nowrap}.data-table .empty-row td{text-align:center;color:var(--text-muted);padding:32px;font-style:italic}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));padding:20px}.login-card{background:#fff;padding:36px 32px 28px;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);width:100%;max-width:420px}.login-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:6px}.login-brand h1{margin:0}.login-brand-icon{color:var(--primary-color)}.login-brand-icon svg{width:30px;height:34px;fill:currentColor}.login-card h1{margin:0 0 6px;font-size:1.5rem;text-align:center}.login-card .login-subtitle{color:var(--text-muted);text-align:center;margin-bottom:24px;font-size:.9rem}.login-card .form-actions{border-top:none;padding-top:0;margin-top:18px}.login-card .btn-primary{width:100%;padding:11px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-backdrop[hidden]{display:none}.modal{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);width:100%;max-width:520px;padding:28px 28px 20px}.modal h2{margin-top:0;border-bottom:none;padding-bottom:0}.modal .form-actions{margin-top:20px;padding-top:16px}.secret-once{background:var(--light-bg);border:1px solid var(--border-color);border-radius:6px;padding:14px 16px;margin:14px 0 4px;font-family:ui-monospace,sfmono-regular,Menlo,monospace;font-size:.92rem;word-break:break-all}.footer{text-align:center;padding:24px 0 8px;color:var(--text-muted);font-size:.85rem}.footer-badges{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:10px}.footer-badges>a{display:inline-flex;align-items:center}.footer-badges>a>img{display:block}.store-badge--apple{height:40px;width:auto}.store-badge--google{height:60px;width:auto}.store-badge--desktop{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid var(--primary-color);border-radius:6px;background:var(--primary-color);color:#fff;text-decoration:none;line-height:1.1;transition:var(--transition)}.store-badge--desktop:hover,.store-badge--desktop:focus-visible{background:var(--primary-light);border-color:var(--primary-light);text-decoration:none}.store-badge__glyph{height:20px;width:20px;flex:none}.store-badge__text{display:flex;flex-direction:column;align-items:flex-start}.store-badge__lead{font-size:9px;text-transform:uppercase;letter-spacing:.04em;opacity:.85}.store-badge__name{font-size:15px;font-weight:600}@media(max-width:720px){.nav-container{flex-direction:column;gap:8px}.nav-menu{flex-wrap:wrap;justify-content:center}.form-row.span-2{grid-column:auto}}dl.detail-grid{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0}dl.detail-grid dt{color:var(--text-muted);font-weight:600}dl.detail-grid dd{margin:0;word-break:break-word}.nav-text select{width:auto;padding:4px 8px;font-size:.85rem;display:inline-block;margin-right:6px}.status-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.78rem;font-weight:600;text-transform:capitalize;background:var(--light-bg);color:var(--text-muted)}.status-badge--active{background:#d4edda;color:#155724}.status-badge--terminal{background:#e2e3e5;color:#383d41}.status-badge--failed{background:#f8d7da;color:#721c24}.status-badge--busy{background:#fff3cd;color:#856404}.example-category{margin-bottom:2.5rem}.example-category h2{margin-bottom:.25rem}.example-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:1.25rem;margin-bottom:1.5rem}.example-card h3{margin-top:0;margin-bottom:.25rem}.example-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin:.75rem 0;font-size:.9rem}.example-meta ul{margin:.25rem 0 0;padding-left:1.25rem}.example-code{position:relative}.example-code pre{background:#1e1e2e;color:#cdd6f4;border-radius:var(--border-radius);padding:1rem;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.5;margin:.5rem 0}.example-code .copy-button{position:absolute;top:.75rem;right:.75rem;background:var(--primary-light);color:#fff;border:none;border-radius:4px;padding:.35rem .75rem;font-size:.8rem;cursor:pointer}.example-code .copy-button:hover{background:var(--primary-dark)}.example-code .copy-button[data-copied=true]{background:var(--success-color)}.example-related{margin-top:.75rem;font-size:.9rem}.example-related a{margin-right:.75rem}.tw-tag{color:#f38ba8}.tw-attr{color:#a6e3a1}.tw-value{color:#fab387}.tw-punct{color:#6c7086}.tw-comment{color:#6c7086;font-style:italic}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.live-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:.85rem;font-weight:600;background:var(--light-bg);color:var(--text-muted)}.live-indicator::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.live-indicator[data-live-status=open]{background:#d4edda;color:#155724}.live-indicator[data-live-status=closed]{background:#fff3cd;color:#856404}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;padding:16px 20px;border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px}.stat-card--live{border-left:4px solid var(--success-color)}.stat-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.stat-value{font-size:1.8rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--primary-color)}.stat-note,.panel-muted{color:var(--text-muted);font-size:.8rem}.panel-grid{display:grid;grid-template-columns:minmax(0,2fr)minmax(280px,1fr);gap:24px;align-items:start}@media(max-width:1000px){.panel-grid{grid-template-columns:minmax(0,1fr)}}.panel-call{cursor:pointer}.panel-call:hover{background:var(--light-bg)}.panel-call--leg td:first-child{padding-left:28px;border-left:3px solid var(--primary-light)}.panel-call--flash{animation:panel-flash 1.2s ease-out}@keyframes panel-flash{from{background:#fff3cd}to{background:0 0}}.panel-answered{color:var(--text-muted);font-size:.8rem}.panel-timer{font-variant-numeric:tabular-nums;white-space:nowrap}.panel-actions{text-align:right;white-space:nowrap}.panel-actions .btn+.btn{margin-left:4px}.panel-list{list-style:none;margin:0;padding:0}.panel-list li{padding:8px 0;border-bottom:1px solid var(--border-color)}.panel-list li:last-child{border-bottom:none}.panel-message-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.transcript{list-style:none;margin:0;padding:0}.transcript li{padding:8px 0;border-bottom:1px solid var(--border-color)}.transcript li:last-child{border-bottom:none}.transcript p{margin:4px 0 0}.transcript-speaker{font-weight:600}.transcript-link{font-size:.8rem}.nav-count,.new-badge{display:inline-block;min-width:1.4em;padding:1px 6px;border-radius:999px;background:var(--error-color);color:#fff;font-size:.7rem;font-weight:700;line-height:1.4;text-align:center}.nav-count[hidden]{display:none}.tabs{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 16px;border-bottom:1px solid var(--border-color)}.tab{padding:8px 16px;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--text-muted);font-weight:600;text-decoration:none}.tab:hover,.tab.active{color:var(--primary-color)}.tab.active{border-bottom-color:var(--primary-color)}.form-checks{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0 0}.form-checks label{display:inline-flex;align-items:center;gap:6px;font-weight:400}.context-summary{margin:2px 0 0;font-size:.8rem;font-weight:600;color:var(--primary-color)}.summary-bullets{margin:0 0 8px;padding-left:20px}.summary-bullets li{padding:4px 0}.panel-extensions li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.panel-extension-name{min-width:3.5rem;font-variant-numeric:tabular-nums}.panel-call--dragging{opacity:.5}.panel-dropzone{outline:2px dashed var(--primary-light);outline-offset:-2px}.panel-extension--drop{background:var(--light-bg);outline:2px dashed var(--primary-color);outline-offset:-2px}.panel-message audio{width:100%;margin-top:6px}.panel-excerpt{margin:4px 0 0;font-size:.9rem}.panel-activity li{font-size:.9rem}.panel-more{margin:12px 0 0;font-size:.9rem}.panel-health dd[data-state=stale],.panel-health dd[data-state=missing],.panel-health dd[data-quiet=true]{color:#856404;font-weight:600}.panel-drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:900}.panel-drawer{position:fixed;top:0;right:0;width:min(560px,100%);height:100%;overflow-y:auto;background:#fff;box-shadow:var(--shadow-lg);padding:24px;z-index:901}.panel-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-drawer h3{margin:20px 0 8px;font-size:1rem}.panel-transcript{background:var(--light-bg);border-radius:var(--border-radius);padding:12px;white-space:pre-wrap;max-height:280px;overflow-y:auto}.panel-drawer-actions{display:flex;flex-wrap:wrap;gap:8px}.panel-drawer-actions form{display:flex;gap:8px;flex-wrap:wrap;width:100%}.panel-drawer-actions input{flex:1 1 200px}.panel-drawer-status{margin:12px 0 0;padding:8px 12px;border-radius:var(--border-radius);background:var(--light-bg)}.panel-drawer-status[data-kind=success]{background:#d4edda;color:#155724}.panel-drawer-status[data-kind=error]{background:#f8d7da;color:#721c24}.panel-drawer-actions .btn[disabled]{opacity:.6;cursor:wait}