.app-nav{position:sticky;top:0;z-index:1000;background:#236f59;padding:.5rem 0 0;width:100%}@media (max-width: 768px){.app-nav{position:fixed;top:0;left:0;right:0;width:100vw;max-width:100vw;padding:.5rem 0 0;margin:0;box-sizing:border-box}}.nav-content{display:flex;align-items:center;justify-content:space-between;padding:0 1rem}@media (max-width: 768px){.nav-content{padding:0 1rem;justify-content:space-between;width:100%;max-width:100vw;box-sizing:border-box}}.nav-left{display:flex;align-items:center}.nav-right{display:flex;align-items:center;gap:.5rem}.nav-title{color:#fbbf24;font-size:1.125rem;font-weight:600;margin-left:1rem;text-decoration:none;cursor:pointer;white-space:nowrap}.nav-title:hover{color:#f59e0b;text-decoration:underline}.nav-tabs{display:flex;gap:.5rem;margin-left:1rem;flex:1;align-items:flex-end}@media (max-width: 768px){.nav-tabs{display:none}}.nav-tab{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-bottom:none;padding:.5rem .75rem;border-radius:4px 4px 0 0;font-size:.875rem;text-decoration:none;transition:all .2s;margin-bottom:-.5rem}.nav-tab:hover{background:#fff3;color:#fff}.nav-tab.active{background:#ffffff4d;border-color:#fff6;border-bottom:none}.nav-logo{font-size:1.25rem;font-weight:700;color:#fff;text-decoration:none}.nav-settings{background:none;border:none;font-size:1.125rem;cursor:pointer;padding:.5rem;border-radius:4px;color:#fff}.nav-settings:hover{background:#ffffff1a}.nav-hamburger{display:none;background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:4px}.nav-hamburger:hover{background:#ffffff1a}@media (max-width: 768px){.nav-hamburger{display:block}}.mobile-nav-drawer{position:fixed;top:0;right:-300px;width:300px;height:100vh;background:#236f59;z-index:1001;transition:right .3s ease;padding:1rem;box-shadow:-2px 0 10px #0000004d}.mobile-nav-drawer.active{right:0}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.2)}.mobile-nav-title{color:#fbbf24;font-size:1.25rem;font-weight:600}.mobile-nav-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.25rem}.mobile-nav-tabs{display:flex;flex-direction:column;gap:.5rem}.mobile-nav-tab{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.75rem 1rem;border-radius:4px;font-size:1rem;text-decoration:none;transition:all .2s;text-align:left}.mobile-nav-tab:hover{background:#fff3;color:#fff}.mobile-nav-tab.active{background:#ffffff4d;border-color:#fff6}.root-page{padding:0}.root-page h1{color:#1e293b;font-weight:700;margin:1rem 1rem 2rem}.root-page h4{color:#374151;font-weight:600;margin:0 1rem 1rem;font-size:1.125rem}.nav-list{list-style:none;padding:0;margin:0}.nav-list li{margin-bottom:.5rem;margin-left:1rem}.nav-list a{color:#3b82f6;text-decoration:none;font-size:.875rem}.nav-list a:hover{text-decoration:underline}.journey-viewer{padding:1rem 1rem 1rem 0;overflow:visible;width:100vw;height:auto}@media (max-width: 768px){.journey-viewer{width:-moz-max-content;width:max-content;min-width:800px;padding-top:60px;overflow:visible;touch-action:pan-x pan-y}}.journey-container{width:100vw;min-width:600px;overflow:visible;height:auto}@media (max-width: 768px){.journey-container{width:-moz-max-content;width:max-content;min-width:800px}}.journey-viewer .journey-header{display:flex;height:72px;width:100vw;min-width:600px;background-color:#fff;font-weight:600;margin:0!important;padding:0!important}@media (max-width: 768px){.journey-viewer .journey-header{width:-moz-max-content;width:max-content;min-width:800px}}.journey-header-label{font-size:.75rem;color:#374151;line-height:1;white-space:nowrap;overflow:visible;cursor:help;margin:0;padding:0}.journey-rows{display:flex;flex-direction:column;width:100vw;min-width:600px;overflow:visible;height:auto;margin:0;padding:0;gap:0;transition:opacity .2s ease-in}@media (max-width: 768px){.journey-rows{width:-moz-max-content;width:max-content;min-width:800px}}.journey-row{display:flex;height:72px;width:100vw;min-width:600px;border-bottom:1px solid #e5e7eb}@media (max-width: 768px){.journey-row{width:-moz-max-content;width:max-content;min-width:800px}}.journey-user-key-column{width:1.5in;flex:0 0 auto;display:flex;flex-direction:column;justify-content:center}.journey-consent-column-inline{width:12px;flex:0 0 12px;height:100%;border-left:1px solid #e5e7eb;box-sizing:border-box;display:flex;align-self:stretch}.journey-pageload-metrics-column{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;padding:0 .5rem;background:#fff;overflow-x:auto;white-space:nowrap;text-align:center;min-width:120px}.journey-page-hierarchy-section{display:flex;flex-direction:row;background:#000;height:100%;overflow:visible;flex:1 1 auto;min-width:120px;border-left:1px solid #e5e7eb;box-sizing:border-box}.journey-links-column{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;border-left:10px solid #236F59;padding:0 20px 0 .5rem;background:#fff;text-align:left;min-width:120px;overflow-x:auto;white-space:nowrap;box-sizing:border-box;margin-left:1px}.journey-header .journey-page-hierarchy-section{background:#fff!important}.journey-header>*{background:#fff!important}.journey-page-hierarchy-section .journey-header-label{background:#fff!important;color:#374151;width:100%;text-align:center;height:100%;display:flex;align-items:center;justify-content:center}.journey-page-hierarchy-container{display:flex;flex-direction:row;height:72px;align-items:flex-start;min-width:-moz-max-content;min-width:max-content;width:-moz-max-content;width:max-content}.journey-viewer .loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;min-height:200px}.journey-viewer .loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#236f59;border-radius:50%;animation:spin 1s linear infinite}.journey-pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#f9fafb;border-top:1px solid #e5e7eb;margin-top:1rem;flex-wrap:wrap;gap:1rem}.pagination-info{font-size:.875rem;color:#6b7280}.pagination-controls{display:flex;align-items:center;gap:.75rem}.pagination-button{padding:.5rem 1rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:all .2s}.pagination-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-page-info{font-size:.875rem;color:#374151;font-weight:500}.pagination-size{display:flex;align-items:center;gap:.5rem}.pagination-size label{font-size:.875rem;color:#6b7280}.pagination-size-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;font-size:.875rem;cursor:pointer}.pagination-size-select:hover{border-color:#9ca3af}.pagination-size-select:focus{outline:none;border-color:#236f59;box-shadow:0 0 0 3px #236f591a}@media (max-width: 768px){.journey-pagination{flex-direction:column;align-items:stretch}.pagination-controls,.pagination-size{justify-content:center}}.journey-pageload-count{font-size:.65rem;color:#374151;font-weight:400;text-align:center;line-height:1.2}.journey-pageload-count strong{font-weight:600}.journey-requests-count{font-size:.65rem;color:#374151;font-weight:400;text-align:center;line-height:1.2}.journey-requests-count strong{font-weight:600}.journey-requests-processed{font-size:.65rem;color:#374151;font-weight:400;text-align:center;line-height:1.2}.journey-requests-processed strong{font-weight:600}.journey-right-column{flex:1;background:#000;min-width:0}.journey-timestamp{font-size:.75rem;color:#374151;line-height:1;white-space:nowrap;overflow:visible}.journey-user-key{font-size:.75rem;color:#6b7280;line-height:1;white-space:nowrap;overflow:visible}.journey-device-platform{font-size:.75rem;color:#374151;line-height:1;white-space:nowrap;overflow:visible;font-weight:500}.journey-device-browser,.journey-device-type,.journey-device-model,.journey-geolocation,.journey-host{font-size:.75rem;color:#6b7280;line-height:1;white-space:nowrap;overflow:visible}.loading{text-align:center;padding:2rem;color:#6b7280}.error{background:#fef2f2;color:#dc2626;padding:1rem;border-radius:.25rem;margin:1rem 0}.no-data{text-align:center;padding:2rem;color:#6b7280}.journey-stats{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;margin:1rem 0}.journey-row{display:flex;height:60px;width:100vw;min-width:600px;border-bottom:1px solid #e5e7eb}.journey-left-column{min-width:120px;flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;padding:0 .5rem 0 20px;background:#fff;overflow-x:auto;white-space:nowrap}.journey-device-info-column{min-width:120px;flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;padding:0 .5rem;background:#fff;overflow-x:auto;white-space:nowrap}.journey-user-key-column{width:2in;flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;padding:0 .5rem;background:#fff;overflow-x:auto;white-space:nowrap}.journey-pageload-metrics-column{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;padding:0 .5rem;background:#fff;text-align:center;min-width:120px}.journey-page-hierarchy-section{display:flex;flex-direction:row;background:#000;height:100%;overflow:hidden;flex:1 1 auto;min-width:120px;border-left:1px solid #e5e7eb}.journey-links-column{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;border-left:10px solid #236F59;padding:0 20px 0 .5rem;background:#fff;text-align:left;min-width:120px;overflow-x:auto;white-space:nowrap}.journey-links-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px}.journey-links-button{background:transparent;color:#374151;border:1px solid #d1d5db;border-radius:4px;padding:0;font-size:1.2rem;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.journey-links-button:hover{background:#f3f4f6;border-color:#9ca3af}.journey-links-button:active{background:#e5e7eb}.journey-ip-button{background:transparent;color:#374151;border:1px solid #d1d5db;border-radius:4px;padding:0;font-size:1.2rem;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.journey-ip-button:hover{background:#f3f4f6;border-color:#9ca3af}.journey-ip-button:active{background:#e5e7eb}.journey-page-hierarchy-container{display:flex;flex-direction:row;height:60px;align-items:flex-start}.page-hierarchy-column{display:flex;flex-direction:column;width:auto;min-width:12px;border-right:1px solid #e5e7eb;height:100%;flex-shrink:0}.page-referer-square{width:12px;height:12px;border-bottom:1px solid #1d4ed8;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;position:relative}.page-referer-square:after{content:"R";color:#fff;font-size:8px;font-weight:700;background:#000;border-radius:50%;width:8px;height:8px;display:flex;align-items:center;justify-content:center;line-height:1}.page-resource-square{width:12px;height:12px;border:1px solid var(--border-color, #6b7280);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;border:.5px solid #fff;box-sizing:border-box;position:relative}.page-resource-square:before{content:"";position:absolute;inset:.5px;border:2px solid transparent;pointer-events:none}.split-square{position:relative;overflow:hidden}.realtime-triangle{position:absolute;top:0;left:0;width:0;height:0;border-right:6px solid transparent;border-bottom:6px solid transparent;border-top:6px solid var(--status-color, #0066ff);border-left:6px solid var(--status-color, #0066ff)}.response-time-circle{position:absolute;width:4px;height:4px;border-radius:50%;border:1px solid white;z-index:1}.realtime-triangle .response-time-circle{position:absolute!important;bottom:1px!important;right:1px!important;z-index:1!important}.standard-triangle{position:absolute;bottom:0;right:0;width:0;height:0;border-left:6px solid transparent;border-top:6px solid transparent;border-bottom:6px solid var(--status-color, #0066ff);border-right:6px solid var(--status-color, #0066ff)}.standard-triangle .response-time-circle{position:absolute!important;top:1px!important;left:1px!important;z-index:1!important}.logs-summary{display:none}@media (max-width: 768px){.logs-list,.header-row,.log-entry{min-width:800px;width:100%}}.logs-list{max-height:600px;overflow-y:auto;width:100%;box-sizing:border-box}.header-row{background:#f8fafc;position:sticky;top:0;z-index:10;height:24px;display:flex;align-items:center;border-bottom:1px solid #e2e8f0;font-weight:600;color:#374151;font-size:10px;text-transform:uppercase}.header-cell{padding:2px 8px;font-weight:600;color:#374151;font-size:10px;text-transform:uppercase;flex-shrink:0;white-space:nowrap;border-right:1px solid #e2e8f0}.log-entry{border:1px solid #e2e8f0;border-radius:2px;margin-bottom:1px;overflow:visible;transition:box-shadow .2s;background:#fff;min-height:20px}.log-field{padding:2px 8px;flex-shrink:0;font-size:11px;color:#6b7280;white-space:nowrap;border-right:1px solid #f1f5f9;min-height:16px;display:flex;align-items:center}.log-field:last-child{border-right:none}.logs-pagination{background:#f9fafb;padding:1rem;border-top:1px solid #e5e7eb;display:flex;justify-content:center;align-items:center}.pagination{display:flex;align-items:center;gap:1rem}.pagination-btn{background:#3b82f6;color:#fff;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:background-color .2s}.pagination-btn:hover{background:#2563eb}.pagination-btn:active{background:#1d4ed8}.pagination-info{color:#6b7280;font-size:.875rem;font-weight:500}.no-data{text-align:center;padding:2rem;color:#6b7280;font-style:italic}.clientside-logs-table{padding:1rem;background-color:#fff;border-radius:8px;margin:1rem 0}.clientside-logs-list{display:flex;flex-direction:column;gap:.5rem}.clientside-log-entry{display:flex;flex-direction:row;gap:1rem;padding:.75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;font-size:.875rem}.clientside-log-field{display:flex;flex-direction:column;gap:.25rem}.clientside-log-field-label{font-weight:600;color:#374151;font-size:.75rem}.clientside-log-field-value{color:#6b7280;word-break:break-word}.clientside-logs-table .loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;min-height:200px}.clientside-logs-table .loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#236f59;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.clientside-logs-table .error{color:#dc2626;padding:1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:4px;margin:1rem 0}.no-clientside-logs{padding:2rem;text-align:center;color:#6b7280}.journey-stats{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;margin:1rem}.stats-title{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-item{background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:.75rem}.stat-label{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.stat-value{font-size:1.25rem;font-weight:600;color:#111827}.stats-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.stats-section{background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem;margin-top:1rem}.stats-section-title{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.75rem}.stats-method-breakdown{display:flex;flex-direction:column;gap:.5rem}.method-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f9fafb;border-radius:.25rem}.method-name{font-size:.875rem;font-weight:500;color:#111827}.method-count{font-size:.875rem;font-weight:600;color:#6b7280}.api-tab{background:none;border:none;color:#6b7280;padding:12px 20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;border-bottom:2px solid transparent}.api-tab:hover{color:#374151;background:#f3f4f6}.api-tab.active{color:#2563eb;border-bottom-color:#2563eb;background:#f8fafc}.api-section{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.api-section h3{margin:0 0 16px;color:#374151;font-size:18px}.pagination button{padding:8px 16px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.page-info{font-size:14px;color:#6b7280;margin:0 10px}.filter-controls{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.filter-controls label{font-weight:500;color:#374151;font-size:14px}.filter-controls select,.filter-controls input{padding:6px 12px;border:1px solid #d1d5db;border-radius:4px;background:#fff;font-size:14px;min-width:120px}.filter-controls select:focus,.filter-controls input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;padding:15px;border-radius:4px;font-size:14px;margin:20px}.performance-chart{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.performance-chart h4{margin:0 0 16px;color:#374151}.chart-container{display:flex;flex-direction:column;gap:8px}.chart-bar{display:flex;align-items:center;gap:12px}.bar-label{min-width:120px;font-size:12px;color:#6b7280}.bar-value{background:#2563eb;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;min-width:60px;text-align:center}.performance-details{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.performance-details h4{margin:0 0 16px;color:#374151;font-size:18px}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.detail-item{border:1px solid #e2e8f0;border-radius:6px;padding:12px}.detail-key{font-weight:700;color:#374151;margin-bottom:8px}.detail-values{display:flex;flex-direction:column;gap:4px}.detail-values div{font-size:12px;color:#6b7280}.unlock-section{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;padding:16px;margin-bottom:20px}.unlock-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:#92400e;cursor:pointer}.unlock-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.btn{padding:8px 16px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn:hover{background:#f3f4f6;border-color:#9ca3af}.btn-primary{background:#2563eb;border-color:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.btn-secondary{background:#6b7280;border-color:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563;border-color:#4b5563}.header-row{background:#f8fafc;position:sticky;top:0;z-index:10;height:24px;display:flex;align-items:center;border-bottom:2px solid #e2e8f0;margin-bottom:1px;width:-moz-max-content;width:max-content;min-width:100%}.header-cell{padding:2px 8px;font-weight:600;color:#374151;font-size:10px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;box-sizing:border-box}.status-code{display:inline-block;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.status-200{background:#dcfce7;color:#166534}.status-300{background:#fef3c7;color:#92400e}.status-400{background:#fee2e2;color:#991b1b}.status-500{background:#fecaca;color:#7f1d1d}.raw-log{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:8px;font-family:Monaco,Menlo,monospace;font-size:10px;color:#374151;white-space:pre-wrap;word-break:break-all;margin-top:6px}.no-data{text-align:center;color:#6b7280;font-style:italic;padding:40px}.session-card{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 2px 4px #0000001a}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.session-info{display:flex;flex-direction:column;gap:4px}.session-info strong{color:#374151;font-size:14px}.session-ip{color:#6b7280;font-size:12px}.session-stats{display:flex;gap:12px}.session-stats .stat{background:#f3f4f6;padding:4px 8px;border-radius:4px;font-size:12px;color:#374151}.session-timeline{display:flex;flex-direction:column;gap:8px}.timeline-item{display:flex;gap:12px;padding:8px;background:#f8fafc;border-radius:4px}.timeline-time{font-size:11px;color:#6b7280;min-width:80px;font-weight:500}.timeline-content{flex:1}.request-info{display:flex;gap:8px;align-items:center;margin-bottom:4px}.request-info .method{background:#2563eb;color:#fff;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600;white-space:nowrap;flex-shrink:0}.request-info .uri{color:#374151;font-size:12px;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-info .status{padding:2px 6px!important;border-radius:3px!important;font-size:10px!important;font-weight:600!important;white-space:nowrap!important;flex-shrink:0!important;min-width:-moz-max-content!important;min-width:max-content!important;width:auto!important;height:auto!important;aspect-ratio:unset!important;display:inline-block!important}.request-info .status.status-success{background:#dcfce7;color:#166534}.request-info .status.status-redirect{background:#fef3c7;color:#92400e}.request-info .status.status-error{background:#fee2e2;color:#991b1b}.request-details{display:flex;gap:12px;font-size:11px;color:#6b7280}@media (max-width: 768px){.stats{flex-direction:column;gap:16px}.api-controls{flex-direction:column;align-items:stretch}.api-button{width:100%;padding:16px 20px;font-size:16px;text-align:left;justify-content:flex-start}.filter-controls{flex-direction:column;align-items:stretch}.filter-controls select,.filter-controls input{width:100%}.api-operations-tabs{margin:10px;padding:20px;border-radius:12px}.api-tab-nav{margin-bottom:20px}.api-tab{flex:1;padding:12px 16px;font-size:14px}.api-response{margin:20px 10px;padding:20px;border-radius:8px;font-size:13px;line-height:1.5}.unlock-section{margin:20px 0;padding:16px;background:#f8f9fa;border-radius:8px}.unlock-checkbox{font-size:14px;line-height:1.4}}.mobile-nav-drawer{position:fixed;top:0;right:-100%;width:280px;height:100%;min-height:100vh;background:#236f59;z-index:1000;transition:right .3s ease;padding:20px 20px 120px;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;overflow-y:auto;box-sizing:border-box}.mobile-nav-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.mobile-nav-close:hover{background:#ffffff1a}.mobile-nav-tabs{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.mobile-nav-tab{background:none;border:none;color:#fff;padding:16px 20px;text-align:left;font-size:16px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s;border:1px solid transparent}.mobile-nav-tab:hover{background:#ffffff1a;border-color:#fff3}.mobile-nav-tab.active{background:#fff3;border-color:#ffffff4d;font-weight:600}.mobile-settings-section{margin-top:auto;padding-top:20px;padding-bottom:60px;border-top:1px solid rgba(255,255,255,.2);flex-shrink:0}.mobile-settings-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:16px 20px;width:100%;text-align:left;font-size:16px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s;display:flex;align-items:center;gap:12px}.mobile-settings-button:hover{background:#fff3;border-color:#ffffff4d}@media (min-width: 769px){.mobile-nav-overlay,.mobile-nav-drawer{display:none!important}}.api-config-row{display:flex;gap:20px;margin-bottom:0;margin-top:10px;padding-left:10px;padding-right:10px}.api-config-row .api-section{display:flex;flex-direction:column;gap:8px}.api-config-row .api-section:first-child{flex:0 0 auto;min-width:0}.api-config-row .api-section:last-child{flex:1;min-width:0}.api-section-header{display:flex;align-items:center;gap:20px;margin-bottom:0;flex:1}.api-section-header .api-info{display:flex;gap:8px;margin:0;flex:1}.api-section-header h3{margin:0;white-space:nowrap;font-size:16px;font-weight:600;width:200px;flex-shrink:0;line-height:1.2;display:flex;align-items:center}#settings-modal .api-controls{margin:0!important;display:flex!important;gap:0px!important;align-items:center!important;flex-wrap:wrap!important;flex-shrink:1!important}.api-section:first-child .api-section-header{gap:20px}.api-section-header p{margin:0;font-size:14px;color:#374151;font-weight:400;white-space:normal;overflow:visible;text-overflow:unset;min-width:0;flex:1;transition:font-size .1s ease;word-wrap:break-word}.api-section:last-child .api-section-header{position:relative;display:flex;align-items:center}.api-section-header h3{flex:0 0 auto;min-width:0;margin-right:40px}.api-config-row .api-section{padding:2px 12px}.api-config-row .api-section h3{font-size:16px;margin-bottom:0}#settings-modal .api-toggle{display:inline-flex!important;align-items:center!important;margin-right:16px!important;cursor:pointer!important;font-size:14px!important;color:#374151!important}#settings-modal .api-toggle input[type=radio]{margin-right:8px!important;cursor:pointer!important}#settings-modal .api-toggle:hover{color:#2563eb!important}#settings-modal .api-toggle input[type=radio]:checked+span{font-weight:600!important;color:#2563eb!important}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-indicator.online{background:#10b981}.status-indicator.offline{background:#ef4444}.status-indicator.checking{background:#f59e0b;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#settings-modal #diagnostics-api-status-text-modal,#settings-modal #analytics-api-status-text-modal{min-width:80px;text-align:left}#settings-modal #diagnostics-api-url-modal,#settings-modal #analytics-api-url-modal{min-width:180px;max-width:350px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#settings-modal #diagnostics-last-check-modal,#settings-modal #analytics-last-check-modal{vertical-align:baseline}#settings-modal .api-section-header{display:flex;align-items:center;gap:20px;margin-bottom:0;flex:1}#settings-modal .api-section-header p{margin:0;font-size:14px;color:#374151;font-weight:400;white-space:nowrap;overflow:visible;min-width:0;flex:1;max-width:100%;box-sizing:border-box;transition:font-size .1s ease}#settings-modal .api-section-header h3{flex:0 0 auto;min-width:0;margin-right:40px}#settings-modal .api-config-row .api-section:last-child{flex:1;min-width:0}#settings-modal .api-config-row{padding-left:5px;padding-right:5px}#settings-modal .api-config-row .api-section{padding:2px 5px}.advanced-settings-section{margin-bottom:32px}.advanced-settings-section h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#374151}.setting-item{margin-bottom:16px}.setting-item label{display:flex;align-items:center;gap:12px;font-size:14px;color:#374151;cursor:pointer}.setting-item input[type=checkbox]{width:16px;height:16px;cursor:pointer}.setting-item input[type=number]{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;width:80px;margin-left:8px}.setting-item input[type=number]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}@media (max-width: 768px){.settings-modal-card{width:95%;height:calc(100vh - 20px);margin:10px auto}.api-config-row{flex-direction:column;gap:20px}.api-config-row .api-section{width:100%;margin:0;padding:15px}.api-section-header{flex-direction:column;align-items:flex-start;gap:10px}.api-section-header h3{width:100%;margin-bottom:10px}.api-section-header p{width:100%;white-space:normal;overflow:visible;text-overflow:unset}#settings-modal #diagnostics-api-status-text-modal,#settings-modal #analytics-api-status-text-modal{min-width:auto;text-align:left}#settings-modal #diagnostics-api-url-modal,#settings-modal #analytics-api-url-modal{min-width:auto;max-width:none;text-align:left;overflow:visible;text-overflow:unset;white-space:normal}.settings-modal-card{width:100%;height:100vh;margin:0;border-radius:0;max-width:none}.settings-modal-card .modal-body{padding:0;height:calc(100% - 60px);overflow-y:auto}.api-config-row{display:block;padding:0;gap:0}.api-config-row .api-section{background:#fff;border:none;border-radius:0;padding:16px;margin:0;box-shadow:none;border-bottom:1px solid #e5e7eb}.api-config-row .api-section:last-child{border-bottom:none}.api-section-header{flex-direction:column;align-items:stretch;gap:12px;padding:0}.api-section-header .api-controls{flex-direction:row!important;flex-wrap:nowrap!important}.api-section-header h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 12px;padding:0;border:none;width:100%}.api-controls{display:flex;flex-direction:row;gap:4px;width:100%;margin-bottom:12px;flex-wrap:nowrap}.api-toggle{display:flex;align-items:center;padding:6px 2px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s;background:#fff;flex:1;min-width:0;font-size:12px;justify-content:center;height:36px;box-sizing:border-box;flex-shrink:1;white-space:nowrap;margin:0}.api-toggle:hover{border-color:#9ca3af;background:#f9fafb}.api-toggle input[type=radio]{margin:0 6px 0 0;transform:scale(1.1);accent-color:#3b82f6}.api-toggle input[type=radio]:checked+span{font-weight:600;color:#1f2937}.api-toggle:has(input:checked){border-color:#3b82f6;background:#eff6ff}#settings-modal .api-section-header p{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;margin:0;font-size:13px;line-height:1.8;white-space:normal;overflow:visible;text-overflow:unset;color:#374151;word-wrap:break-word;width:100%!important;max-width:none!important;min-width:0!important;flex:1 1 100%!important;display:flex!important;flex-direction:column!important;gap:6px;box-sizing:border-box}#settings-modal .api-section-header p{display:flex;flex-direction:column;gap:4px;white-space:normal}#settings-modal .api-section-header .mobile-line{display:block;font-size:13px;line-height:1.4}#settings-modal .api-section-header p{position:relative;color:transparent}#settings-modal .api-section-header p>span{display:none!important}#settings-modal .api-section-header .mobile-line{color:#374151}#settings-modal .api-section-header{width:100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}}#custom-url-modal{z-index:1100}.modal-body p{margin:0 0 16px;color:#6b7280;font-size:14px}.modal-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;margin-bottom:20px;box-sizing:border-box}.modal-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.modal-actions{display:flex;gap:12px;justify-content:flex-end}@media (max-width: 768px){.modal-card{width:95%;margin:10px auto}.modal-actions{flex-direction:column}.modal-actions .api-button{width:100%}}.api-response{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:16px;margin-top:20px;font-family:Monaco,Menlo,monospace;font-size:12px;color:#374151;white-space:pre-wrap;max-height:400px;overflow-y:auto;display:none}.api-response.info{border-color:#3b82f6;background:#eff6ff}.api-response.success{border-color:#10b981;background:#ecfdf5}.api-response.error{border-color:#ef4444;background:#fef2f2}.api-response.warning{border-color:#f59e0b;background:#fffbeb}.diagnostics-container{width:100%;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-top:20px;margin-bottom:20px}.diagnostics-controls{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;align-items:end}.control-group{display:flex;flex-direction:column;gap:5px}.control-group label{font-weight:500;color:#374151;font-size:14px}.control-group select,.control-group input{padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;background:#fff;transition:border-color .2s}.control-group select:focus,.control-group input:focus{outline:none;border-color:#236f59;box-shadow:0 0 0 3px #236f591a}.execute-button{background:#236f59;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s;height:-moz-fit-content;height:fit-content}.execute-button:hover{background:#1a5a47}.execute-button:active{background:#164a3a}.execute-button:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width: 768px){.diagnostics-controls{flex-direction:column;align-items:stretch}.control-group{width:100%}}.diagnostics-results{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:20px;min-height:200px}.loading{text-align:center;padding:40px;color:#6b7280;font-size:16px}.results-content{min-height:100px}.logs-summary{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e5e7eb}.logs-summary h3{margin:0 0 10px;color:#374151;font-size:18px;font-weight:600}.logs-summary p{margin:0;color:#6b7280;font-size:14px}.log-entry{margin-bottom:20px;padding:15px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px}.log-entry h4{margin:0 0 10px;color:#374151;font-size:16px;font-weight:500}.log-entry pre{margin:0;font-size:12px;color:#374151;white-space:pre-wrap;word-break:break-all;background:#fff;padding:10px;border-radius:4px;border:1px solid #e5e7eb;overflow-x:auto}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.pagination button{background:#236f59;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.pagination button:hover{background:#1a5a47}.pagination button:disabled{background:#9ca3af;cursor:not-allowed}.pagination span{color:#6b7280;font-size:14px}.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;padding:15px;border-radius:4px;font-size:14px}.no-data{text-align:center;color:#6b7280;padding:40px;font-size:16px}.json-display{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:4px;padding:15px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:#374151;white-space:pre-wrap;word-break:break-all;overflow-x:auto;max-height:400px;overflow-y:auto}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100: oklch(100% 0 0);--color-base-200: oklch(98% 0 0);--color-base-300: oklch(95% 0 0);--color-base-content: oklch(21% .006 285.885);--color-primary: oklch(45% .24 277.023);--color-primary-content: oklch(93% .034 272.788);--color-secondary: oklch(65% .241 354.308);--color-secondary-content: oklch(94% .028 342.258);--color-accent: oklch(77% .152 181.912);--color-accent-content: oklch(38% .063 188.416);--color-neutral: oklch(14% .005 285.823);--color-neutral-content: oklch(92% .004 286.32);--color-info: oklch(74% .16 232.661);--color-info-content: oklch(29% .066 243.157);--color-success: oklch(76% .177 163.223);--color-success-content: oklch(37% .077 168.94);--color-warning: oklch(82% .189 84.429);--color-warning-content: oklch(41% .112 45.904);--color-error: oklch(71% .194 13.428);--color-error-content: oklch(27% .105 12.094);--radius-selector: .5rem;--radius-field: .25rem;--radius-box: .5rem;--size-selector: .25rem;--size-field: .25rem;--border: 1px;--depth: 1;--noise: 0}@media (prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark;--color-base-100: oklch(25.33% .016 252.42);--color-base-200: oklch(23.26% .014 253.1);--color-base-300: oklch(21.15% .012 254.09);--color-base-content: oklch(97.807% .029 256.847);--color-primary: oklch(58% .233 277.117);--color-primary-content: oklch(96% .018 272.314);--color-secondary: oklch(65% .241 354.308);--color-secondary-content: oklch(94% .028 342.258);--color-accent: oklch(77% .152 181.912);--color-accent-content: oklch(38% .063 188.416);--color-neutral: oklch(14% .005 285.823);--color-neutral-content: oklch(92% .004 286.32);--color-info: oklch(74% .16 232.661);--color-info-content: oklch(29% .066 243.157);--color-success: oklch(76% .177 163.223);--color-success-content: oklch(37% .077 168.94);--color-warning: oklch(82% .189 84.429);--color-warning-content: oklch(41% .112 45.904);--color-error: oklch(71% .194 13.428);--color-error-content: oklch(27% .105 12.094);--radius-selector: .5rem;--radius-field: .25rem;--radius-box: .5rem;--size-selector: .25rem;--size-field: .25rem;--border: 1px;--depth: 1;--noise: 0}}:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100: oklch(100% 0 0);--color-base-200: oklch(98% 0 0);--color-base-300: oklch(95% 0 0);--color-base-content: oklch(21% .006 285.885);--color-primary: oklch(45% .24 277.023);--color-primary-content: oklch(93% .034 272.788);--color-secondary: oklch(65% .241 354.308);--color-secondary-content: oklch(94% .028 342.258);--color-accent: oklch(77% .152 181.912);--color-accent-content: oklch(38% .063 188.416);--color-neutral: oklch(14% .005 285.823);--color-neutral-content: oklch(92% .004 286.32);--color-info: oklch(74% .16 232.661);--color-info-content: oklch(29% .066 243.157);--color-success: oklch(76% .177 163.223);--color-success-content: oklch(37% .077 168.94);--color-warning: oklch(82% .189 84.429);--color-warning-content: oklch(41% .112 45.904);--color-error: oklch(71% .194 13.428);--color-error-content: oklch(27% .105 12.094);--radius-selector: .5rem;--radius-field: .25rem;--radius-box: .5rem;--size-selector: .25rem;--size-field: .25rem;--border: 1px;--depth: 1;--noise: 0}:root:has(input.theme-controller[value=dark]:checked),[data-theme=dark]{color-scheme:dark;--color-base-100: oklch(25.33% .016 252.42);--color-base-200: oklch(23.26% .014 253.1);--color-base-300: oklch(21.15% .012 254.09);--color-base-content: oklch(97.807% .029 256.847);--color-primary: oklch(58% .233 277.117);--color-primary-content: oklch(96% .018 272.314);--color-secondary: oklch(65% .241 354.308);--color-secondary-content: oklch(94% .028 342.258);--color-accent: oklch(77% .152 181.912);--color-accent-content: oklch(38% .063 188.416);--color-neutral: oklch(14% .005 285.823);--color-neutral-content: oklch(92% .004 286.32);--color-info: oklch(74% .16 232.661);--color-info-content: oklch(29% .066 243.157);--color-success: oklch(76% .177 163.223);--color-success-content: oklch(37% .077 168.94);--color-warning: oklch(82% .189 84.429);--color-warning-content: oklch(41% .112 45.904);--color-error: oklch(71% .194 13.428);--color-error-content: oklch(27% .105 12.094);--radius-selector: .5rem;--radius-field: .25rem;--radius-box: .5rem;--size-selector: .25rem;--size-field: .25rem;--border: 1px;--depth: 1;--noise: 0}:root{--fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");scrollbar-color:color-mix(in oklch,currentColor 35%,#0000) #0000}@property --radialprogress{syntax: "<percentage>"; inherits: true; initial-value: 0%;}:root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked,.drawer:not([class*=drawer-open])>.drawer-toggle:checked){overflow:hidden}:where(:root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked,.drawer:not(.drawer-open)>.drawer-toggle:checked)){scrollbar-gutter:stable;background-image:linear-gradient(var(--color-base-100),var(--color-base-100));--root-bg: color-mix(in srgb, var(--color-base-100), oklch(0% 0 0) 40%)}:where(.modal[open],.modal-open,.modal-toggle:checked+.modal):not(.modal-start,.modal-end){scrollbar-gutter:stable}:root,[data-theme]{background-color:var(--root-bg, var(--color-base-100));color:var(--color-base-content)}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}@keyframes rating{0%,40%{scale:1.1;filter:brightness(1.05) contrast(1.05)}}@keyframes dropdown{0%{opacity:0}}.tabs{display:flex;flex-wrap:wrap;--tabs-height: auto;--tabs-direction: row;--tab-height: calc(var(--size-field, .25rem) * 10);height:var(--tabs-height);flex-direction:var(--tabs-direction)}.tab{position:relative;display:inline-flex;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (hover: hover){.tab:hover{color:var(--color-base-content)}}.tab{--tab-p: 1rem;--tab-bg: var(--color-base-100);--tab-border-color: var(--color-base-300);--tab-radius-ss: 0;--tab-radius-se: 0;--tab-radius-es: 0;--tab-radius-ee: 0;--tab-order: 0;--tab-radius-min: calc(.75rem - var(--border));border-color:#0000;order:var(--tab-order);height:var(--tab-height);font-size:.875rem;padding-inline-start:var(--tab-p);padding-inline-end:var(--tab-p)}.tab:is(input[type=radio]){min-width:-moz-fit-content;min-width:fit-content}.tab:is(input[type=radio]):after{content:attr(aria-label)}.tab:is(label){position:relative}.tab:is(label) input{position:absolute;inset:0rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0%}.tab:checked+.tab-content,.tab:is(label:has(:checked))+.tab-content,.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page])+.tab-content{display:block;height:calc(100% - var(--tab-height) + var(--border))}.tab:not(:checked,label:has(:checked),:hover,.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]){color:color-mix(in oklab,var(--color-base-content) 50%,transparent)}.tab:not(input):empty{flex-grow:1;cursor:default}.tab:focus{--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.tab:focus{outline:2px solid transparent;outline-offset:2px}}.tab:focus-visible,.tab:is(label:has(:checked:focus-visible)){outline:2px solid currentColor;outline-offset:-5px}.tab[disabled]{pointer-events:none;opacity:40%}.tabs-border .tab{--tab-border-color: #0000 #0000 var(--tab-border-color) #0000;position:relative;border-radius:var(--radius-field)}.tabs-border .tab:before{--tw-content: "";content:var(--tw-content);background-color:var(--tab-border-color);transition:background-color .2s ease;width:80%;height:3px;border-radius:var(--radius-field);bottom:0;left:10%;position:absolute}.tabs-border .tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]):before,.tabs-border .tab:is(input:checked):before,.tabs-border .tab:is(label:has(:checked)):before{--tab-border-color: currentColor;border-top:3px solid}.tabs-lift>.tab{--tab-border: 0 0 var(--border) 0;--tab-radius-ss: min(var(--radius-field), var(--tab-radius-min));--tab-radius-se: min(var(--radius-field), var(--tab-radius-min));--tab-radius-es: 0;--tab-radius-ee: 0;--tab-paddings: var(--border) var(--tab-p) 0 var(--tab-p);--tab-border-colors: #0000 #0000 var(--tab-border-color) #0000;--tab-corner-width: calc(100% + min(var(--radius-field), var(--tab-radius-min))*2) ;--tab-corner-height: min(var(--radius-field), var(--tab-radius-min));--tab-corner-position: top left, top right;border-width:var(--tab-border);border-start-start-radius:var(--tab-radius-ss);border-start-end-radius:var(--tab-radius-se);border-end-start-radius:var(--tab-radius-es);border-end-end-radius:var(--tab-radius-ee);padding:var(--tab-paddings);border-color:var(--tab-border-colors)}.tabs-lift>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]),.tabs-lift>.tab:is(input:checked,label:has(:checked)){--tab-border: var(--border) var(--border) 0 var(--border);--tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color);--tab-paddings: 0 calc(var(--tab-p) - var(--border)) var(--border) calc(var(--tab-p) - var(--border));--tab-inset: auto auto 0 auto;--tab-grad: calc(69% - var(--border));--radius-start: radial-gradient( circle at top left, #0000 var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + .25px), var(--tab-border-color) calc(var(--tab-grad) + var(--border)), var(--tab-bg) calc(var(--tab-grad) + var(--border) + .25px) );--radius-end: radial-gradient( circle at top right, #0000 var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + .25px), var(--tab-border-color) calc(var(--tab-grad) + var(--border)), var(--tab-bg) calc(var(--tab-grad) + var(--border) + .25px) );background-color:var(--tab-bg)}.tabs-lift>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]):before,.tabs-lift>.tab:is(input:checked,label:has(:checked)):before{z-index:1;content:"";display:block;position:absolute;width:var(--tab-corner-width);height:var(--tab-corner-height);background-position:var(--tab-corner-position);background-image:var(--radius-start),var(--radius-end);background-size:min(var(--radius-field),var(--tab-radius-min)) min(var(--radius-field),var(--tab-radius-min));background-repeat:no-repeat;inset:var(--tab-inset)}.tabs-lift>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]):first-child:before,.tabs-lift>.tab:is(input:checked,label:has(:checked)):first-child:before{--radius-start: none}[dir=rtl] .tabs-lift>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]):first-child:before,[dir=rtl] .tabs-lift>.tab:is(input:checked,label:has(:checked)):first-child:before{transform:rotateY(180deg)}.tabs-lift>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]):last-child:before,.tabs-lift>.tab:is(input:checked,label:has(:checked)):last-child:before{--radius-end: none}[dir=rtl] .tabs-lift>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]):last-child:before,[dir=rtl] .tabs-lift>.tab:is(input:checked,label:has(:checked)):last-child:before{transform:rotateY(180deg)}.tabs-lift:has(.tab-content)>.tab:first-child:not(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]){--tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color)}.tabs-top .tab{--tab-order: 0;--tab-border: 0 0 var(--border) 0;--tab-radius-ss: min(var(--radius-field), var(--tab-radius-min));--tab-radius-se: min(var(--radius-field), var(--tab-radius-min));--tab-radius-es: 0;--tab-radius-ee: 0;--tab-paddings: var(--border) var(--tab-p) 0 var(--tab-p);--tab-border-colors: #0000 #0000 var(--tab-border-color) #0000;--tab-corner-width: calc(100% + min(var(--radius-field), var(--tab-radius-min))*2) ;--tab-corner-height: min(var(--radius-field), var(--tab-radius-min));--tab-corner-position: top left, top right}.tabs-top .tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]),.tabs-top .tab:is(input:checked),.tabs-top .tab:is(label:has(:checked)){--tab-border: var(--border) var(--border) 0 var(--border);--tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color);--tab-paddings: 0 calc(var(--tab-p) - var(--border)) var(--border) calc(var(--tab-p) - var(--border));--tab-inset: auto auto 0 auto;--radius-start: radial-gradient( circle at top left, #0000 var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + .25px), var(--tab-border-color) calc(var(--tab-grad) + var(--border)), var(--tab-bg) calc(var(--tab-grad) + var(--border) + .25px) );--radius-end: radial-gradient( circle at top right, #0000 var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + .25px), var(--tab-border-color) calc(var(--tab-grad) + var(--border)), var(--tab-bg) calc(var(--tab-grad) + var(--border) + .25px) )}.tabs-top:has(.tab-content)>.tab:first-child:not(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]){--tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color)}.tabs-bottom .tab{--tab-order: 1;--tab-border: var(--border) 0 0 0;--tab-radius-ss: 0;--tab-radius-se: 0;--tab-radius-es: min(var(--radius-field), var(--tab-radius-min));--tab-radius-ee: min(var(--radius-field), var(--tab-radius-min));--tab-border-colors: var(--tab-border-color) #0000 #0000 #0000;--tab-paddings: 0 var(--tab-p) var(--border) var(--tab-p);--tab-corner-width: calc(100% + min(var(--radius-field), var(--tab-radius-min))*2) ;--tab-corner-height: min(var(--radius-field), var(--tab-radius-min));--tab-corner-position: top left, top right}.tabs-bottom .tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]),.tabs-bottom .tab:is(input:checked),.tabs-bottom .tab:is(label:has(:checked)){--tab-border: 0 var(--border) var(--border) var(--border);--tab-border-colors: #0000 var(--tab-border-color) var(--tab-border-color) var(--tab-border-color);--tab-paddings: var(--border) calc(var(--tab-p) - var(--border)) 0 calc(var(--tab-p) - var(--border));--tab-inset: 0 auto auto auto;--radius-start: radial-gradient( circle at bottom left, #0000 var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + .25px), var(--tab-border-color) calc(var(--tab-grad) + var(--border)), var(--tab-bg) calc(var(--tab-grad) + var(--border) + .25px) );--radius-end: radial-gradient( circle at bottom right, #0000 var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + .25px), var(--tab-border-color) calc(var(--tab-grad) + var(--border)), var(--tab-bg) calc(var(--tab-grad) + var(--border) + .25px) )}.tabs-bottom:has(.tab-content)>.tab:first-child:not(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]){--tab-border-colors: #0000 var(--tab-border-color) var(--tab-border-color) var(--tab-border-color)}.tabs-box .tab{border-radius:var(--radius-field);border-style:none}.tabs-box .tab:focus-visible,.tabs-box .tab:is(label:has(:checked:focus-visible)){outline-offset:2px}.tabs-xs :where(.tab){font-size:.75rem;--tab-p: .375rem;--tab-radius-min: calc(.5rem - var(--border))}.tabs-sm :where(.tab){font-size:.875rem;--tab-p: .5rem;--tab-radius-min: calc(.5rem - var(--border))}.tabs-md :where(.tab){font-size:.875rem;--tab-p: .75rem;--tab-radius-min: calc(.75rem - var(--border))}.tabs-lg :where(.tab){font-size:1.125rem;--tab-p: 1rem;--tab-radius-min: calc(1.5rem - var(--border))}.tabs-xl :where(.tab){font-size:1.125rem;--tab-p: 1.25rem;--tab-radius-min: calc(2rem - var(--border))}.modal{pointer-events:none;visibility:hidden;position:fixed;inset:0rem;margin:0rem;display:grid;height:100%;max-height:none;width:100%;max-width:none;align-items:center;justify-items:center;background-color:transparent;padding:0rem;color:inherit;overflow-x:hidden;transition:translate .3s ease-out,visibility .3s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;overflow-y:hidden;overscroll-behavior:contain;z-index:999;scrollbar-gutter:auto}.modal::backdrop{display:none}.modal.modal-open,.modal[open],.modal:target{pointer-events:auto;visibility:visible;opacity:100%;background-color:#0006}.modal.modal-open .modal-box,.modal[open] .modal-box,.modal:target .modal-box{translate:0 0;scale:1;opacity:1}@starting-style{.modal.modal-open,.modal[open],.modal:target{visibility:hidden;opacity:0%}}.modal-toggle:checked+.modal{pointer-events:auto;visibility:visible;opacity:100%;background-color:#0006}.modal-toggle:checked+.modal .modal-box{translate:0 0;scale:1;opacity:1}@starting-style{.modal-toggle:checked+.modal{visibility:hidden;opacity:0%}}.checkbox{border:var(--border) solid var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));position:relative;display:inline-block;flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-selector);padding:.25rem;vertical-align:middle;color:var(--color-base-content);box-shadow:0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset,0 0 #0000 inset,0 0 #0000;transition:background-color .2s,box-shadow .2s;--size: calc(var(--size-selector, .25rem) * 6);width:var(--size);height:var(--size);background-size:auto,calc(var(--noise) * 100%);background-image:none,var(--fx-noise)}.checkbox:before{--tw-content: "";content:var(--tw-content);display:block;width:100%;height:100%;rotate:45deg;background-color:currentcolor;opacity:0%;transition:clip-path .3s,opacity .1s,rotate .3s,translate .3s;transition-delay:.1s;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);box-shadow:0 3px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;font-size:1rem;line-height:.75}.checkbox:focus-visible{outline:2px solid var(--input-color, currentColor);outline-offset:2px}.checkbox:checked,.checkbox[aria-checked=true]{background-color:var(--input-color, #0000);box-shadow:0 0 #0000 inset,0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset,0 1px oklch(0% 0 0 / calc(var(--depth) * .1))}.checkbox:checked:before,.checkbox[aria-checked=true]:before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:100%}@media (forced-colors: active){.checkbox:checked:before,.checkbox[aria-checked=true]:before{rotate:0deg;background-color:transparent;--tw-content: "\2714\fe0e";clip-path:none}}@media print{.checkbox:checked:before,.checkbox[aria-checked=true]:before{rotate:0deg;background-color:transparent;--tw-content: "\2714\fe0e";clip-path:none}}.checkbox:indeterminate{background-color:var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000))}.checkbox:indeterminate:before{rotate:0deg;opacity:100%;translate:0 -35%;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%)}.checkbox:disabled{cursor:not-allowed;opacity:20%}.select{border:var(--border) solid #0000;position:relative;display:inline-flex;flex-shrink:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;gap:.375rem;background-color:var(--color-base-100);padding-inline-start:.75rem;padding-inline-end:1.75rem;vertical-align:middle;width:clamp(3rem,20rem,100%);height:var(--size);font-size:.875rem;touch-action:manipulation;border-start-start-radius:var(--join-ss, var(--radius-field));border-start-end-radius:var(--join-se, var(--radius-field));border-end-start-radius:var(--join-es, var(--radius-field));border-end-end-radius:var(--join-ee, var(--radius-field));background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-size:4px 4px,4px 4px;background-repeat:no-repeat;text-overflow:ellipsis;box-shadow:0 1px color-mix(in oklab,var(--input-color) calc(var(--depth) * 10%),#0000) inset,0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;border-color:var(--input-color);--input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);--size: calc(var(--size-field, .25rem) * 10)}[dir=rtl] .select{background-position:calc(0% + 12px) calc(1px + 50%),calc(0% + 16px) calc(1px + 50%)}.select:where([multiple]){height:auto;padding-block:.75rem;padding-inline-end:.75rem;background-image:none}.select select{margin-inline-start:-.75rem;margin-inline-end:-1.75rem;width:calc(100% + 2.75rem);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-inline-start:.75rem;padding-inline-end:1.75rem;height:calc(100% - calc(var(--border) * 2));align-items:center;background:inherit;border-radius:inherit;border-style:none}.select select:focus,.select select:focus-within{--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.select select:focus,.select select:focus-within{outline:2px solid transparent;outline-offset:2px}}.select select:not(:last-child){margin-inline-end:-1.375rem;background-image:none}.select:focus,.select:focus-within{--input-color: var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color) calc(var(--depth) * 10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate;z-index:1}.select:has(>select[disabled]),.select:is(:disabled,[disabled]),fieldset:disabled .select{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content) 40%,transparent)}.select:has(>select[disabled])::-moz-placeholder,.select:is(:disabled,[disabled])::-moz-placeholder,fieldset:disabled .select::-moz-placeholder{color:color-mix(in oklab,var(--color-base-content) 20%,transparent)}.select:has(>select[disabled])::placeholder,.select:is(:disabled,[disabled])::placeholder,fieldset:disabled .select::placeholder{color:color-mix(in oklab,var(--color-base-content) 20%,transparent)}.select:has(>select[disabled])>select[disabled]{cursor:not-allowed}@supports ((-webkit-appearance: base-select) or (-moz-appearance: base-select) or (appearance: base-select)){.select,.select select{-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}.select::picker(select),.select select::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}}.select::picker(select),.select select::picker(select){color:inherit;max-height:min(24rem,70dvh);border:var(--border) solid var(--color-base-200);margin-block:.5rem;border-radius:var(--radius-box);padding:.5rem;background-color:inherit;box-shadow:0 2px calc(var(--depth) * 3px) -2px #0003;box-shadow:0 20px 25px -5px rgb(0 0 0 / calc(var(--depth) * .1)),0 8px 10px -6px rgb(0 0 0 / calc(var(--depth) * .1))}.select::picker-icon,.select select::picker-icon{display:none}.select optgroup,.select select optgroup{padding-top:.5em}.select optgroup option:nth-child(1),.select select optgroup option:nth-child(1){margin-top:.5em}.select option,.select select option{border-radius:var(--radius-field);padding-inline:.75rem;padding-block:.375rem;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}.select option:not(:disabled):hover,.select option:not(:disabled):focus-visible,.select select option:not(:disabled):hover,.select select option:not(:disabled):focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content) 10%,transparent);--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.select option:not(:disabled):hover,.select option:not(:disabled):focus-visible,.select select option:not(:disabled):hover,.select select option:not(:disabled):focus-visible{outline:2px solid transparent;outline-offset:2px}}.select option:not(:disabled):active,.select select option:not(:disabled):active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--color-neutral)}.radio{position:relative;display:inline-block;flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:calc(infinity * 1px);padding:.25rem;vertical-align:middle;border:var(--border) solid var(--input-color, color-mix(in srgb, currentColor 20%, #0000));box-shadow:0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset;--size: calc(var(--size-selector, .25rem) * 6);width:var(--size);height:var(--size);color:var(--input-color, currentColor)}.radio:before{display:block;width:100%;height:100%;border-radius:calc(infinity * 1px);--tw-content: "";content:var(--tw-content);background-size:auto,calc(var(--noise) * 100%);background-image:none,var(--fx-noise)}.radio:focus-visible{outline:2px solid currentColor}.radio:checked,.radio[aria-checked=true]{border-color:currentcolor;background-color:var(--color-base-100)}@media (prefers-reduced-motion: no-preference){.radio:checked,.radio[aria-checked=true]{animation:radio .2s ease-out}}.radio:checked:before,.radio[aria-checked=true]:before{background-color:currentcolor;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset,0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset,0 1px oklch(0% 0 0 / calc(var(--depth) * .1))}@media (forced-colors: active){.radio:checked:before,.radio[aria-checked=true]:before{outline-style:var(--tw-outline-style);outline-width:1px;outline-offset:-1px}}@media print{.radio:checked:before,.radio[aria-checked=true]:before{outline:.25rem solid;outline-offset:-1rem}}.radio:disabled{cursor:not-allowed;opacity:20%}@keyframes radio{0%{padding:5px}50%{padding:3px}}@keyframes toast{0%{scale:.9;opacity:0}to{scale:1;opacity:1}}.mockup-browser .mockup-browser-toolbar .input{margin-inline:auto;display:flex;height:100%;align-items:center;gap:.5rem;overflow:hidden;background-color:var(--color-base-200);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;direction:ltr}.mockup-browser .mockup-browser-toolbar .input:before{content:"";width:1rem;height:1rem;opacity:50%;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z' clip-rule='evenodd' /%3E%3C/svg%3E") no-repeat center;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z' clip-rule='evenodd' /%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;mask-size:contain}.stats{position:relative;display:inline-grid;grid-auto-flow:column;overflow-x:auto;border-radius:var(--radius-box)}.stat{display:inline-grid;width:100%;-moz-column-gap:1rem;column-gap:1rem;padding-inline:1.5rem;padding-block:1rem;grid-template-columns:repeat(1,1fr)}.stat:not(:last-child){border-inline-end:var(--border) dashed color-mix(in oklab,currentColor 10%,#0000);border-block-end:none}.stat-value{grid-column-start:1;white-space:nowrap;font-size:2rem;font-weight:800}.stats-horizontal .stat:not(:last-child){border-inline-end:var(--border) dashed color-mix(in oklab,currentColor 10%,#0000);border-block-end:none}.stats-vertical .stat:not(:last-child){border-inline-end:none;border-block-end:var(--border) dashed color-mix(in oklab,currentColor 10%,#0000)}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}.drawer{position:relative;display:grid;width:100%;grid-auto-columns:max-content auto}.\!loading{pointer-events:none!important;display:inline-block!important;aspect-ratio:1 / 1!important;background-color:currentcolor!important;vertical-align:middle!important;width:calc(var(--size-selector, .25rem) * 6)!important;-webkit-mask-size:100%!important;mask-size:100%!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-position:center!important;mask-position:center!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")!important}.loading{pointer-events:none;display:inline-block;aspect-ratio:1 / 1;background-color:currentcolor;vertical-align:middle;width:calc(var(--size-selector, .25rem) * 6);-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}.loading-spinner{-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}.menu{display:flex;width:-moz-fit-content;width:fit-content;flex-direction:column;flex-wrap:wrap;padding:.5rem;--menu-active-fg: var(--color-neutral-content);--menu-active-bg: var(--color-neutral);font-size:.875rem}.menu :where(li ul){position:relative;margin-inline-start:1rem;padding-inline-start:.5rem;white-space:nowrap}.menu :where(li ul):before{position:absolute;inset-inline-start:0rem;top:.75rem;bottom:.75rem;background-color:var(--color-base-content);opacity:10%;width:var(--border);content:""}.menu :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}.menu :where(li:not(.menu-title)>*:not(ul,details,.menu-title,.btn)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){display:grid;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;border-radius:var(--radius-field);padding-inline:.75rem;padding-block:.375rem;text-align:start;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);grid-auto-columns:minmax(auto,max-content) auto max-content;text-wrap:balance;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu :where(li>details>summary){--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.menu :where(li>details>summary){outline:2px solid transparent;outline-offset:2px}}.menu :where(li>details>summary)::-webkit-details-marker{display:none}.menu :where(li>details>summary):after,.menu :where(li>.menu-dropdown-toggle):after{justify-self:flex-end;display:block;height:.375rem;width:.375rem;rotate:-135deg;translate:0 -1px;transition-property:rotate,translate;transition-duration:.2s;content:"";transform-origin:50% 50%;box-shadow:2px 2px inset;pointer-events:none}.menu :where(li>details[open]>summary):after,.menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{rotate:45deg;translate:0 1px}.menu :where(li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn).menu-focus,.menu :where(li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn):focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content) 10%,transparent);color:var(--color-base-content);--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.menu :where(li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn).menu-focus,.menu :where(li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn):focus-visible{outline:2px solid transparent;outline-offset:2px}}.menu :where(li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content) 10%,transparent);--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.menu :where(li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){outline:2px solid transparent;outline-offset:2px}}.menu :where(li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){box-shadow:0 1px #00000003 inset,0 -1px #ffffff03 inset}.menu :where(li:empty){background-color:var(--color-base-content);opacity:10%;margin:.5rem 1rem;height:1px}.menu :where(li){position:relative;display:flex;flex-shrink:0;flex-direction:column;flex-wrap:wrap;align-items:stretch}.menu :where(li) .badge{justify-self:flex-end}.menu :where(li)>*:not(ul,.menu-title,details,.btn):active,.menu :where(li)>*:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active{--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.menu :where(li)>*:not(ul,.menu-title,details,.btn):active,.menu :where(li)>*:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active{outline:2px solid transparent;outline-offset:2px}}.menu :where(li)>*:not(ul,.menu-title,details,.btn):active,.menu :where(li)>*:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active{color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise) * 100%);background-image:none,var(--fx-noise)}.menu :where(li)>*:not(ul,.menu-title,details,.btn):active:not(.menu :where(li)>*:not(ul,.menu-title,details,.btn):active:active),.menu :where(li)>*:not(ul,.menu-title,details,.btn).menu-active:not(.menu :where(li)>*:not(ul,.menu-title,details,.btn).menu-active:active),.menu :where(li)>details>summary:active:not(.menu :where(li)>details>summary:active:active){box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg)}.menu :where(li).menu-disabled{pointer-events:none;color:color-mix(in oklab,var(--color-base-content) 20%,transparent)}.menu .dropdown:focus-within .menu-dropdown-toggle:after{rotate:45deg;translate:0 1px}.menu .dropdown-content{margin-top:.5rem;padding:.5rem}.menu .dropdown-content:before{display:none}.toggle{border:var(--border) solid currentColor;color:var(--input-color);position:relative;display:inline-grid;flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;place-content:center;vertical-align:middle;webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;grid-template-columns:0fr 1fr 1fr;--radius-selector-max: calc( var(--radius-selector) + var(--radius-selector) + var(--radius-selector) );border-radius:calc(var(--radius-selector) + min(var(--toggle-p),var(--radius-selector-max)) + min(var(--border),var(--radius-selector-max)));padding:var(--toggle-p);box-shadow:0 1px color-mix(in oklab,currentColor calc(var(--depth) * 10%),#0000) inset;transition:color .3s,grid-template-columns .2s;--input-color: color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p: calc(var(--size) * .125);--size: calc(var(--size-selector, .25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size)}.toggle>*{z-index:1;grid-column:span 1 / span 1;grid-column-start:2;grid-row-start:1;height:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;padding:.125rem;transition:opacity .2s,rotate .4s;border:none}.toggle>*:focus{--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.toggle>*:focus{outline:2px solid transparent;outline-offset:2px}}.toggle>*:nth-child(2){color:var(--color-base-100);rotate:0deg}.toggle>*:nth-child(3){color:var(--color-base-100);opacity:0%;rotate:-15deg}.toggle:has(:checked)>:nth-child(2){opacity:0%;rotate:15deg}.toggle:has(:checked)>:nth-child(3){opacity:100%;rotate:0deg}.toggle:before{position:relative;inset-inline-start:0rem;grid-column-start:2;grid-row-start:1;aspect-ratio:1 / 1;height:100%;border-radius:var(--radius-selector);background-color:currentcolor;translate:0;--tw-content: "";content:var(--tw-content);transition:background-color .1s,translate .2s,inset-inline-start .2s;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset,0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset,0 1px color-mix(in oklab,currentColor calc(var(--depth) * 10%),#0000);background-size:auto,calc(var(--noise) * 100%);background-image:none,var(--fx-noise)}@media (forced-colors: active){.toggle:before{outline-style:var(--tw-outline-style);outline-width:1px;outline-offset:-1px}}@media print{.toggle:before{outline:.25rem solid;outline-offset:-1rem}}.toggle:focus-visible,.toggle:has(:focus-visible){outline:2px solid currentColor;outline-offset:2px}.toggle:checked,.toggle[aria-checked=true],.toggle:has(>input:checked){grid-template-columns:1fr 1fr 0fr;background-color:var(--color-base-100);--input-color: var(--color-base-content)}.toggle:checked:before,.toggle[aria-checked=true]:before,.toggle:has(>input:checked):before{background-color:currentcolor}@starting-style{.toggle:checked:before,.toggle[aria-checked=true]:before,.toggle:has(>input:checked):before{opacity:0}}.toggle:indeterminate{grid-template-columns:.5fr 1fr .5fr}.toggle:disabled{cursor:not-allowed;opacity:30%}.toggle:disabled:before{background-color:transparent;border:var(--border) solid currentColor}.link{cursor:pointer;text-decoration-line:underline}.link:focus{--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.link:focus{outline:2px solid transparent;outline-offset:2px}}.link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.\!list{display:flex!important;flex-direction:column!important;font-size:.875rem!important}.list{display:flex;flex-direction:column;font-size:.875rem}.\!list :where(.list-row){--list-grid-cols: minmax(0, auto) 1fr !important;position:relative!important;display:grid!important;grid-auto-flow:column!important;gap:1rem!important;border-radius:var(--radius-box)!important;padding:1rem!important;word-break:break-word!important;grid-template-columns:var(--list-grid-cols)!important}.list :where(.list-row){--list-grid-cols: minmax(0, auto) 1fr;position:relative;display:grid;grid-auto-flow:column;gap:1rem;border-radius:var(--radius-box);padding:1rem;word-break:break-word;grid-template-columns:var(--list-grid-cols)}.\!list :where(.list-row):has(.list-col-grow:nth-child(1)){--list-grid-cols: 1fr !important}.list :where(.list-row):has(.list-col-grow:nth-child(1)){--list-grid-cols: 1fr}.\!list :where(.list-row):has(.list-col-grow:nth-child(2)){--list-grid-cols: minmax(0, auto) 1fr !important}.list :where(.list-row):has(.list-col-grow:nth-child(2)){--list-grid-cols: minmax(0, auto) 1fr}.\!list :where(.list-row):has(.list-col-grow:nth-child(3)){--list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr !important}.list :where(.list-row):has(.list-col-grow:nth-child(3)){--list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr}.\!list :where(.list-row):has(.list-col-grow:nth-child(4)){--list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr !important}.list :where(.list-row):has(.list-col-grow:nth-child(4)){--list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr}.\!list :where(.list-row):has(.list-col-grow:nth-child(5)){--list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr !important}.list :where(.list-row):has(.list-col-grow:nth-child(5)){--list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr}.\!list :where(.list-row):has(.list-col-grow:nth-child(6)){--list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr !important}.list :where(.list-row):has(.list-col-grow:nth-child(6)){--list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr}.\!list :where(.list-row) :not(.list-col-wrap){grid-row-start:1!important}.list :where(.list-row) :not(.list-col-wrap){grid-row-start:1}.list>:not(:last-child).list-row:after,.list>:not(:last-child) .list-row:after{content:"";border-bottom:var(--border) solid;inset-inline:var(--radius-box);position:absolute;bottom:0rem;border-color:color-mix(in oklab,var(--color-base-content) 5%,transparent)}.\!list>:not(:last-child).list-row:after,.\!list>:not(:last-child) .list-row:after{content:""!important;border-bottom:var(--border) solid!important;inset-inline:var(--radius-box)!important;position:absolute!important;bottom:0rem!important;border-color:color-mix(in oklab,var(--color-base-content) 5%,transparent)!important}.table{font-size:.875rem;position:relative;width:100%;border-radius:var(--radius-box);text-align:left}.table:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}@media (hover: hover){.table tr.row-hover:hover,.table tr.row-hover:nth-child(2n):hover{background-color:var(--color-base-200)}}.table :where(th,td){padding-inline:1rem;padding-block:.75rem;vertical-align:middle}.table :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklab,var(--color-base-content) 60%,transparent);font-size:.875rem;font-weight:600}.table :where(tfoot){border-top:var(--border) solid color-mix(in oklch,var(--color-base-content) 5%,#0000)}.table :where(.table-pin-rows thead tr){position:sticky;top:0rem;z-index:1;background-color:var(--color-base-100)}.table :where(.table-pin-rows tfoot tr){position:sticky;bottom:0rem;z-index:1;background-color:var(--color-base-100)}.table :where(.table-pin-cols tr th){position:sticky;right:0rem;left:0rem;background-color:var(--color-base-100)}.table :where(thead tr,tbody tr:not(:last-child)){border-bottom:var(--border) solid color-mix(in oklch,var(--color-base-content) 5%,#0000)}.diff{position:relative;display:grid;width:100%;overflow:hidden;webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;grid-template-rows:1fr 1.8rem 1fr;direction:ltr;container-type:inline-size;grid-template-columns:auto 1fr}.diff:focus-visible,.diff:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:1px;outline-color:var(--color-base-content)}.diff:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:1px;outline-color:var(--color-base-content)}.diff:focus-visible .diff-resizer{min-width:95cqi;max-width:95cqi}.diff:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:1px}.diff:has(.diff-item-1:focus-visible) .diff-resizer{min-width:5cqi;max-width:5cqi}@supports (-webkit-overflow-scrolling: touch) and (overflow: -webkit-paged-x){.diff:focus .diff-resizer{min-width:5cqi;max-width:5cqi}.diff:has(.diff-item-1:focus) .diff-resizer{min-width:95cqi;max-width:95cqi}}.filter{display:flex;flex-wrap:wrap}.filter input[type=radio]{width:auto}.filter input{overflow:hidden;opacity:100%;scale:1;transition:margin .1s,opacity .3s,padding .3s,border-width .1s}.filter input:not(:last-child){margin-inline-end:.25rem}.filter input.filter-reset{aspect-ratio:1 / 1}.filter input.filter-reset:after{content:"\d7"}.filter:not(:has(input:checked:not(.filter-reset))) .filter-reset,.filter:not(:has(input:checked:not(.filter-reset))) input[type=reset]{scale:0;border-width:0;margin-inline:0rem;width:0rem;padding-inline:0rem;opacity:0%}.filter:has(input:checked:not(.filter-reset)) input:not(:checked,.filter-reset,input[type=reset]){scale:0;border-width:0;margin-inline:0rem;width:0rem;padding-inline:0rem;opacity:0%}.label{display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent)}.label:has(input){cursor:pointer}.label:is(.input>*,.select>*){display:flex;height:calc(100% - .5rem);align-items:center;padding-inline:.75rem;white-space:nowrap;font-size:inherit}.label:is(.input>*,.select>*):first-child{margin-inline-start:-.75rem;margin-inline-end:.75rem;border-inline-end:var(--border) solid color-mix(in oklab,currentColor 10%,#0000)}.label:is(.input>*,.select>*):last-child{margin-inline-start:.75rem;margin-inline-end:-.75rem;border-inline-start:var(--border) solid color-mix(in oklab,currentColor 10%,#0000)}.status{display:inline-block;aspect-ratio:1 / 1;width:.5rem;height:.5rem;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content) 20%,transparent);background-position:center;background-repeat:no-repeat;vertical-align:middle;color:color-mix(in oklab,var(--color-black) 30%,transparent);background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0 / calc(var(--depth) * .5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth) * 100%),#0000)}.alert{display:grid;align-items:center;gap:1rem;border-radius:var(--radius-box);padding-inline:1rem;padding-block:.75rem;color:var(--color-base-content);background-color:var(--alert-color, var(--color-base-200));justify-content:start;justify-items:start;grid-auto-flow:column;grid-template-columns:auto;text-align:start;border:var(--border) solid var(--color-base-200);font-size:.875rem;line-height:1.25rem;background-size:auto,calc(var(--noise) * 100%);background-image:none,var(--fx-noise);box-shadow:0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * .08)) inset,0 1px color-mix(in oklab,color-mix(in oklab,#000 20%,var(--alert-color, var(--color-base-200))) calc(var(--depth) * 20%),#0000),0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * .08))}.alert:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}.alert.alert-outline{background-color:transparent;color:var(--alert-color);box-shadow:none;background-image:none}.alert.alert-dash{background-color:transparent;color:var(--alert-color);border-style:dashed;box-shadow:none;background-image:none}.alert.alert-soft{color:var(--alert-color, var(--color-base-content));background:color-mix(in oklab,var(--alert-color, var(--color-base-content)) 8%,var(--color-base-100));border-color:color-mix(in oklab,var(--alert-color, var(--color-base-content)) 10%,var(--color-base-100));box-shadow:none;background-image:none}.input{cursor:text;border:var(--border) solid #0000;position:relative;display:inline-flex;flex-shrink:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;gap:.5rem;background-color:var(--color-base-100);padding-inline:.75rem;vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:.875rem;touch-action:manipulation;border-start-start-radius:var(--join-ss, var(--radius-field));border-start-end-radius:var(--join-se, var(--radius-field));border-end-start-radius:var(--join-es, var(--radius-field));border-end-end-radius:var(--join-ee, var(--radius-field));border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color) calc(var(--depth) * 10%),#0000) inset,0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;--size: calc(var(--size-field, .25rem) * 10);--input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000)}.input:where(input){display:inline-flex}.input :where(input){display:inline-flex;height:100%;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none}.input :where(input):focus,.input :where(input):focus-within{--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.input :where(input):focus,.input :where(input):focus-within{outline:2px solid transparent;outline-offset:2px}}.input :where(input[type=url]),.input :where(input[type=email]){direction:ltr}.input :where(input[type=date]){display:inline-flex}.input:focus,.input:focus-within{--input-color: var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color) calc(var(--depth) * 10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate;z-index:1}.input:has(>input[disabled]),.input:is(:disabled,[disabled]),fieldset:disabled .input{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content) 40%,transparent)}.input:has(>input[disabled])::-moz-placeholder,.input:is(:disabled,[disabled])::-moz-placeholder,fieldset:disabled .input::-moz-placeholder{color:color-mix(in oklab,var(--color-base-content) 20%,transparent)}.input:has(>input[disabled])::placeholder,.input:is(:disabled,[disabled])::placeholder,fieldset:disabled .input::placeholder{color:color-mix(in oklab,var(--color-base-content) 20%,transparent)}.input:has(>input[disabled]),.input:is(:disabled,[disabled]),fieldset:disabled .input{box-shadow:none}.input:has(>input[disabled])>input[disabled]{cursor:not-allowed}.input::-webkit-date-and-time-value{text-align:inherit}.input[type=number]::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}.input::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}.input:has(>input[type=date]) :where(input[type=date]){display:inline-flex;webkit-appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:has(>input[type=date]) input[type=date]::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em;width:1em;height:1em;cursor:pointer}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;webkit-appearance:none;--range-thumb: var(--color-base-100);--range-thumb-size: calc(var(--size-selector, .25rem) * 6);--range-progress: currentColor;--range-fill: 1;--range-p: .25rem;--range-bg: color-mix(in oklab, currentColor 10%, #0000);cursor:pointer;overflow:hidden;background-color:transparent;vertical-align:middle;width:clamp(3rem,20rem,100%);--radius-selector-max: calc( var(--radius-selector) + var(--radius-selector) + var(--radius-selector) );border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));border:none;height:var(--range-thumb-size)}[dir=rtl] .range{--range-dir: -1}.range:focus{outline:none}.range:focus-visible{outline:2px solid;outline-offset:2px}.range::-webkit-slider-runnable-track{width:100%;background-color:var(--range-bg);border-radius:var(--radius-selector);height:calc(var(--range-thumb-size) * .5)}@media (forced-colors: active){.range::-webkit-slider-runnable-track{border:1px solid}.range::-moz-range-track{border:1px solid}}.range::-webkit-slider-thumb{position:relative;box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));background-color:currentColor;height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p) solid;-webkit-appearance:none;appearance:none;webkit-appearance:none;top:50%;color:var(--range-progress);transform:translateY(-50%);box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset,0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset,0 1px color-mix(in oklab,currentColor calc(var(--depth) * 10%),#0000),0 0 0 2rem var(--range-thumb) inset,calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill))}.range::-moz-range-track{width:100%;background-color:var(--range-bg);border-radius:var(--radius-selector);height:calc(var(--range-thumb-size) * .5)}.range::-moz-range-thumb{position:relative;box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));background-color:currentColor;height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p) solid;top:50%;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset,0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset,0 1px color-mix(in oklab,currentColor calc(var(--depth) * 10%),#0000),0 0 0 2rem var(--range-thumb) inset,calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill))}.range:disabled{cursor:not-allowed;opacity:30%}@keyframes progress{50%{background-position-x:-115%}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.block{display:block}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.resize{resize:both}.border{border-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.join{display:inline-flex;align-items:stretch;--join-ss: 0;--join-se: 0;--join-es: 0;--join-ee: 0}.join :where(.join-item){border-start-start-radius:var(--join-ss, 0);border-start-end-radius:var(--join-se, 0);border-end-start-radius:var(--join-es, 0);border-end-end-radius:var(--join-ee, 0)}.join :where(.join-item) *{--join-ss: var(--radius-field);--join-se: var(--radius-field);--join-es: var(--radius-field);--join-ee: var(--radius-field)}.join>.join-item:where(:first-child){--join-ss: var(--radius-field);--join-se: 0;--join-es: var(--radius-field);--join-ee: 0}.join :first-child:not(:last-child) :where(.join-item){--join-ss: var(--radius-field);--join-se: 0;--join-es: var(--radius-field);--join-ee: 0}.join>.join-item:where(:last-child){--join-ss: 0;--join-se: var(--radius-field);--join-es: 0;--join-ee: var(--radius-field)}.join :last-child:not(:first-child) :where(.join-item){--join-ss: 0;--join-se: var(--radius-field);--join-es: 0;--join-ee: var(--radius-field)}.join>.join-item:where(:only-child){--join-ss: var(--radius-field);--join-se: var(--radius-field);--join-es: var(--radius-field);--join-ee: var(--radius-field)}.join :only-child :where(.join-item){--join-ss: var(--radius-field);--join-se: var(--radius-field);--join-es: var(--radius-field);--join-ee: var(--radius-field)}*{box-sizing:border-box}html{margin:0;padding:0;width:100vw;position:relative;left:0;overflow-x:hidden}@media (max-width: 768px){html{overflow-x:auto;-webkit-overflow-scrolling:touch}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;background-color:#f5f5f5;min-height:100vh;width:100vw;overflow-x:hidden;position:relative;left:0}#main-view{min-height:100vh;width:100vw;margin:0;padding:0;max-width:none;box-sizing:border-box;position:relative;left:0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);overflow-x:visible}.container{max-width:1400px;margin:0 auto 20px;background:#f8fafc;border-radius:8px;box-shadow:0 2px 10px #0000001a;min-height:-moz-fit-content;min-height:fit-content}.header{background:#236f59;color:#fff;padding:20px 20px 0}.header-content{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:0}.header-left{display:flex;align-items:flex-end;gap:20px;flex:1}.header-right{display:flex;align-items:flex-start;justify-content:flex-end;margin-top:0}.header h1{margin:0;font-size:24px}.nav-tabs{display:flex;gap:0}.nav-tab{padding:12px 24px;border:none;background:#236f59;color:#fff;cursor:pointer;font-size:14px;font-weight:500;border-radius:8px 8px 0 0;transition:all .2s;margin-bottom:0}.nav-tab:hover{background:#1a5a47;color:#fff}.nav-tab.active{background:#f8fafc;color:#236f59}.settings-icon{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:24px;line-height:1}.settings-icon:hover{background:#ffffff1a}.settings-text{font-size:10px;font-weight:500;margin:0}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:8px;background:none;border:none;color:#fff}.hamburger span{width:25px;height:3px;background:#fff;margin:3px 0;transition:.3s;border-radius:2px}.hamburger.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.page-content{display:none;background:#f8fafc}.page-content.active{display:block}.stats{display:flex;gap:20px;padding:20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.stat{text-align:center}.stat-number{font-size:24px;font-weight:700;color:#2563eb}.stat-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.api-operations-tabs{background:#fff;border-radius:8px;padding:10px;margin-top:0;margin-left:10px;margin-right:10px}.api-tab-nav{display:flex;gap:0;margin-bottom:20px}.api-tab{padding:12px 24px;border:none;background:#f8fafc;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;border-radius:8px 8px 0 0;transition:all .2s}.api-tab:hover{background:#e5e7eb;color:#374151}.api-tab.active{background:#fff;color:#374151}.api-tab-content{display:none}.api-tab-content.active{display:block}.api-controls{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.api-button{padding:10px 20px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.api-button:hover{background:#f3f4f6;border-color:#9ca3af}.api-button.danger{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.api-button.danger:hover{background:#fecaca;border-color:#f87171}.api-button.primary{background:#2563eb;border-color:#2563eb;color:#fff}.api-button.primary:hover{background:#1d4ed8;border-color:#1d4ed8}.unlock-section{margin-bottom:15px;padding:12px;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px}.unlock-checkbox{display:flex;align-items:center;cursor:pointer;font-weight:500;color:#856404}.unlock-checkbox input[type=checkbox]{margin-right:8px;transform:scale(1.2)}.unlock-checkbox span{-webkit-user-select:none;-moz-user-select:none;user-select:none}.api-response{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:16px;font-family:Monaco,Menlo,monospace;font-size:12px;color:#374151;white-space:pre-wrap;margin-top:16px}.api-result-entry{margin-bottom:16px;border-bottom:1px solid #e2e8f0;padding-bottom:12px}.api-result-entry:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.api-result-timestamp{font-size:10px;color:#6b7280;margin-bottom:4px;font-weight:500}.api-result-content{background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:12px;font-family:Monaco,Menlo,monospace;font-size:11px;color:#374151;white-space:pre-wrap;word-break:break-word}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:#f8fafc;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.settings-modal-card{max-width:1400px;width:100%;height:calc(100vh - 40px);max-height:none;margin:0 auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0;border-bottom:1px solid #e2e8f0;margin-bottom:20px;background:#236f59;color:#fff;border-radius:8px 8px 0 0}.modal-header h3{margin:0;color:#fff;font-size:18px}.modal-close{background:none;border:none;font-size:24px;color:#fff;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-body{padding:0 20px 20px}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-nav-overlay.open{opacity:1;visibility:visible}.mobile-nav-drawer{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#236f59;z-index:1000;transition:right .3s ease;padding:20px;box-shadow:-2px 0 10px #0000001a}.mobile-nav-drawer.open{right:0}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2)}.mobile-nav-title{color:#fff;font-size:18px;font-weight:600}.mobile-nav-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:5px}.mobile-nav-tabs{display:flex;flex-direction:column;gap:10px}.mobile-nav-tab{display:block;padding:15px 20px;color:#fff;text-decoration:none;border-radius:8px;transition:background .2s;font-size:16px;border:none;background:none;text-align:left;cursor:pointer}.mobile-nav-tab:hover,.mobile-nav-tab.active{background:#ffffff1a}.mobile-settings-section{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.mobile-settings-button{display:flex;align-items:center;gap:10px;padding:15px 20px;color:#fff;text-decoration:none;border-radius:8px;transition:background .2s;font-size:16px;border:none;background:none;text-align:left;cursor:pointer;width:100%}.mobile-settings-button:hover{background:#ffffff1a}.logs-container{padding:20px;overflow-x:auto;width:100%}.log-entry{border:1px solid #e2e8f0;border-radius:2px;margin-bottom:1px;overflow:visible;transition:box-shadow .2s;height:20px;display:flex;align-items:center;width:-moz-max-content;width:max-content;min-width:100%}.log-entry:hover{box-shadow:0 2px 6px #0000001a}.log-fields{display:flex;align-items:center;width:-moz-max-content;width:max-content;padding:0;flex-shrink:0}.log-field{padding:2px 8px;flex-shrink:0;font-size:11px;color:#6b7280;white-space:nowrap;box-sizing:border-box}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding:20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.pagination button{padding:8px 16px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.pagination button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination .current-page{background:#2563eb;color:#fff;border-color:#2563eb}.pagination .page-info{font-size:14px;color:#6b7280;margin:0 10px}.loading{text-align:center;padding:40px;color:#6b7280}.error{background:#fee2e2;color:#991b1b;padding:16px;border-radius:6px;margin:20px}@media (max-width: 768px){body{padding:10px;overflow-x:visible}.container{max-width:100%;margin:10px auto;border-radius:12px}.header{padding:15px 15px 0}.header-content{align-items:center;flex-wrap:nowrap;min-width:0}.header-left{flex:1;min-width:0}.header-left h1{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right{flex-shrink:0}.hamburger{display:flex!important}.nav-tabs,.settings-icon{display:none!important}.api-operations-tabs{margin:10px;padding:20px;border-radius:12px}.api-controls{flex-direction:column;gap:16px;margin-bottom:24px}.api-button{width:100%;padding:16px 20px;font-size:16px;border-radius:8px;text-align:left;justify-content:flex-start}.api-tab-nav{margin-bottom:20px}.api-tab{flex:1;padding:12px 16px;font-size:14px}.api-response{margin:20px 10px;padding:20px;border-radius:8px;font-size:13px;line-height:1.5}.unlock-section{margin:20px 0;padding:16px;background:#f8f9fa;border-radius:8px}.unlock-checkbox{font-size:14px;line-height:1.4}.stats{padding:20px;gap:16px}.stat-card{padding:16px;border-radius:8px}.stat-value{font-size:24px}.stat-label{font-size:14px}.logs-container{padding:15px}.log-entry{padding:12px;margin-bottom:8px;border-radius:6px;font-size:13px}.btn{padding:12px 16px;font-size:14px;border-radius:6px}}@media (min-width: 769px){.mobile-nav-drawer,.mobile-nav-overlay{display:none!important}}