.device-list{flex:1;overflow:auto;padding:16px;width:100%}.device-list table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.device-list th{text-align:left;padding:8px 12px;color:#888;font-weight:400;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-list td{padding:8px 12px;border-bottom:1px solid var(--border-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease}.device-row{cursor:pointer}.device-row:hover{background-color:var(--hover-background-color)}.platform-icon{height:100%;padding-top:3px;background-size:contain}.platform-icon.ios{background-image:url(../assets/ios-icon.svg);background-repeat:no-repeat}.platform-icon.android{background-image:url(../assets/android-icon.svg);background-repeat:no-repeat}.status-indicator{display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:50%}.status-indicator.online{background-color:#89d185}.status-indicator.offline{background-color:#f44747}.device-list th[data-type=status],.device-list td[data-type=status]{width:36px}.device-list th,.device-list td{padding:8px 12px}.device-list th[data-type=model],.device-list td[data-type=model]{width:10%}.device-list th[data-type=name],.device-list td[data-type=name]{width:15%}.device-list th[data-type=bundleId],.device-list td[data-type=bundleId]{width:25%}.device-list th[data-type=systemVersion],.device-list td[data-type=systemVersion]{width:8%}.device-list th[data-type=id],.device-list td[data-type=id]{width:15%}.device-list th[data-type=lastSeen],.device-list td[data-type=lastSeen]{width:13%}.device-list th[data-type=sdkVersion],.device-list td[data-type=sdkVersion]{width:10%}.device-list td[data-type=sdkVersion]{position:relative}.device-list td[data-type=sdkVersion] .sdk-version-latest{background:var(--surface-color);color:var(--text-color);padding:4px;border-radius:4px}.bundle-id-container{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bundle-id-icon{width:14px;height:14px;border-radius:4px;margin-right:8px}.empty-state{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:start;padding:0;text-align:center;color:#888;height:100%}.empty-state.devices{padding-top:24px}.empty-state .button.primary{background:var(--primary-color);color:#fff}.empty-state .button.primary:hover{background:#0088e9}.empty-state .button.secondary{color:var(--primary-color);border:1px solid var(--primary-color)}.qr-container{margin:20px 0;display:flex;flex-direction:column;align-items:center;gap:12px}.qr-code{padding:16px;background:#fff;border-radius:8px}.qr-hint{color:#888;font-size:13px;margin:0}.empty-state-columns{display:flex;gap:20px;margin-top:24px;align-items:flex-start;max-width:1200px;margin-left:auto;margin-right:auto}.left-column{flex:0 0 300px;display:flex;flex-direction:column;align-items:center}@media (max-width: 1200px){.empty-state-columns{flex-direction:column}.left-column,.right-column{width:100%}.left-column{display:flex;flex-direction:row;justify-content:space-around}.left-column .option-header{width:auto}}.right-column{flex:1;align-items:flex-start;min-width:0}.code-snippet{width:100%;min-width:600px}.code-snippet h4{color:var(--text-secondary);font-size:16px;margin:0 0 16px;font-weight:500}.empty-state h3{text-align:center;width:100%}.empty-state-actions{margin:24px 0}.option-header{text-align:center;margin-bottom:24px;width:100%}.option-number{display:inline-block;background:var(--surface-color);color:#888;padding:4px 12px;border-radius:12px;font-size:12px;margin-bottom:8px}.option-header h4{color:var(--text-secondary);font-size:18px;margin:0;font-weight:500}.code-tabs,.platform-tabs{display:flex;gap:8px}.code-tabs{padding-left:16px;padding-top:16px;border-radius:0;background:var(--surface-color)}.code-snippet .code-block{border-top-left-radius:0;border-top-right-radius:0}.platform-tabs{margin-bottom:16px}.code-tabs .tab,.platform-tabs .tab{padding:6px 16px;border:none;background:var(--surface-color);color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.code-tabs .tab:hover,.platform-tabs .tab:hover{background:var(--hover-background-color)}.code-tabs .tab.active,.platform-tabs .tab.active{background:var(--primary-color);color:#fff}.api-key-section{text-align:center;margin-bottom:18px}.api-key-section h3{font-size:14px;color:#888;margin-bottom:12px;font-weight:400}.api-key-container{display:inline-flex;align-items:center;gap:8px;background:var(--content-area-background-color);padding:8px 12px;border-radius:6px;border:1px solid var(--border-color);transition:all .3s ease}.api-key-wrapper{display:flex;font-family:Menlo,monospace;font-size:14px;padding:4px 8px;-webkit-user-select:all;user-select:all}.api-key-prefix{color:#888}.api-key{color:var(--primary-color);margin-left:1px}.code-snippet .copy-button{margin-top:10px}.copy-button svg{transition:color .2s}.copy-button:active svg,.copy-button.copied svg{color:var(--primary-color)}.connection-status{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;color:#888;font-size:13px;line-height:1}.loader{width:13px;height:13px;border:1.5px solid #363636;border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.connection-status p{margin:0;line-height:1}.empty-state-columns{margin-top:0}.device-list-header{padding:0 0 16px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.list-header h2{margin:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.device-list .buttons{display:flex;align-items:center}.refresh-button{background:none;border:none;color:#888;cursor:pointer;padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.new-device-button{background:none;border:none;color:#888}.refresh-button:hover{background:var(--hover-background-color);color:var(--text-secondary)}.refresh-button.refreshing{animation:spin 1s linear infinite}.refresh-button:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.info-box{background:#0098ff1a;border:1px solid rgba(0,152,255,.2);color:var(--primary-color);padding:12px 16px;border-radius:6px;margin-bottom:24px;font-size:14px}.store-badges{display:flex;gap:12px;margin:16px 0}.store-badge img{height:40px;width:auto}.step-instruction{color:#888;font-size:14px;margin:8px 0}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.session-list{flex:1;overflow:auto;padding:16px;width:100%}.session-list table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.session-list th{text-align:left;padding:8px 12px;color:#888;font-weight:400;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-list td{padding:8px 12px;border-bottom:1px solid var(--border-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease}.session-row{cursor:pointer}.session-list th.actions,.session-row .actions{width:32px}.version-info{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--background-tertiary);border-radius:8px}.version-info .label{color:var(--text-secondary);font-size:13px}.version-info .version{color:var(--text-primary);font-size:20px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.actions-group{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;gap:8px}.action-button{display:flex;align-items:center;gap:10px;padding:2px 0;border:none;background:var(--background-tertiary);color:var(--text-primary);border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.action-button:hover{background:var(--background-hover);transform:translateY(-1px)}.action-button:active{transform:translateY(0)}.action-button span{flex:1}.action-button svg{width:18px;height:18px;flex-shrink:0;transition:transform .2s ease}.action-button:hover svg{transform:scale(1.1)}.action-button:active svg{transform:scale(.95)}@media (max-width: 768px){.device-sidebar{width:100%;border-left:none;border-top:1px solid var(--border-color)}}.device-header{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;padding:12px;border-bottom:1px solid var(--border-color)}.device-header .platform-icon{height:auto}.device-header-top{display:flex;padding:8px 12px 0;align-items:center;gap:12px}.device-header .bundle-id{font-size:12px;color:#888;padding-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.device-header h2{margin:0;font-size:16px;color:var(--text-tertiary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-info-section{padding:16px;-webkit-user-select:none;user-select:none}.device-sidebar .info-row{margin-bottom:16px;padding:2px 0}.device-sidebar .info-row:last-child{margin-bottom:0}.device-sidebar .info-row .label{color:#888;font-size:12px;margin-bottom:4px}.device-sidebar .info-row .value{color:var(--text-tertiary);font-size:13px;display:flex;align-items:center;gap:8px;margin-bottom:4px}.modal-overlay{z-index:1001;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;overflow-y:auto;width:100%;height:100%}.close-button{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:12px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#00000080;transition:background-color .2s}.modal-content{max-width:1100px;background-color:var(--modal-content-background-color);padding:24px;border-radius:8px;min-width:400px;max-height:90vh;border:1px solid var(--border-color);overflow-y:auto}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal-content h2{margin:0 0 16px;color:var(--text-secondary);font-size:18px}.modal-content p{margin:0 0 24px;color:var(--text-secondary);font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.modal-button{padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;border:1px solid transparent}.modal-button.cancel{background-color:var(--button-background-color);border-color:var(--button-background-color);color:var(--button-text-color)}.modal-button.cancel:hover{background-color:var(--hover-background-color)}.modal-button.confirm{background-color:#f44747;color:#fff;border:none}.modal-button.confirm:hover{background-color:#d93e3e}.device-profile-modal-overlay .modal-content{padding-top:0}.device-profile-modal{height:100%;display:flex;flex-direction:column;background:var(--modal-content-background-color)}.device-profile-header{position:sticky;top:0;background:var(--modal-content-background-color);padding:24px;border-bottom:1px solid var(--border-color);z-index:10}.device-profile-hero{display:flex;justify-content:space-between;align-items:center;gap:24px}.device-profile-info{flex:1}.platform-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 0;background:var(--background-secondary);border-radius:20px;color:var(--text-secondary);font-size:13px;margin-bottom:16px}.device-profile-info h2{font-size:24px;font-weight:600;margin:0;color:var(--text-primary)}.device-model{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.device-illustration{width:120px;height:120px;display:flex;align-items:center;justify-content:center}.device-profile-content{flex:1;overflow-y:auto;padding:24px}.info-section{margin-bottom:32px}.info-section h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--background-secondary);border-radius:6px;border:1px solid var(--border-color)}.info-label{color:var(--text-secondary);font-size:13px}.info-value{color:var(--text-primary);font-size:13px;font-family:monospace;min-width:40px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-value:empty:before{content:"—";color:var(--text-secondary)}.device-profile-content{scroll-behavior:smooth}.info-item:hover{background:var(--background-hover)}.device-profile-content .close-button{position:absolute;top:24px;right:24px;width:32px;height:32px;border-radius:6px;border:1px solid var(--border-color);background:var(--background-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.device-profile-content .close-button:hover{background:var(--background-hover);color:var(--text-primary)}.device-profile-content .close-button:active{transform:translateY(1px)}.device-sidebar{background:var(--background-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;width:100%}.side-bar-item{padding:10px;font-size:14px;border-bottom:1px solid var(--border-color)}.side-bar-item:last-child{border-bottom:none}.side-bar-item>div{display:flex;align-items:center;gap:10px;cursor:pointer}.side-bar-item:hover{background-color:var(--hover-background-color)}.side-bar-item[data-active=true]{color:var(--primary-color)}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background-color:var(--top-bar-background-color);border-bottom:1px solid var(--border-color);width:100%;box-sizing:border-box;height:36px}.window-controls{display:flex;gap:4px;height:100%;margin-left:auto}.control-btn{cursor:pointer;padding:4px;border-radius:4px;color:#888;transition:all .2s ease}.control-btn:hover{background:var(--hover-background-color-secondary);color:var(--text-secondary)}.control-btn.active{color:var(--primary-color)}.control-btn .sf-symbol{font-size:14px}.status{color:#888;font-size:12px}.left-controls{display:flex;align-items:center;gap:8px}.left-controls .logo{width:24px;height:24px;margin-top:8px}.top-bar-button{display:flex;align-items:center;gap:6px;background:none;border:none;color:#888;cursor:pointer;font-size:13px;border-radius:4px}.top-bar-button:hover{background-color:var(--hover-background-color);color:var(--text-tertiary)}.top-bar-button .symbol{display:flex;align-items:center;font-size:16px}.custom-button{-webkit-user-select:none;user-select:none;background-color:var(--button-background-color);border:none;border-radius:5px;color:var(--button-text-color);padding:4px 12px;font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.custom-button:hover{background:var(--custom-button-hover-background-color)}.custom-button:active{background:var(--custom-button-active-background-color);box-shadow:inset 0 1px 1px #0000004d;transform:translateY(1px)}.custom-button:focus{outline:none;box-shadow:0 0 0 2px #ffffff1a}.custom-button.disabled{opacity:.5;cursor:not-allowed}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*{box-sizing:border-box}a:visited{color:var(--primary-color-visited)}#root{width:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden;font-family:SF Pro,-apple-system,system-ui,BlinkMacSystemFont}.app{display:flex;flex-direction:column;height:100vh;background-color:var(--background-color);color:var(--text-color);transition:background-color,color .3s ease}body[data-is-resizing] *{-webkit-user-select:none;user-select:none}.info-icon-trigger{color:var(--text-secondary)}.main-container{display:flex;flex:1;overflow:hidden}.sidebar-container{position:relative;flex-shrink:0;height:100%;background-color:var(--sidebar-background-color);border-right:1px solid var(--border-color);transition:background-color,border .3s ease}.sidebar{height:100%;display:flex;flex-direction:column;overflow:hidden;flex:1}.content-area{display:flex;flex-direction:column;flex:1;overflow:hidden;position:relative;background-color:var(--content-area-background-color);width:100%;transition:background-color .3s ease}.right-sidebar{position:relative;display:flex;background-color:var(--right-sidebar-background-color);box-shadow:-2px 0 16px var(--box-shadow-background-color);width:300px;height:100%}.right-sidebar-content{width:100%}.requests-view{display:flex;flex:1;overflow:hidden}.settings-view{flex:1;display:flex;flex-direction:column;width:100%;min-width:0}.settings-view h2{padding:24px;margin:0;font-size:24px;font-weight:400;color:var(--text-tertiary)}.settings-content{flex:1;padding:0 24px 24px;overflow:auto}.setting-item{display:flex;align-items:center;gap:8px;margin-bottom:12px}.setting-item:last-child{margin-bottom:0}.setting-item label{display:flex;align-items:center;gap:8px;color:#ccc;font-size:13px}.setting-item input[type=checkbox]{margin:0;width:14px;height:14px}.app-header{flex:none;width:100vw}.app-container{display:flex;flex:1;overflow:hidden;position:relative}.request-scroll-container{overflow-y:auto}.request-panel,.response-panel{overflow:auto;padding:8px}.request-panel{border-right:1px solid var(--border-color)}.request-panel .metrics-container{display:flex;flex-direction:column;gap:10px}.details-container{position:absolute;bottom:32px;background-color:var(--details-background-color);flex-shrink:0;width:100%}.error-banner{background:#4d2c2c;color:#f44747;padding:12px 16px;margin:16px;border-radius:6px;border:1px solid rgba(244,71,71,.3);font-size:14px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #00000026;animation:slideIn .3s ease-out}.error-content{display:flex;align-items:center;gap:12px}.error-content svg{color:#f44747;flex-shrink:0}.error-close{background:none;border:none;padding:4px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.error-close:hover{background:#f447471a;color:#f44747}@keyframes slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.tab-bar{height:85px;background:#1e1e1eb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-around;align-items:center;border-top:1px solid var(--border-color)}.tab-item{display:flex;flex-direction:column;align-items:center;color:#888;text-decoration:none;font-size:12px;gap:4px}.tab-item.active{color:var(--primary-color)}.connection-banner{background:var(--connection-banner-background-color);padding:2px;text-align:center;position:relative;color:var(--connection-banner-color)}.toast-message{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:1000;animation:slideDown .3s ease-out}.toast-message[data-is-clickable=true]{cursor:pointer}.toast-content{background:#1e3a2d;color:#4ec9b0;padding:12px 24px;border-radius:6px;border:1px solid rgba(78,201,176,.3);box-shadow:0 4px 12px #0003;font-size:14px}.toast-message.error .toast-content{background:#4d2c2c;color:#f44747;border:1px solid rgba(244,71,71,.3)}@keyframes slideDown{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}.code-block{border-radius:8px;margin-bottom:24px;overflow:auto;max-width:790px;min-width:380px;position:relative;-webkit-user-select:text;user-select:text;background-color:var(--surface-color)}.code-copy-button{position:absolute;top:0;right:8px;z-index:10}.code-block pre{margin:0;font-family:Menlo,monospace;font-size:12px;line-height:1.5;padding:16px;-webkit-user-select:text;user-select:text;background-color:var(--surface-color)}.code-block pre code{color:var(--text-secondary)}.code-block .token.comment{color:#6c7986!important}.code-block .token.string{color:#ce9178!important}.code-block .token.keyword{color:#569cd6!important}.code-block .token.function{color:var(--token-function-color)!important}.code-block .token.class-name{color:#4ec9b0!important}.code-block .token.punctuation{color:var(--token-punctuation-color)!important}.code-block code{-webkit-user-select:text;user-select:text}.code-block code.swift{color:#d4d4d4}.code-block code.swift .comment{color:#6c7986}.code-block code.swift .string{color:#ff8170}.code-block code.swift .keyword{color:#ff7ab2}.code-block code.swift .function{color:#dabaff}.code-block code.swift .type{color:#4ec9b0}.code-block code.kotlin{color:#d4d4d4}.code-block code.kotlin .comment{color:#6a9955}.code-block code.kotlin .string{color:#ce9178}.code-block code.kotlin .keyword{color:#569cd6}.code-block code.kotlin .function{color:#dcdcaa}.code-block code.kotlin .class{color:#4ec9b0}.offline-banner{background-color:#f44;color:#fff;padding:8px;text-align:center;z-index:1000}.offline-banner-content{display:flex;justify-content:center;align-items:center;gap:8px}.offline-banner span{font-size:14px}.quota-exceeded-banner{background-color:var(--primary-color);color:#fff;padding:8px;text-align:center;z-index:1000}.quota-exceeded-banner-content{display:flex;justify-content:center;align-items:center;gap:8px}.quota-exceeded-banner a{color:#fff}.loading-message-container{display:flex;justify-content:center;align-items:center;height:100%}.loading-message{color:#888;font-size:14px}.resize-handle{position:absolute;right:0;bottom:0;top:0;height:100%;width:3px;background:var(--resize-handle-background-color)}.resize-handle:hover,.resize-handle.resizing{background:var(--primary-color)}.resize-handle.horizontal{width:100%;height:2px;cursor:row-resize}.resize-handle.horizontal:hover{cursor:row-resize}.resize-handle.vertical{width:2px;height:100%;cursor:col-resize}.resize-handle.vertical:hover{cursor:col-resize}.col-resize-handle{position:absolute;right:0;bottom:0;top:15%;height:70%;width:3px;cursor:col-resize;background:var(--resize-handle-background-color)}.col-resize-handle:hover,.col-resize-handle.resizing{background:var(--primary-color)}.failed-to-load-container,.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#888}.simple-search-bar{width:100%;padding:8px 12px;background:var(--input-background-color);border:1px solid var(--input-border-color);border-radius:4px;color:var(--input-text-color);font-size:13px;transition:all .3s ease}.simple-search-bar:focus{outline:none;border-color:var(--primary-color)}.simple-search-bar::placeholder{color:#888}.empty-state{display:flex;flex-direction:column;align-items:center;height:100%;color:#888;justify-content:center}.empty-state.center{justify-content:center}.empty-state video{width:80%;max-width:600px;border-radius:10px;margin-bottom:16px}.pulse-icon{width:14px;height:14px;border-radius:50%;background-color:red;box-shadow:0 0 10px #ff000080;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}}.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:1em}.symbol-container{position:relative;border:1px solid #eee;font-size:24px;border-radius:16px;text-align:center;display:flex;padding-bottom:100%;transition:all 50ms}.symbol-container:hover{cursor:pointer;background-color:#eee;border:1px solid transparent}.symbol-container:active{background-color:#ccc;border:1px solid transparent}.symbol-container .symbol{-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.symbol{cursor:pointer;font-size:16px}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.settings-window{background-color:#1e1e1e;border-radius:8px;width:500px;max-width:90vw;box-shadow:0 4px 12px #00000080}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color)}.settings-header h2{margin:0;font-size:18px;color:var(--text-tertiary)}.close-btn{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0 8px}.close-btn:hover{color:var(--text-tertiary)}.settings-window .form-group{border-bottom:1px solid var(--border-color)}.form-group input{width:100%;padding:8px;background-color:var(--input-background-color);border:1px solid var(--input-border-color);border-radius:4px;color:var(--text-tertiary);font-size:14px;transition:all .3s ease}.api-key-container{display:flex;gap:8px}.copy-btn{padding:8px 16px;background-color:#2d2d2d;border:1px solid #404040;color:var(--text-tertiary);border-radius:4px;cursor:pointer}.copy-btn:hover{background-color:#353535}.form-actions{padding:16px;display:flex;justify-content:flex-end}.save-btn{padding:8px 16px;background-color:#007acc;border:none;color:#fff;border-radius:4px;cursor:pointer}.save-btn:hover{background-color:var(--primary-color)}.settings{padding:24px;max-width:800px;margin:0 auto}.settings-section{border-radius:8px;margin-bottom:24px}.settings-section h2{margin:0 0 24px;font-size:20px;font-weight:500;color:var(--text-color)}.api-key-container label{display:block;margin-bottom:8px;font-size:14px;color:var(--text-secondary)}.api-key-field{display:flex;gap:8px;margin-bottom:8px}.api-key-field input{flex:1;padding:8px 12px;background:#2d2d2d;border:1px solid #3c3c3c;border-radius:4px;color:var(--input-text-color);font-size:14px;font-family:monospace;cursor:pointer}.api-key-help{margin:8px 0 0;font-size:12px;color:var(--text-secondary)}.settings-loading{display:flex;justify-content:center;align-items:center;height:200px;color:var(--text-secondary)}.settings-error{padding:16px;margin:24px;background:var(--error-background);color:var(--error-color);border-radius:6px}.settings-container{height:100%;overflow:auto;padding:20px;color:#ccc;scroll-behavior:smooth}.settings-content{max-width:800px;margin:0 auto}.settings-content h1{font-size:24px;font-weight:400;margin-bottom:30px;color:var(--text-secondary)}.settings-section{margin-bottom:40px;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:var(--section-header-background-color);color:var(--section-header-text-color);border-bottom:1px solid var(--border-color)}.section-header h2{font-size:14px;font-weight:400;margin:0}.section-header .upgrade-button{margin:0;font-size:12px;padding:6px 12px}.setting-row{padding:20px;border-bottom:1px solid var(--border-color)}.setting-row:last-child{border-bottom:none}.setting-field{max-width:100%;margin-top:12px}.setting-field label{display:block;margin-bottom:8px;color:#888;font-size:12px}.setting-field input[type=text]{width:100%;padding:8px 12px;background:var(--input-background-color);border:1px solid var(--input-border-color);border-radius:4px;color:var(--input-text-color);font-size:14px}.setting-field input:focus{outline:none;border-color:var(--primary-color)}.dsn-display{padding:12px;background:#2d2d2d;border:1px solid #3c3c3c;border-radius:4px;font-family:monospace;margin-bottom:8px}.hint-text{color:#888;font-size:12px;margin:8px 0}.warning-text{color:#ce9178;font-size:12px;margin:8px 0}.danger-button{background:#4d2c2c;color:#f44747;border:1px solid #f44747;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.danger-button:hover{background:#5a3333}.setting-info p{margin:0 0 12px;line-height:1.5}.usage-stats{display:flex;flex-direction:column;gap:20px}.usage-item{width:100%}.usage-item label{display:block;color:#888;font-size:12px;margin-bottom:8px}.usage-value{font-size:16px;color:var(--text-secondary);margin-bottom:8px;font-family:monospace}.usage-bar{width:100%;height:6px;background:#2d2d2d;border-radius:3px;overflow:hidden}.usage-progress{height:100%;background:var(--primary-color);border-radius:3px;transition:width .3s ease,background-color .3s ease}.plan-info{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-color)}.plan-info span{color:#888;font-size:14px}.upgrade-button{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;margin-top:16px;transition:all .3s ease}.upgrade-button:hover{background:#07c}.email-edit{display:flex;gap:8px;align-items:center}.email-input{flex:1;padding:8px 12px;background:#2d2d2d;border:1px solid #3c3c3c;border-radius:4px;color:var(--input-text-color);font-size:14px}.email-actions{display:flex;gap:8px}.email-display{display:flex;align-items:center;gap:12px}.edit-button,.save-button,.cancel-button{padding:6px 12px;border-radius:4px;font-size:13px;cursor:pointer}.save-button{background:var(--primary-color);border:none;color:#fff}.cancel-button{background:#2d2d2d;border:1px solid #3c3c3c;color:#888}.change-password-button{padding:8px 16px}.account-actions{display:flex;gap:12px;margin-top:8px}.logout-button,.delete-account-button{padding:8px 16px;border:1px solid #f44747;color:#f44747}.logout-button{margin-top:0}.subscription-info{border-radius:8px;padding:24px}.usage-in-percent{font-size:.9em}.usage-in-percent.warning{color:#ffab00}.usage-in-percent.limit-exceeded{color:#f44747}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.info-row:last-child{border-bottom:none}.info-row .value{font-weight:500}.limit-info{color:#888;font-size:.9em}.limit-exceeded{color:#f44747}.trial-info{padding:24px;background:#252526;border-radius:8px;margin-top:16px}.trial-info button{margin-top:16px;padding:8px 16px;background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer}.subscription-actions{margin-top:24px;padding-top:24px}.cancel-subscription-button{background:transparent;border:1px solid #f44747;color:#f44747;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease}.cancel-subscription-button:hover{background:#f44747;color:#fff}.cancel-subscription-button:disabled{opacity:.5;cursor:not-allowed}.subscription-note{color:#888;font-size:12px;margin-top:8px}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.active,.status-badge.trialing{background:#0098ff1a;color:var(--primary-color);border:1px solid rgba(0,152,255,.2)}.status-badge.canceled{background:#f447471a;color:#f44747;border:1px solid rgba(244,71,71,.2)}.status-badge.expired{background:#8888881a;color:#888;border:1px solid rgba(136,136,136,.2)}.status-badge.trial{background:#ffab001a;color:#ffab00;border:1px solid rgba(255,171,0,.2)}.trial-countdown{margin-left:8px;color:#888;font-size:12px}.trial-message{color:#888;font-size:14px;margin-top:16px;text-align:center;padding:16px;background:#ffab000d;border-radius:4px;border:1px solid rgba(255,171,0,.1)}.settings-section>h2{display:none}.secondary-button{background:transparent;border:1px solid #888;color:#888;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .3s ease}.secondary-button:hover{background:#333;color:var(--text-secondary)}.danger-button{background:#f44747;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background .3s ease}.danger-button:hover{background:#d63939}.subscription-section{background-color:#2d2d2d;border-radius:8px;padding:20px;margin-top:24px}.status{text-transform:capitalize;font-weight:500}.status.active{color:#4caf50}.status.canceled{color:#f44336}.reactivate-button{margin-top:16px}.subscription-info p{margin:8px 0;color:#d4d4d4}.request-chart-section{margin-top:2rem;padding:1rem;background:var(--background-secondary);border-radius:8px}.request-chart-footer{margin-top:1rem;font-size:.8rem;text-align:right;color:var(--text-secondary)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-header-text-title{font-size:1.1rem;color:var(--text-primary)}.chart-header-text{display:flex;flex-direction:column}.chart-header h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.view-toggle{display:flex;gap:.5rem;transition:all .2s ease}.toggle-button{padding:.4rem .8rem;border:1px solid var(--border-color);background:var(--background-color);color:var(--text-secondary);border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.toggle-button:hover{background:var(--background-hover)}.toggle-button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.request-chart{min-height:250px;height:250px;margin-top:1rem}.chart-container{display:flex;align-items:flex-end;height:100%;gap:4px;padding:1rem 0;overflow-x:auto;overflow-y:hidden;min-height:100%}.chart-bar{flex:0 0 36px;display:flex;flex-direction:column;align-items:center;height:100%;min-width:38px;justify-content:flex-end}.bar-value{margin-bottom:4px;font-size:.75rem;color:#b3c6ff;font-weight:500;text-align:center;min-height:18px}.bar{width:100%;background:var(--primary-color);border-radius:4px 4px 0 0;transition:height .3s ease;display:block}.bar-label{margin-top:6px;font-size:.7rem;color:var(--text-secondary);text-align:center;white-space:nowrap;cursor:pointer;transform:none}.no-data{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-style:italic}.invoice-row{display:flex;justify-content:space-between;align-items:center;padding:12px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.invoice-headers{display:flex;color:var(--text-secondary);justify-content:space-between;align-items:center;padding:12px}.invoice-header-date,.invoice-date{width:150px}.invoice-header-billing-period,.invoice-billing-period{width:200px}.invoice-header-amount,.invoice-amount{width:150px}.invoice-header-status,.invoice-status{width:90px}.invoice-status-paid{color:#4caf50;font-weight:500;border:1px solid #4caf50;padding:4px 8px;border-radius:4px}.invoice-status-unpaid{color:#f44336;font-weight:500;border:1px solid #f44336;padding:4px 8px;border-radius:4px}.invoice-header-actions,.invoice-actions{width:80px}.no-data{font-size:14px;color:var(--text-secondary);text-align:center;padding:16px}.pricing-modal-overlay .modal-content{max-width:1100px;width:100%;background:#18181b;border-radius:18px;box-shadow:0 4px 32px #0000002e;padding:0;margin:40px auto;overflow:hidden}.pricing-modal-overlay .modal-content[data-show-close=false]{background:transparent;width:100%;border:0}.modal-content[data-origin=ONBOARDING]{border:0;background:transparent}.pricing-modal-overlay .close-button{position:absolute;top:20px;right:20px;background:none;border:none;color:#888;font-size:24px;cursor:pointer}.pricing .modal-header{text-align:center;margin-bottom:52px;margin-top:24px;position:relative}.pricing .modal-header h2{font-size:2rem;color:#fff;font-weight:600;margin:18px 0 8px}.pricing .modal-header p{color:#a1a1aa;font-size:1rem;margin-bottom:.5rem}.pricing .modal-header .logo{margin:0 auto;display:block;width:96px;height:96px}.pricing .modal-header .close-button{position:absolute;top:18px;right:24px;background:none;border:none;color:#71717a;font-size:2rem;cursor:pointer;z-index:2}.pricing .modal-header .close-button:hover{color:#fff}.traffic-calculator{max-width:400px;margin:0 auto;padding:20px;background:#252526;border-radius:8px}.calculator-input{display:flex;align-items:center;gap:10px;margin:10px 0}.calculator-input input{flex:1;padding:8px 12px;background:#2d2d2d;border:1px solid #3c3c3c;border-radius:4px;color:#fff;font-size:16px}.calculated-price{font-size:18px;color:var(--primary-color);margin-top:10px}.pricing-tiers{display:flex;flex-direction:row;justify-content:center;align-items:stretch;background:#0f1011;border-radius:18px;box-shadow:none;margin:0;padding:0;border:1.5px solid #232329}.pricing-tier{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border:none;border-right:1.5px solid #232329;min-width:220px;max-width:350px;transition:background .2s,box-shadow .2s,border .2s,transform .2s;position:relative;z-index:0}.pricing-tier:last-child{border-right:none}.pricing-tier-section{width:100%;margin:0;display:flex;flex-direction:column;align-items:start;padding:12px 16px}.pricing-tier-section.price-section{border-bottom:1px solid #232329}.pricing-tier-section.trial-section{border-bottom:1px solid #232329;padding:24px 16px}.pricing-tier-section.features-section{padding:24px 12px}.pricing-tier-section.button-section{padding:24px 12px;margin-top:auto}.pricing-tier-section:last-child{border-bottom:none}.pricing-tier h3{font-size:1.5rem;color:#fff;font-weight:700;letter-spacing:.01em}.animated-price,.price{font-size:2.5rem;color:#fff;font-weight:700;margin:0 0 2px}.period{color:#a1a1aa;font-size:1rem;margin-bottom:12px}.trial-badge{background:#232329;color:#2563eb;border-radius:8px;font-size:.95rem;padding:2px 10px;font-weight:600;display:inline-block;transform:translateZ(0)}.pricing-tier ul{list-style:none;padding:0;margin:0 0 24px;width:100%;text-align:left}.pricing-tier li{color:#e4e4e7;font-size:14px;padding:8px 0 8px 32px;position:relative;line-height:1.5}.pricing-tier li:after{content:"✓";position:absolute;left:4px;top:50%;transform:translateY(-50%);color:#fff;font-size:1rem;font-weight:700;background:var(--primary-color);border-radius:100%;width:14px;height:14px;font-size:9px;text-align:center;line-height:15px}.pricing-tier button{width:100%;padding:14px 0;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:auto;transition:background .2s,color .2s,box-shadow .2s;border:1px solid #3e3e44}.pricing-tier.highlighted button{background:#e6e6e6;color:#000}.pricing-tier:not(.highlighted) button{background:#232329;color:#fff}.pricing-tier:not(.highlighted) button:hover{background:#252529;color:#fff}.pricing-tier.highlighted button:hover{background:#fff}.pricing-tier.highlighted{background:#141516;box-shadow:0 4px 24px #0003;margin-block:-16px -34px;padding-block-start:15px;padding-block-end:12px;border-radius:12px;border:1px solid #202122}.pricing-faq{margin-top:60px}.pricing-faq h3{text-align:center;font-size:24px;margin-bottom:30px;color:var(--text-secondary)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;width:100%}.faq-item{background:#0f1011;border:1px solid #232329;border-radius:8px;padding:20px}.faq-item h4{color:var(--text-secondary);margin-bottom:10px}.faq-item p{color:#888;line-height:1.5}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px 0 0}.billing-toggle span{color:#a1a1aa;font-size:1rem;font-weight:500}.billing-toggle>span.active>span,.billing-toggle>span.active{color:#fff}.switch{position:relative;display:inline-block;width:48px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#27272a;border-radius:28px;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background:#fff;border-radius:50%;transition:.4s}input:checked+.slider{background:#2563eb}input:checked+.slider:before{transform:translate(20px)}.billing-toggle .discount-badge{background:#2563eb;color:#fff;border-radius:8px;font-size:.85rem;padding:2px 8px;margin-left:8px;font-weight:600}.price{font-size:36px;font-weight:700;color:#fff;margin:16px 0 4px}.period{color:#888;font-size:14px;margin-bottom:16px}.no-love-no-pay{text-align:center;color:#888;font-size:16px;margin:24px 0;font-weight:400}.no-love-no-pay strong{color:#fff}.refund-policy{margin-top:60px;padding:32px;border-radius:12px;background:#0f1011;border:1px solid #232329}.refund-policy h3{color:var(--text-secondary);font-size:24px;margin-bottom:24px;text-align:center}.policy-content h4{color:#888;font-size:18px;margin-bottom:32px;text-align:center;font-weight:400}.policy-section{margin-bottom:24px}.policy-section h5{color:var(--text-secondary);font-size:18px;margin-bottom:12px}.policy-section p{color:#888;font-size:16px;line-height:1.6;margin-bottom:8px}@media (max-width: 900px){.pricing-tiers{flex-direction:column;border-radius:18px;border:1.5px solid #232329}.pricing-tier{border-right:none;border-bottom:1.5px solid #232329;max-width:100vw;padding:36px 12px 32px}.pricing-tier:last-child{border-bottom:none}.pricing-tier.highlighted{border-radius:0}.pricing-tiers>:last-child{padding-top:50px}}@media (max-width: 600px){.pricing-tier{min-width:90vw;max-width:98vw;padding:24px 8px}.pricing-modal-overlay .modal-content{padding:0}}@media (max-width: 450px){.faq-grid{display:block}.faq-grid .faq-item{margin-bottom:16px}}.pricing-tier .animated-price{font-size:2.5rem;font-weight:700;margin:.5rem 0}.pricing-modal-overlay .modal-content .test-mode-badge{background:var(--primary-color);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;margin:8px 0}.custom-pricing{margin-top:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f1011;border:1px solid #232329;border-radius:12px;padding:32px;text-align:center}.custom-pricing h2{color:var(--text-secondary);font-size:24px;margin-bottom:24px;text-align:center}.custom-pricing p{color:#ccc;font-size:16px;line-height:1.6;margin-bottom:18px}.custom-pricing button{padding:12px;background:#232329;border:1px solid #3e3e44;color:#fff;border-radius:10px;cursor:pointer;font-size:16px}.custom-pricing button:hover{background:var(--primary-color);color:#fff}.most-popular-badge{display:inline-block;background:#2563eb;color:#fff;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:12px;padding:4px 14px 3px;margin-bottom:12px;margin-top:-8px;text-align:center;box-shadow:0 2px 8px #2563eb1a}.price-row{display:flex;align-items:baseline;gap:10px;justify-content:center;margin-bottom:.5rem}.price-row .animated-price,.price-row .price{font-size:2.5rem;font-weight:700;color:#fff;margin:0}.price-row .period{color:#a1a1aa;font-size:1.1rem;font-weight:500;margin:0 0 0 2px;letter-spacing:.01em}.animated-price{transition:color .2s ease}.password-modal{background:var(--modal-content-background-color);border-radius:8px;padding:24px;min-width:480px;position:relative}.password-modal h2{margin:0 0 24px;font-size:20px;color:var(--text-secondary)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;color:#888;font-size:14px}.form-group input:focus{outline:none;border-color:var(--primary-color)}.error-message{background:#4d2c2c;color:#f44747;padding:8px 12px;border-radius:4px;margin-bottom:16px;font-size:14px}.success-message{background:#2c4d2c;color:#47f447;padding:8px 12px;border-radius:4px;margin-bottom:16px;font-size:14px}.cancel-button,.submit-button{padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer}.cancel-button{border:1px solid #3c3c3c;color:#888}.submit-button{background:var(--primary-color);border:none;color:#fff}.submit-button:disabled{opacity:.5;cursor:not-allowed}.delete-account-modal{background:#1e1e1e;border-radius:8px;padding:24px;width:400px;position:relative}.delete-account-modal h2{margin:0 0 24px;font-size:20px;color:var(--text-secondary)}.warning-message{background:#4d2c2c;color:#f44747;padding:12px;border-radius:4px;margin-bottom:24px;font-size:14px;line-height:1.5}.warning-message p{margin:0 0 8px}.warning-message p:last-child{margin:0}.warning-message strong{color:var(--text-secondary);font-weight:500}.form-group input{width:100%;padding:8px 12px;background:var(--input-background-color);border:1px solid var(--input-border-color);border-radius:4px;color:var(--input-text-color);font-size:14px}.form-group input:focus{outline:none;border-color:#f44747}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.delete-button{padding:8px 16px;background:#4d2c2c;border:1px solid #f44747;color:#f44747;border-radius:4px;font-size:14px;cursor:pointer}.delete-button:hover:not(:disabled){background:#5a3333}.delete-button:disabled{opacity:.5;cursor:not-allowed}.onboarding-container{display:flex;flex-direction:column;min-height:100vh;padding:1rem;background-color:var(--background-color);color:#e0e0e0;width:100%;margin:0 auto;justify-content:center;align-items:center}.stepper{display:flex;width:100%;justify-content:center}.step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;max-width:120px}.step:not(:last-child):after{content:"";position:absolute;top:16px;left:60%;width:80%;height:2px;background-color:#333;z-index:1}.step.active .step-indicator,.step.completed .step-indicator{background-color:var(--primary-color);color:#fff}.step.completed:not(:last-child):after{background-color:var(--primary-color)}.step-indicator{width:32px;height:32px;border-radius:50%;background-color:#333;display:flex;justify-content:center;align-items:center;font-weight:700;margin-bottom:8px;z-index:2}.step-label{font-size:14px;color:#aaa;text-align:center}.step.active .step-label{color:#e0e0e0;font-weight:700}.onboarding-step-content{margin-top:2rem;min-height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.onboarding-step-content .logo-container{width:120px;height:120px}.logo-container svg{width:100%;height:100%}@media (max-width: 400px){.onboarding-step-content .logo-container{width:50px;height:50px}.onboarding-step-content .onboarding-title{font-size:1.5rem}}.logo-container img{height:80px}.onboarding-title{font-size:2rem;margin-bottom:.2rem;margin-top:.2rem;color:var(--text-secondary)}.onboarding-text{font-size:1rem;color:#bbb;max-width:640px;margin-bottom:1rem;line-height:1.5}.verification-container{margin:2rem 0;width:100%;max-width:600px;border-radius:8px}.verification-success{display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.verification-icon{font-size:2rem;margin-right:6px;margin-bottom:.5rem}.verification-actions{display:flex;flex-direction:column;align-items:center;padding:12px}.verification-instruction{margin-bottom:1.5rem;color:#bbb}.verification-button{min-width:200px}.verification-status{margin-top:1rem;padding:.75rem;border-radius:4px;font-size:.875rem}.verification-status.success{background-color:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.verification-status.error{background-color:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3)}.verification-note{font-size:.875rem;color:#888;font-style:italic}.plans-container{display:flex;justify-content:center;gap:2rem;margin:2rem 0;flex-wrap:wrap}.plan-card{background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:1.5rem;width:280px;display:flex;flex-direction:column}.plan-card-highlighted{border:2px solid var(--primary-color);transform:scale(1.02)}.plan-title{font-size:1.25rem;margin-bottom:1rem;color:var(--text-secondary)}.plan-price{font-size:2rem;font-weight:700;color:var(--text-secondary)}.plan-period{font-size:.875rem;color:#888;margin-bottom:1.5rem}.plan-features{list-style-type:none;padding:0;margin:0 0 1.5rem;text-align:left}.plan-features li{position:relative;padding:.5rem 0 .5rem 1.5rem;color:#bbb}.plan-features li:before{content:"•";position:absolute;left:0;color:var(--primary-color);font-weight:700}.plan-button{padding:.75rem 1rem;border-radius:4px;font-weight:700;cursor:pointer;transition:all .2s;border:none;margin-top:auto}.plan-button-outline{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.plan-button-outline:hover{background-color:#4a6cf71a}.plan-button-primary{background-color:var(--primary-color);color:#fff}.plan-button-primary:hover{background-color:#3a5ce5}.action-buttons{display:flex;justify-content:space-between;width:100%;max-width:600px;margin-top:2rem;padding:0 1rem}.action-buttons-wrapper{display:flex;justify-content:space-between;width:100%;max-width:600px}.onboarding-container button{padding:.75rem 1.5rem;border-radius:4px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:100px}.onboarding-container button:disabled{opacity:.6;cursor:not-allowed}.onboarding-container .button-secondary:hover:not(:disabled){background-color:#ffffff0d}.onboarding-container .button-primary{background-color:var(--primary-color);color:#fff}.onboarding-container .button-primary:hover:not(:disabled){background-color:#3a5ce5}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-left:8px}.feedback-container{width:100%;max-width:600px;margin:2rem 0;text-align:left}.feedback-title{font-size:1.5rem;color:var(--text-secondary);margin-bottom:1rem}.feedback-text{color:#bbb;margin-bottom:1rem}.feedback-input{width:100%;padding:1rem;border-radius:8px;background-color:#2a2a2a;border:1px solid #444;color:var(--input-text-color);font-size:1rem;resize:vertical;margin-bottom:1rem;transition:border-color .2s}.feedback-input:focus{outline:none;border-color:#4a6cf7}.feedback-input::placeholder{color:#666}.support-container{margin-top:2rem;padding:1.5rem;border-radius:8px;width:100%;max-width:600px}.support-text{color:#bbb;font-size:1rem;line-height:1.5}.support-email{color:#4a6cf7;text-decoration:none;font-weight:700;transition:color .2s}.button-primary.get-started{font-size:1.1rem;padding:1rem 2rem;min-width:200px}.trial-info-container{width:100%;max-width:600px;margin:2rem 0;padding:2rem;background-color:#1e1e1e;border-radius:8px;border:1px solid var(--primary-color)}.trial-info-title{font-size:1.5rem;color:var(--primary-color);margin-bottom:1rem;text-align:left}.trial-info-text{color:#bbb;margin-bottom:1.5rem;text-align:left;line-height:1.6}.trial-features{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left}.trial-features li{color:#e0e0e0;padding:.5rem 0;font-size:1rem}.trial-features li:before{color:var(--primary-color);margin-right:.5rem}.try-again-button{margin:1.5rem 0;font-size:1.1rem;padding:1rem 2rem;min-width:200px}.support-text{color:#bbb;font-size:1rem;line-height:1.5;margin-top:2rem}.support-email{color:var(--primary-color);text-decoration:none;font-weight:700;transition:color .2s}.support-email:hover{color:#3a5ce5;text-decoration:underline}.login-form{overflow-y:scroll}.auth-page{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--background-color);display:flex;justify-content:center;align-items:center}.auth-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;width:100%;padding:20px;max-width:440px;margin:0 auto}.loging-form{overflow-y:auto}.login-form .symbol{padding-top:6px}.auth-container .auth-form{background:var(--surface-color);padding:40px;border-radius:16px;width:100%}.auth-container .auth-header{text-align:center;margin-bottom:30px}.auth-container .auth-header .logo{width:96px;height:96px;margin-bottom:16px}.auth-container .auth-header h1{font-size:36px;font-weight:500;color:var(--text-color);margin:0;width:300px;min-width:100%;text-align:center}.auth-container .form-group{margin-bottom:24px}.auth-container .form-group .symbol{padding-right:8px;padding-left:8px}.auth-container .form-group label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px}.auth-container .input-wrapper{position:relative;display:flex;align-items:center;background-color:var(--input-background-color-darker);transition:background-color .3s ease}.auth-container .input-wrapper .sf-symbol{position:absolute;left:12px;color:var(--text-secondary);width:20px;height:20px}.auth-container .input-wrapper input{width:100%;padding:12px;border:0;border-radius:8px;background-color:var(--input-background-color-darker);color:var(--text-color);font-size:14px}.auth-container .input-wrapper input:focus{outline:none;border-color:var(--primary-color)}.auth-container .submit-button{width:100%;padding:12px;margin-top:24px;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s ease}.auth-container .submit-button.primary{background:var(--primary-color);border:none;color:#fff}.auth-container .submit-button.primary:hover:not(:disabled){background:#0088e5}.auth-container .submit-button.primary:disabled{background:#004977;cursor:not-allowed}.auth-container .divider{text-align:center;margin:24px 0;position:relative}.auth-container .divider:before,.auth-container .divider:after{content:"";position:absolute;top:50%;width:calc(50% - 100px);height:1px;background-color:var(--border-color)}.auth-container .divider:before{left:0}.auth-container .divider:after{right:0}.auth-container .divider span{padding:0 16px;color:var(--text-secondary);font-size:14px}.auth-container .social-buttons{display:flex;gap:1rem;justify-content:center;margin:1rem 0}.auth-container .social-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid var(--border-color);border-radius:8px;background:var(--background-color);color:var(--text-color);font-size:.9rem;cursor:pointer;transition:all .2s ease}.auth-container .social-button:hover{background:var(--hover-color)}.auth-container .social-button.google{background:#fff;color:#757575;border:1px solid #dadce0}.auth-container .social-button.google:hover{background:#f8f9fa;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.auth-container .social-button:disabled{opacity:.7;cursor:not-allowed}.auth-container .divider{align-items:center;text-align:center;margin:1.5rem 0;color:var(--text-secondary)}.auth-container .divider:before,.auth-container .divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.auth-container .divider span{padding:0 1rem;font-size:.9rem}.auth-container .auth-footer{text-align:center;color:var(--text-secondary);font-size:14px}.auth-container .link-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:inherit;padding:0;text-decoration:none}.auth-container .link-button:disabled{color:var(--text-secondary);cursor:not-allowed}.auth-container .link-button:hover{text-decoration:underline}.auth-container .auth-footer-global{margin-top:24px;text-align:center}.auth-container .download-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:var(--surface-color);border:none;border-radius:8px;color:var(--text-color);font-size:14px;cursor:pointer;transition:background-color .2s}.auth-container .download-button:hover{background-color:var(--hover-color)}.auth-container .error-message{background-color:var(--error-background);color:var(--error-color);padding:12px;border-radius:8px;margin-top:16px;font-size:14px}.auth-container .error-message p{margin:4px 0}.auth-container .checkbox-with-info{display:flex;align-items:center;gap:8px}.auth-container .info-tooltip{position:relative;display:inline-flex;align-items:center;cursor:help}.auth-container .info-tooltip svg{width:16px;height:16px;color:#666}.auth-container .tooltip-text{visibility:hidden;position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;width:220px;text-align:center;z-index:100;opacity:0;transition:opacity .2s,visibility .2s}.auth-container .info-tooltip:hover .tooltip-text{visibility:visible;opacity:1}.auth-container .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent}.profile-view{padding:10px}.device-emulator-container{position:absolute;right:10px;top:10px;z-index:1000;background:transparent;height:auto}.export-button{background:var(--primary-color);color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.9rem}.export-format-select select{width:100%;padding:8px;border-radius:4px;background:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.export-info{margin-bottom:20px;color:var(--text-secondary)}.export-note{font-size:.9rem;margin-top:8px;color:var(--text-secondary)}.controls-bar{-webkit-user-select:none;user-select:none;display:flex;gap:1px;background-color:var(--controls-bar-background-color);align-items:center;padding:4px;transition:all .3s ease}.filter-btn{padding:4px 12px;background:none;border:none;color:#888;cursor:pointer;font-size:12px;border-radius:4px}.filter-btn:hover{color:var(--text-tertiary)}.filter-btn.active{color:var(--select-text-color);background-color:var(--select-background-color)}.total-requests{-webkit-user-select:none;user-select:none;color:#888;text-align:right;padding-right:10px}.request-list-container{flex:1;overflow-x:auto;width:100%;height:100%}.request-list{display:flex;flex-direction:column;height:100%;outline:none}.request-list-table-header{background:var(--request-list-table-header-background-color);border-bottom:1px solid var(--resize-handle-background-color);overflow-x:scroll;transition:all .3s ease}.request-list-table-header-cell>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-list .td{padding:8px 12px;border-bottom:1px solid var(--border-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease}.request-list .td>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-list .td>.log,.request-list .td>.network,.request-list .td>.event,.request-list .td>.level{display:inline;height:auto}.request-list .td .details{display:flex;align-items:center;min-width:0}.method{color:#89d185;font-size:12px;transition:all .3s ease}.category{color:#89d185;font-size:12px}.method.get{background-color:var(--bg-color-method-get);color:var(--color-method-get)}.method.post{background-color:var(--bg-color-method-post);color:var(--color-method-post)}.method.put{background-color:var(--bg-color-method-put);color:var(--color-method-put)}.method.delete{background-color:var(--bg-color-method-delete);color:var(--color-method-delete)}.url,.name{color:var(--text-tertiary);font-size:12px}.status{color:#dcdcaa}.request-list-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#888}.request-content{flex:1;overflow:auto}.request-stats-bar{position:absolute;bottom:0;left:0;right:0;height:32px;border-top:1px solid var(--border-color);background-color:var(--content-area-background-color);display:flex;justify-content:center;align-items:center;padding:0 16px;font-size:12px;color:#888}.total-requests-count{display:flex;align-items:center}.total-requests-count .separator-word{margin:0 4px}.total-requests .bold{font-weight:700}.details-content{padding:16px;height:100%;overflow:auto}.screenshot-content{height:calc(100% - 48px);padding:16px;display:flex;align-items:center;justify-content:center}.screenshot-content .download-button{position:absolute;bottom:10px;right:10px}.screenshot-content img{cursor:pointer}.request-list-table{font-size:13px;overflow-x:scroll;width:100%;height:100%;position:absolute}.request-list-table-header-cell{position:relative;-webkit-user-select:none;user-select:none;padding:4px 12px;text-align:left;font-weight:400;color:#888;cursor:pointer}.request-list-table-header-cell:hover{color:var(--text-secondary)}.request-list-table[data-is-resizing=true] .request-list-table-header-cell:hover{color:inherit}.request-list-table .tr{display:flex;height:30px}.list-content{flex:1;overflow:auto}.list-content table{width:100%;border-collapse:collapse;font-size:12px}.list-content th{position:sticky;top:0;background-color:#1e1e1e;text-align:left;padding:8px 12px;color:#888;font-weight:400;border-bottom:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none}.list-content td{padding:8px 12px;border-bottom:1px solid var(--border-color);color:var(--text-tertiary)}.list-item{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;height:30px;display:flex}.list-item td{overflow:hidden}.list-item .td{padding:4px 12px}.list-item .hover-actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:none;padding:4px;border-radius:4px}.list-item:hover .hover-actions{display:flex;align-items:center;gap:4px}.list-item[data-level=error]{background:var(--color-error-light)}.list-item[data-level=warn]{background:var(--color-warn-light)}.list-item[data-level=debug]{background:var(--color-debug-light)}.virtual-list-container .list-item.even-row{background-color:var(--virtual-list-container-even-row-background-color);transition:background-color .3s ease}.virtual-list-container .list-item.uneven-row{background-color:var(--virtual-list-container-uneven-row-background-color);transition:background-color .3s ease}.virtual-list-container .list-item.selected{background-color:#4a6cf766}* .hover-delete{color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;border:none}.hover-delete:hover{color:#f44747;background:#f447471a}.type{padding:2px 6px;border-radius:3px;font-size:11px;height:18px}.type.network{background-color:var(--request-type-network-background-color);color:var(--text-tertiary)}.type.firebaseAnalytics{background-color:var(--request-type-firebase-analytics-background-color);color:var(--text-tertiary)}.type.log{background-color:var(--request-type-log-background-color);color:var(--text-tertiary)}.type.screenshot{background-color:var(--request-type-screenshot-background-color);color:var(--text-tertiary)}.type.event{background-color:var(--request-type-event-background-color);color:var(--text-tertiary)}.level{padding:2px 6px;border-radius:3px;font-size:11px}.level.debug{background-color:#4d4d4d;color:var(--text-tertiary)}.level.warn{background-color:#d47912;color:}.level.info{background-color:#294a29;color:#89d185}.level.error{background-color:#4d2c2c;color:#f44747}.method,.file{padding:2px 6px;margin-right:8px;border-radius:3px;font-size:11px}.file{background-color:var(--file-badge-background-color);color:var(--file-badge-text-color)}.details,.request-item{display:flex;align-items:center;gap:8px}.log-item,.event-item{font-size:12px;color:var(--text-tertiary)}.log-item .message{color:#ce9178}.event-item .name{color:#4ec9b0}.status-column{width:30px;padding:0!important;text-align:center}.request-list .status-indicator{width:8px;height:8px;border-radius:50%;margin-right:0}.status-indicator.success{background-color:#4ec9b0}.status-indicator.info{background-color:#569cd6}.status-indicator.warning{background-color:#ce9178}.status-indicator.error{background-color:#f44747}.request-list td{padding:4px 12px}.request-list th{padding:4px 12px;position:sticky;top:0}.request-list th:nth-child(1),.request-list td:nth-child(1){width:6%}.request-list th:nth-child(2),.request-list td:nth-child(2){width:46%}.request-list th:nth-child(3),.request-list td:nth-child(3){width:20%}.request-list th:nth-child(4),.request-list td:nth-child(4){width:14%}.request-list th:nth-child(5),.request-list td:nth-child(5){width:7%}.request-list th:nth-child(6),.request-list td:nth-child(6){width:7%}.empty-state{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:start;padding:0;text-align:center;color:#888;overflow-y:scroll;height:100%;min-height:400px}.empty-state h3{margin:16px 0 8px;color:var(--text-secondary);font-size:18px;font-weight:500}.empty-state p{font-size:14px;max-width:300px;line-height:1.5}.empty-state-actions{display:flex;gap:12px}.empty-state .button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.empty-state .button.secondary{color:var(--primary-color);border:1px solid var(--primary-color);padding:8px 16px;border-radius:6px;cursor:pointer;text-decoration:none;transition:all .2s}.empty-state .code-copy-button{top:12px}.view-controls{display:flex;gap:4px;margin-left:auto}.right-elements{display:flex;gap:4px;align-items:center;margin-left:auto}.view-toggle,.auto-scroll{background:none;border:none;color:#888;padding:6px;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.view-toggle:hover,.auto-scroll:hover{background:var(--hover-background-color);color:var(--text-secondary)}.view-toggle.active,.auto-scroll.active{color:var(--primary-color)}.console-view{flex:1;overflow:auto;padding:16px;font-family:Menlo,monospace;font-size:12px;line-height:1.5;background:#1e1e1e;border-radius:6px}.console-line{white-space:pre-wrap;word-break:break-all;cursor:pointer;padding:2px 0}.console-line:hover{background:#252526}.console-line .timestamp{color:#888;margin-right:8px}.console-view tr[data-show-xcode=true]:hover:after{content:"⌘ + Click to open in Xcode";position:absolute;right:16px;color:#888;font-size:12px}@media not all and (platform: macos){.console-view tr[data-show-xcode=true]:hover:after{content:"Ctrl + Click to open in Xcode"}}.console-view .console-line[data-show-xcode=true]:hover:after{content:"⌘ + Click to open in Xcode";margin-left:8px;color:#888;font-size:12px}@media not all and (platform: macos){.console-view .console-line[data-show-xcode=true]:hover:after{content:"Ctrl + Click to open in Xcode"}}.details{display:flex;align-items:center;gap:6px}.level.error{background:#ff3b3026;color:#ff3b30}.level.info{background:#007aff26;color:#007aff}.level.warn{background:#ff950026;color:#ff9500}.type{padding:2px 8px;border-radius:4px;font-size:12px}.request-list table thead:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background-color:#333}.context-menu{background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #0003;min-width:160px;z-index:1000;padding:4px;transition:background-color .3s ease}.context-menu .menu-item{padding:4px 8px;cursor:pointer;color:var(--text-primary);font-size:12px;border-radius:4px;transition:all .1s ease;margin:1px 0}.context-menu .menu-item:hover{background:var(--primary-color)}.context-menu .menu-item.delete{color:var(--color-error);border-top:1px solid var(--border-color);margin-top:4px;padding-top:6px}.context-menu .menu-item.delete:hover{background:var(--color-error);color:#fff}.request-context-menu{min-width:140px}.highlight{background:#ff0;color:#222;border-radius:2px;padding:0 2px}@keyframes rowFlash{0%{opacity:.1;transform:scale(.1)}to{background-color:inherit;opacity:1;transform:scale(1)}}.row-flash{transform-origin:0% 50%;animation:rowFlash 80ms}.powered-by{margin-left:auto}.console-view{flex:1;overflow:auto;font-family:Menlo,monospace;font-size:12px;line-height:1.5;background:var(--console-view-background-color);border-radius:6px;overflow-y:auto;width:100%;height:100%}.console-view-inner{position:relative}.console-line{white-space:pre-wrap;word-break:break-all;cursor:pointer;display:flex;flex-direction:column}.console-line:hover{background:var(--hover-background-color)}.console-line .row{display:flex;flex-direction:row}.console-line>span{display:flex;align-items:center;gap:8px}.console-line .timestamp{color:#888;margin-right:8px;white-space:nowrap}.method-tag{display:inline-block;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:500;color:#1e1e1e;margin-right:8px;min-width:34px}.console-line[data-level=error]{background:var(--color-error-light)}.console-line[data-level=warn]{background:var(--color-warn-light)}.console-line[data-level=debug]{background:var(--color-debug-light)}.console-view .method-tag.get{background:var(--bg-color-method-get);color:var(--color-method-get)}.console-view .method-tag.post{background:var(--bg-color-method-post);color:var(--color-method-post)}.console-view .method-tag.put{background:var(--bg-color-method-put);color:var(--color-method-put)}.console-view .method-tag.delete{background:var(--bg-color-method-delete);color:var(--color-method-delete)}.console-view .method.patch{background:var(--bg-color-method-patch);color:var(--color-method-patch)}.console-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(100%);background:var(--surface-color);color:var(--text-color);border-radius:24px;box-shadow:0 4px 24px #0000002e;padding:6px 12px;opacity:0;pointer-events:none;z-index:100;transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-user-select:none;user-select:none}.console-toast.show{opacity:1;transform:translate(0) translateY(-15px);pointer-events:auto}.console-toast.hide{opacity:0;transform:translate(0) translateY(100%);pointer-events:none}.console-toast:active{background:var(--hover-background-color-secondary)}@media (max-width: 600px){.console-toast{padding:10px 16px;font-size:14px;bottom:12px}}.column-context-menu{position:fixed;background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #0003;min-width:180px;z-index:1000;transition:background-color .3s ease}.menu-header{padding:8px 12px;font-size:12px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.menu-item{padding:6px 12px}.checkbox-label{display:flex;align-items:center;cursor:pointer;color:var(--text-primary);font-size:13px}.checkbox-label input{display:none}.checkbox-custom{width:14px;height:14px;border:1px solid var(--border-color);border-radius:3px;margin-right:8px;position:relative}.checkbox-label input:checked+.checkbox-custom:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid var(--primary-color);border-width:0 2px 2px 0;transform:rotate(45deg)}.menu-item:hover{background:var(--background-hover)}.export-modal-content{padding:20px}.export-format-select{margin-bottom:20px}.export-format-select label{display:block;margin-bottom:8px;color:var(--text-primary)}.export-format-select select{width:100%;padding:8px 32px 8px 12px;border-radius:4px;background:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.export-format-select select:hover{border-color:var(--border-color-hover)}.export-format-select select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-alpha)}.export-preview{margin:20px 0;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--background-secondary);border-bottom:1px solid var(--border-color)}.preview-header h4{margin:0;font-size:14px;color:var(--text-primary)}.estimated-size{font-size:12px;color:var(--text-secondary)}.preview-content{margin:0;padding:12px;background:var(--background-secondary);max-height:300px;overflow:auto}.preview-content code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;color:var(--text-secondary)}.language-json .string{color:#ce9178}.language-json .number{color:#b5cea8}.language-json .boolean,.language-json .null{color:#569cd6}.language-json .key,.language-csv .header{color:#9cdcfe}.language-csv .value{color:#ce9178}.export-modal-content .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color)}.export-modal-content .modal-actions button{padding:8px 16px;border-radius:4px;font-weight:500;transition:all .2s ease}.export-modal-content .modal-actions button.secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.export-modal-content .modal-actions button.secondary:hover{background:var(--background-secondary);border-color:var(--border-color-hover)}.export-modal-content .modal-actions button.primary{background:var(--primary-color);border:none;color:#fff}.export-modal-content .modal-actions button.primary:hover{background:var(--primary-color-hover)}.export-modal-content .modal-actions button:hover{transform:translateY(-1px)}.export-modal-content .modal-actions button:active{transform:translateY(0)}.bar-chart-container{width:100%;border-radius:8px}.bar-chart-container-wrapper{width:100%;height:0;overflow:hidden;transition:all .25s}.bar-chart-container-wrapper.open{height:100%;margin:0 0 12px;padding:18px}.request-bar-chart{width:100%;height:150px;background:none;overflow-x:scroll;overflow-y:hidden;box-sizing:border-box}.bar-chart-empty{font-size:12px;color:var(--secondary-color, #6b7280);text-align:center;height:100%;padding:18px}.bar-chart-inner{display:flex;align-items:flex-end;height:100%;min-width:100%;gap:2px}.bar-chart-bar-wrap{display:flex;flex-direction:column;align-items:center;width:18px;min-width:18px;margin:0 1px;flex-shrink:0;cursor:pointer;padding-bottom:14px}.bar-chart-bar-wrap.active .bar-chart-bar{background:var(--primary-color, #2563eb)}.bar-chart-bar{width:100%;border-radius:6px 6px 0 0;background:var(--surface-color, #111827);transition:height .3s,background .3s;min-height:2px;box-shadow:0 2px 8px #2563eb14}.bar-chart-label{font-size:10px;color:#888;margin-top:4px;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-chart-label[data-can-show=false]{display:none}.bar-chart-bar-wrap:hover .bar-chart-label{display:block}.bar-chart-controls{display:flex;width:100%;align-items:center;justify-content:end;margin-right:12px;gap:8px;margin-bottom:4px;font-size:12px;color:#aaa;overflow:hidden}.bar-granularity-btn{background:none;border:1px solid #232329;color:#aaa;border-radius:4px;padding:2px 8px;font-size:12px;cursor:pointer;transition:all .2s}.bar-granularity-btn.active,.bar-granularity-btn:hover{background:var(--primary-color, #2563eb);color:#fff;border-color:var(--primary-color, #2563eb)}.bar-chart-value{font-size:12px;color:var(--secondary-color, #6b7280);margin-top:4px;text-align:center;width:100%}@media (max-width: 600px){.bar-chart-inner{gap:1px}.bar-chart-bar-wrap{width:12px;min-width:12px}.bar-chart-label{font-size:9px}}.request-bar-chart.animated{height:0;transition:height .35s cubic-bezier(.4,0,.2,1)}.request-bar-chart.animated.open{height:150px}.bar-chart-inner{opacity:0;transition:opacity .2s .1s}.request-bar-chart.animated.open .bar-chart-inner{opacity:1}.search-container{position:relative;width:100%;padding:10px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:8px;transition:all .3s ease}.search-input-container{-webkit-user-select:none;user-select:none;display:flex;flex-wrap:wrap;gap:8px;min-width:250px;flex-grow:1;padding:4px 6px;border:1px solid var(--input-border-color);border-radius:4px;background:var(--input-background-color);min-height:28px;align-items:center;transition:all .3s ease}.search-tag{display:flex;align-items:center;background:var(--tag-background-color);border-radius:3px;padding:2px 6px;gap:4px;height:18px;transition:all .3s ease}.tag-label{color:#888;font-size:11px}.tag-value{color:var(--text-secondary);font-size:11px}.tag-remove{background:none;border:none;color:#888;cursor:pointer;padding:0 4px}.tag-remove:hover{color:var(--text-secondary)}.search-input{flex:1;background:none;border:none;color:var(--input-text-color);outline:none;font-size:12px;min-width:100px;transition:all .3s ease}.suggestions-dropdown{position:absolute;top:calc(100% - 10px);left:15px;right:15px;background:var(--input-background-color);border:1px solid var(--input-border-color);border-radius:4px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.suggestion-item{padding:6px 12px;cursor:pointer;font-size:12px}.suggestion-item:hover,.suggestion-item.active{background:var(--hover-background-color);transition:all .3s ease}.search-bar{background-color:var(--input-background-color);border-radius:5px;padding:5px;display:flex;flex-direction:column;transition:all .3s ease}.search-controls{display:flex;align-items:center;gap:8px;margin-bottom:5px}.search-type-btn,.search-mode-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 8px;font-size:12px;transition:all .3s ease}.ignoring-case{color:#888;font-size:12px}.search-dropdown{position:absolute;top:100%;left:0;right:0;border:1px solid #3c3c3c;border-radius:4px;margin-top:4px;padding:10px;z-index:1000}.recent-searches,.filters{margin-bottom:15px}.recent-searches h3,.filters h3{color:#888;font-size:12px;margin-bottom:8px}.recent-search-item,.filter-item{display:flex;align-items:center;padding:4px 8px;color:var(--text-secondary);font-size:12px;cursor:pointer}.recent-search-item:hover,.filter-item:hover{background-color:#3c3c3c}.search-icon,.filter-icon{margin-right:8px;color:var(--primary-color)}.clear-history{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:12px;padding:8px;width:100%;text-align:center}.clear-history:hover{text-decoration:underline}.search-row{display:flex;gap:8px;margin-bottom:8px}.search-row select,.search-row input{background-color:#3c3c3c;border:none;color:#ccc;padding:4px 8px;border-radius:4px;font-size:12px;height:24px}.search-row input{flex:1}.search-row select{width:120px}.add-btn,.remove-btn{width:24px;height:24px;background-color:#3c3c3c;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0;font-size:16px}.add-btn:hover:not(.disabled),.remove-btn:hover:not(.disabled){background-color:#4c4c4c}.search-hints{color:#888;font-size:11px;text-align:center;margin-top:4px}.remove-btn:disabled{opacity:.5;cursor:not-allowed}.remove-btn:disabled:hover{background-color:#3c3c3c}.search-types{margin-bottom:15px}.search-types h3{color:#888;font-size:12px;margin-bottom:8px}.search-type-item{display:flex;align-items:center;padding:4px 8px;color:var(--text-secondary);font-size:12px;cursor:pointer}.search-type-item:hover{background-color:#3c3c3c}.search-actions{display:flex;align-items:center;gap:4px}.case-sensitive-toggle{display:flex;align-items:center;justify-content:center;padding:0 8px;background:var(--background-secondary);border:0px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;height:20px;margin-right:4px}.case-sensitive-toggle:hover{background:var(--background-hover)}.case-sensitive-toggle.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.search-input-container{display:flex;align-items:center;gap:8px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;padding:0 0 0 8px}.search-input{flex:1;min-width:0}.clear-button{display:flex;align-items:center;justify-content:center}.clear-button svg{font-size:9px}.date-picker-container{display:flex;align-items:center;gap:8px}.date-picker-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px}.date-picker-toggle:hover{background:var(--background-tertiary)}.date-input{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:4px 8px;border-radius:4px;font-size:12px;height:24px}.date-input:focus{outline:none;border-color:var(--primary-color)}.date-separator{color:var(--text-secondary);font-size:12px}.date-reset-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px}.date-reset-button:hover{background:var(--background-tertiary);color:var(--text-primary)}.request-details{display:flex;flex-direction:column;flex:1;overflow:hidden;height:100%}.request-details[data-type=event] .request-panel,.request-details[data-type=log] .request-panel,.request-details[data-type=event] .response-panel,.request-details[data-type=log] .response-panel{width:100%}.request-details[data-type=log] .request-info{width:100%;padding-right:8px}.request-details[data-type=network] .status-bar{padding-left:10px}.request-panel,.response-panel{display:flex;flex-direction:column;overflow:hidden;min-height:0}.request-panel{width:40%;border-right:1px solid var(--border-color)}.response-panel{width:60%;overflow:auto}.panel-header{padding:6px 4px;border-bottom:1px solid var(--border-color);flex-shrink:0}.request-scroll-container .request-panel .panel-header{display:flex}.panel-header .id{margin-left:auto;font-size:12px;color:#888}.panel-header-wrapper{display:flex;align-items:center;gap:16px;margin-top:12px}.panel-header h3{font-size:14px;color:var(--text-tertiary);margin:0}.tab-list{display:flex;gap:8px}.tab{padding:6px 12px;background:none;border:none;color:#888;cursor:pointer;font-size:12px;border-radius:4px}.tab:hover{color:var(--text-tertiary);background-color:var(--hover-background-color)}.tab.active{color:var(--select-text-color);background-color:var(--select-background-color)}.panel-content{font-size:13px;font-family:monospace;overflow:auto;flex:1;min-height:0}.media-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;margin:10px}.media-content{display:flex;justify-content:center;align-items:center;height:100%;width:100%;margin:10px}pre{margin:0;white-space:pre-wrap;word-break:break-all}.json-editor-invalid-msg{color:#f44747;font-size:12px;font-weight:700;text-align:center;padding:10px}.json-editor-container{position:relative;height:100%;overflow:auto;background-color:#1e1e1e;border:1px solid var(--border-color);border-radius:4px}.json-editor-container .editor-button{position:absolute;cursor:pointer;-webkit-user-select:none;user-select:none;height:24px;border:1px solid var(--border-color);border-radius:4px;padding:4px 8px;opacity:.75;font-size:12px}.json-editor-container .prettify-button{top:3px;right:3px}.json-editor-container .revert-button{top:33px;right:3px}.json-editor-container>div{height:100%}.json-edit-react{background-color:#1e1e1e!important}.json-edit-react .property{color:#9cdcfe!important}.json-edit-react .value{color:#d4d4d4!important}.json-edit-react .string{color:#ce9178!important}.json-edit-react .number{color:#b5cea8!important}.json-edit-react .boolean,.json-edit-react .null{color:#569cd6!important}.table-container{height:100%;overflow:auto;width:100%}.params-table{width:100%;border-collapse:collapse;font-size:12px;font-family:Menlo,Monaco,Courier New,monospace}.params-table .add-header-button,.params-table .delete-header-button{margin-left:auto;padding:0 4px}.params-table .value-header{display:flex;justify-content:space-between}.params-table .value-td{display:flex}.params-table .value-td .delete-header-button{opacity:0}.params-table tr:hover .delete-header-button{opacity:1}.params-table thead,.params-table td{padding:4px;text-align:left}.params-table thead{position:sticky;top:0;color:var(--text-secondary);font-weight:400;background-color:var(--params-table-row-even-background-color)}.params-table thead th{padding:4px}.params-table td:first-child{max-width:200px}.params-table td:last-child{text-align:left;max-width:300px;word-wrap:break-word}.copy-btn,.copy-btn:hover{display:none}.empty-message{padding:16px;color:#888;font-style:italic}.json-editor-container .property{color:#9cdcfe!important}.json-editor-container .string{color:#ce9178!important}.json-editor-container .number{color:#b5cea8!important}.json-editor-container .boolean,.json-editor-container .null{color:#569cd6!important}.json-editor-container .bracket,.json-editor-container .colon,.json-editor-container .comma{color:gray!important}.params-table tr{cursor:context-menu}.params-table tr:nth-child(2n){background-color:var(--params-table-row-even-background-color)}.log-message{font-family:Menlo,Monaco,Courier New,monospace;font-size:13px;line-height:1.5;color:#757575;white-space:pre-wrap;word-break:break-word;padding:8px;background-color:var(--code-editor-background-color)}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 4px;border-bottom:1px solid var(--border-color)}.status-bar .category{margin-left:4px}.request-info{display:flex;align-items:center;gap:8px;min-height:24px;flex:1;max-width:calc(100% - 80px);margin-right:18px}.request-info .method{padding:0 8px;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;height:24px;border-radius:3px;font-size:12px;text-transform:uppercase}.request-info .url{padding:4px 8px;display:inline-block;overflow:hidden;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap}.status-code{font-family:Menlo,Monaco,Courier New,monospace;font-size:13px;padding:4px 8px;border-radius:4px;font-weight:500;flex-shrink:0;margin-left:auto;min-width:100px}.status-code.success{background-color:var(--status-code-success-background-color);color:var(--status-code-success-color)}.status-code.info{background-color:var(--status-code-info-background-color);color:var(--status-code-info-color)}.status-code.warning{background-color:var(--status-code-warning-background-color);color:var(--status-code-warning-color)}.status-code.error{background-color:var(--status-code-error-background-color);color:var(--status-code-error-color)}.panels-container{display:flex;flex:1;overflow:hidden}.json-editor-container .ace_editor.ace_focus{border-color:var(--primary-color)}.json-editor-container .ace_editor:not([readonly]){background-color:#252526}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.header-inner{display:flex;align-items:center;justify-content:center;gap:8px}.header-inner svg{font-size:20px}.header-inner h3{margin:0}.mock-control{display:flex;align-items:center;gap:8px}.mock-control .delay-input{background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;background:var(--input-background-color);border:1px solid var(--border-color);width:65px}.mock-label{font-size:12px;color:#888}.status-input{background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;width:45px;padding:0;-moz-appearance:textfield}.status-input::-webkit-outer-spin-button,.status-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.status-input:focus{outline:none;border-bottom:1px solid currentColor}.table-input{background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;width:100%;padding:0}.table-input:focus{outline:none;border-bottom:1px solid currentColor}.params-table td:first-child .table-input{color:var(--headers-table-header-color)}.params-table td:nth-child(2) .table-input{color:var(--headers-table-value-color)}.url-input{flex:1;background:var(--input-background-color);border:1px solid var(--border-color);padding:12px 8px;border-radius:4px;font-size:12px;font-family:inherit;min-width:500px;margin:0;height:24px;color:var(--input-text-color);box-sizing:border-box;transition:all .3s ease}.url-input:focus{outline:none;border-color:var(--primary-color)}.url-input:hover{border-color:#444}.header-controls{display:flex;gap:8px}.status-bar-controls{display:flex;gap:6px;align-items:center}.status-bar-controls .symbol{transition:all .3s ease;display:flex;align-items:center;justify-content:center;height:24px;width:24px;border-radius:4px}.status-bar-controls .symbol:hover{background:var(--hover-background-color-secondary);color:var(--text-secondary)}.delete-button{background:none;border:none;color:#666;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px}.delete-button:hover{background:#f447471a;color:#f44747}.delete-button-container{padding:16px;display:flex;justify-content:flex-end}.delete-action-button{border:1px solid #f44747;color:#f44747;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s ease}.delete-action-button:hover{background:#f447471a}.metrics-container{display:flex;flex-direction:column;gap:24px;padding:16px;background:var(--background-secondary);border-radius:6px}.metrics-container.bars-container{padding:0}.metrics-section{display:flex;flex-direction:column;gap:8px}.metrics-section h4{color:var(--text-secondary);font-size:13px;font-weight:500;margin:0;padding-bottom:4px}.metric-row{display:grid;grid-template-columns:80px 1fr 80px;align-items:center;gap:12px;height:24px}.metric-label{color:var(--text-secondary);font-size:12px}.metric-value{color:var(--text-primary);font-size:12px;font-family:monospace;text-align:right}.metric-bar-container{height:8px;background:var(--background-tertiary);border-radius:4px;overflow:hidden}.metric-bar{height:100%;border-radius:4px;transition:width .3s ease}.metric-bar.queued{background:#8e8e93}.metric-bar.dns{background:#bf5af2}.metric-bar.tcp{background:#ffd60a}.metric-bar.secure{background:#ff453a}.metric-bar.request{background:#32d74b}.metric-bar.waiting{background:#8e8e93}.metric-bar.download{background:#0a84ff}.url-parts{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;-webkit-user-select:all;user-select:all}.url-protocol{color:#7ee787;-webkit-user-select:text;user-select:text}.url-separator{color:#848d97;-webkit-user-select:text;user-select:text}.url-host{color:var(--primary-color);-webkit-user-select:text;user-select:text}.url-path{color:#d2a8ff;-webkit-user-select:text;user-select:text}.url-query{color:#ffa657;-webkit-user-select:text;user-select:text}.url-hash{color:#ff7b72;-webkit-user-select:text;user-select:text}.ace_search{background-color:#1e1e1e!important;border:1px solid #333!important;color:#d4d4d4!important}.ace_search_form,.ace_replace_form{background-color:#1e1e1e!important;color:#d4d4d4!important}.ace_search_field{background-color:#252526!important;color:#d4d4d4!important;border:1px solid #333!important}.ace_button{color:#d4d4d4!important;background-color:#2d2d2d!important;border:1px solid #333!important}.ace_button:hover{background-color:#3d3d3d!important;border-color:#444!important}.ace_searchbtn_close{color:#d4d4d4!important}.ace_search_options{background-color:#1e1e1e!important;color:#d4d4d4!important}.ace_replacebtn{color:#d4d4d4!important}.ace_searchbtn.prev,.ace_searchbtn.next{color:#d4d4d4!important;background-color:#2d2d2d!important;border:1px solid #333!important}.ace_searchbtn.prev:hover,.ace_searchbtn.next:hover{background-color:#3d3d3d!important;border-color:#444!important}.ace_searchbtn.prev:active,.ace_searchbtn.next:active{background-color:#444!important}.ace_searchbtn{color:#d4d4d4!important;background-color:#2d2d2d!important;border:1px solid #333!important}.ace_searchbtn:hover{background-color:#3d3d3d!important;border-color:#444!important}.ace_searchbtn:active{background-color:#444!important}.curl-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.curl-header .curl-header-title{margin:0}.curl-header .copy-button{position:static}.curl-header .copy-button:hover{background:var(--hover-background-color);border-color:#444}.curl-box{position:relative;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:4px;padding:12px}.metric-group.curl-command{width:100%;margin-top:16px}.metric-group.timing-metrics{display:flex;flex-direction:column;gap:8px}.metric-item{display:flex;justify-content:space-between;align-items:center;font-family:monospace;font-size:12px;height:24px}.metric-item .metric-label{color:var(--text-secondary)}.metric-item .metric-value{color:var(--text-primary);text-align:right}.metric-item.column-metrics{display:grid;grid-template-columns:80px 1fr;gap:12px}.stack-trace-container{margin:16px 0;background-color:var(--background-secondary);border-radius:8px}.stack-trace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stack-trace-header h4{margin:0;color:var(--text-primary)}.stack-trace-toggle{display:flex;gap:8px}.toggle-button,.days-button{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease}.toggle-button:disabled,.days-button:disabled{opacity:.5;cursor:not-allowed}.toggle-button:hover,.days-button:hover{background-color:var(--background-hover)}.toggle-button.active,.days-button.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.stack-trace-raw{font-family:monospace;font-size:12px;color:var(--text-primary);background-color:var(--background-tertiary);padding:12px;border-radius:4px;white-space:pre;overflow-x:auto}.stack-trace-line{margin-bottom:4px;line-height:1.4;text-align:left}.stack-trace-line:last-child{margin-bottom:0}.stack-trace-table{width:100%;border-collapse:collapse;font-family:monospace;font-size:12px}.stack-trace-table th,.stack-trace-table td{padding:8px;text-align:left;border-bottom:1px solid var(--border-color)}.stack-trace-table th{background-color:var(--background-tertiary);font-weight:500;color:var(--text-secondary)}.stack-trace-table tr:hover{background-color:var(--background-hover)}.stack-trace-table td{color:var(--text-primary)}.stack-trace-table td:nth-child(1){color:var(--accent-color)}.stack-trace-table td:nth-child(2){color:var(--text-primary)}.stack-trace-table td:nth-child(3){color:var(--text-secondary)}.stack-trace-table td:nth-child(4){color:var(--text-secondary);text-align:right}.stack-trace-table td:nth-child(5){text-align:center}.last-request-time{font-size:12px;font-weight:500}.icon-flash{animation:iconFlash .5s}@keyframes iconFlash{0%{color:#22c55e;filter:drop-shadow(0 0 4px #22c55e)}70%{color:#22c55e;filter:drop-shadow(0 0 8px #22c55e)}to{color:inherit;filter:none}}.request-details .info-icon-trigger{display:flex}.toggle{width:36px;height:20px;background:var(--toggle-background-color);border-radius:20px;position:relative;cursor:pointer;transition:background-color .2s;padding:2px}.toggle.on{background:var(--primary-color)}.toggle-handle{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle:hover .toggle-handle{box-shadow:0 1px 4px #0000004d}.toggle.on .toggle-handle{transform:translate(16px)}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#363636;transition:.2s;border-radius:20px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.2s;border-radius:50%;box-shadow:0 1px 3px #0003}input:checked+.toggle-slider{background-color:var(--primary-color)}input:checked+.toggle-slider:before{transform:translate(16px)}input:focus+.toggle-slider{box-shadow:0 0 1px var(--primary-color)}.toggle-slider:hover:before{box-shadow:0 1px 4px #0000004d}.media-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--overlay-background-color);display:flex;justify-content:center;align-items:center;z-index:1000}.media-viewer-content{max-width:90vw;max-height:90vh;position:relative}.media-viewer-content img,.media-viewer-content video{max-width:100%;max-height:90vh;object-fit:contain}.media-viewer-content .close-button{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:14px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#00000080;transition:background-color .2s}.close-button:hover{background-color:var(--hover-background-color)}.device-emulator-container{display:flex;align-items:center;justify-content:center;height:100vh;background:#1e1e1e}.iphone-frame{width:390px;height:844px;background:#000;border-radius:55px;position:relative;padding:20px;box-shadow:0 0 0 14px #1a1a1a}.device-screen{height:100%;background:#000;border-radius:45px;overflow:hidden;display:flex;flex-direction:column}.device-notch{height:35px;background:#000;position:relative;display:flex;justify-content:space-between;align-items:center;padding:0 20px;color:#fff}.emulator-content{flex:1;overflow:auto;padding:20px}.todos-content{display:flex;align-items:center;flex-direction:column}.device-emulator-container .refresh-button{background:var(--primary-color);color:#fff;border:none;padding:2px;width:100px;border-radius:8px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.device-emulator-container .refresh-button .refresh{font-size:28px;margin-right:8px}.device-emulator-container .refresh-button .refresh-text{padding-top:4px}.device-emulator-container .status-code-emulator{color:#fff;text-align:center;width:100%}.device-emulator-container .todos-list{display:flex;flex-direction:column;background:#151515;border-radius:12px;padding:4px 12px;width:100%;margin-top:34px}.device-emulator-container .todo-item{border-bottom:1px solid #333333;padding-bottom:6px;padding-top:6px;color:#fff}.device-emulator-container .todo-item:last-child{border-bottom:none}.device-emulator-container .todo-header{display:flex;justify-content:space-between}.device-emulator-container .todo-details{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:14px}.device-emulator-container .tab-bar-emulator{height:85px;display:flex;justify-content:space-around;align-items:center}.device-emulator-container .tab-item{display:flex;flex-direction:column;align-items:center;color:#888;background:none;border:none;font-size:12px;gap:4px;cursor:pointer;padding:8px}.device-emulator-container .tab-item:hover{background:transparent}.device-emulator-container .tab-item.active{color:var(--primary-color)}.device-emulator-container .status-icons{display:flex;align-items:center;gap:8px}.device-emulator-container .battery-indicator{display:flex;align-items:center;position:relative}.device-emulator-container .battery-indicator .symbol{margin-top:8px}.device-emulator-container .battery-indicator svg>:first-child{fill:#fff}.device-emulator-container .battery-level{position:absolute;left:50%;top:50%;color:#000;transform:translate(-65%,-48%);font-size:9px}.device-emulator-container .device-time{color:#fff;font-size:14px;font-weight:600}.device-emulator-container .home-indicator{width:140px;height:5px;background:#fff;border-radius:100px;margin:8px auto 12px}.error-explainer-container{min-height:60vh;display:flex;align-items:center;justify-content:center;background:none}.error-explainer-content{text-align:center;background:var(--background-color, #fff);border-radius:16px;box-shadow:0 4px 24px #00000014;padding:40px 32px;max-width:400px;margin:0 auto;animation:fadeIn .5s ease-out}.error-explainer-icon{font-size:48px;margin-bottom:16px}.error-explainer-title{font-size:24px;font-weight:700;margin-bottom:12px;color:var(--error-color, #f44747)}.error-explainer-message{font-size:16px;color:var(--text-secondary, #888);margin-bottom:8px}.error-explainer-details{font-size:14px;color:var(--text-secondary, #888);margin-bottom:16px;white-space:pre-line}.error-explainer-retry{background:var(--primary-color, #007bff);color:#fff;border:none;border-radius:6px;padding:10px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s}.error-explainer-retry:hover{background:var(--primary-color-hover, #0056b3)}.session-details{height:100%}.session-details .request-stats-bar{justify-content:space-between}.share-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:12px}.share-url{font-size:12px;color:#666;margin-top:5px;word-break:break-all;white-space:normal;overflow-wrap:break-word;max-width:100%;margin-right:auto;text-align:left}.share-url .copy-button{margin-left:5px}.share-url-icon{height:24px;width:24px;cursor:pointer}.share-url-icon:hover svg{color:var(--primary-color)}.session-name{cursor:pointer}.session-name input{min-width:240px}.time-slider{width:100%;margin:18px 0 10px;padding:2px 14px;-webkit-user-select:none;user-select:none}.time-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary, #888);margin-bottom:4px}.time-track{position:relative;height:8px;background:var(--primary-color);border-radius:4px;box-shadow:0 1px 2px #00000008}.time-range{position:absolute;height:100%;background:linear-gradient(90deg,var(--primary-color, #007bff),var(--accent-color, #00c6ff));border-radius:4px;z-index:1}.time-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;background:var(--primary-color, #007bff);border:2px solid rgba(255,255,255,.7);border-radius:50%;cursor:pointer;z-index:2;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s}.time-handle:hover,.time-handle:active{box-shadow:0 4px 16px #0000001f}.time-tooltip{position:absolute;top:-32px;left:50%;transform:translate(-50%);background:var(--background-color, #fff);color:var(--text-secondary) padding: 4px 10px;border-radius:6px;font-size:13px;font-weight:500;box-shadow:0 2px 8px #0000001a;white-space:nowrap;pointer-events:none;opacity:.95}.not-found-page{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:var(--background-color)}.not-found-container{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);padding:20px}.not-found-content{text-align:center;max-width:500px;animation:fadeIn .5s ease-out}.error-code{font-size:120px;font-weight:700;margin:0;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.error-title{font-size:32px;margin:20px 0;color:var(--text-primary)}.error-message{font-size:16px;color:var(--text-secondary);margin-bottom:30px;line-height:1.5}.home-button{display:inline-block;padding:12px 24px;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:all .2s ease}.home-button:hover{background:var(--primary-color-hover);transform:translateY(-1px)}.home-button:active{transform:translateY(0)}.home-button:visited{color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.error-code{font-size:96px}.error-title{font-size:24px}.error-message{font-size:14px}}.verify-email-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#1e1e1e;color:var(--text-secondary)}.verify-email-container{background:#252526;padding:32px;border-radius:8px;text-align:center;max-width:400px;width:100%}.verify-email-container h1{margin:0 0 16px;font-size:24px;font-weight:500}.verify-email-container p{margin:0;color:#ccc}.error-message{color:#f44747!important;margin-bottom:16px!important}.loading-spinner{margin:24px auto;width:40px;height:40px;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.trial-expired-modal{background:#1e1e1e;border-radius:8px;padding:24px;max-width:400px;width:90%;text-align:center}.trial-expired-modal h2{color:var(--text-secondary);margin-bottom:16px}.trial-expired-modal p{color:#888;margin-bottom:24px}.modal-actions{display:flex;gap:12px;justify-content:center}.record-demo{height:100vh;display:flex;align-items:center;justify-content:center;background:#1e1e1e}.record-controls{padding:20px;border-radius:8px;background:#252526}.record-button{padding:12px 24px;border-radius:6px;border:none;font-size:16px;cursor:pointer;background:var(--primary-color);color:#fff;transition:all .2s}.record-button:hover{background:#07c}.record-button.stop{background:#f44747}.record-button.stop:hover{background:#d83939}.logo{width:96px;height:96px;color:#fff}.logo .tooth{color:#fff;transform-origin:center;opacity:0;animation:fadeIn .3s ease-out forwards}.logo{display:inline-block}.logo .tooth-1{animation:fadeIn .3s ease-out .1s forwards}.logo .tooth-2{animation:fadeIn .3s ease-out .3s forwards}.logo .tooth-3{animation:fadeIn .3s ease-out .5s forwards}.logo .tooth-4{animation:fadeIn .3s ease-out .6s forwards}.logo .tooth-5{animation:fadeIn .3s ease-out .8s forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.capture-device-screen{height:100%;display:flex;flex-direction:column;position:relative}.capture-device-screen{@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}}.capture-device-screen .capture-options-bar{-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0;right:0;height:48px;background:var(--surface-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center;padding:0 16px;z-index:100;border-bottom:1px solid rgba(255,255,255,.1)}.capture-device-screen .device-info{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px}.capture-device-screen .recording-indicator{width:8px;height:8px;background:#ff3b30;border-radius:50%;animation:pulse 2s infinite}.capture-device-screen .options-actions{display:flex;align-items:center;gap:12px}.capture-device-screen .stop-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;background:#ff3b3033;color:#ff3b30;border:1px solid rgba(255,59,48,.3);cursor:pointer;transition:all .2s ease}.capture-device-screen .stop-button:hover{background:#ff3b304d}.capture-device-screen .stop-button svg{width:16px;height:16px}.capture-device-screen .connection-stats{position:absolute;top:54px;right:4px;background:#000000b3;padding:8px 12px;border-radius:6px;font-size:12px;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;flex-direction:column;gap:4px;border:1px solid rgba(255,255,255,.1)}.capture-device-screen .stat-item{display:flex;justify-content:space-between;gap:12px}.capture-device-screen .stat-label{color:#ffffffb3}.capture-device-screen .stat-value{font-family:monospace;color:var(--primary-color)}.capture-device-screen .empty-state{display:flex;align-items:center;justify-content:center;height:100%;overflow-y:scroll;padding:24px}.capture-device-screen .empty-state-content{max-width:400px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.capture-device-screen .permission-icon{width:64px;height:64px;color:var(--primary-color);opacity:.8}.capture-device-screen .empty-state h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.capture-device-screen .empty-state p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.capture-device-screen .permission-steps{display:flex;flex-direction:column;gap:12px;margin-top:8px;width:100%;text-align:left}.capture-device-screen .step{display:flex;align-items:center;gap:12px;padding:12px;background:var(--background-secondary);border-radius:8px;border:1px solid var(--border-color)}.capture-device-screen .step-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--primary-color);color:#fff;border-radius:50%;font-size:14px;font-weight:500}.capture-device-screen .step span:last-child{color:var(--text-primary);font-size:14px}.capture-device-screen video{width:100%;height:calc(100% - 48px);object-fit:contain;margin-top:48px}.capture-device-screen .stats-toggle{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 10px;border-radius:6px;background:var(--background-secondary);transition:all .2s ease}.capture-device-screen .stats-toggle:hover{background:var(--background-hover)}.capture-device-screen .stats-toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:2px solid var(--text-secondary);border-radius:3px;margin:0;display:grid;place-content:center;cursor:pointer;transition:all .2s ease}.capture-device-screen .stats-toggle input:checked{border-color:var(--primary-color);background:var(--primary-color)}.capture-device-screen .stats-toggle input:before{content:"";width:6px;height:6px;transform:scale(0);transition:transform .1s ease;box-shadow:inset 1em 1em #fff;transform-origin:center;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.capture-device-screen .stats-toggle input:checked:before{transform:scale(1)}.video-container{position:relative;width:100%;top:48px;height:calc(100% - 48px);overflow:hidden}.video-container video,.video-container canvas{object-fit:contain}.drawing-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:all}.drawing-toolbox{position:absolute;bottom:0;left:50%;transform:translate(-50%);background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:12px;border:1px solid rgba(255,255,255,.1);z-index:100}.tools-container{display:flex;align-items:center;gap:16px}.tool-section{display:flex;align-items:center;gap:8px}.tool-label{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px}.color-picker{width:32px;height:32px;border:1px solid var(--border-color);border-radius:4px;padding:2px;background:var(--background-color);cursor:pointer}.width-input-container{display:flex;align-items:center;gap:8px;background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;padding:0 8px;width:80px}.width-input{width:100%;height:32px;border:none;background:transparent;color:var(--text-primary);font-size:13px;padding:0;-moz-appearance:textfield}.width-input::-webkit-outer-spin-button,.width-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.width-unit{color:var(--text-secondary);font-size:12px}.clear-button{width:100%;min-width:34px;padding:8px;border-radius:4px;border:0;cursor:pointer;font-size:12px;transition:all .2s ease}.clients-list{flex:1;overflow:auto;background-color:#252526;padding:16px;width:100%}.clients-list table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.clients-list th{text-align:left;padding:8px 12px;color:#888;font-weight:400;cursor:pointer;-webkit-user-select:none;user-select:none}.clients-list td{padding:8px 12px;border-bottom:1px solid var(--border-color)}.client-row{cursor:pointer}.client-row:hover{background:var(--hover-background-color)}.device-info{display:flex;align-items:center;gap:8px}.platform-icon.ios{background-image:url(../assets/ios-icon.svg);background-repeat:no-repeat}.platform-icon.android{background-image:url(../assets/android-icon.svg);background-repeat:no-repeat}.slide-over-helper{position:fixed;top:0;right:0;width:320px;height:100vh;background:var(--background-color);color:var(--text-secondary);box-shadow:-2px 0 16px var(--box-shadow-background-color);z-index:9999;transform:translate(100%);transition:transform .32s;display:flex;flex-direction:column;pointer-events:none}.slide-over-helper.open{transform:translate(0);pointer-events:auto}.slide-over-header{display:flex;background:var(--background-color);align-items:center;justify-content:space-between;padding:1.1rem 1.1rem .7rem;border-bottom:1px solid var(--border-color)}.slide-over-title{font-size:1.08rem;font-weight:600;color:var(--text-secondary);letter-spacing:.01em}.slide-over-close{background:none;border:none;cursor:pointer;padding:0;margin-left:.5rem;border-radius:50%;transition:background .15s}.slide-over-close:hover{background:var(--hover-background-color)}.slide-over-content{padding:1.1rem;overflow-y:auto;flex:1;color:var(--text-secondary);font-size:14px}:root{--primary-color: #4a6cf7;--primary-color-visited: #3055e6;--primary-color-hover: #ff5252;--background-color: #1c1c1e;--surface-color: #2c2c2e;--text-color: #cccccc;--text-secondary: #8e8e93;--text-tertiary: #ddd;--text-inverted: #1c1c1e;--border-color: #3a3a3c;--error-background: #3b1c1c;--error-color: #ff4a4a;--hover-color: rgba(255, 255, 255, .1);--hover-background-color: #2d2d2d;--hover-background-color-secondary: #373737;--code-editor-background-color: #212121;--button-background-color: #373737;--button-text-color: #d4d4d4;--toggle-background-color: #363636;--tag-background-color: #3c3c3c;--box-shadow-background-color: rgba(0,0,0,.32);--connection-banner-color: #FFFF;--connection-banner-background-color: #4d2c2c;--select-background-color: #37373d;--select-text-color: #ffffff;--file-badge-background-color: #4d4d4d;--file-badge-text-color: #ddd;--input-background-color: #2d2d2d;--input-background-color-darker: #18181a;--input-border-color: #3c3c3c;--input-text-color: #FFF;--section-header-background-color: #252526;--section-header-text-color: #ffffff;--resize-handle-background-color: rgba(58,58,60,.3);--custom-button-hover-background-color: linear-gradient(to bottom, #4a4a4a 0%, #404040 100%);--custom-button-active-background-color: linear-gradient(to bottom, #353535 0%, #303030 100%);--request-type-log-background-color: #294a29;--request-type-event-background-color: #2d4b4d;--request-type-network-background-color: #4d4d4d;--request-type-screenshot-background-color: #294a29;--request-type-firebase-analytics-background-color: #DF9A38;--color-error: rgb(244, 71, 71);--color-warn: rgb(255, 149, 0);--color-info: rgb(0, 122, 255);--color-debug: rgb(106, 153, 85);--color-event: rgb(94, 185, 255);--color-error-light: rgba(244, 71, 71, .2);--color-warn-light: rgba(255, 149, 0, .2);--color-info-light: rgba(0, 122, 255, .2);--color-debug-light: rgba(106, 153, 85, .2);--color-event-light: rgba(94, 185, 255, .2);--headers-table-header-color:#9CDCFE;--headers-table-value-color:#CE9178;--bg-color-method-get: #294a29;--bg-color-method-post: #2c4a4d;--bg-color-method-put: #2d4b4d;--bg-color-method-delete: #4d2c2c;--bg-color-method-patch: #d4d4d4;--color-method-get: #89d185;--color-method-post: #4ec9b0;--color-method-put: #9cdcfe;--color-method-delete: #f44747;--color-method-patch: #d4d4d4;--status-code-success-background-color: #294a29;--status-code-info-background-color: #2d4b4d;--status-code-warning-background-color: #4d3c2c;--status-code-error-background-color: #4d2c2c;--status-code-success-color: #4EC9B0;--status-code-info-color: #569CD6;--status-code-warning-color: #CE9178;--status-code-error-color: #F44747;--token-function-color: #dcdcaa;--token-punctuation-color: #ccc;--top-bar-background-color: #2d2d2d;--sidebar-background-color: #252526;--right-sidebar-background-color: #252526;--controls-bar-background-color: #252526;--content-area-background-color: #1e1e1e;--request-list-table-header-background-color: #1e1e1e;--virtual-list-container-even-row-background-color: #1e1e1e;--virtual-list-container-uneven-row-background-color: #2d2d2d;--params-table-row-even-background-color: #212121;--details-background-color: #252526;--modal-content-background-color: #1a1a1a;--console-view-background-color: #1e1e1e;--overlay-background-color: rgba(0,0,0,.9)}:root[data-theme=light]{--primary-color: #4a6cf7;--primary-color-hover: #003399;--background-color: #f7f7fa;--surface-color: #e4e2e2;--text-color: #18181a;--text-secondary: #555;--text-tertiary: #18181a;--text-inverted: #fff;--border-color: #e0e0e0;--error-background: #ffeaea;--error-color: #d32f2f;--hover-color: rgba(0, 0, 0, .04);--hover-background-color: #dadadc;--hover-background-color-secondary: #e0e0e0;--code-editor-background-color: #e7e7e9;--button-background-color: #cdcdcd;--button-text-color: #18181a;--toggle-background-color: #e0e0e0;--tag-background-color: #e0e0e0;--box-shadow-background-color: rgba(0,0,0,.1);--connection-banner-color: #FFFF;--connection-banner-background-color: #ca7676;--select-background-color: #d8d8d8;--select-text-color: #18181a;--file-badge-background-color: #e0e0e0;--file-badge-text-color: #18181a;--input-background-color: #f7f7fa;--input-background-color-darker: #f7f7fa;--input-border-color: #e0e0e0;--input-text-color: #18181a;--section-header-background-color: #ededf0;--section-header-text-color: #18181a;--resize-handle-background-color: rgba(58,58,60,.05);--custom-button-hover-background-color: #e0e0e0;--custom-button-active-background-color: #d0d0d0;--request-type-log-background-color: #68e268;--request-type-event-background-color: #67abb0;--request-type-network-background-color: #959494;--request-type-screenshot-background-color: #49a249;--request-type-firebase-analytics-background-color: #DF9A38;--color-error: #d32f2f;--color-warn: #ff9800;--color-info: #1976d2;--color-debug: #388e3c;--color-event: #0288d1;--color-error-light: rgba(211, 47, 47, .12);--color-warn-light: rgba(255, 152, 0, .12);--color-info-light: rgba(25, 118, 210, .12);--color-debug-light: rgba(56, 142, 60, .12);--color-event-light: rgba(2, 136, 209, .12);--headers-table-header-color:#376178;--headers-table-value-color:#ca7452;--bg-color-method-get: #e8f5e9;--bg-color-method-post: #e0f7fa;--bg-color-method-put: #e3f2fd;--bg-color-method-delete: #ffebee;--bg-color-method-patch: #f5f5f5;--color-method-get: #388e3c;--color-method-post: #0288d1;--color-method-put: #1976d2;--color-method-delete: #d32f2f;--color-method-patch: #757575;--status-code-success-background-color: #e8f5e9;--status-code-info-background-color: #e3f2fd;--status-code-warning-background-color: #fff3e0;--status-code-error-background-color: #ffebee;--status-code-success-color: #388e3c;--status-code-info-color: #0288d1;--status-code-warning-color: #ff9800;--status-code-error-color: #d32f2f;--token-function-color: #636341;--token-punctuation-color: #636341;--top-bar-background-color: #f7f7fa;--sidebar-background-color: #f7f7fa;--right-sidebar-background-color: #f7f7fa;--controls-bar-background-color: #f7f7fa;--content-area-background-color: #f7f7fa;--request-list-table-header-background-color: #f7f7fa;--virtual-list-container-even-row-background-color: #f7f7fa;--virtual-list-container-uneven-row-background-color: #f7f7fa;--params-table-row-even-background-color: #e1e1e2;--details-background-color: #f7f7fa;--modal-content-background-color: #f7f7fa;--console-view-background-color: #f7f7fa;--overlay-background-color: rgba(255,255,255,.5)}