@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root,:root.light-theme,:root[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-muted:#e2e8f0;--bg-input:#fff;--bg-hover:#f1f5f9;--bg-card:#fff;--bg-elevated:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--border-color:#e2e8f0;--border-hover:#cbd5e1;--border-focus:#6366f1;--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#eef2ff;--primary-ring:#6366f140;--success:#10b981;--success-light:#d1fae5;--success-dark:#059669;--danger:#ef4444;--danger-light:#fee2e2;--danger-dark:#dc2626;--warning:#f59e0b;--warning-light:#fef3c7;--warning-dark:#d97706;--info:#3b82f6;--info-light:#dbeafe;--info-dark:#2563eb;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--overlay:#0f172a80;--overlay-dark:#0f172abf;--card-bg:var(--bg-secondary);--card-border:var(--border-color);--card-shadow:var(--shadow-sm);--modal-bg:var(--bg-secondary);--modal-border:var(--border-color);--modal-shadow:var(--shadow-xl);--input-bg:var(--bg-input);--input-border:var(--border-color);--input-text:var(--text-primary);--input-placeholder:var(--text-muted);--scrollbar-track:var(--bg-tertiary);--scrollbar-thumb:var(--border-hover);--scrollbar-thumb-hover:var(--text-muted);--glass-bg:#fffc;--glass-border:#e2e8f0cc;--glass-hover:#f1f5f9e6;--card-bg-subtle:#f8fafc99;--card-bg-elevated:#ffffffe6;--accent-purple:#6366f1;--accent-purple-light:#6366f126;--accent-purple-glow:#6366f140;--accent-cyan:#06b6d4;--accent-cyan-light:#06b6d426;--accent-cyan-glow:#06b6d440;--accent-green:#10b981;--accent-green-light:#10b98126;--grid-color:#6366f10f;--gradient-start:#6366f114;--gradient-end:transparent}@media (prefers-color-scheme:dark){:root:not(.light-theme):not([data-theme=light]){--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-muted:#475569;--bg-input:#1e293b;--bg-hover:#334155;--bg-card:#1e293b;--bg-elevated:#2d3c52;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--border-color:#334155;--border-hover:#475569;--border-focus:#818cf8;--primary:#818cf8;--primary-hover:#6366f1;--primary-light:#6366f126;--primary-ring:#818cf84d;--success:#34d399;--success-light:#10b98126;--success-dark:#10b981;--danger:#f87171;--danger-light:#ef444426;--danger-dark:#ef4444;--warning:#fbbf24;--warning-light:#f59e0b26;--warning-dark:#f59e0b;--info:#60a5fa;--info-light:#3b82f626;--info-dark:#3b82f6;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #00000080, 0 10px 10px -5px #0006;--overlay:#0009;--overlay-dark:#000c;--card-bg:var(--bg-secondary);--card-border:var(--border-color);--card-shadow:var(--shadow-sm);--modal-bg:var(--bg-secondary);--modal-border:var(--border-color);--modal-shadow:var(--shadow-xl);--input-bg:var(--bg-input);--input-border:var(--border-color);--input-text:var(--text-primary);--input-placeholder:var(--text-muted);--scrollbar-track:var(--bg-tertiary);--scrollbar-thumb:var(--bg-muted);--scrollbar-thumb-hover:var(--text-muted);--glass-bg:#1e293b99;--glass-border:#47556966;--glass-hover:#33415599;--card-bg-subtle:#1e293b80;--card-bg-elevated:#2d3c52cc;--accent-purple:#818cf8;--accent-purple-light:#6366f133;--accent-purple-glow:#6366f159;--accent-cyan:#22d3ee;--accent-cyan-light:#06b6d433;--accent-cyan-glow:#06b6d459;--accent-green:#34d399;--accent-green-light:#10b98133;--grid-color:#6366f10a;--gradient-start:#6366f11f;--gradient-end:transparent}}:root.dark-theme,:root[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-muted:#475569;--bg-input:#1e293b;--bg-hover:#334155;--bg-card:#1e293b;--bg-elevated:#2d3c52;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--border-color:#334155;--border-hover:#475569;--border-focus:#818cf8;--primary:#818cf8;--primary-hover:#6366f1;--primary-light:#6366f126;--primary-ring:#818cf84d;--success:#34d399;--success-light:#10b98126;--success-dark:#10b981;--danger:#f87171;--danger-light:#ef444426;--danger-dark:#ef4444;--warning:#fbbf24;--warning-light:#f59e0b26;--warning-dark:#f59e0b;--info:#60a5fa;--info-light:#3b82f626;--info-dark:#3b82f6;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #00000080, 0 10px 10px -5px #0006;--overlay:#0009;--overlay-dark:#000c;--card-bg:var(--bg-secondary);--card-border:var(--border-color);--card-shadow:var(--shadow-sm);--modal-bg:var(--bg-secondary);--modal-border:var(--border-color);--modal-shadow:var(--shadow-xl);--input-bg:var(--bg-input);--input-border:var(--border-color);--input-text:var(--text-primary);--input-placeholder:var(--text-muted);--scrollbar-track:var(--bg-tertiary);--scrollbar-thumb:var(--bg-muted);--scrollbar-thumb-hover:var(--text-muted);--glass-bg:#1e293b99;--glass-border:#47556966;--glass-hover:#33415599;--card-bg-subtle:#1e293b80;--card-bg-elevated:#2d3c52cc;--accent-purple:#818cf8;--accent-purple-light:#6366f133;--accent-purple-glow:#6366f159;--accent-cyan:#22d3ee;--accent-cyan-light:#06b6d433;--accent-cyan-glow:#06b6d459;--accent-green:#34d399;--accent-green-light:#10b98133;--grid-color:#6366f10a;--gradient-start:#6366f11f;--gradient-end:transparent}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.focus-ring:focus{box-shadow:0 0 0 3px var(--primary-ring);outline:none}::selection{background-color:var(--primary);color:var(--text-inverse)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{min-width:320px;min-height:100vh;margin:0}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--input-text)!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;caret-color:var(--input-text)!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--input-text)!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;caret-color:var(--input-text)!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--input-text)!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;caret-color:var(--input-text)!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--input-text)!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;caret-color:var(--input-text)!important}textarea:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--input-text)!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;caret-color:var(--input-text)!important}textarea:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--input-text)!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;caret-color:var(--input-text)!important}textarea:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--input-text)!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;caret-color:var(--input-text)!important}textarea:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--input-text)!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;caret-color:var(--input-text)!important}select:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--input-text)!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;caret-color:var(--input-text)!important}select:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--input-text)!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;caret-color:var(--input-text)!important}select:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--input-text)!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;caret-color:var(--input-text)!important}select:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--input-text)!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;caret-color:var(--input-text)!important}.auth-page{background:linear-gradient(135deg, var(--primary) 0%, var(--accent-purple) 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.auth-container{width:100%;max-width:440px}.auth-card{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);border-radius:16px;padding:2.5rem}.auth-brand{text-align:center;margin-bottom:2rem}.auth-logo{background:linear-gradient(135deg, var(--primary) 0%, var(--accent-purple) 100%);width:56px;height:56px;box-shadow:0 4px 14px var(--primary-ring);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.auth-logo svg{color:#fff;width:28px;height:28px}.auth-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.auth-subtitle{color:var(--text-secondary);margin:0;font-size:.9375rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-field{flex-direction:column;gap:.5rem;display:flex}.auth-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.auth-input-wrapper{position:relative}.auth-input{border:2px solid var(--border-color);box-sizing:border-box;background:var(--input-bg);width:100%;color:var(--input-text);border-radius:10px;padding:.875rem 1rem .875rem 2.75rem;font-size:1rem;transition:all .2s}.auth-input:hover{border-color:var(--border-hover)}.auth-input:focus{border-color:var(--primary);background:var(--input-bg);box-shadow:0 0 0 4px var(--primary-ring);outline:none}.auth-input::placeholder{color:var(--input-placeholder)}.auth-input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--input-bg) inset!important;-webkit-text-fill-color:var(--input-text)!important;background-color:var(--input-bg)!important;caret-color:var(--input-text)!important}.auth-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px var(--input-bg) inset!important;-webkit-text-fill-color:var(--input-text)!important;background-color:var(--input-bg)!important;caret-color:var(--input-text)!important}.auth-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 30px var(--input-bg) inset!important;-webkit-text-fill-color:var(--input-text)!important;background-color:var(--input-bg)!important;caret-color:var(--input-text)!important}.auth-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--input-bg) inset!important;-webkit-text-fill-color:var(--input-text)!important;background-color:var(--input-bg)!important;caret-color:var(--input-text)!important}.auth-input-icon{color:var(--text-muted);pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.auth-input:focus~.auth-input-icon{color:var(--primary)}.auth-password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.auth-password-toggle:hover{color:var(--primary)}.auth-submit{background:linear-gradient(135deg, var(--primary) 0%, var(--accent-purple) 100%);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.9375rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.auth-submit:hover:not(:disabled){box-shadow:0 6px 20px var(--primary-ring);transform:translateY(-1px)}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-error{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger);border-radius:10px;align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.auth-error-icon{flex-shrink:0;width:20px;height:20px}.auth-divider{align-items:center;gap:1rem;margin:.5rem 0;display:flex}.auth-divider-line{background:var(--border-color);flex:1;height:1px}.auth-divider-text{color:var(--text-muted);font-size:.8125rem;font-weight:500}.auth-switch{text-align:center;border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.auth-switch-text{color:var(--text-secondary);font-size:.9375rem}.auth-switch-link{color:var(--primary);margin-left:.25rem;font-weight:600;text-decoration:none;transition:color .2s}.auth-switch-link:hover{color:var(--primary-hover);text-decoration:underline}.auth-optional-field{margin-top:.5rem}.auth-optional-toggle{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-size:.875rem;font-weight:500;display:flex}.auth-optional-toggle:hover{text-decoration:underline}.auth-optional-content{border-top:1px dashed var(--border-color);margin-top:1rem;padding-top:1rem}.auth-options{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.auth-remember{color:var(--text-primary);cursor:pointer;align-items:center;gap:.5rem;display:flex}.auth-remember input{width:16px;height:16px;accent-color:var(--primary)}.auth-forgot{color:var(--primary);font-weight:500;text-decoration:none}.auth-forgot:hover{text-decoration:underline}@media (width<=480px){.auth-page{padding:1rem}.auth-card{border-radius:12px;padding:1.5rem}.auth-title{font-size:1.5rem}.auth-input{padding:.75rem .875rem .75rem 2.5rem;font-size:16px}.auth-submit{padding:.875rem 1.25rem}}.auth-footer{text-align:center;margin-top:1.5rem}.auth-footer-link{color:#ffffffe6;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.auth-footer-link:hover{opacity:.8}.tenant-switcher{position:relative}.tenant-switcher-button{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.625rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.tenant-switcher-button:hover{background:var(--bg-hover);border-color:var(--border-hover)}.tenant-switcher-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--accent-purple) 100%);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:700;display:flex}.tenant-switcher-info{text-align:left;flex:1}.tenant-switcher-name{color:var(--text-primary);font-weight:600}.tenant-switcher-role{color:var(--text-secondary);text-transform:capitalize;font-size:.75rem}.tenant-switcher-chevron{width:16px;height:16px;color:var(--text-muted);transition:transform .2s}.tenant-switcher-button[aria-expanded=true] .tenant-switcher-chevron{transform:rotate(180deg)}.tenant-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:50;border-radius:10px;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow:hidden}.tenant-dropdown-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.tenant-dropdown-list{max-height:240px;overflow-y:auto}.tenant-dropdown-item{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;transition:background .15s;display:flex}.tenant-dropdown-item:hover{background:var(--bg-hover)}.tenant-dropdown-item.active{background:var(--primary-light)}.tenant-dropdown-item-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--accent-purple) 100%);color:#fff;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.tenant-dropdown-item-info{flex:1}.tenant-dropdown-item-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.tenant-dropdown-item-role{color:var(--text-secondary);font-size:.75rem}.tenant-dropdown-item-check{width:16px;height:16px;color:var(--primary)}.tenant-dropdown-create{border-top:1px solid var(--border-color);text-align:left;cursor:pointer;width:100%;color:var(--primary);background:0 0;border-bottom:none;border-left:none;border-right:none;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:background .15s;display:flex}.tenant-dropdown-create:hover{background:var(--bg-hover)}.tenant-dropdown-create-icon{background:var(--primary-light);width:28px;height:28px;color:var(--primary);border-radius:5px;justify-content:center;align-items:center;display:flex}.auth-loading{background:linear-gradient(135deg, var(--primary) 0%, var(--accent-purple) 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-loading .auth-spinner{border:3px solid #ffffff4d;border-top-color:#fff;width:40px;height:40px}.interaction-mode-toggle{background:linear-gradient(135deg,#141423f2 0%,#19192de6 100%);border:1px solid #6366f126;border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff08}.interaction-mode-toggle.disabled{opacity:.5;pointer-events:none}.mode-group{flex-direction:column;gap:6px;display:flex}.mode-group.group-disabled{opacity:.4}.mode-header{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.mode-label{text-transform:uppercase;letter-spacing:1px;color:#94a3b8cc;font-size:9px;font-weight:700}.mode-shortcut{color:#6366f199;letter-spacing:.5px;background:#6366f11a;border-radius:4px;padding:2px 5px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:8px}.toggle-track{background:#0000004d;border:1px solid #ffffff08;border-radius:8px;gap:4px;padding:3px;display:flex}.toggle-btn{color:#94a3b8b3;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 6px;font-size:10px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.toggle-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#0000 0%,#ffffff0d 100%);transition:opacity .2s;position:absolute;inset:0}.toggle-btn:hover:not(:disabled):before{opacity:1}.toggle-btn:hover:not(:disabled){color:#e0e7ffe6;background:#6366f126;transform:translateY(-1px)}.toggle-btn:focus-visible{outline-offset:1px;outline:2px solid #6366f180}.toggle-btn:disabled{cursor:not-allowed;opacity:.3}.toggle-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);transform:translateY(0);box-shadow:0 2px 8px #6366f166,inset 0 1px #ffffff26}.toggle-btn.active:hover:not(:disabled){background:linear-gradient(135deg,#7c7ff7 0%,#5b54e8 100%);box-shadow:0 4px 12px #6366f180,inset 0 1px #fff3}.toggle-btn.action-btn{color:#fbbf24cc;background:#fbbf2414;border:1px dashed #fbbf244d}.toggle-btn.action-btn:hover:not(:disabled){color:#fbbf24;background:#fbbf2426;border-color:#fbbf2480;box-shadow:0 2px 8px #fbbf2433}.toggle-icon{flex-shrink:0;width:13px;height:13px}.toggle-text{font-size:10px;line-height:1}.mode-divider{background:linear-gradient(90deg,#0000 0%,#6366f133 50%,#0000 100%);height:1px;margin:2px 0}.confirm-dialog-overlay{z-index:1000;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:1rem;animation:.15s ease-out overlay-fade-in;display:flex;position:fixed;inset:0}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:var(--modal-bg);border:1px solid var(--modal-border);width:100%;max-width:400px;box-shadow:var(--modal-shadow);border-radius:1rem;animation:.2s ease-out dialog-slide-in;overflow:hidden}@keyframes dialog-slide-in{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.confirm-dialog-content{gap:1rem;padding:1.5rem;display:flex}.confirm-dialog-icon{background:var(--warning-light);width:48px;height:48px;color:var(--warning-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.confirm-dialog-icon.danger{background:var(--danger-light);color:var(--danger-dark)}.confirm-dialog-icon svg{width:24px;height:24px}.confirm-dialog-text{flex:1;min-width:0}.confirm-dialog-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.125rem;font-weight:600;line-height:1.4}.confirm-dialog-message{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.5}.confirm-dialog-actions{background:var(--bg-tertiary);border-top:1px solid var(--border-color);gap:.75rem;padding:1rem 1.5rem;display:flex}.confirm-dialog-btn{cursor:pointer;border:none;border-radius:.5rem;flex:1;padding:.625rem 1rem;font-family:inherit;font-size:.9375rem;font-weight:500;transition:all .15s}.confirm-dialog-btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.confirm-dialog-btn:active{transform:scale(.98)}.confirm-dialog-btn.cancel{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.confirm-dialog-btn.cancel:hover{background:var(--bg-hover);border-color:var(--border-hover)}.confirm-dialog-btn.cancel:focus{box-shadow:0 0 0 3px var(--primary-ring)}.confirm-dialog-btn.confirm{background:var(--info);color:var(--text-inverse)}.confirm-dialog-btn.confirm:hover{background:var(--info-dark)}.confirm-dialog-btn.confirm:focus{box-shadow:0 0 0 3px var(--primary-ring)}.confirm-dialog-btn.confirm.danger{background:var(--danger)}.confirm-dialog-btn.confirm.danger:hover{background:var(--danger-dark)}.confirm-dialog-btn.confirm.danger:focus{box-shadow:0 0 0 3px var(--danger-light)}@media (width<=480px){.confirm-dialog-content{text-align:center;flex-direction:column;align-items:center}.confirm-dialog-actions{flex-direction:column-reverse}}.image-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:2rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{background:var(--bg-primary);border-radius:12px;max-width:90vw;max-height:90vh;padding:1rem;animation:.2s scaleIn;position:relative;box-shadow:0 20px 60px #0006}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.image-modal-close{cursor:pointer;color:#fff;z-index:1;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .2s;display:flex;position:absolute;top:-14px;right:-14px;box-shadow:0 4px 12px #0000004d}.image-modal-close:hover{background:#dc2626;transform:scale(1.1)rotate(90deg);box-shadow:0 6px 16px #0006}.image-modal-close svg{stroke:currentColor;stroke-width:2.5px;flex-shrink:0;width:24px;height:24px}.image-modal-img{object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:calc(90vh - 2rem);display:block}.capture-progress{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;margin-bottom:.75rem;padding:.875rem 1rem;animation:.3s ease-out slideIn;position:relative;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.capture-progress-info{border-left:3px solid var(--info)}.capture-progress-success{border-left:3px solid var(--success)}.capture-progress-warning{border-left:3px solid var(--warning)}.capture-progress-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.capture-progress-stage{align-items:center;gap:.5rem;display:flex}.capture-progress-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;font-size:.8125rem;font-weight:600}.capture-progress-percent{color:var(--text-secondary);font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.75rem;font-weight:600}.progress-icon{color:var(--info);flex-shrink:0}.capture-progress-success .progress-icon{color:var(--success)}.capture-progress-warning .progress-icon{color:var(--warning)}.progress-icon.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.capture-progress-bar{background:var(--bg-tertiary);border-radius:2px;height:4px;margin-bottom:.625rem;overflow:hidden}.capture-progress-bar-fill{background:linear-gradient(90deg, var(--info), var(--primary));border-radius:2px;height:100%;transition:width .4s ease-out}.capture-progress-success .capture-progress-bar-fill{background:linear-gradient(90deg, var(--success-dark), var(--success))}.capture-progress-warning .capture-progress-bar-fill{background:linear-gradient(90deg, var(--warning-dark), var(--warning))}.capture-progress-message{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.4}.capture-progress-info{animation:.3s ease-out slideIn,2s ease-in-out infinite subtlePulse}@keyframes subtlePulse{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:var(--shadow-md), 0 0 0 2px var(--info-light)}}.capture-progress-success,.capture-progress-warning{animation:.3s ease-out slideIn}.restore-urls-section{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-xs);border-radius:.75rem;margin-top:2rem;margin-bottom:2rem;padding:1.5rem}.restore-urls-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.restore-urls-header__left{align-items:flex-start;gap:.875rem;display:flex}.restore-urls-header__icon{background:var(--primary-light);width:40px;height:40px;color:var(--primary);border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.restore-urls-header__title-group{flex-direction:column;gap:.25rem;display:flex}.restore-urls-header__title-group h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700;line-height:1.3}.restore-urls-header__subtitle{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.4}.restore-urls-header__right{flex-shrink:0;align-items:center;gap:1rem;display:flex}.restore-urls-header__counts{align-items:center;gap:.5rem;display:flex}.restore-urls-count{white-space:nowrap;border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.restore-urls-count--approved{background:var(--success-light);color:var(--success)}.restore-urls-count--pending{background:var(--warning-light);color:var(--warning)}.restore-urls-header__actions{gap:.5rem;display:flex}.restore-urls-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.restore-urls-btn--primary{background:var(--primary);color:#fff}.restore-urls-btn--primary:hover{background:var(--primary-hover)}.restore-urls-btn--secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.restore-urls-btn--secondary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.restore-urls-btn:disabled{opacity:.6;cursor:not-allowed}.restore-urls-discovery{border-radius:.5rem;margin-bottom:1rem;padding:.875rem 1rem;overflow:hidden}.restore-urls-discovery--active{background:var(--info-light);border:1px solid var(--info)}.restore-urls-discovery--complete{background:var(--success-light);border:1px solid var(--success)}.restore-urls-discovery__content{align-items:center;gap:.625rem;font-size:.875rem;font-weight:500;display:flex}.restore-urls-discovery--active .restore-urls-discovery__content{color:var(--info)}.restore-urls-discovery--complete .restore-urls-discovery__content{color:var(--success)}.restore-urls-discovery__progress{background:#3b82f633;border-radius:1.5px;height:3px;margin-top:.75rem;overflow:hidden}.restore-urls-discovery__progress-bar{background:var(--info);border-radius:1.5px;width:30%;height:100%;animation:2s ease-in-out infinite discoveryProgress}@keyframes discoveryProgress{0%{width:30%;transform:translate(-100%)}50%{width:50%}to{width:30%;transform:translate(400%)}}.restore-urls-pending{background:var(--warning-light);border:1px solid var(--warning);border-radius:.625rem;margin-bottom:1.25rem;padding:1rem}.restore-urls-pending__header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.625rem;display:flex}.restore-urls-pending__header-icon{color:var(--warning)}.restore-urls-pending__title{color:var(--text-primary);flex:1;align-items:center;gap:.5rem;font-weight:600;display:flex}.restore-urls-pending__count{background:var(--warning);color:#fff;border-radius:9999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:700}.restore-urls-pending__toggle{color:var(--text-secondary);transition:transform .2s}.restore-urls-pending__toggle--open{transform:rotate(90deg)}.restore-urls-pending__list{flex-direction:column;gap:.625rem;margin-top:.875rem;display:flex}.restore-url-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem .875rem;transition:border-color .15s,box-shadow .15s;display:flex}.restore-url-card:hover{border-color:var(--border-hover)}.restore-url-card__expand{width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:flex}.restore-url-card__expand:hover{color:var(--text-primary);background:var(--bg-hover)}.restore-url-card__expand svg{transition:transform .2s}.restore-url-card__expand--open svg{transform:rotate(90deg)}.restore-url-card__content{flex:1;min-width:0}.restore-url-card__url-row{align-items:center;gap:.5rem;display:flex}.restore-url-card__url{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.4;overflow:hidden}.restore-url-card__external{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;padding:2px;text-decoration:none;transition:color .15s;display:flex}.restore-url-card__external:hover{color:var(--primary)}.restore-url-card__meta{flex-shrink:0;align-items:center;gap:.375rem;margin-left:auto;display:flex}.restore-url-card__badge{background:var(--bg-tertiary);color:var(--text-muted);border-radius:4px;align-items:center;gap:.2rem;padding:.2rem .4rem;font-size:.625rem;font-weight:600;display:inline-flex}.restore-url-card__badge--size{background:var(--info-light);color:var(--info)}.restore-url-card__badge--source{padding:.2rem .3rem}.restore-url-card__badge--weight{background:var(--primary-light);color:var(--primary)}.restore-url-card__delete{width:28px;height:28px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.restore-url-card:hover .restore-url-card__delete{opacity:1}.restore-url-card__delete:hover{color:var(--danger);background:var(--danger-light)}.restore-url-card__delete:disabled{opacity:.5;cursor:not-allowed}.restore-url-details{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;margin-top:.5rem;padding:.875rem 1rem}.restore-url-details__grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}.restore-url-details__item{flex-direction:column;gap:.25rem;display:flex}.restore-url-details__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:600}.restore-url-details__value{color:var(--text-primary);font-size:.8125rem;font-weight:500}.pending-url-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;align-items:center;gap:.75rem;padding:.875rem 1rem;transition:border-color .15s;display:flex}.pending-url-card:hover{border-color:var(--warning)}.pending-url-card__source-icon{background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pending-url-card__source-icon--bot{background:var(--info-light);color:var(--info)}.pending-url-card__source-icon--user{background:var(--warning-light);color:var(--warning)}.pending-url-card__content{flex:1;min-width:0}.pending-url-card__url-row{align-items:center;gap:.5rem;display:flex}.pending-url-card__url{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.4;overflow:hidden}.pending-url-card__external{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;padding:2px;text-decoration:none;transition:color .15s;display:flex}.pending-url-card__external:hover{color:var(--warning)}.pending-url-card__meta{flex-shrink:0;align-items:center;gap:.375rem;margin-left:auto;display:flex}.pending-url-card__actions{flex-shrink:0;gap:.375rem;display:flex}.pending-url-card__action{cursor:pointer;border:1px solid #0000;border-radius:.375rem;align-items:center;gap:.25rem;padding:.375rem .625rem;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.pending-url-card__action--reject{border-color:var(--border-color);color:var(--text-secondary);background:0 0}.pending-url-card__action--reject:hover{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}.pending-url-card__action--approve{background:var(--primary);color:#fff}.pending-url-card__action--approve:hover{background:var(--primary-hover)}.pending-url-card__action:disabled{opacity:.6;cursor:not-allowed}.restore-urls-approved{flex-direction:column;gap:.5rem;display:flex}.restore-urls-approved__title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5rem;font-size:.8125rem;font-weight:600}.restore-urls-empty{text-align:center;background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:.625rem;flex-direction:column;align-items:center;padding:2.5rem 1.5rem;display:flex}.restore-urls-empty__icon{color:var(--text-muted);opacity:.5;margin-bottom:.75rem}.restore-urls-empty__text{color:var(--text-secondary);max-width:300px;font-size:.875rem;line-height:1.5}.suggest-url-form{flex-direction:column;gap:1rem;display:flex}.suggest-url-form__hint{background:var(--info-light);color:var(--info);border-radius:.5rem;align-items:center;gap:.625rem;padding:.875rem 1rem;font-size:.8125rem;display:flex}.suggest-url-form__hint svg{flex-shrink:0}.restore-urls-loading{justify-content:center;align-items:center;padding:3rem;display:flex}.restore-urls-loading__spinner{color:var(--primary);animation:1s linear infinite spin}@media (width<=640px){.restore-urls-header{flex-direction:column;gap:1rem}.restore-urls-header__right{flex-direction:column;align-items:stretch;gap:.75rem;width:100%}.restore-urls-header__counts{justify-content:flex-start}.restore-urls-header__actions{width:100%}.restore-urls-btn{flex:1;justify-content:center}.pending-url-card{flex-direction:column;align-items:stretch}.pending-url-card__actions{justify-content:flex-end;margin-top:.75rem}}.sites-page{background:var(--bg-primary);max-width:1400px;min-height:100%;margin:0 auto;padding:2rem}.sites-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;display:flex}.sites-header__title h1{color:var(--text-primary);margin:0;font-size:1.875rem;font-weight:700;line-height:1.2}.sites-header__subtitle{color:var(--text-secondary);margin-top:.5rem;font-size:.9375rem}.sites-header__actions{align-items:center;gap:.75rem;display:flex}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-icon{gap:.5rem}.btn-icon svg{flex-shrink:0}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary.btn-danger{color:var(--danger)}.btn-secondary.btn-danger:hover{background:var(--danger-light);border-color:var(--danger)}.sites-error{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger);border-radius:.5rem;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.875rem 1rem;display:flex}.sites-error__message{flex:1;font-size:.875rem;font-weight:500}.sites-error__dismiss{width:28px;height:28px;color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:0;transition:background .15s;display:flex}.sites-error__dismiss:hover{background:#ef444433}.sites-page .form-select{border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25rem;border-radius:.5rem;min-width:150px;padding:.625rem 2.25rem .625rem .875rem;font-size:.875rem;font-weight:500;transition:border-color .15s,box-shadow .15s}.sites-page .form-select:hover{border-color:var(--border-hover)}.sites-page .form-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-ring);outline:none}.sites-list{gap:1rem;display:grid}.site-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-xs);border-radius:.75rem;padding:1.5rem;transition:box-shadow .2s,border-color .2s}.site-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.site-card--inactive{opacity:.75;background:var(--bg-tertiary)}.site-card__header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.site-card__title{align-items:center;gap:.75rem;display:flex}.site-card__logo-wrapper{flex-shrink:0;position:relative}.site-card__logo{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;justify-content:center;align-items:center;width:56px;height:56px;transition:all .15s;display:flex;overflow:hidden}.site-card__logo--clickable{cursor:pointer}.site-card__logo--clickable:hover{border-color:var(--primary);transform:scale(1.05);box-shadow:0 2px 8px #6366f133}.site-card__logo-img{object-fit:contain;width:100%;height:100%;padding:6px}.site-card__logo-placeholder{color:var(--primary);text-transform:uppercase;font-size:1.5rem;font-weight:700}.site-card__logo-refresh{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;opacity:0;width:18px;height:18px;color:var(--text-secondary);z-index:1;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .15s,background-color .15s;display:flex;position:absolute;bottom:-2px;right:-2px}.site-card__logo-refresh svg{flex-shrink:0;width:10px;height:10px}.site-card__logo-wrapper:hover .site-card__logo-refresh{opacity:1}.site-card__logo-refresh:hover{background:var(--primary);border-color:var(--primary);color:#fff}.site-card__logo-refresh:disabled{opacity:1;cursor:not-allowed;background:var(--bg-tertiary)}.site-card__title-text{flex-direction:column;gap:.25rem;display:flex}.site-card__name{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600;line-height:1.2}.site-card__status{text-transform:uppercase;letter-spacing:.025em;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.site-card__status--active{background:var(--success-light);color:var(--success)}.site-card__status--inactive{background:var(--bg-tertiary);color:var(--text-muted)}.site-card__actions{gap:.375rem;display:flex}.site-card__description{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem;line-height:1.5}.site-card__urls{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.site-card__url{flex-direction:column;gap:.375rem;display:flex}.site-card__url-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:600}.site-card__url-value{color:var(--text-primary);background:var(--bg-tertiary);word-break:break-all;border:1px solid var(--border-color);border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;display:flex}.site-card__url-external{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:inline-flex}.site-card__url-external:hover{color:var(--primary)}.site-card__footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.site-card__meta{color:var(--text-secondary);gap:1.5rem;font-size:.8125rem;display:flex}.site-card__validation-count,.site-card__session-count{color:var(--text-primary);align-items:center;gap:.375rem;font-weight:600;display:flex}.site-card__session-count{color:var(--primary)}.site-card__pending-ignores{color:var(--warning);align-items:center;gap:.375rem;font-weight:600;display:flex}.modal form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal__title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.modal__close{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal__body{background:var(--modal-bg);flex:1;min-height:0;padding:1rem 1.25rem;overflow:hidden auto}.modal__body::-webkit-scrollbar{width:6px}.modal__body::-webkit-scrollbar-track{background:0 0}.modal__body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.modal__body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.site-form{flex-direction:column;gap:.75rem;max-width:100%;display:flex;overflow:hidden}.site-form .form-group{flex-direction:column;gap:.25rem;min-width:0;margin:0;display:flex}.site-form .form-label{color:var(--text-primary);margin:0;font-size:.8125rem;font-weight:600;line-height:1.2}.site-form .form-label--required:after{content:" *";color:var(--danger)}.site-form .form-input,.site-form .form-textarea,.site-form .form-select{border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);box-sizing:border-box;border-radius:.375rem;width:100%;min-width:0;margin:0;padding:.5rem .625rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.site-form .form-input:hover,.site-form .form-textarea:hover,.site-form .form-select:hover{border-color:var(--border-hover)}.site-form .form-input:focus,.site-form .form-textarea:focus,.site-form .form-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--primary-ring);outline:none}.site-form .form-input::placeholder,.site-form .form-textarea::placeholder{color:var(--input-placeholder)}.site-form .form-textarea{resize:vertical;min-height:50px;line-height:1.4}.site-form .form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2rem}.site-form .form-hint{color:var(--text-muted);margin:0;font-size:.6875rem;line-height:1.2}.site-form .form-error{color:var(--danger);font-size:.75rem;font-weight:500}.form-toggle{align-items:center;gap:.75rem;display:flex}.toggle-switch{width:48px;height:26px;position:relative}.empty-state{text-align:center;background:var(--card-bg);border:2px dashed var(--border-color);border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state__icon{width:80px;height:80px;color:var(--primary);opacity:.6;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.empty-state__title{color:var(--text-primary);margin:0 0 .75rem;font-size:1.25rem;font-weight:700}.empty-state__description{color:var(--text-secondary);max-width:400px;margin-bottom:2rem;font-size:.9375rem;line-height:1.6}.loading-skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:.75rem;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{height:180px}.icon-btn{border:1px solid var(--border-color);background:var(--bg-secondary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.icon-btn--danger:hover{background:var(--danger-light);color:var(--danger);border-color:var(--danger)}.icon-btn--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.icon-btn--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.validations-section{margin-top:2rem}.validations-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.validations-header h3{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:700}.validations-list{flex-direction:column;gap:.75rem;display:flex}.validation-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.5rem;align-items:center;gap:.75rem;padding:1rem 1.25rem;transition:border-color .15s,box-shadow .15s;display:flex}.validation-card:hover{border-color:var(--primary);box-shadow:var(--shadow-xs)}.validation-card--inactive{opacity:.6}.validation-card__drag-handle{cursor:grab;color:var(--text-muted);padding:.25rem}.validation-card__drag-handle:active{cursor:grabbing}.validation-card__order{background:var(--bg-tertiary);width:28px;height:28px;color:var(--text-secondary);border-radius:.375rem;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.validation-card__content{flex:1;min-width:0}.validation-card__name{color:var(--text-primary);margin-bottom:.25rem;font-weight:600}.validation-card__type{background:var(--info-light);color:var(--info);border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.validation-card__details{color:var(--text-secondary);margin-top:.375rem;font-size:.8125rem}.validation-card__actions{gap:.25rem;display:flex}.validation-form{flex-direction:column;gap:1.5rem;display:flex}.validation-form .form-input,.validation-form .form-textarea,.validation-form .form-select{border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);box-sizing:border-box;border-radius:.375rem;width:100%;min-width:0;margin:0;padding:.5rem .625rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.validation-form .form-input:hover,.validation-form .form-textarea:hover,.validation-form .form-select:hover{border-color:var(--border-hover)}.validation-form .form-input:focus,.validation-form .form-textarea:focus,.validation-form .form-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--primary-ring);outline:none}.validation-form .form-input::placeholder,.validation-form .form-textarea::placeholder{color:var(--input-placeholder)}.validation-form .form-textarea{resize:vertical;min-height:50px;line-height:1.4}.validation-form .form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25rem 1.25rem;padding-right:2rem}.validation-form .form-error{color:var(--danger);margin-top:.25rem;font-size:.75rem;font-weight:500;display:block}.validation-form .form-hint{color:var(--text-muted);margin-top:.25rem;font-size:.75rem;line-height:1.3;display:block}.validation-form .form-label{color:var(--text-primary);margin-bottom:.375rem;font-size:.875rem;font-weight:600;display:block}.validation-form .form-label--required:after{content:" *";color:var(--danger)}.validation-form .form-group{flex-direction:column;display:flex}.validation-form .form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.validation-type-selector{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.validation-type-option{border:2px solid var(--border-color);background:var(--card-bg);cursor:pointer;text-align:center;border-radius:.75rem;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;transition:all .15s;display:flex}.validation-type-option:hover{border-color:var(--primary);background:var(--primary-light)}.validation-type-option--selected{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px var(--primary-ring)}.validation-type-option__icon{font-size:1.75rem}.validation-type-option__label{color:var(--text-primary);font-weight:600}.validation-type-option__description{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.validation-fields{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.75rem;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.validation-fields__title{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:700}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.session-stats-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.session-stats-section h3{color:var(--text-primary);margin:0 0 1rem;font-size:1.125rem;font-weight:700}.session-stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.session-stat-card{background:var(--bg-tertiary);border:1px solid var(--border-color);text-align:center;border-radius:.5rem;padding:1rem}.session-stat-card--success{border-color:var(--success);background:var(--success-light)}.session-stat-card--danger{border-color:var(--danger);background:var(--danger-light)}.session-stat-card__value{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1}.session-stat-card--success .session-stat-card__value{color:var(--success)}.session-stat-card--danger .session-stat-card__value{color:var(--danger)}.session-stat-card__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:.375rem;font-size:.75rem;font-weight:600}.session-breakdown{border-top:1px solid var(--border-color);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding-top:1rem;display:grid}.session-breakdown__group h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.8125rem;font-weight:600}.session-breakdown__items{flex-direction:column;gap:.5rem;display:flex}.session-breakdown__item{background:var(--bg-tertiary);border-radius:.375rem;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.session-breakdown__item--empty{color:var(--text-muted);justify-content:center;font-style:italic}.session-breakdown__label{color:var(--text-primary);font-weight:500}.session-breakdown__value{color:var(--primary);background:var(--primary-light);border-radius:.25rem;padding:.125rem .5rem;font-size:.875rem;font-weight:700}.site-detail-page{background:var(--bg-primary);max-width:1200px;margin:0 auto;padding:2rem}.site-detail-header{margin-bottom:2rem}.site-detail-header__breadcrumb{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}.site-detail-header__breadcrumb a{color:var(--primary);font-weight:500;text-decoration:none}.site-detail-header__breadcrumb a:hover{text-decoration:underline}.site-detail-info{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-xs);border-radius:.75rem;grid-template-columns:1fr auto;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;display:grid}.site-detail-info__content h1{color:var(--text-primary);margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.site-detail-info__description{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.site-detail-info__urls{flex-wrap:wrap;gap:1.5rem;display:flex}.site-detail-info__actions{align-items:flex-start;gap:.5rem;display:flex}@media (width<=768px){.sites-page{padding:1rem}.sites-header{flex-direction:column;align-items:stretch}.sites-header__actions{flex-wrap:wrap}.site-card__urls,.site-detail-info{grid-template-columns:1fr}.site-detail-info__actions{justify-content:flex-end}.validation-type-selector{grid-template-columns:1fr}.modal{border-radius:0;max-height:100vh;margin:0}.modal-overlay{padding:0}}.ignores-page__info{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.25rem}.ignores-page__info p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5}.ignore-list{flex-direction:column;gap:1.5rem;display:flex}.ignore-list__empty{text-align:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:3rem 2rem}.ignore-list__empty p{color:var(--text-secondary);margin:0}.ignore-list__search{align-items:center;gap:.75rem;display:flex;position:relative}.ignore-list__search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:.875rem}.ignore-list__search-input{border:1px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--text-primary);border-radius:8px;padding:.625rem 2.5rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.ignore-list__search-input::placeholder{color:var(--text-muted)}.ignore-list__search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring);outline:none}.ignore-list__search-clear{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex;position:absolute;right:.5rem}.ignore-list__search-clear:hover{background:var(--bg-hover);color:var(--text-secondary)}.ignore-list__result-count{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.8125rem}.ignore-list__group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.ignore-list__group-title{width:100%;color:var(--text-primary);background:var(--bg-tertiary);border:none;border-bottom:1px solid var(--border-color);cursor:pointer;text-align:left;align-items:center;gap:.5rem;margin:0;padding:1rem 1.25rem;font-size:.9375rem;font-weight:600;transition:background .15s;display:flex}.ignore-list__group-title:hover{background:var(--bg-hover)}.ignore-list__group--collapsed .ignore-list__group-title{border-bottom:none}.ignore-list__cards{padding:.5rem}.ignore-card{background:var(--bg-secondary);border-radius:8px;align-items:flex-start;gap:.75rem;padding:1rem;transition:background .2s;display:flex}.ignore-card:hover{background:var(--bg-tertiary)}.ignore-card--inactive{opacity:.6}.ignore-card__header{flex:1;align-items:flex-start;gap:.75rem;min-width:0;display:flex}.ignore-card__pattern-icon{background:var(--bg-muted);width:32px;height:32px;color:var(--text-secondary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;display:flex}.ignore-card__main{flex:1;min-width:0}.ignore-card__title-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.ignore-card__pattern{font-family:var(--font-mono,monospace);color:var(--text-primary);font-size:.9375rem;font-weight:600}.ignore-card__name{color:var(--text-secondary);font-size:.8125rem;display:block}.ignore-card__description{color:var(--text-muted);margin:.5rem 0 0;font-size:.8125rem}.ignore-card__import-badge{align-items:center;gap:.25rem;display:flex}.ignore-card__actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.ignore-card__actions .btn-icon.btn-ghost{background:var(--bg-tertiary);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.ignore-card__actions .btn-icon.btn-ghost:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.ignore-card__actions .btn-icon.btn-ghost svg{width:16px;height:16px}.ignore-card__actions .btn-icon.btn-ghost.btn-danger{background:var(--danger-light);color:var(--danger);border-color:#0000}.ignore-card__actions .btn-icon.btn-ghost.btn-danger:hover{background:var(--danger);border-color:var(--danger);color:#fff}.badge--cookies{background:var(--warning-light);color:var(--warning-dark)}.badge--local-storage{background:var(--success-light);color:var(--success-dark)}.badge--session-storage{background:var(--info-light);color:var(--info-dark)}.badge--muted{background:var(--bg-muted);color:var(--text-secondary)}.toggle-switch{flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.toggle-switch--small{width:40px;height:22px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--bg-muted);border-radius:26px;transition:all .25s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .25s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #00000026}.toggle-switch--small .toggle-slider:before{width:16px;height:16px}.toggle-switch input:checked+.toggle-slider{background-color:var(--success)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch--small input:checked+.toggle-slider:before{transform:translate(18px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px var(--primary-ring)}.ignore-form{flex-direction:column;gap:1.5rem;display:flex}.ignore-form .form-group{flex-direction:column;gap:.5rem;display:flex}.ignore-form .form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.8125rem;font-weight:600;display:block}.ignore-form .form-label--required:after{content:" *";color:var(--danger)}.ignore-form .form-input,.ignore-form .form-textarea,.ignore-form .form-select{width:100%;color:var(--text-primary);background:var(--input-bg);border:1.5px solid var(--border-color);border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.9375rem;transition:all .2s}.ignore-form .form-input:hover,.ignore-form .form-textarea:hover,.ignore-form .form-select:hover{border-color:var(--border-hover)}.ignore-form .form-input:focus,.ignore-form .form-textarea:focus,.ignore-form .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.ignore-form .form-input::placeholder,.ignore-form .form-textarea::placeholder{color:var(--text-muted)}.ignore-form .form-textarea{resize:vertical;min-height:80px}.ignore-form .form-hint{color:var(--text-muted);margin-top:.25rem;font-size:.75rem}.ignore-form .form-error{color:var(--danger);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.ignore-form__storage-types{gap:.5rem;display:flex}.ignore-form__storage-option{background:var(--bg-tertiary);cursor:pointer;color:var(--text-secondary);border:1.5px solid #0000;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:.5rem;padding:1rem .75rem;transition:all .2s;display:flex}.ignore-form__storage-option:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.ignore-form__storage-option--selected{background:color-mix(in srgb, var(--option-color) 12%, transparent);border-color:var(--option-color);color:var(--option-color)}.ignore-form__storage-option--selected:hover{background:color-mix(in srgb, var(--option-color) 18%, transparent);border-color:var(--option-color);color:var(--option-color)}.ignore-form__storage-option span{text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.ignore-form__pattern-types{gap:.5rem;display:flex}.ignore-form__pattern-option{background:var(--bg-tertiary);cursor:pointer;color:var(--text-secondary);border:1.5px solid #0000;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:.5rem;padding:1rem .75rem;transition:all .2s;display:flex}.ignore-form__pattern-option:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.ignore-form__pattern-option--selected{background:color-mix(in srgb, var(--option-color) 12%, transparent);border-color:var(--option-color);color:var(--option-color)}.ignore-form__pattern-option--selected:hover{background:color-mix(in srgb, var(--option-color) 18%, transparent);border-color:var(--option-color);color:var(--option-color)}.ignore-form__pattern-option span{text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.ignore-form__help-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:all .2s;display:flex}.ignore-form__help-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.ignore-form__help-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;margin-top:.75rem;padding:1rem 1.25rem;animation:.2s fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.ignore-form__help-box h4{color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .75rem;font-size:.8125rem;font-weight:600}.ignore-form__help-box ul{margin:0;padding:0;list-style:none}.ignore-form__help-box li{color:var(--text-secondary);border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;padding:.5rem 0;font-size:.8125rem;display:flex}.ignore-form__help-box li:last-child{border-bottom:none;padding-bottom:0}.ignore-form__help-box li:first-child{padding-top:0}.ignore-form__help-box code{background:var(--input-bg);color:var(--primary);border:1px solid var(--border-color);border-radius:5px;padding:.25rem .5rem;font-family:SF Mono,Fira Code,monospace;font-size:.75rem;font-weight:500}.form-toggle{background:var(--bg-tertiary);border-radius:10px;align-items:center;gap:.875rem;padding:1rem 1.125rem;display:flex}.toggle-label{color:var(--text-primary);font-size:.9375rem;font-weight:500}.form-label-row{justify-content:space-between;align-items:center;display:flex}.ignore-form .form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' 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-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.ignore-form .form-input--monospace{letter-spacing:.02em;font-family:SF Mono,Fira Code,monospace;font-size:.875rem}.modal--large{max-width:640px}.modal--large .modal__title{align-items:center;gap:.5rem;display:flex}.import-defaults__loading,.import-defaults__empty{text-align:center;color:var(--text-secondary);padding:2rem}.import-defaults__empty-hint{color:var(--text-muted);margin-top:.5rem;font-size:.8125rem}.import-defaults__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.import-defaults__select-all{color:var(--text-primary);cursor:pointer;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:500;display:flex}.import-defaults__list{flex-direction:column;gap:1.25rem;max-height:400px;display:flex;overflow-y:auto}.import-defaults__group{flex-direction:column;gap:.5rem;display:flex}.import-defaults__group-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin:0;font-size:.8125rem;font-weight:600;display:flex}.import-defaults__items{flex-direction:column;gap:.375rem;display:flex}.import-defaults__item{border:1px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:flex-start;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.import-defaults__item:hover{background:var(--bg-tertiary)}.import-defaults__item--selected{border-color:var(--primary);background:var(--primary-light)}.import-defaults__item input{flex-shrink:0;margin-top:.25rem}.import-defaults__item-content{flex:1;min-width:0}.import-defaults__item-header{align-items:center;gap:.5rem;display:flex}.import-defaults__item-icon{color:var(--text-secondary);font-size:.875rem}.import-defaults__item-pattern{font-family:var(--font-mono,monospace);color:var(--text-primary);font-size:.875rem;font-weight:600}.import-defaults__item-name{color:var(--text-secondary);margin-top:.125rem;font-size:.8125rem;display:block}.import-defaults__item-desc{color:var(--text-muted);margin-top:.25rem;font-size:.75rem;display:block}.import-defaults__item-check{color:var(--primary);flex-shrink:0}.site-ignore-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.site-ignore-section__header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.site-ignore-section__actions{align-items:center;gap:.5rem;display:flex}.site-ignore-section__title{align-items:center;gap:.75rem;display:flex}.site-ignore-section__title h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.site-ignore-section__count{color:var(--text-secondary);font-size:.8125rem}.site-ignore-section__loading,.site-ignore-section__empty{text-align:center;color:var(--text-secondary);padding:1.5rem}.site-ignore-section__loading{justify-content:center;align-items:center;gap:.5rem;display:flex}.site-ignore-section__empty-hint{color:var(--text-muted);margin-top:.5rem;font-size:.8125rem}.site-ignore-section__link{color:var(--primary);align-items:center;gap:.375rem;margin-top:1rem;font-size:.8125rem;text-decoration:none;display:inline-flex}.site-ignore-section__link:hover{text-decoration:underline}.site-ignore-section__error{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger);border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;display:flex}.site-ignore-section__error button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-size:1.25rem;line-height:1}.site-ignore-section__desc{color:var(--text-secondary);margin:0 0 1rem;font-size:.8125rem;line-height:1.5}.site-ignore-section__group{margin-top:1rem}.site-ignore-section__group-title{color:var(--text-secondary);align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.8125rem;font-weight:600;display:flex}.site-ignore-section__list{flex-direction:column;gap:.375rem;display:flex}.site-ignore-item{background:var(--bg-tertiary);border-radius:6px;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.site-ignore-item--reincluded{background:var(--success-light);border:1px solid var(--success)}.site-ignore-item--ignored{opacity:.7}.site-ignore-item--pending{background:var(--warning-light);border:1px solid var(--warning)}.site-ignore-section__group--pending{margin-bottom:1rem}.site-ignore-section__group-title--pending{color:var(--warning)}.site-ignore-item__pattern-icon{width:24px;height:24px;color:var(--text-muted);justify-content:center;align-items:center;font-size:.75rem;display:flex}.site-ignore-item__content{flex:1;min-width:0}.site-ignore-item__pattern{font-family:var(--font-mono,monospace);color:var(--text-primary);font-size:.8125rem;font-weight:600;display:block}.site-ignore-item__name{color:var(--text-secondary);font-size:.75rem;display:block}.site-ignore-section__show-more{border:1px dashed var(--border-color);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;margin-top:.75rem;padding:.75rem;font-size:.8125rem;transition:all .2s;display:block}.site-ignore-section__show-more:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.spinner-icon{animation:1s linear infinite spin}.form-input--monospace{font-family:var(--font-mono,monospace)}.form-select--small{padding:.375rem .625rem;font-size:.8125rem}.form-label--required:after{content:" *";color:var(--danger)}.modal-overlay{background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;padding:1.5rem;animation:.2s overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--modal-bg);width:100%;max-width:500px;max-height:calc(100vh - 3rem);box-shadow:var(--modal-shadow);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;animation:.25s modalSlideIn;display:flex;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal__header{border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal__title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:700}.ignore-form-modal .modal__close{cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex;background:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important}.ignore-form-modal .modal__close svg{width:22px!important;height:22px!important;stroke:var(--text-primary)!important;stroke-width:2.5px!important;display:block!important}.ignore-form-modal .modal__close:hover{background:var(--danger-light)!important;border-color:var(--danger)!important}.ignore-form-modal .modal__close:hover svg{stroke:var(--danger)!important}.ignore-form-modal .modal__close:active{transform:scale(.95)}.modal__body{flex:1;padding:1.5rem;overflow-y:auto}.modal__footer{border-top:1px solid var(--border-color);background:var(--bg-tertiary);flex-shrink:0;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.modal__footer .btn{cursor:pointer;border-radius:10px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.modal__footer .btn-secondary{background:var(--input-bg);border:1.5px solid var(--border-color);color:var(--text-secondary)}.modal__footer .btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.modal__footer .btn-primary{background:var(--primary);border:1.5px solid var(--primary);color:#fff}.modal__footer .btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.modal__footer .btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn svg{flex-shrink:0}.btn-icon.btn-ghost{justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.ignore-tester{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;padding:1rem 1.25rem}.ignore-tester--compact{margin-bottom:1rem;padding:.875rem 1rem}.ignore-tester__header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.8125rem;font-weight:600;display:flex}.ignore-tester--compact .ignore-tester__header{margin-bottom:.5rem}.ignore-tester__form{flex-direction:column;gap:.5rem;display:flex}.ignore-tester__input-row{align-items:center;gap:.5rem;display:flex}.ignore-tester__type-select{border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);cursor:pointer;border-radius:6px;flex-shrink:0;padding:.5rem .75rem;font-size:.8125rem}.ignore-tester__type-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-ring);outline:none}.ignore-tester__input{min-width:0;font-size:.875rem;font-family:var(--font-mono,monospace);border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);border-radius:6px;flex:1;padding:.5rem .75rem}.ignore-tester__input::placeholder{color:var(--text-muted);font-family:inherit}.ignore-tester__input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-ring);outline:none}.ignore-tester__result{margin-top:.75rem}.ignore-tester__match{flex-direction:column;gap:.5rem;display:flex}.ignore-tester__match-status{border-radius:6px;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.875rem;display:flex}.ignore-tester__match-status--ignored{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger)}.ignore-tester__match-status--included{background:var(--success-light);color:var(--success);border:1px solid var(--success)}.ignore-tester__match-status strong{font-weight:600}.ignore-tester__match-rules{flex-direction:column;gap:.375rem;padding-left:.25rem;display:flex}.ignore-tester__match-label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.75rem}.ignore-tester__rule{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.8125rem;display:flex}.ignore-tester__rule-icon{width:20px;height:20px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.ignore-tester__rule-name{color:var(--text-primary);font-weight:500}.ignore-tester__rule-pattern{font-family:var(--font-mono,monospace);background:var(--bg-muted);color:var(--text-secondary);border-radius:4px;padding:.125rem .375rem;font-size:.75rem}.ignore-tester__rule .badge{flex-shrink:0;margin-left:auto}.ignore-tester__match-hint{color:var(--text-muted);align-items:center;gap:.375rem;padding-left:.25rem;font-size:.75rem;display:flex}.pending-review-section{background:var(--warning-light);border:1px solid var(--warning);border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.pending-review-section__header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.25rem;transition:background .15s;display:flex}.pending-review-section__header:hover{background:var(--warning-light)}.pending-review-section__title{color:var(--warning-dark);align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;display:flex}.pending-review-section__title svg{color:var(--warning)}.pending-review-section__count{background:var(--warning);color:#fff;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.75rem;font-weight:600;display:inline-flex}.pending-review-section__content{padding:0 1.25rem 1.25rem}.pending-review-section__description{color:var(--warning-dark);margin:0 0 1rem;font-size:.8125rem;line-height:1.5}.pending-review-section__list{flex-direction:column;gap:.75rem;display:flex}.pending-ignore-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:1rem}.pending-ignore-card__header{margin-bottom:.75rem}.pending-ignore-card__pattern-info{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pending-ignore-card__pattern-icon{color:var(--text-secondary);font-size:.875rem}.pending-ignore-card__pattern{font-family:var(--font-mono,monospace);color:var(--text-primary);background:var(--bg-muted);border-radius:4px;padding:.25rem .5rem;font-size:.875rem;font-weight:600}.pending-ignore-card__body{margin-bottom:.75rem}.pending-ignore-card__name{color:var(--text-primary);margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.pending-ignore-card__description{color:var(--text-secondary);margin-bottom:.5rem;font-size:.8125rem}.pending-ignore-card__meta{color:var(--text-muted);flex-wrap:wrap;gap:.75rem;font-size:.75rem;display:flex}.pending-ignore-card__requester{color:var(--text-secondary)}.pending-ignore-card__requester strong{color:var(--text-primary)}.pending-ignore-card__time{align-items:center;gap:.25rem;display:flex}.pending-ignore-card__scope{background:var(--bg-muted);border-radius:4px;padding:.125rem .5rem}.pending-ignore-card__actions{border-top:1px solid var(--border-color);align-items:center;gap:.5rem;padding-top:.75rem;display:flex}.pending-ignore-card__confirm-text{color:var(--danger);margin-right:.25rem;font-size:.8125rem;font-weight:500}.quick-add-ignore-modal{max-width:480px}.quick-add-ignore-modal__preview{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.25rem;padding:.75rem 1rem}.quick-add-ignore-modal__preview-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;font-size:.75rem;font-weight:600}.quick-add-ignore-modal__preview-value{align-items:center;gap:.5rem;display:flex}.quick-add-ignore-modal__preview-value code{font-family:var(--font-mono,monospace);color:var(--text-primary);font-size:.9375rem;font-weight:600}.quick-add-ignore-modal__suggestions{margin-bottom:1.25rem}.quick-add-ignore-modal__suggestions-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.quick-add-ignore-modal__suggestions-list{flex-wrap:wrap;gap:.375rem;display:flex}.quick-add-ignore-modal__suggestion{background:var(--bg-muted);font-size:.8125rem;font-family:var(--font-mono,monospace);color:var(--text-primary);cursor:pointer;border:1px solid #0000;border-radius:6px;padding:.375rem .75rem;transition:all .15s}.quick-add-ignore-modal__suggestion:hover,.quick-add-ignore-modal__suggestion--selected{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.quick-add-ignore-modal__scope{margin-bottom:1.25rem}.quick-add-ignore-modal__scope-options{gap:.5rem;display:flex}.quick-add-ignore-modal__scope-option{background:var(--bg-tertiary);border:1.5px solid var(--border-color);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;flex:1;gap:.25rem;padding:.875rem;transition:all .2s;display:flex}.quick-add-ignore-modal__scope-option:hover{border-color:var(--border-hover)}.quick-add-ignore-modal__scope-option--selected{background:var(--primary-light);border-color:var(--primary)}.quick-add-ignore-modal__scope-option-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.quick-add-ignore-modal__scope-option-desc{color:var(--text-secondary);font-size:.75rem}.quick-add-ignore-modal__scope-option--selected .quick-add-ignore-modal__scope-option-label{color:var(--primary)}.quick-add-ignore-modal__notice{background:var(--warning-light);border:1px solid var(--warning);border-radius:8px;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:.875rem 1rem;display:flex}.quick-add-ignore-modal__notice svg{color:var(--warning);flex-shrink:0}.quick-add-ignore-modal__notice-text{color:var(--warning-dark);font-size:.8125rem;line-height:1.4}.ignore-form__key-banner{background:var(--bg-tertiary);border-radius:10px;gap:1.5rem;margin-bottom:1rem;padding:.875rem 1rem;display:flex}.ignore-form__key-item{flex-direction:column;gap:.25rem;display:flex}.ignore-form__key-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:600}.ignore-form__key-value{font-family:var(--font-mono,monospace);color:var(--text-primary);background:var(--input-bg);border-radius:4px;padding:.25rem .5rem;font-size:.9375rem;font-weight:600}.ignore-form__key-badge{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;display:inline-flex}.ignore-form__key-badge svg{color:var(--warning)}.ignore-form__notice{background:var(--warning-light);border:1px solid var(--warning);border-radius:8px;align-items:flex-start;gap:.75rem;margin-top:.5rem;padding:.875rem 1rem;display:flex}.ignore-form__notice svg{color:var(--warning);flex-shrink:0;margin-top:1px}.ignore-form__notice span{color:var(--warning-dark);font-size:.8125rem;line-height:1.4}.compare-item__ignore-btn{background:var(--bg-muted);width:1.375rem;height:1.375rem;color:var(--text-muted);cursor:pointer;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-left:.25rem;padding:0;transition:all .15s;display:flex}.compare-item__ignore-btn:hover{background:var(--danger-light);color:var(--danger)}.compare-item__research-btn{background:var(--bg-muted);width:1.375rem;height:1.375rem;color:var(--text-muted);cursor:pointer;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.compare-item__research-btn:hover{background:var(--info-light);color:var(--info)}.cookie-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.cookie-modal{background:var(--bg-primary,#fff);border-radius:12px;flex-direction:column;width:100%;max-width:480px;max-height:80vh;animation:.2s slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}[data-theme=dark] .cookie-modal{background:var(--bg-primary,#1a1d24);border:1px solid var(--border-color,#2d323b)}.cookie-modal__header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}[data-theme=dark] .cookie-modal__header{border-color:var(--border-color,#2d323b)}.cookie-modal__title{color:var(--text-primary,#1e293b);align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}[data-theme=dark] .cookie-modal__title{color:var(--text-primary,#f1f5f9)}.cookie-modal__title svg{color:var(--primary,#3b82f6)}.cookie-modal__close{width:2rem;height:2rem;color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.cookie-modal__close:hover{background:var(--bg-hover,#0000000d);color:var(--text-primary,#1e293b)}.cookie-modal__cookie-name{background:var(--bg-secondary,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);padding:.75rem 1.25rem}[data-theme=dark] .cookie-modal__cookie-name{background:var(--bg-secondary,#22262f);border-color:var(--border-color,#2d323b)}.cookie-modal__cookie-name code{color:var(--primary,#3b82f6);word-break:break-all;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875rem;font-weight:500}.cookie-modal__content{flex:1;padding:1.25rem;overflow-y:auto}.cookie-modal__state{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 0;display:flex}.cookie-modal__state--loading,.cookie-modal__state--not-found,.cookie-modal__state--error{color:var(--text-muted,#64748b)}.cookie-modal__state--error svg,.cookie-modal__state--not-found svg{color:var(--warning,#f59e0b)}.cookie-modal__spinner{animation:1s linear infinite spin}.cookie-modal__state--researching{text-align:left;align-items:stretch}.cookie-modal__research-icon{justify-content:center;margin-bottom:.5rem;display:flex}.cookie-modal__research-icon svg{color:var(--primary,#3b82f6);animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.cookie-modal__research-title{text-align:center;color:var(--text-primary,#1e293b);margin-bottom:.25rem;font-size:1rem;font-weight:600}[data-theme=dark] .cookie-modal__research-title{color:var(--text-primary,#f1f5f9)}.cookie-modal__research-message{text-align:center;color:var(--text-muted,#64748b);margin-bottom:1.5rem;font-size:.875rem}.cookie-modal__research-steps{flex-direction:column;gap:.75rem;display:flex}.cookie-modal__research-step{background:var(--bg-secondary,#f8fafc);opacity:.5;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}[data-theme=dark] .cookie-modal__research-step{background:var(--bg-secondary,#22262f)}.cookie-modal__research-step--active{opacity:1;background:#3b82f61a;border:1px solid #3b82f64d}[data-theme=dark] .cookie-modal__research-step--active{background:#3b82f626}.cookie-modal__research-step--complete{opacity:1}.cookie-modal__research-step-number{background:var(--bg-tertiary,#e2e8f0);width:1.75rem;height:1.75rem;color:var(--text-muted,#64748b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}[data-theme=dark] .cookie-modal__research-step-number{background:var(--bg-tertiary,#2d323b)}.cookie-modal__research-step--active .cookie-modal__research-step-number{background:var(--primary,#3b82f6);color:#fff}.cookie-modal__research-step--complete .cookie-modal__research-step-number{background:var(--success,#22c55e);color:#fff}.cookie-modal__research-step-info{flex:1}.cookie-modal__research-step-label{color:var(--text-primary,#1e293b);font-size:.875rem;font-weight:500}[data-theme=dark] .cookie-modal__research-step-label{color:var(--text-primary,#f1f5f9)}.cookie-modal__research-step-desc{color:var(--text-muted,#64748b);font-size:.75rem}.cookie-modal__state--found{text-align:left;align-items:stretch;gap:1rem;padding:0}.cookie-modal__badges{flex-wrap:wrap;gap:.5rem;display:flex}.cookie-modal__badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.cookie-modal__badge--category{color:#fff}.cookie-modal__badge--type{background:var(--bg-secondary,#f1f5f9);color:var(--text-secondary,#475569)}[data-theme=dark] .cookie-modal__badge--type{background:var(--bg-secondary,#2d323b);color:var(--text-secondary,#94a3b8)}.cookie-modal__badge--verified{color:#16a34a;background:#22c55e1a}[data-theme=dark] .cookie-modal__badge--verified{color:#4ade80;background:#22c55e26}.cookie-modal__badge--review{color:#d97706;background:#f59e0b1a}[data-theme=dark] .cookie-modal__badge--review{color:#fbbf24;background:#f59e0b26}.cookie-modal__section{background:var(--bg-secondary,#f8fafc);border-radius:8px;padding:.75rem}[data-theme=dark] .cookie-modal__section{background:var(--bg-secondary,#22262f)}.cookie-modal__section-content{color:var(--text-primary,#1e293b);font-size:.875rem;line-height:1.5}[data-theme=dark] .cookie-modal__section-content{color:var(--text-primary,#f1f5f9)}.cookie-modal__details{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.cookie-modal__detail{background:var(--bg-secondary,#f8fafc);border-radius:6px;align-items:flex-start;gap:.5rem;padding:.625rem;display:flex}[data-theme=dark] .cookie-modal__detail{background:var(--bg-secondary,#22262f)}.cookie-modal__detail svg{color:var(--text-muted,#64748b);flex-shrink:0;margin-top:.125rem}.cookie-modal__detail-content{flex-direction:column;gap:.125rem;min-width:0;display:flex}.cookie-modal__detail-label{text-transform:uppercase;letter-spacing:.025em;color:var(--text-muted,#64748b);font-size:.6875rem}.cookie-modal__detail-value{color:var(--text-primary,#1e293b);word-break:break-word;font-size:.8125rem;font-weight:500}[data-theme=dark] .cookie-modal__detail-value{color:var(--text-primary,#f1f5f9)}.cookie-modal__evidence-link{background:var(--bg-secondary,#f8fafc);color:var(--primary,#3b82f6);border-radius:6px;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;text-decoration:none;transition:all .15s;display:inline-flex}.cookie-modal__evidence-link:hover{background:#3b82f61a}[data-theme=dark] .cookie-modal__evidence-link{background:var(--bg-secondary,#22262f)}[data-theme=dark] .cookie-modal__evidence-link:hover{background:#3b82f626}.cookie-modal__confidence{color:#7c3aed;background:#8b5cf61a;border-radius:6px;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}[data-theme=dark] .cookie-modal__confidence{color:#a78bfa;background:#8b5cf626}.cookie-modal__retry-btn{background:var(--primary,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.cookie-modal__retry-btn:hover{background:var(--primary-hover,#2563eb)}.cookie-modal__state--prompt{text-align:center;align-items:stretch}.cookie-modal__prompt-icon{justify-content:center;margin-bottom:.5rem;display:flex}.cookie-modal__prompt-icon svg{color:var(--text-muted,#64748b)}.cookie-modal__prompt-title{color:var(--text-primary,#1e293b);margin-bottom:.25rem;font-size:1.125rem;font-weight:600}[data-theme=dark] .cookie-modal__prompt-title{color:var(--text-primary,#f1f5f9)}.cookie-modal__prompt-message{color:var(--text-muted,#64748b);margin-bottom:1rem;font-size:.875rem}.cookie-modal__sources-checked{background:var(--bg-secondary,#f8fafc);text-align:left;border-radius:8px;margin-bottom:1rem;padding:.875rem}[data-theme=dark] .cookie-modal__sources-checked{background:var(--bg-secondary,#22262f)}.cookie-modal__sources-header{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.5rem;font-size:.75rem;font-weight:500}.cookie-modal__sources-list{flex-direction:column;gap:.375rem;display:flex}.cookie-modal__source-item{color:var(--text-secondary,#475569);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}[data-theme=dark] .cookie-modal__source-item{color:var(--text-secondary,#94a3b8)}.cookie-modal__source-icon{color:#22c55e;flex-shrink:0}.cookie-modal__research-offer{text-align:left;background:linear-gradient(135deg,#8b5cf61a 0%,#3b82f61a 100%);border:1px solid #8b5cf633;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}[data-theme=dark] .cookie-modal__research-offer{background:linear-gradient(135deg,#8b5cf626 0%,#3b82f626 100%);border-color:#8b5cf64d}.cookie-modal__offer-header{color:#7c3aed;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.9375rem;font-weight:600;display:flex}[data-theme=dark] .cookie-modal__offer-header{color:#a78bfa}.cookie-modal__offer-description{color:var(--text-secondary,#475569);margin-bottom:1rem;font-size:.8125rem;line-height:1.5}[data-theme=dark] .cookie-modal__offer-description{color:var(--text-secondary,#94a3b8)}.cookie-modal__offer-cost{color:var(--text-primary,#1e293b);background:#fff9;border-radius:8px;align-items:center;gap:.375rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;display:flex}[data-theme=dark] .cookie-modal__offer-cost{color:var(--text-primary,#f1f5f9);background:#0003}.cookie-modal__offer-cost svg{color:#22c55e}.cookie-modal__prompt-actions{justify-content:center;gap:.75rem;display:flex}.cookie-modal__btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.cookie-modal__btn--secondary{background:var(--bg-secondary,#f1f5f9);color:var(--text-secondary,#475569)}.cookie-modal__btn--secondary:hover{background:var(--bg-tertiary,#e2e8f0)}[data-theme=dark] .cookie-modal__btn--secondary{background:var(--bg-secondary,#2d323b);color:var(--text-secondary,#94a3b8)}[data-theme=dark] .cookie-modal__btn--secondary:hover{background:var(--bg-tertiary,#3d4350)}.cookie-modal__btn--primary{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%);box-shadow:0 2px 8px #8b5cf64d}.cookie-modal__btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.compare-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1.5rem;animation:.2s compareModalFadeIn;display:flex;position:fixed;inset:0}@keyframes compareModalFadeIn{0%{opacity:0}to{opacity:1}}.compare-modal{background:var(--bg-primary);border-radius:12px;flex-direction:column;width:100%;max-width:1100px;height:calc(100vh - 3rem);max-height:850px;animation:.25s compareModalSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}@keyframes compareModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.compare-modal__header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.compare-modal__title h2{color:var(--text-primary);margin:0 0 .625rem;font-size:1.125rem;font-weight:600}.compare-modal__runs{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.compare-modal__run{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:6px;align-items:center;gap:.5rem;padding:.375rem .625rem;font-size:.8125rem;display:inline-flex}.compare-modal__run-marker{border-radius:4px;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.6875rem;font-weight:700;display:inline-flex}.compare-modal__run--a .compare-modal__run-marker{color:#ef4444;background:#ef444433}.compare-modal__run--b .compare-modal__run-marker{color:#22c55e;background:#22c55e33}.compare-modal__valid-badge,.compare-modal__invalid-badge{text-transform:uppercase;border-radius:4px;padding:.125rem .375rem;font-size:.625rem;font-weight:600}.compare-modal__valid-badge{color:#22c55e;background:#22c55e26}.compare-modal__invalid-badge{color:#ef4444;background:#ef444426}.compare-modal__vs{color:var(--text-muted);font-size:.75rem}.compare-modal__close{width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.compare-modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.compare-modal__loading,.compare-modal__error{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;font-size:.9375rem;display:flex}.compare-modal__error{color:#ef4444}.compare-modal__error p{color:var(--text-muted);margin:0;font-size:.875rem}.compare-modal__tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;gap:.5rem;padding:.75rem 1.5rem;display:flex;overflow-x:auto}.compare-modal__tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.compare-modal__tab:hover{background:var(--bg-hover);color:var(--text-secondary)}.compare-modal__tab--active,.compare-modal__tab--active:hover{background:var(--primary);color:#fff}.compare-modal__tab-label{font-weight:500}.compare-modal__tab-count{background:#fff3;border-radius:9999px;justify-content:center;align-items:center;min-width:1.375rem;height:1.375rem;padding:0 .375rem;font-size:.6875rem;font-weight:600;display:inline-flex}.compare-modal__tab:not(.compare-modal__tab--active) .compare-modal__tab-count{background:var(--bg-tertiary)}.compare-modal__tab-changes{color:#fffc;font-size:.6875rem;font-weight:600}.compare-modal__tab:not(.compare-modal__tab--active) .compare-modal__tab-changes{color:#f59e0b}.compare-modal__toolbar{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);flex-direction:column;flex-shrink:0;gap:.75rem;padding:.75rem 1.5rem;display:flex}.compare-modal__toolbar-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.compare-modal__stats{gap:.5rem;margin-left:auto;display:flex}.compare-modal__search{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;flex:1;align-items:center;gap:.5rem;min-width:180px;max-width:280px;padding:.5rem .75rem;transition:all .15s;display:flex}.compare-modal__search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.compare-modal__search svg{color:var(--text-muted);flex-shrink:0}.compare-modal__search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.8125rem}.compare-modal__search input::placeholder{color:var(--text-muted)}.compare-modal__filters{background:var(--bg-input);border-radius:6px;gap:.25rem;padding:.25rem;display:flex}.compare-modal__filter-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .15s}.compare-modal__filter-btn:hover{color:var(--text-secondary)}.compare-modal__filter-btn--active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 2px #0000001a}.compare-modal__stat{border-radius:4px;align-items:center;padding:.25rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.compare-modal__stat--modified{color:#f59e0b;background:#f59e0b26}.compare-modal__stat--added{color:#22c55e;background:#22c55e26}.compare-modal__stat--removed{color:#ef4444;background:#ef444426}.compare-modal__type-filters{border-top:1px solid var(--border-color);align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.compare-modal__type-filters-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;flex-shrink:0;font-size:.6875rem;font-weight:500}.compare-modal__type-chips{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.compare-modal__type-chip{border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-muted);cursor:pointer;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.6875rem;font-weight:500;transition:all .15s;display:inline-flex}.compare-modal__type-chip:hover{border-color:var(--border-hover);color:var(--text-secondary)}.compare-modal__type-chip--selected{color:#fff;border-color:#0000}.compare-modal__type-chip--jwt.compare-modal__type-chip--selected{background:#f59e0b}.compare-modal__type-chip--json.compare-modal__type-chip--selected{background:#3b82f6}.compare-modal__type-chip--base64.compare-modal__type-chip--selected{background:#8b5cf6}.compare-modal__type-chip--url_encoded.compare-modal__type-chip--selected{background:#22c55e}.compare-modal__type-chip--timestamp.compare-modal__type-chip--selected{background:#06b6d4}.compare-modal__type-chip--uuid.compare-modal__type-chip--selected{background:#ec4899}.compare-modal__type-chip--number.compare-modal__type-chip--selected,.compare-modal__type-chip--boolean.compare-modal__type-chip--selected{background:#6366f1}.compare-modal__type-chip--plain.compare-modal__type-chip--selected{background:var(--text-muted)}.compare-modal__type-chip--httponly.compare-modal__type-chip--selected{background:#dc2626}.compare-modal__type-chip--httponly:not(.compare-modal__type-chip--selected):hover{color:#dc2626;border-color:#dc2626}.compare-modal__type-chip--secure.compare-modal__type-chip--selected{background:#16a34a}.compare-modal__type-chip--secure:not(.compare-modal__type-chip--selected):hover{color:#16a34a;border-color:#16a34a}.compare-modal__type-separator{background:var(--border-color);width:1px;height:1.25rem;margin:0 .25rem}.compare-modal__type-chip--jwt:not(.compare-modal__type-chip--selected):hover{color:#f59e0b;border-color:#f59e0b}.compare-modal__type-chip--json:not(.compare-modal__type-chip--selected):hover{color:#3b82f6;border-color:#3b82f6}.compare-modal__type-chip--base64:not(.compare-modal__type-chip--selected):hover{color:#8b5cf6;border-color:#8b5cf6}.compare-modal__type-chip--url_encoded:not(.compare-modal__type-chip--selected):hover{color:#22c55e;border-color:#22c55e}.compare-modal__type-chip--timestamp:not(.compare-modal__type-chip--selected):hover{color:#06b6d4;border-color:#06b6d4}.compare-modal__type-chip--uuid:not(.compare-modal__type-chip--selected):hover{color:#ec4899;border-color:#ec4899}.compare-modal__type-chip-count{background:#fff3;border-radius:9999px;justify-content:center;align-items:center;min-width:1.125rem;height:1.125rem;padding:0 .25rem;font-size:.625rem;font-weight:600;display:inline-flex}.compare-modal__type-chip:not(.compare-modal__type-chip--selected) .compare-modal__type-chip-count{background:var(--bg-tertiary)}.compare-modal__type-clear{border:1px dashed var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:9999px;align-items:center;gap:.25rem;padding:.375rem .5rem;font-size:.6875rem;font-weight:500;transition:all .15s;display:inline-flex}.compare-modal__type-clear:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.compare-modal__content{flex:1;min-height:0;padding:1rem 1.5rem;overflow-y:auto}.compare-modal__empty{height:200px;color:var(--text-muted);justify-content:center;align-items:center;font-size:.9375rem;display:flex}.compare-modal__list{flex-direction:column;gap:.5rem;display:flex}.compare-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;transition:border-color .15s;overflow:hidden}.compare-item:hover{border-color:var(--border-hover)}.compare-item--modified{border-left:3px solid #f59e0b}.compare-item--added{border-left:3px solid #22c55e}.compare-item--removed{border-left:3px solid #ef4444}.compare-item--unchanged{border-left:3px solid var(--text-muted);opacity:.6}.compare-item__header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.compare-item__header:hover{background:var(--bg-hover)}.compare-item__left{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.compare-item__chevron{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.compare-item__status{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:inline-flex}.compare-item__status--modified{color:#f59e0b;background:#f59e0b26}.compare-item__status--added{color:#22c55e;background:#22c55e26}.compare-item__status--removed{color:#ef4444;background:#ef444426}.compare-item__status--unchanged{background:var(--bg-tertiary);color:var(--text-muted)}.compare-item__key{color:var(--text-primary);word-break:break-word;font-size:.8125rem;font-weight:600}.compare-item__httponly-badge,.compare-item__secure-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:4px;flex-shrink:0;align-items:center;gap:.25rem;padding:.125rem .375rem;font-size:.625rem;font-weight:600;display:inline-flex}.compare-item__httponly-badge{color:#ef4444;background:#ef444426}.compare-item__secure-badge{color:#22c55e;background:#22c55e26}.compare-item__right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.compare-item__preview{align-items:center;gap:.5rem;font-size:.75rem;display:flex}.compare-item__preview-value{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.compare-item__preview-value--a{color:#ef4444}.compare-item__preview-value--b{color:#22c55e}.compare-item__preview-arrow{color:var(--text-muted)}.compare-item__badges{gap:.25rem;display:flex}.compare-item__badge{background:var(--bg-tertiary);text-transform:uppercase;color:var(--text-muted);border-radius:4px;padding:.125rem .375rem;font-size:.5625rem;font-weight:600}.compare-item__body{background:var(--bg-tertiary);border-top:1px solid var(--border-color);grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem;display:grid}.compare-item__value{flex-direction:column;gap:.5rem;display:flex}.compare-item__value-header{justify-content:space-between;align-items:center;display:flex}.compare-item__value-label{text-transform:uppercase;letter-spacing:.025em;font-size:.6875rem;font-weight:600}.compare-item__value--a .compare-item__value-label{color:#ef4444}.compare-item__value--b .compare-item__value-label{color:#22c55e}.compare-item__value-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;min-height:60px;padding:.75rem;overflow:auto}.compare-value-type{text-transform:uppercase;border-radius:4px;flex-shrink:0;align-items:center;gap:.25rem;padding:.125rem .375rem;font-size:.5625rem;font-weight:600;display:inline-flex}.compare-value-type--jwt{color:#f59e0b;background:#f59e0b26}.compare-value-type--json{color:#3b82f6;background:#3b82f626}.compare-value-type--base64{color:#a78bfa;background:#8b5cf626}.compare-value-type--url_encoded{color:#22c55e;background:#22c55e26}.compare-value-type--timestamp{color:#22d3ee;background:#06b6d426}.compare-value-type--uuid{color:#f472b6;background:#ec489926}.compare-copy-btn{background:var(--bg-tertiary);width:1.5rem;height:1.5rem;color:var(--text-muted);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.compare-copy-btn:hover{background:var(--bg-hover);color:var(--primary)}.compare-value-preview{font-family:var(--font-mono);color:var(--text-secondary);font-size:.75rem}.compare-value-preview--jwt{font-family:inherit;font-style:italic}.compare-expanded{font-family:var(--font-mono);color:var(--text-secondary);word-break:break-all;white-space:pre-wrap;font-size:.75rem;line-height:1.6}.compare-expanded--jwt{flex-direction:column;gap:.5rem;font-family:inherit;display:flex}.compare-expanded--json{background:var(--bg-tertiary);border-radius:4px;max-height:200px;margin:0;padding:.625rem;overflow:auto}.compare-expanded--timestamp{align-items:baseline;gap:.5rem;font-family:inherit;display:flex}.compare-timestamp-formatted{color:var(--text-primary);font-weight:500}.compare-timestamp-raw{font-family:var(--font-mono);color:var(--text-muted);font-size:.6875rem}.compare-jwt-claim{gap:.5rem;font-size:.8125rem;display:flex}.compare-jwt-claim__key{min-width:60px;color:var(--text-muted);flex-shrink:0;font-weight:500}.compare-jwt-claim__value{color:var(--text-primary);word-break:break-all}.compare-jwt-claim__value--expired{color:#ef4444}.compare-jwt-expired-badge{text-transform:uppercase;color:#ef4444;background:#ef444426;border-radius:4px;margin-left:.5rem;padding:.125rem .375rem;font-size:.5625rem;font-weight:700;display:inline-flex}.compare-jwt-details{border:1px solid var(--border-color);border-radius:6px;margin-top:.5rem;overflow:hidden}.compare-jwt-details summary{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-tertiary);padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:background .15s}.compare-jwt-details summary:hover{background:var(--bg-hover)}.compare-jwt-details[open] summary{border-bottom:1px solid var(--border-color)}.compare-jwt-payload{background:var(--bg-primary);font-family:var(--font-mono);color:var(--text-secondary);max-height:200px;margin:0;padding:.75rem;font-size:.6875rem;line-height:1.6;overflow:auto}.compare-jwt-raw{border:1px solid var(--border-color);border-radius:6px;margin-top:.5rem;overflow:hidden}.compare-jwt-raw summary{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-tertiary);padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:background .15s}.compare-jwt-raw summary:hover{background:var(--bg-hover)}.compare-jwt-raw[open] summary{border-bottom:1px solid var(--border-color)}.compare-jwt-raw-content{background:var(--bg-primary);padding:.75rem;position:relative}.compare-jwt-raw-copy{border:1px solid var(--border-color);background:var(--bg-tertiary);width:1.75rem;height:1.75rem;color:var(--text-muted);cursor:pointer;opacity:0;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex;position:absolute;top:.5rem;right:.5rem}.compare-jwt-raw-content:hover .compare-jwt-raw-copy{opacity:1}.compare-jwt-raw-copy:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.compare-jwt-raw code{background:var(--bg-tertiary);word-break:break-all;white-space:pre-wrap;color:var(--text-muted);border-radius:4px;padding:.5rem 2.5rem .5rem .5rem;font-size:.6875rem;line-height:1.5;display:block}.compare-decoded-label{color:var(--text-muted);margin-bottom:.25rem;font-family:inherit;font-size:.6875rem;font-weight:500}.compare-decoded-value{background:var(--bg-tertiary);border-radius:4px;padding:.5rem;font-size:.75rem;display:block}.compare-raw-details{margin-top:.5rem}.compare-raw-details summary{color:var(--text-muted);cursor:pointer;font-size:.6875rem}.compare-raw-details code{background:var(--bg-primary);border-radius:4px;margin-top:.375rem;padding:.375rem;font-size:.6875rem;display:block}@media (width<=768px){.compare-modal-overlay{padding:0}.compare-modal{border-radius:0;height:100vh;max-height:none}.compare-modal__header{padding:1rem}.compare-modal__runs{flex-direction:column;align-items:flex-start;gap:.5rem}.compare-modal__vs{display:none}.compare-modal__tabs{gap:.25rem;padding:.5rem 1rem}.compare-modal__tab-label,.compare-modal__tab-changes{display:none}.compare-modal__toolbar{padding:.75rem 1rem}.compare-modal__toolbar-row{flex-wrap:wrap}.compare-modal__search{order:1;width:100%;max-width:none}.compare-modal__filters{order:2}.compare-modal__stats,.compare-modal__stat{display:none}.compare-modal__type-filters{flex-direction:column;align-items:flex-start;gap:.5rem}.compare-modal__type-chips{width:100%}.compare-modal__content{padding:1rem}.compare-item__preview{display:none}.compare-item__body{grid-template-columns:1fr}}.compare-item__json-diff{background:var(--bg-secondary);border-radius:6px;grid-column:1/-1;overflow:hidden}.compare-item__json-diff-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.compare-item__json-diff-actions{gap:.5rem;display:flex}.json-diff{overflow-x:auto}.json-diff__content{background:0 0;margin:0;padding:.75rem;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.75rem;line-height:1.5}.json-diff__line{white-space:pre;min-height:1.5em;display:flex}.json-diff__marker{text-align:center;-webkit-user-select:none;user-select:none;flex-shrink:0;width:1.25rem;margin-right:.5rem;font-weight:600}.json-diff__text{flex:1}.json-diff__line--unchanged{color:var(--text-secondary)}.json-diff__line--unchanged .json-diff__marker{color:var(--text-muted)}.json-diff__line--added{color:#22c55e;background:#22c55e1a}.json-diff__line--added .json-diff__marker{color:#22c55e}.json-diff__line--removed{color:#ef4444;background:#ef44441a}.json-diff__line--removed .json-diff__marker{color:#ef4444}.json-diff__line--modified-old{color:#ef4444;background:#ef44441a}.json-diff__line--modified-old .json-diff__marker{color:#ef4444}.json-diff__line--modified-new{color:#22c55e;background:#22c55e1a}.json-diff__line--modified-new .json-diff__marker{color:#22c55e}.json-key{color:#93c5fd}.json-string{color:#86efac}.json-number{color:#fcd34d}.json-bool{color:#c4b5fd}.json-punct{color:var(--text-muted)}.json-diff__line--added .json-key,.json-diff__line--modified-new .json-key{color:#4ade80}.json-diff__line--added .json-string,.json-diff__line--modified-new .json-string{color:#86efac}.json-diff__line--added .json-number,.json-diff__line--modified-new .json-number{color:#a3e635}.json-diff__line--added .json-bool,.json-diff__line--modified-new .json-bool{color:#86efac}.json-diff__line--added .json-punct,.json-diff__line--modified-new .json-punct{color:#22c55e99}.json-diff__line--removed .json-key,.json-diff__line--modified-old .json-key,.json-diff__line--removed .json-string,.json-diff__line--modified-old .json-string{color:#fca5a5}.json-diff__line--removed .json-number,.json-diff__line--modified-old .json-number{color:#fbbf24}.json-diff__line--removed .json-bool,.json-diff__line--modified-old .json-bool{color:#fca5a5}.json-diff__line--removed .json-punct,.json-diff__line--modified-old .json-punct{color:#ef444499}.json-diff-fallback{flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.json-diff-fallback--a,.json-diff-fallback--b{white-space:pre;border-radius:4px;margin:0;padding:.75rem;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.75rem;line-height:1.5;overflow-x:auto}.json-diff-fallback--a{background:#ef44441a;border-left:3px solid #ef4444}.json-diff-fallback--b{background:#22c55e1a;border-left:3px solid #22c55e}.compare-item__actions{align-items:center;gap:.25rem;margin-left:.5rem;display:flex}.compare-item__ignore-btn,.compare-item__research-btn{background:var(--bg-tertiary);width:1.5rem;height:1.5rem;color:var(--text-muted);cursor:pointer;opacity:.7;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.compare-item__ignore-btn:hover{color:#8b5cf6;opacity:1;background:#8b5cf626}.compare-item__research-btn:hover{color:#3b82f6;opacity:1;background:#3b82f626}.network-compare{flex-direction:column;gap:1rem;height:100%;display:flex}.network-compare-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.network-compare-empty svg{opacity:.5}.network-compare-empty h3{color:var(--text-secondary);margin:0;font-size:1.125rem;font-weight:600}.network-compare-empty p{margin:0;font-size:.875rem}.network-compare-empty__hint{color:var(--text-muted);opacity:.8;font-size:.75rem}.network-compare__summary{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.network-compare__summary-stats{gap:2rem;display:flex}.network-compare__stat{flex-direction:column;gap:.25rem;display:flex}.network-compare__stat-label{text-transform:uppercase;letter-spacing:.025em;color:var(--text-muted);font-size:.6875rem;font-weight:600}.network-compare__stat-value{color:var(--text-primary);font-size:1rem;font-weight:600}.network-compare__changes{gap:.75rem;display:flex}.network-compare__change{border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;display:inline-flex}.network-compare__change--added{color:#22c55e;background:#22c55e26}.network-compare__change--removed{color:#ef4444;background:#ef444426}.network-compare__change--common{background:var(--bg-tertiary);color:var(--text-secondary)}.network-compare__no-changes{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.8125rem;display:flex}.network-compare__toolbar{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.network-compare__search{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;flex:1;align-items:center;gap:.5rem;min-width:180px;max-width:280px;padding:.5rem .75rem;transition:all .15s;display:flex}.network-compare__search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.network-compare__search svg{color:var(--text-muted);flex-shrink:0}.network-compare__search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.8125rem}.network-compare__search input::placeholder{color:var(--text-muted)}.network-compare__filters{flex-wrap:wrap;gap:.375rem;display:flex}.network-compare__filter{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.25rem;padding:.375rem .625rem;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.network-compare__filter:hover{border-color:var(--border-hover);color:var(--text-secondary)}.network-compare__filter--active{background:var(--primary);border-color:var(--primary);color:#fff}.network-compare__filter--added:hover{color:#22c55e;border-color:#22c55e}.network-compare__filter--added.network-compare__filter--active{background:#22c55e;border-color:#22c55e}.network-compare__filter--removed:hover{color:#ef4444;border-color:#ef4444}.network-compare__filter--removed.network-compare__filter--active{background:#ef4444;border-color:#ef4444}.network-compare__filter--common.network-compare__filter--active{background:var(--text-muted);border-color:var(--text-muted)}.network-compare__export{gap:.5rem;margin-left:auto;display:flex}.network-compare__export-btn{border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.network-compare__export-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.network-compare__export-btn:disabled{opacity:.6;cursor:not-allowed}.network-compare__list{flex-direction:column;flex:1;gap:.375rem;display:flex;overflow-y:auto}.network-compare__empty-list{color:var(--text-muted);justify-content:center;align-items:center;padding:2rem;font-size:.875rem;display:flex}.network-compare__host{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:.75rem;padding:.625rem .875rem;transition:all .15s;display:flex}.network-compare__host:hover{border-color:var(--border-hover)}.network-compare__host--added{border-left:3px solid #22c55e}.network-compare__host--removed{border-left:3px solid #ef4444}.network-compare__host--common{border-left:3px solid var(--text-muted);opacity:.7}.network-compare__host-icon{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:inline-flex}.network-compare__host--added .network-compare__host-icon{color:#22c55e;background:#22c55e26}.network-compare__host--removed .network-compare__host-icon{color:#ef4444;background:#ef444426}.network-compare__host--common .network-compare__host-icon{background:var(--bg-tertiary);color:var(--text-muted)}.network-compare__host-name{font-size:.8125rem;font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;flex:1}.network-compare__host-badge{border-radius:4px;flex-shrink:0;padding:.25rem .5rem;font-size:.6875rem;font-weight:500}.network-compare__host--added .network-compare__host-badge{color:#22c55e;background:#22c55e1a}.network-compare__host--removed .network-compare__host-badge{color:#ef4444;background:#ef44441a}.network-compare__host--common .network-compare__host-badge{background:var(--bg-tertiary);color:var(--text-muted)}@media (width<=768px){.network-compare__toolbar{flex-direction:column;align-items:stretch}.network-compare__search{max-width:none}.network-compare__export{flex-wrap:wrap;margin-left:0}.network-compare__summary-stats{flex-direction:column;gap:.5rem}.network-compare__host-badge{display:none}}.network-modal-overlay{--nm-bg:#0d1117;--nm-surface:#161b22;--nm-surface-hover:#1c2128;--nm-surface-active:#21262d;--nm-border:#30363d;--nm-border-light:#21262d;--nm-text:#e6edf3;--nm-text-muted:#8b949e;--nm-text-dim:#6e7681;--nm-accent:#58a6ff;--nm-accent-muted:#388bfd;--nm-get:#3fb950;--nm-post:#58a6ff;--nm-put:#d29922;--nm-patch:#a371f7;--nm-delete:#f85149;--nm-options:#8b949e;--nm-head:#768390;--nm-status-success:#3fb950;--nm-status-redirect:#58a6ff;--nm-status-client-error:#d29922;--nm-status-server-error:#f85149;--nm-status-error:#f85149;--nm-font-mono:"JetBrains Mono", "Fira Code", "SF Mono", "Roboto Mono", monospace;--nm-font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--nm-radius:6px;--nm-radius-sm:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#000c;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.network-modal{background:var(--nm-bg);border:1px solid var(--nm-border);border-radius:12px;flex-direction:column;width:100%;max-width:1400px;height:90vh;max-height:900px;animation:.25s slideUp;display:flex;overflow:hidden;box-shadow:0 24px 48px #0006}.network-modal__header{background:var(--nm-surface);border-bottom:1px solid var(--nm-border);flex-shrink:0;align-items:center;gap:16px;padding:16px 20px;display:flex}.network-modal__title{flex:1;align-items:center;gap:10px;display:flex}.network-modal__icon{color:var(--nm-accent)}.network-modal__title h2{font-family:var(--nm-font-sans);color:var(--nm-text);margin:0;font-size:16px;font-weight:600}.network-modal__label{color:var(--nm-text-muted);background:var(--nm-surface-active);border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500}.network-modal__stats{gap:16px;display:flex}.network-modal__stat{font-family:var(--nm-font-sans);color:var(--nm-text-muted);font-size:13px}.network-modal__stat strong{color:var(--nm-text);font-weight:600}.network-modal__close{cursor:pointer;color:var(--nm-text-muted);border-radius:var(--nm-radius);background:0 0;border:none;padding:8px;transition:all .15s}.network-modal__close:hover{color:var(--nm-text);background:var(--nm-surface-active)}.network-modal__loading,.network-modal__error,.network-modal__empty{color:var(--nm-text-muted);font-family:var(--nm-font-sans);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.network-modal__error{color:var(--nm-status-error)}.network-modal__error p{color:var(--nm-text-muted);margin:0;font-size:13px}.animate-spin{animation:1s linear infinite spin}.network-filters{background:var(--nm-surface);border-bottom:1px solid var(--nm-border);flex-shrink:0;padding:12px 20px}.network-filters__row{gap:12px;margin-bottom:10px;display:flex}.network-filters__search{flex:1;align-items:center;display:flex;position:relative}.network-filters__search-icon{color:var(--nm-text-dim);pointer-events:none;position:absolute;left:12px}.network-filters__search-input{background:var(--nm-bg);border:1px solid var(--nm-border);border-radius:var(--nm-radius);width:100%;font-family:var(--nm-font-mono);color:var(--nm-text);outline:none;padding:8px 36px;font-size:13px;transition:border-color .15s}.network-filters__search-input::placeholder{color:var(--nm-text-dim)}.network-filters__search-input:focus{border-color:var(--nm-accent)}.network-filters__search-clear{cursor:pointer;color:var(--nm-text-dim);border-radius:var(--nm-radius-sm);background:0 0;border:none;padding:4px;position:absolute;right:8px}.network-filters__search-clear:hover{color:var(--nm-text);background:var(--nm-surface-active)}.network-filters__view-toggle{background:var(--nm-bg);border:1px solid var(--nm-border);border-radius:var(--nm-radius);display:flex;overflow:hidden}.network-filters__view-btn{cursor:pointer;color:var(--nm-text-muted);font-family:var(--nm-font-sans);background:0 0;border:none;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.network-filters__view-btn:hover{color:var(--nm-text);background:var(--nm-surface-hover)}.network-filters__view-btn--active{color:var(--nm-accent);background:var(--nm-surface-active)}.network-filters__chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.network-filters__chip-group{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.network-filters__chip-label{font-family:var(--nm-font-sans);text-transform:uppercase;letter-spacing:.5px;color:var(--nm-text-dim);margin-right:4px;font-size:11px;font-weight:600}.network-filters__chip{background:var(--nm-bg);border:1px solid var(--nm-border);font-family:var(--nm-font-mono);color:var(--nm-text-muted);cursor:pointer;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;transition:all .15s;display:flex}.network-filters__chip:hover{border-color:var(--nm-text-dim);color:var(--nm-text)}.network-filters__chip--active{background:var(--nm-accent-muted);border-color:var(--nm-accent);color:#fff}.network-filters__chip-count{opacity:.7;font-size:10px}.network-filters__chip--status-2xx:hover,.network-filters__chip--status-2xx.network-filters__chip--active{background:var(--nm-status-success);border-color:var(--nm-status-success)}.network-filters__chip--status-3xx:hover,.network-filters__chip--status-3xx.network-filters__chip--active{background:var(--nm-status-redirect);border-color:var(--nm-status-redirect)}.network-filters__chip--status-4xx:hover,.network-filters__chip--status-4xx.network-filters__chip--active{background:var(--nm-status-client-error);border-color:var(--nm-status-client-error)}.network-filters__chip--status-5xx:hover,.network-filters__chip--status-5xx.network-filters__chip--active{background:var(--nm-status-server-error);border-color:var(--nm-status-server-error)}.network-filters__clear{font-family:var(--nm-font-sans);color:var(--nm-text-dim);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-left:auto;padding:4px 8px;font-size:11px;display:flex}.network-filters__clear:hover{color:var(--nm-status-error)}.network-modal__summary{background:var(--nm-bg);border-bottom:1px solid var(--nm-border-light);font-family:var(--nm-font-sans);color:var(--nm-text-muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;font-size:13px;display:flex}.network-modal__summary strong{color:var(--nm-text);font-weight:600}.network-modal__export{background:var(--nm-surface);border:1px solid var(--nm-border);border-radius:var(--nm-radius);font-family:var(--nm-font-sans);color:var(--nm-text-muted);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .15s;display:flex}.network-modal__export:hover{color:var(--nm-text);background:var(--nm-surface-hover);border-color:var(--nm-text-dim)}.network-modal__content{background:var(--nm-bg);flex:1;padding:12px;overflow-y:auto}.network-modal__groups,.network-modal__list{flex-direction:column;gap:8px;display:flex}.network-request-group{background:var(--nm-surface);border:1px solid var(--nm-border);border-radius:var(--nm-radius);overflow:hidden}.network-request-group__header{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 12px;transition:background .15s;display:flex}.network-request-group__header:hover{background:var(--nm-surface-hover)}.network-request-group__chevron{color:var(--nm-text-dim);flex-shrink:0}.network-request-group__icon{color:var(--nm-accent);flex-shrink:0}.network-request-group__host{font-family:var(--nm-font-mono);color:var(--nm-text);font-size:13px;font-weight:600}.network-request-group__count{font-family:var(--nm-font-sans);color:var(--nm-text-muted);font-size:12px}.network-request-group__errors{font-family:var(--nm-font-sans);color:var(--nm-status-error);background:#f8514926;border-radius:10px;padding:2px 8px;font-size:11px}.network-request-group__methods{gap:6px;margin-left:auto;display:flex}.network-request-group__method-badge{font-family:var(--nm-font-sans);color:var(--nm-text-dim);background:var(--nm-bg);border-radius:8px;padding:2px 6px;font-size:10px}.network-request-group__content{flex-direction:column;gap:4px;padding:0 8px 8px;display:flex}.network-request-row{background:var(--nm-surface);border:1px solid var(--nm-border-light);border-radius:var(--nm-radius-sm);overflow:hidden}.network-request-group__content .network-request-row{background:var(--nm-bg)}.network-request-row__header{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 10px;transition:background .15s;display:flex}.network-request-row__header:hover{background:var(--nm-surface-hover)}.network-request-row__chevron{color:var(--nm-text-dim);flex-shrink:0}.network-request-row__method{font-family:var(--nm-font-mono);border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.method--get{color:var(--nm-get);background:#3fb95033}.method--post{color:var(--nm-post);background:#58a6ff33}.method--put{color:var(--nm-put);background:#d2992233}.method--patch{color:var(--nm-patch);background:#a371f733}.method--delete{color:var(--nm-delete);background:#f8514933}.method--options{color:var(--nm-options);background:#8b949e33}.method--head{color:var(--nm-head);background:#76839033}.method--default{background:var(--nm-surface-active);color:var(--nm-text-muted)}.network-request-row__url{font-family:var(--nm-font-mono);color:var(--nm-text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.network-request-row__status{font-family:var(--nm-font-mono);border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:11px;font-weight:600}.status--success{color:var(--nm-status-success);background:#3fb95033}.status--redirect{color:var(--nm-status-redirect);background:#58a6ff33}.status--client-error{color:var(--nm-status-client-error);background:#d2992233}.status--server-error{color:var(--nm-status-server-error);background:#f8514933}.status--error{color:var(--nm-status-error);background:#f8514933}.status--default{background:var(--nm-surface-active);color:var(--nm-text-muted)}.network-request-row__type{font-family:var(--nm-font-sans);color:var(--nm-text-dim);background:var(--nm-bg);border-radius:8px;flex-shrink:0;padding:2px 6px;font-size:10px}.network-request-row__version{font-family:var(--nm-font-mono);color:var(--nm-text-dim);flex-shrink:0;font-size:10px}.network-request-row__body{background:var(--nm-bg);border-top:1px solid var(--nm-border-light);padding:12px}.network-request-row__url-full{background:var(--nm-surface);border-radius:var(--nm-radius-sm);align-items:flex-start;gap:8px;margin-bottom:12px;padding:10px;display:flex}.network-request-row__url-label{font-family:var(--nm-font-sans);color:var(--nm-text-dim);flex-shrink:0;font-size:11px;font-weight:600}.network-request-row__url-value{font-family:var(--nm-font-mono);color:var(--nm-text);word-break:break-all;flex:1;font-size:12px}.network-request-row__url-actions{flex-shrink:0;gap:4px;display:flex}.network-request-row__copy,.network-request-row__external{cursor:pointer;color:var(--nm-text-dim);border-radius:var(--nm-radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;text-decoration:none;transition:all .15s;display:flex}.network-request-row__copy:hover,.network-request-row__external:hover{color:var(--nm-accent);background:var(--nm-surface-active)}.network-request-row__meta{font-family:var(--nm-font-sans);color:var(--nm-text-muted);flex-wrap:wrap;gap:16px;margin-bottom:12px;font-size:12px;display:flex}.network-request-row__meta-item strong{color:var(--nm-text-dim);margin-right:4px;font-weight:500}.network-request-row__headers{flex-direction:column;gap:8px;display:flex}.headers-table{background:var(--nm-surface);border:1px solid var(--nm-border-light);border-radius:var(--nm-radius-sm);overflow:hidden}.headers-table--empty{align-items:center;gap:8px;padding:8px 10px;display:flex}.headers-table__empty-text{font-family:var(--nm-font-sans);color:var(--nm-text-dim);font-size:12px;font-style:italic}.headers-table__header{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;width:100%;padding:8px 10px;transition:background .15s;display:flex}.headers-table__header:hover{background:var(--nm-surface-hover)}.headers-table__chevron{color:var(--nm-text-dim);flex-shrink:0}.headers-table__label{font-family:var(--nm-font-sans);color:var(--nm-text-muted);font-size:12px;font-weight:500}.headers-table__count{font-family:var(--nm-font-sans);color:var(--nm-text-dim);font-size:11px}.headers-table__copy-all{background:var(--nm-bg);border:1px solid var(--nm-border);border-radius:var(--nm-radius-sm);font-family:var(--nm-font-sans);color:var(--nm-text-dim);cursor:pointer;align-items:center;gap:4px;margin-left:auto;padding:4px 8px;font-size:10px;transition:all .15s;display:flex}.headers-table__copy-all:hover{color:var(--nm-text);border-color:var(--nm-text-dim)}.headers-table__content{border-top:1px solid var(--nm-border-light)}.headers-table__table{border-collapse:collapse;width:100%}.headers-table__row{border-bottom:1px solid var(--nm-border-light)}.headers-table__row:last-child{border-bottom:none}.headers-table__key{font-family:var(--nm-font-mono);color:var(--nm-accent);vertical-align:top;white-space:nowrap;width:1%;padding:6px 10px;font-size:11px}.headers-table__value{font-family:var(--nm-font-mono);color:var(--nm-text);word-break:break-all;padding:6px 10px;font-size:11px;position:relative}.headers-table__value--masked{color:var(--nm-text-dim);font-style:italic}.headers-table__actions{vertical-align:middle;gap:2px;margin-left:8px;display:inline-flex}.headers-table__reveal,.headers-table__copy{cursor:pointer;color:var(--nm-text-dim);opacity:0;background:0 0;border:none;border-radius:2px;padding:2px;transition:all .15s}.headers-table__row:hover .headers-table__reveal,.headers-table__row:hover .headers-table__copy{opacity:1}.headers-table__reveal:hover,.headers-table__copy:hover{color:var(--nm-accent);background:var(--nm-surface-active)}.network-modal__content::-webkit-scrollbar{width:8px}.network-modal__content::-webkit-scrollbar-track{background:var(--nm-bg)}.network-modal__content::-webkit-scrollbar-thumb{background:var(--nm-border);border-radius:4px}.network-modal__content::-webkit-scrollbar-thumb:hover{background:var(--nm-text-dim)}@media (width<=768px){.network-modal-overlay{padding:0}.network-modal{border-radius:0;height:100vh;max-height:none}.network-filters__row{flex-direction:column}.network-filters__chips{flex-direction:column;align-items:flex-start}.network-filters__chip-group{width:100%}.network-modal__stats,.network-request-row__type,.network-request-row__version{display:none}}.session-view-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1.5rem;animation:.2s sessionViewFadeIn;display:flex;position:fixed;inset:0}@keyframes sessionViewFadeIn{0%{opacity:0}to{opacity:1}}.session-view-modal{background:var(--bg-primary);border-radius:12px;flex-direction:column;width:100%;max-width:900px;height:calc(100vh - 3rem);max-height:750px;animation:.25s sessionViewSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}@keyframes sessionViewSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.session-view-modal__header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.session-view-modal__title h2{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1.125rem;font-weight:600;display:flex}.session-view-modal__title h2 svg{color:var(--primary)}.session-view-modal__info{align-items:center;gap:.75rem;display:flex}.session-view-modal__timestamp{color:var(--text-muted);font-size:.8125rem}.session-view-modal__status{text-transform:uppercase;border-radius:4px;padding:.25rem .5rem;font-size:.6875rem;font-weight:600}.session-view-modal__status--valid{color:#22c55e;background:#22c55e26}.session-view-modal__status--invalid{color:#ef4444;background:#ef444426}.session-view-modal__close{width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.session-view-modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.session-view-modal__loading,.session-view-modal__error{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;font-size:.9375rem;display:flex}.session-view-modal__error{color:#ef4444}.session-view-modal__error p{color:var(--text-muted);margin:0;font-size:.875rem}.session-view-modal__tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;gap:.5rem;padding:.75rem 1.5rem;display:flex;overflow-x:auto}.session-view-modal__tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.session-view-modal__tab:hover{background:var(--bg-hover);color:var(--text-secondary)}.session-view-modal__tab--active,.session-view-modal__tab--active:hover{background:var(--primary);color:#fff}.session-view-modal__tab-label{font-weight:500}.session-view-modal__tab-count{background:#fff3;border-radius:9999px;justify-content:center;align-items:center;min-width:1.375rem;height:1.375rem;padding:0 .375rem;font-size:.6875rem;font-weight:600;display:inline-flex}.session-view-modal__tab:not(.session-view-modal__tab--active) .session-view-modal__tab-count{background:var(--bg-tertiary)}.session-view-modal__toolbar{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.session-view-modal__search{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;flex:1;align-items:center;gap:.5rem;max-width:320px;padding:.5rem .75rem;transition:all .15s;display:flex}.session-view-modal__search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.session-view-modal__search svg{color:var(--text-muted);flex-shrink:0}.session-view-modal__search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.8125rem}.session-view-modal__search input::placeholder{color:var(--text-muted)}.session-view-modal__export-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;margin-left:auto;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.session-view-modal__export-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.session-view-modal__export-btn:disabled{opacity:.6;cursor:not-allowed}.session-view-modal__network-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.session-view-modal__details-btn{border:1px solid var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.session-view-modal__details-btn:hover{background:var(--primary);color:#fff}.session-view-modal__content{flex:1;min-height:0;padding:1rem 1.5rem;overflow-y:auto}.session-view-list{flex-direction:column;gap:.5rem;display:flex}.session-view-empty{height:200px;color:var(--text-muted);justify-content:center;align-items:center;font-size:.9375rem;display:flex}.session-view-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;transition:border-color .15s;overflow:hidden}.session-view-item:hover{border-color:var(--border-hover)}.session-view-item__header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.session-view-item__header:hover{background:var(--bg-hover)}.session-view-item__left{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.session-view-item__actions{align-items:center;gap:.25rem;margin-left:.25rem;display:flex}.session-view-item__research-btn,.session-view-item__ignore-btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:1.375rem;height:1.375rem;padding:0;transition:all .15s;display:flex}.session-view-item__research-btn{color:#3b82f6;background:#3b82f61a}.session-view-item__research-btn:hover{color:#2563eb;background:#3b82f633}.session-view-item__ignore-btn{color:var(--text-muted);background:#9ca3af1a}.session-view-item__ignore-btn:hover{color:#ef4444;background:#ef44441a}.session-view-item__chevron{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.session-view-item__key{color:var(--text-primary);word-break:break-word;font-size:.8125rem;font-weight:600}.session-view-item__httponly-badge,.session-view-item__secure-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:4px;flex-shrink:0;align-items:center;gap:.25rem;padding:.125rem .375rem;font-size:.625rem;font-weight:600;display:inline-flex}.session-view-item__httponly-badge{color:#ef4444;background:#ef444426}.session-view-item__secure-badge{color:#22c55e;background:#22c55e26}.session-view-item__right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.session-view-item__body{background:var(--bg-tertiary);border-top:1px solid var(--border-color);padding:1rem}.session-view-item__meta{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.session-view-item__meta-item{color:var(--text-muted);font-size:.75rem}.session-view-item__meta-item strong{color:var(--text-secondary);font-weight:500}.session-view-item__value{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;overflow:auto}.session-view-value-type{text-transform:uppercase;border-radius:4px;flex-shrink:0;align-items:center;gap:.25rem;padding:.125rem .375rem;font-size:.5625rem;font-weight:600;display:inline-flex}.session-view-value-type--jwt{color:#f59e0b;background:#f59e0b26}.session-view-value-type--json{color:#3b82f6;background:#3b82f626}.session-view-value-type--base64{color:#a78bfa;background:#8b5cf626}.session-view-value-type--url_encoded{color:#22c55e;background:#22c55e26}.session-view-value-type--timestamp{color:#22d3ee;background:#06b6d426}.session-view-value-type--uuid{color:#f472b6;background:#ec489926}.session-view-copy-btn{background:var(--bg-tertiary);width:1.5rem;height:1.5rem;color:var(--text-muted);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.session-view-copy-btn:hover{background:var(--bg-hover);color:var(--primary)}.session-view-value-preview{font-family:var(--font-mono);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.75rem;overflow:hidden}.session-view-value-preview--jwt{font-family:inherit;font-style:italic}.session-view-expanded{font-family:var(--font-mono);color:var(--text-secondary);word-break:break-all;white-space:pre-wrap;font-size:.75rem;line-height:1.6}.session-view-expanded--json{white-space:pre;margin:0;overflow-x:auto}.session-view-expanded--base64{flex-direction:column;gap:.5rem;display:flex}.session-view-decoded-label,.session-view-original-label{text-transform:uppercase;color:var(--text-muted);font-family:inherit;font-size:.6875rem;font-weight:600}.session-view-decoded-value{background:var(--bg-tertiary);color:var(--text-primary);border-radius:4px;padding:.5rem}.session-view-original-value{background:var(--bg-tertiary);color:var(--text-muted);overflow-wrap:break-word;border-radius:4px;padding:.5rem;font-size:.6875rem}.session-view-expanded--jwt{font-family:inherit}.session-view-jwt-tabs{border-bottom:1px solid var(--border-color);gap:.25rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.session-view-jwt-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .15s}.session-view-jwt-tab:hover{background:var(--bg-hover);color:var(--text-secondary)}.session-view-jwt-tab--active{background:var(--primary);color:#fff}.session-view-jwt-content{min-height:80px}.session-view-jwt-claims{flex-direction:column;gap:.375rem;display:flex}.session-view-jwt-claim{background:var(--bg-tertiary);border-radius:4px;align-items:flex-start;gap:.5rem;padding:.375rem .5rem;display:flex}.session-view-jwt-claim-key{color:var(--text-primary);min-width:60px;font-size:.75rem;font-weight:600}.session-view-jwt-claim-value{font-family:var(--font-mono);color:var(--text-secondary);word-break:break-all;font-size:.75rem}.session-view-jwt-json{font-family:var(--font-mono);color:var(--text-secondary);white-space:pre;margin:0;font-size:.75rem;line-height:1.5;overflow-x:auto}.session-view-list--network{gap:.25rem}.session-view-network-summary{background:var(--bg-tertiary);color:var(--text-muted);border-radius:6px;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.8125rem}.session-view-host{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:.5rem;padding:.625rem .75rem;transition:all .15s;display:flex}.session-view-host:hover{border-color:var(--border-hover);background:var(--bg-hover)}.session-view-host__icon{color:var(--text-muted);flex-shrink:0}.session-view-host__name{font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;flex:1;font-size:.8125rem}.session-view-host__copy{width:1.5rem;height:1.5rem;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.session-view-host:hover .session-view-host__copy{opacity:1}.session-view-host__copy:hover{background:var(--bg-tertiary);color:var(--primary)}@media (width<=640px){.session-view-overlay{padding:0}.session-view-modal{border-radius:0;max-width:100%;height:100vh;max-height:100vh}.session-view-item__right{display:none}.session-view-modal__toolbar{flex-direction:column;gap:.75rem}.session-view-modal__search{max-width:100%}.session-view-modal__network-actions{flex-direction:column;width:100%;margin-left:0}.session-view-modal__details-btn,.session-view-modal__export-btn{justify-content:center;width:100%;margin-left:0}}.session-detail-page{max-width:1200px;margin:0 auto;padding:1.5rem}.session-detail-header{margin-bottom:1.5rem}.session-detail-header__back{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.875rem;text-decoration:none;transition:color .15s;display:inline-flex}.session-detail-header__back:hover{color:var(--primary)}.session-detail-info{background:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.session-detail-info__main{flex:1}.session-detail-info__title-row{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.session-detail-info__title-row h1{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.session-detail-info__status{text-transform:uppercase;letter-spacing:.025em;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.session-detail-info__status--valid{color:var(--success);background:#22c55e26}.session-detail-info__status--invalid{color:var(--danger);background:#ef444426}.session-detail-info__status--pending{color:var(--warning);background:#f59e0b26}.session-detail-info__status--error{color:var(--danger);background:#ef444426}.session-detail-info__meta{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.session-detail-info__error{color:var(--danger);background:#ef44441a;border:1px solid #ef44444d;border-radius:.5rem;margin-top:.75rem;padding:.75rem;font-size:.875rem}.session-detail-info__actions{align-items:center;gap:.5rem;display:flex}.session-detail-stats{grid-template-columns:1fr 1fr .7fr 1.6fr;gap:1rem;margin-bottom:1.5rem;display:grid}.session-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem}.session-stat-card__header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.session-stat-card__actions{gap:.375rem;display:flex}.icon-btn--small{border-radius:6px;width:28px;height:28px}.icon-btn--small.icon-btn--primary{color:var(--primary);background:#6366f11a}.icon-btn--small.icon-btn--primary:hover:not(:disabled){box-shadow:none;background:#6366f133;transform:none}.session-stat-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.session-stat-card__value{color:var(--text-primary);margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.session-stat-card__footer{color:var(--text-muted);font-size:.75rem}.session-stat-card__storage{gap:1rem;margin-top:.5rem;display:flex}.storage-item{background:var(--bg-elevated);border-radius:.5rem;flex-direction:column;flex:1;align-items:center;padding:.5rem;display:flex}.storage-item__value{color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.2}.storage-item__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.125rem;font-size:.625rem;font-weight:500}.replay-runs-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem}.replay-runs-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.replay-runs-header h2{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.replay-runs-header__actions{align-items:center;gap:.5rem;display:flex}.replay-runs-header__compare-info{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.replay-runs-header__compare-count{background:var(--primary-light);color:var(--primary);border-radius:9999px;padding:.125rem .5rem;font-weight:600}.compare-original-option{background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:.5rem;margin-bottom:1rem;padding:.75rem}.compare-original-option__label{cursor:pointer;border-radius:.375rem;align-items:center;gap:.75rem;padding:.5rem;transition:background .15s;display:flex}.compare-original-option__label:hover{background:var(--bg-hover)}.compare-original-option__label--selected{background:var(--primary-light);border:1px solid var(--primary)}.compare-original-option__label input{cursor:pointer;width:1rem;height:1rem;accent-color:var(--primary)}.compare-original-option__text{flex-direction:column;gap:.125rem;display:flex}.compare-original-option__text strong{color:var(--text-primary);font-size:.875rem}.compare-original-option__text span{color:var(--text-muted);font-size:.75rem}.replay-runs-list{flex-direction:column;gap:.75rem;display:flex}.replay-runs-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;font-size:.875rem;display:flex}.replay-runs-load-more{width:100%;margin-top:.5rem}.replay-run-card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:.5rem;transition:border-color .15s;overflow:hidden}.replay-run-card:hover{border-color:var(--border-hover)}.replay-run-card--passed{border-left:3px solid var(--success)}.replay-run-card--failed{border-left:3px solid var(--danger)}.replay-run-card--selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-ring)}.replay-run-card__header{cursor:default;align-items:center;gap:.75rem;padding:1rem;display:flex}.replay-run-card__header[role=button]{cursor:pointer}.replay-run-card__header[role=button]:hover{background:var(--bg-hover)}.replay-run-card__expand-icon{color:var(--text-muted);flex-shrink:0}.replay-run-card__expand-icon--clickable{cursor:pointer;border-radius:.25rem;margin:-.25rem;padding:.25rem}.replay-run-card__expand-icon--clickable:hover{background:var(--bg-hover)}.replay-run-card__checkbox{flex-shrink:0;justify-content:center;align-items:center;display:flex}.replay-run-card__checkbox input{cursor:pointer;width:1rem;height:1rem;accent-color:var(--primary)}.replay-run-card__checkbox--disabled{opacity:.4;cursor:not-allowed}.replay-run-card__checkbox--disabled input{cursor:not-allowed}.replay-run-card__status{border-radius:9999px;flex-shrink:0;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.replay-run-card__status--pending{color:var(--text-muted);background:#9ca3af26}.replay-run-card__status--running{color:var(--primary);background:#3b82f626}.replay-run-card__status--completed{color:var(--success);background:#22c55e26}.replay-run-card__status--failed{color:var(--danger);background:#ef444426}.replay-run-card__status--timeout{color:var(--warning);background:#f59e0b26}.replay-run-card__info{color:var(--text-muted);flex-shrink:0;align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.replay-run-card__timestamp{font-weight:500}.replay-run-card__duration{background:var(--bg-hover);font-family:var(--font-mono);border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem}.replay-run-card__trigger{background:var(--bg-hover);border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem}.replay-run-card__summary{color:var(--text-secondary);text-align:right;flex:1;font-size:.875rem}.replay-run-card__error{color:var(--danger);background:#ef44441a;border-top:1px solid #ef444433;padding:.75rem 1rem;font-size:.8125rem}.replay-run-card__details{border-top:1px solid var(--border-color);background:var(--bg-card);padding:1rem}.replay-run-card__meta{border-top:1px solid var(--border-color);align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;font-size:.8125rem;display:flex}.replay-run-card__meta-label{color:var(--text-muted);font-weight:500}.replay-run-card__meta-value{color:var(--text-secondary);word-break:break-all}.replay-run-card__captured{border-top:1px solid var(--border-color);margin-top:.75rem;padding-top:.75rem}.replay-run-card__captured-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.replay-run-card__captured-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.replay-run-card__captured-actions{gap:.5rem;display:flex}.replay-run-card__view-btn{color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;background:#6366f11a;border:1px solid #6366f14d;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.7rem;font-weight:500;transition:all .15s;display:inline-flex}.replay-run-card__view-btn:hover{border-color:var(--primary);background:#6366f133}.replay-run-card__view-btn svg{flex-shrink:0}.replay-run-card__export-btn{color:var(--text-secondary);background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.7rem;font-weight:500;transition:all .15s;display:inline-flex}.replay-run-card__export-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--primary)}.replay-run-card__export-btn:disabled{opacity:.6;cursor:not-allowed}.replay-run-card__export-btn svg{flex-shrink:0}.replay-run-card__captured-badges{gap:.5rem;display:flex}.captured-badge{background:var(--bg-hover);border-radius:.375rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;display:inline-flex}.captured-badge__value{color:var(--text-primary);font-weight:600}.captured-badge__label{color:var(--text-muted)}.validation-results{flex-direction:column;gap:.5rem;display:flex}.validation-result-item{background:var(--bg-elevated);border-radius:.375rem;align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.8125rem;display:flex}.validation-result-item--passed{border-left:2px solid var(--success)}.validation-result-item--failed{border-left:2px solid var(--danger)}.validation-result-item--skipped{border-left:2px solid var(--text-muted);opacity:.6}.validation-result-item__icon{flex-shrink:0}.validation-result-item__name{color:var(--text-primary);flex:1;font-weight:500}.validation-result-item__type{background:var(--bg-hover);color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;border-radius:.25rem;padding:.125rem .5rem;font-size:.6875rem}.validation-result-item__duration{font-family:var(--font-mono);color:var(--text-muted);font-size:.6875rem}.validation-result-item__error{color:var(--danger);cursor:help}.badge--mobile-app{color:#10b981;background:linear-gradient(135deg,#10b9812e,#0596692e);border:1px solid #10b9814d}.badge__icon-svg{flex-shrink:0}.interval-badge{border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.interval-badge--default{background:var(--bg-hover);color:var(--text-secondary)}.interval-badge--custom{color:#a78bfa;background:linear-gradient(135deg,#8b5cf633,#a855f733);border:1px solid #8b5cf64d}.interval-badge__icon{font-size:.625rem}.interval-selector{flex-direction:column;gap:.5rem;display:flex}.interval-selector__controls{gap:.5rem;display:flex}.interval-selector__select{flex:1}.interval-selector__custom-input{width:100px}.interval-selector__custom-wrapper{align-items:center;gap:.5rem;display:flex}.interval-selector__custom-suffix{color:var(--text-muted);font-size:.875rem}.spin,.animate-spin{animation:1s linear infinite spin}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-error{color:var(--danger)}@media (width<=768px){.session-detail-page{padding:1rem}.session-detail-info{flex-direction:column}.session-detail-info__actions{justify-content:flex-start;width:100%}.session-detail-stats{grid-template-columns:1fr}.replay-run-card__header{flex-wrap:wrap}.replay-run-card__info{order:3;justify-content:flex-start;width:100%;margin-top:.5rem}.replay-run-card__summary{text-align:left;order:2;width:100%;margin-top:.5rem}}.connected-devices-page{padding:2.5rem}.connected-devices-content{max-width:1100px;margin:0 auto}.connected-devices-header{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.75rem;display:flex}.connected-devices-header-left{align-items:center;gap:1rem;display:flex}.connected-devices-icon-wrapper{background:linear-gradient(135deg, var(--accent-cyan-light) 0%, var(--accent-green-light) 100%);border:1px solid var(--accent-cyan-glow);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.connected-devices-icon-wrapper svg{width:28px;height:28px;color:var(--accent-cyan)}.connected-devices-header-text h1{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.connected-devices-header-text p{color:var(--text-muted);margin:.25rem 0 0;font-size:.875rem}.connected-devices-count-badge{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;border-radius:9999px;padding:.375rem .75rem;font-size:.75rem;font-weight:600}.connected-devices-alert{border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;animation:.3s connectedDevicesSlideDown;display:flex}.connected-devices-alert.error{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger)}.connected-devices-alert svg{flex-shrink:0;width:18px;height:18px}.connected-devices-alert-content{flex:1;font-size:.875rem}.connected-devices-alert-dismiss{background:var(--glass-bg);width:28px;height:28px;color:inherit;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background .2s;display:flex}.connected-devices-alert-dismiss:hover{background:var(--glass-hover)}.connected-devices-alert-dismiss svg{width:14px;height:14px}@keyframes connectedDevicesSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.connected-devices-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.connected-devices-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:6rem 2rem;display:flex}.connected-devices-loading .loading-spinner{border:3px solid var(--accent-cyan-light);border-top-color:var(--accent-cyan);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.connected-devices-empty{text-align:center;padding:4.5rem 2rem}.connected-devices-empty-icon{background:var(--accent-cyan-light);border:1px solid var(--accent-cyan-glow);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.connected-devices-empty-icon svg{width:36px;height:36px;color:var(--accent-cyan)}.connected-devices-empty h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.connected-devices-empty p{max-width:420px;color:var(--text-muted);margin:0 auto;font-size:.875rem;line-height:1.5}.connected-devices-table-wrapper{overflow-x:auto}.connected-devices-table{border-collapse:collapse;width:100%;font-size:.875rem}.connected-devices-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-elevated);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:.875rem 1.25rem;font-size:.6875rem;font-weight:600}.connected-devices-table__actions-col{text-align:right}.connected-devices-row td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle;padding:1rem 1.25rem}.connected-devices-row:last-child td{border-bottom:none}.connected-devices-row:hover:not(.connected-devices-row--revoked){background:var(--bg-hover)}.connected-devices-row--revoked{opacity:.55}.connected-devices-row__model{align-items:center;gap:.75rem;display:flex}.connected-devices-row__model-icon{background:var(--accent-cyan-light);width:36px;height:36px;color:var(--accent-cyan);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.connected-devices-row__model-text{flex-direction:column;gap:.125rem;min-width:0;display:flex}.connected-devices-row__model-name{color:var(--text-primary);font-weight:600}.connected-devices-row__install-id{font-family:var(--font-mono,ui-monospace, "SFMono-Regular", monospace);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.6875rem;overflow:hidden}.connected-devices-row__last-seen{align-items:center;gap:.375rem;display:inline-flex}.connected-devices-row__last-seen svg{color:var(--text-muted);flex-shrink:0}.connected-devices-status{gap:.375rem}.connected-devices-status--active{color:var(--success);background:#22c55e1f}.connected-devices-status--revoked{background:var(--bg-hover);color:var(--text-muted)}.connected-devices-status__dot{background:var(--success);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #22c55e2e}.connected-devices-row__revoked-hint{color:var(--text-muted);font-size:.8125rem;font-style:italic}.connected-devices-revoke-btn{color:var(--danger);background:var(--danger-light);border-radius:var(--radius-sm,8px);cursor:pointer;border:1px solid #ef44444d;align-items:center;gap:.375rem;padding:.4rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.connected-devices-revoke-btn:hover:not(:disabled){border-color:var(--danger);background:#ef444433}.connected-devices-revoke-btn:disabled{opacity:.6;cursor:not-allowed}.connected-devices-revoke-btn svg{flex-shrink:0}@media (width<=768px){.connected-devices-page{padding:1.5rem}.connected-devices-header{flex-direction:column;align-items:flex-start;gap:1rem}.connected-devices-row__install-id{max-width:140px}}.admin-page{max-width:1400px;margin:0 auto;padding:2rem}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-header-content h1{color:#1a1d24;margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.admin-subtitle{color:#64748b;margin:0;font-size:.9375rem}.admin-subtitle strong{color:#334155}.admin-header-actions{align-items:center;gap:1rem;display:flex}.filter-checkbox{color:#64748b;font-size:.875rem}.admin-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.875rem 1rem;display:flex}.admin-error button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-size:1.25rem;line-height:1}.admin-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.admin-empty{text-align:center;background:#fff;border-radius:12px;padding:4rem 2rem;box-shadow:0 1px 3px #0000001a}.admin-empty h2{color:#334155;margin:0 0 .5rem;font-size:1.25rem}.admin-empty p{color:#64748b;margin:0}.admin-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:1rem}.admin-table th{text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f8fafc;font-size:.75rem;font-weight:600}.admin-table tbody tr:hover{background:#f8fafc}.admin-table tbody tr.inactive-row{opacity:.6}.admin-table tbody tr:last-child td{border-bottom:none}.empty-row{text-align:center;color:#94a3b8;padding:2rem!important}.user-cell{align-items:center;gap:.75rem;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:600;display:flex}.user-avatar-lg{width:56px;height:56px;font-size:1.25rem}.user-email{color:#1a1d24;font-weight:500}.badge{white-space:nowrap;border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-admin{color:#1d4ed8;background:#dbeafe}.badge-user{color:#475569;background:#e2e8f0}.badge-superadmin{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.badge-regular{color:#64748b;background:#f1f5f9}.badge-you{color:#d97706;background:#fef3c7;font-size:.6875rem}.badge-inactive{color:#dc2626;background:#fee2e2}.badge-group{align-items:center;gap:.5rem;display:flex}.status-indicator{align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;display:inline-flex}.status-indicator:before{content:"";border-radius:50%;width:8px;height:8px}.status-indicator.active{color:#16a34a}.status-indicator.active:before{background:#22c55e}.status-indicator.inactive{color:#dc2626}.status-indicator.inactive:before{background:#ef4444}.action-buttons{align-items:center;gap:.5rem;display:flex}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-ghost{color:#475569;background:0 0;border:1px solid #e2e8f0}.btn-ghost:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-ghost.btn-danger{color:#dc2626}.btn-ghost.btn-danger:hover{background:#fef2f2;border-color:#fecaca}.tenant-count{color:#334155;font-weight:600}.admin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.search-box{flex:1;max-width:320px;position:relative}.search-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.625rem 2.5rem .625rem 1rem;font-size:.875rem;transition:all .2s}.search-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.25rem;line-height:1;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.search-clear:hover{color:#64748b}.result-count{color:#64748b;font-size:.875rem}.admin-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.admin-card{background:#fff;border-radius:12px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000001a}.admin-card:hover{box-shadow:0 4px 12px #0000001a}.admin-card.inactive{opacity:.7}.admin-card-header{justify-content:space-between;align-items:center;padding:1.25rem 1.25rem 0;display:flex}.admin-card-title{color:#1a1d24;margin:0;font-size:1.125rem;font-weight:600}.admin-card-body{padding:1rem 1.25rem}.admin-card-stat{align-items:baseline;gap:.5rem;margin-bottom:.75rem;display:flex}.stat-value{color:#667eea;font-size:2rem;font-weight:700}.stat-label{color:#64748b;font-size:.875rem}.admin-card-meta{flex-direction:column;gap:.25rem;display:flex}.meta-item{color:#64748b;font-size:.8125rem}.meta-label{color:#475569;font-weight:500}.admin-card-actions{background:#fafbfc;border-top:1px solid #f1f5f9;gap:.5rem;padding:1rem 1.25rem;display:flex}.admin-empty-card{text-align:center;background:#fff;border-radius:12px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:3rem 2rem;display:flex;box-shadow:0 1px 3px #0000001a}.admin-empty-card p{color:#64748b;margin:0 0 1rem}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;animation:.2s modal-enter;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal-content.modal-lg{max-width:640px}@keyframes modal-enter{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h2{color:#1a1d24;margin:0;font-size:1.25rem;font-weight:600}.modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex}.modal-close:hover{color:#475569;background:#f1f5f9}.modal-body{padding:1.5rem}.modal-description{color:#64748b;margin:0 0 1.25rem}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.form-group:last-child{margin-bottom:0}.form-group label{color:#334155;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-group input[type=text],.form-group input[type=email],.form-group select{border:1px solid var(--input-border);width:100%;color:var(--input-text);background:var(--input-bg);border-radius:8px;padding:.625rem .875rem;font-size:.9375rem;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group .input-disabled{color:#64748b;background:#f1f5f9}.form-hint.warning{color:#d97706}.checkbox-label{cursor:pointer;color:#334155;align-items:center;gap:.5rem;font-size:.9375rem;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.detail-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.detail-header.compact{margin-bottom:1rem;padding-bottom:1rem}.detail-header-info h3{color:#1a1d24;margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.detail-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.detail-value-mono{color:#475569;word-break:break-all;background:#f1f5f9;border-radius:4px;padding:.25rem .5rem;font-family:monospace;font-size:.8125rem}.section-title{color:#334155;margin:0 0 1rem;padding-top:.5rem;font-size:.9375rem;font-weight:600}.empty-text{color:#94a3b8;text-align:center;padding:1rem;font-size:.875rem}.member-item{background:#f8fafc;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.member-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8125rem;font-weight:600;display:flex}.member-email{color:#1a1d24;font-weight:500;display:block}.member-meta{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.membership-item{background:#f8fafc;border-radius:8px;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.membership-name{color:#1a1d24;font-weight:500}.admin-alert{border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.875rem 1rem;display:flex}.admin-alert.success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.admin-alert.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.admin-hint{color:#64748b;margin:1rem 0 0;font-size:.8125rem}.status-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;display:grid}.status-item{align-items:flex-start;gap:.75rem;display:flex}.status-item svg{color:#64748b;flex-shrink:0;margin-top:.125rem}.status-item .text-warning{color:#d97706}.status-item .text-success{color:#16a34a}.status-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.25rem;font-size:.75rem;font-weight:500;display:block}.status-value{color:#1a1d24;font-size:1rem;font-weight:600;display:block}.status-value.text-warning{color:#d97706}.status-value.text-success{color:#16a34a}.admin-empty-icon{color:#cbd5e1;margin-bottom:1rem}.admin-empty h3{color:#334155;margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.admin-card-header h2{color:#1a1d24;margin:0;font-size:1.125rem;font-weight:600}@media (width<=768px){.admin-page{padding:1rem}.admin-header{flex-direction:column;align-items:stretch}.admin-header-actions{flex-wrap:wrap}.detail-grid{grid-template-columns:1fr}.admin-table-container{overflow-x:auto}.admin-table{min-width:600px}.status-grid{grid-template-columns:1fr}}.action-items-page{animation:.3s fadeIn}.action-items-title{align-items:center;gap:1rem;display:flex}.action-items-title-icon{color:var(--primary);flex-shrink:0}.action-items-title h1{margin:0}.action-items-refresh-time{color:var(--text-muted);font-size:.8125rem}.action-items-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.action-items-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:all .2s;display:flex}.action-items-stat-card:hover{box-shadow:var(--shadow-md)}.action-items-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.action-items-stat-card.complete .action-items-stat-icon{background:var(--success-light);color:var(--success)}.action-items-stat-card.pending .action-items-stat-icon,.action-items-stat-card.warning .action-items-stat-icon{background:var(--warning-light);color:var(--warning)}.action-items-stat-card.info .action-items-stat-icon{background:var(--info-light);color:var(--info)}.action-items-stat-card.neutral .action-items-stat-icon{background:var(--bg-tertiary);color:var(--text-muted)}.action-items-stat-content{flex-direction:column;display:flex}.action-items-stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1}.action-items-stat-label{color:var(--text-secondary);margin-top:.25rem;font-size:.8125rem}.action-items-empty{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.action-items-empty-icon{color:var(--success);margin-bottom:1rem}.action-items-empty h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.action-items-empty p{color:var(--text-secondary);max-width:400px;margin:0}.action-items-empty-hint{color:var(--text-muted);font-size:.875rem;margin-top:1rem!important}.action-items-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.action-items-section-header{background:var(--bg-tertiary);cursor:pointer;border:none;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.25rem;transition:background .2s;display:flex}.action-items-section-header:hover{background:var(--bg-hover)}.action-items-section-title{color:var(--text-primary);align-items:center;gap:.75rem;font-size:.9375rem;font-weight:600;display:flex}.action-items-section-title svg{color:var(--text-secondary)}.action-items-section-count{color:#fff;background:var(--warning);border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.action-items-section-content{flex-direction:column;gap:1rem;padding:1rem;display:flex}.action-items-url-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:1rem 1.25rem;transition:all .2s}.action-items-url-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.action-items-url-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.action-items-url-site-icon{color:var(--text-muted);flex-shrink:0}.action-items-url-site-link{color:var(--primary);align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.action-items-url-site-link:hover{text-decoration:underline}.action-items-url-source{color:var(--text-muted);background:var(--bg-tertiary);border-radius:4px;margin-left:auto;padding:.125rem .5rem;font-size:.75rem}.action-items-url-body{margin-bottom:.75rem}.action-items-url-value{color:var(--text-primary);background:var(--bg-tertiary);word-break:break-all;border-radius:6px;padding:.5rem .75rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;display:block}.action-items-url-meta{color:var(--text-muted);align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.75rem;display:flex}.action-items-url-time{align-items:center;gap:.375rem;display:inline-flex}.action-items-url-method{color:var(--text-secondary)}.action-items-url-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.5rem;padding-top:.75rem;display:flex}.action-items-cookie-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:1rem 1.25rem;transition:all .2s}.action-items-cookie-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.action-items-cookie-header{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.action-items-cookie-name{color:var(--text-primary);background:var(--bg-tertiary);border-radius:4px;padding:.25rem .5rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.9375rem;font-weight:600}.action-items-cookie-category{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:.25rem .5rem;font-size:.6875rem;font-weight:600}.action-items-cookie-ai-badge{color:var(--primary);background:var(--primary-light);border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.action-items-cookie-description{color:var(--text-secondary);margin-bottom:.75rem;font-size:.875rem;line-height:1.5}.action-items-cookie-details{color:var(--text-secondary);flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.75rem;font-size:.8125rem;display:flex}.action-items-cookie-detail strong{color:var(--text-primary);font-weight:500}.action-items-cookie-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.75rem;display:flex}.action-items-cookie-time{align-items:center;gap:.375rem;display:inline-flex}.action-items-cookie-evidence,.action-items-cookie-manage-link{color:var(--primary);align-items:center;gap:.375rem;text-decoration:none;display:inline-flex}.action-items-cookie-evidence:hover,.action-items-cookie-manage-link:hover{text-decoration:underline}.action-items-cookie-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.5rem;padding-top:.75rem;display:flex}@media (width<=768px){.action-items-stats{grid-template-columns:1fr}.action-items-title{flex-direction:column;align-items:flex-start;gap:.5rem}.action-items-url-header,.action-items-cookie-header{flex-direction:column;align-items:flex-start}.action-items-url-source{margin-left:0}.action-items-url-meta,.action-items-cookie-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.action-items-url-actions,.action-items-cookie-actions{flex-direction:column}.action-items-url-actions .btn,.action-items-cookie-actions .btn{justify-content:center;width:100%}}:root.dark-theme .action-items-stat-card,:root[data-theme=dark] .action-items-stat-card,:root.dark-theme .action-items-section,:root[data-theme=dark] .action-items-section{background:var(--bg-elevated)}:root.dark-theme .action-items-url-card,:root[data-theme=dark] .action-items-url-card,:root.dark-theme .action-items-cookie-card,:root[data-theme=dark] .action-items-cookie-card{background:var(--bg-card)}.users-page{background:var(--bg-primary);min-height:calc(100vh - 60px);color:var(--text-primary);padding:2.5rem 3rem;position:relative}.users-page:before{content:"";background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);pointer-events:none;background-size:64px 64px;position:absolute;inset:0}.users-page:after{content:"";background:radial-gradient(ellipse, var(--gradient-start) 0%, var(--gradient-end) 70%);pointer-events:none;width:80%;height:50%;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.users-content{z-index:1;max-width:1440px;margin:0 auto;position:relative}.users-header{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.users-header-left{align-items:flex-start;gap:1.25rem;display:flex}.users-icon-wrapper{background:var(--accent-purple-light);border:1px solid var(--accent-purple-glow);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.users-icon-wrapper svg{width:28px;height:28px;color:var(--accent-purple)}.users-header-text h1{color:var(--text-primary);letter-spacing:-.025em;margin:0 0 .375rem;font-size:2rem;font-weight:700}.users-header-text p{color:var(--text-muted);margin:0;font-size:.9375rem}.users-header-right{align-items:center;gap:1rem;display:flex}.users-filter-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;border-radius:10px;align-items:center;gap:.625rem;padding:.625rem 1rem;transition:all .2s;display:flex}.users-filter-toggle:hover{background:var(--glass-hover);border-color:var(--accent-purple-glow)}.users-filter-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-purple);cursor:pointer}.users-filter-toggle span{color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-size:.875rem}.btn-create-user{background:linear-gradient(135deg, #3b82f6 0%, var(--accent-purple) 100%);color:#fff;cursor:pointer;box-shadow:0 0 20px var(--accent-purple-glow), 0 4px 12px var(--accent-purple-glow);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-create-user:hover{box-shadow:0 0 30px var(--accent-purple-glow), 0 8px 20px var(--accent-purple-glow);transform:translateY(-2px)}.btn-create-user:active{transform:translateY(0)}.btn-create-user svg{width:18px;height:18px}.users-stats{gap:1rem;margin-bottom:1.5rem;display:flex}.user-stat-card{background:var(--card-bg-subtle);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;flex:1;max-width:180px;padding:1rem 1.25rem}.user-stat-value{color:var(--text-primary);margin-bottom:.25rem;font-size:1.75rem;font-weight:700;line-height:1}.user-stat-value.accent{background:linear-gradient(135deg, #3b82f6 0%, var(--accent-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.user-stat-value.success{color:var(--success)}.user-stat-value.warning{color:var(--warning)}.user-stat-label{color:var(--text-muted);font-size:.8125rem}.users-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.users-search{flex:1;max-width:400px;position:relative}.users-search-icon{width:18px;height:18px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.users-search input{background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);border-radius:10px;padding:.75rem 2.5rem .75rem 2.75rem;font-size:.9375rem;transition:all .2s}.users-search input::placeholder{color:var(--text-muted)}.users-search input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px var(--accent-purple-glow);outline:none}.users-search-clear{background:var(--bg-muted);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.users-search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.users-search-clear svg{width:14px;height:14px}.users-count{color:var(--text-muted);flex-shrink:0;font-size:.875rem}.users-count strong{color:var(--text-secondary)}.users-table-container{background:var(--card-bg-subtle);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:1rem 1.25rem;font-size:.6875rem;font-weight:600}.users-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:1rem 1.25rem}.users-table th:first-child,.users-table td:first-child{width:30%;min-width:280px}.users-table tbody tr{transition:all .2s}.users-table tbody tr:hover{background:var(--bg-hover)}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr.inactive{opacity:.5}.user-cell{align-items:center;gap:.875rem;min-width:200px;display:flex}.user-avatar{background:linear-gradient(135deg, #3b82f6 0%, var(--accent-purple) 100%);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:600;display:flex}.user-avatar.superadmin{background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%)}.user-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.users-page .user-email,.users-table .user-email,.user-modal .user-email{color:var(--text-primary);word-break:break-word;text-overflow:unset;white-space:normal;font-size:.9375rem;font-weight:500;line-height:1.3;display:block;overflow:visible}.user-badges{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.role-badge.superadmin{color:var(--warning);background:linear-gradient(135deg,#f59e0b33 0%,#ef444433 100%);border:1px solid #f59e0b4d}.role-badge.you{background:var(--accent-purple-light);color:var(--accent-purple);border:1px solid var(--accent-purple-glow)}.tenant-count-cell{align-items:center;gap:.5rem;display:flex}.tenant-count-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.tenant-count-label{color:var(--text-muted);font-size:.75rem}.status-badge{border-radius:20px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge.active{background:var(--success-light);color:var(--success);border:1px solid var(--success)}.status-badge.active:before{content:"";background:var(--success);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.status-badge.inactive{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger)}.date-cell{color:var(--text-secondary);font-size:.875rem}.actions-cell{align-items:center;gap:.375rem;display:flex}.btn-table-action{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-table-action:hover{background:var(--glass-hover);color:var(--text-primary);border-color:var(--accent-purple-glow)}.btn-table-action svg{width:14px;height:14px}.btn-table-action.danger{color:var(--danger)}.btn-table-action.danger:hover{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}.users-empty{text-align:center;padding:4rem 2rem}.users-empty-icon{background:var(--accent-purple-light);border:1px solid var(--accent-purple-glow);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.users-empty-icon svg{width:36px;height:36px;color:var(--accent-purple)}.users-empty h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.users-empty p{color:var(--text-muted);margin:0}.users-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:6rem 2rem;display:flex}.users-error{background:var(--danger-light);border:1px solid var(--danger);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.users-error-content{color:var(--danger);align-items:center;gap:.75rem;display:flex}.users-error-content svg{flex-shrink:0;width:20px;height:20px}.users-error button{color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;transition:all .2s}.users-error button:hover{background:var(--danger-light)}.user-modal-overlay{background:var(--overlay-dark);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;justify-content:center;align-items:center;padding:1rem;animation:.2s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.user-modal{background:var(--card-bg-elevated);border:1px solid var(--border-color);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-xl);border-radius:20px;animation:.3s modal-slide;overflow-y:auto}.user-modal.modal-lg{max-width:680px}@keyframes modal-slide{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.user-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;display:flex}.user-modal-header h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.user-modal-body{padding:1.75rem}.user-modal-footer{border-top:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:0 0 20px 20px;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.75rem;display:flex}.user-modal-user-header{border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.user-modal-avatar{background:linear-gradient(135deg, #3b82f6 0%, var(--accent-purple) 100%);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.25rem;font-weight:600;display:flex}.user-modal-avatar.superadmin{background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%)}.user-modal-user-info h3{color:var(--text-primary);margin:0 0 .375rem;font-size:1.125rem;font-weight:600}.user-modal-user-badges{align-items:center;gap:.5rem;display:flex}.user-form-group{margin-bottom:1.5rem}.user-form-group:last-child{margin-bottom:0}.user-form-group label{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.user-form-group input[type=text],.user-form-group input[type=email],.user-form-group input[type=password],.user-form-group select{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--input-text);box-sizing:border-box;border-radius:10px;padding:.75rem 1rem;font-size:.9375rem;transition:all .2s}.user-form-group input::placeholder{color:var(--input-placeholder)}.user-form-group input:focus,.user-form-group select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-ring);outline:none}.user-form-group input:disabled,.user-form-group select:disabled{background:var(--bg-muted);color:var(--text-muted);cursor:not-allowed}.user-form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.user-form-hint{color:var(--text-muted);margin:.5rem 0 0;font-size:.8125rem}.user-form-hint.warning{color:var(--warning)}.user-form-hint.info{background:var(--info-light);border:1px solid var(--info);color:var(--info);border-radius:8px;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.75rem;display:flex}.user-form-hint.info svg{flex-shrink:0;width:16px;height:16px;margin-top:.125rem}.user-form-checkbox{cursor:pointer;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:.625rem;padding:.75rem 1rem;transition:all .2s;display:flex}.user-form-checkbox:hover{border-color:var(--accent-purple-glow)}.user-form-checkbox.disabled{opacity:.5;cursor:not-allowed}.user-form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-purple);cursor:pointer}.user-form-checkbox.disabled input[type=checkbox]{cursor:not-allowed}.user-form-checkbox span{color:var(--text-primary);font-size:.9375rem}.user-form-error{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger);border-radius:10px;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.875rem}.password-input-group{position:relative}.password-input-group input{padding-right:3rem}.password-toggle{background:var(--bg-muted);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.password-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-generate-password{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-generate-password:hover{background:var(--glass-hover);color:var(--text-primary);border-color:var(--accent-purple-glow)}.btn-generate-password svg{width:14px;height:14px}.btn-modal.danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;box-shadow:0 4px 12px #ef444440}.btn-modal.danger:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ef444459}.user-detail-section{margin-bottom:1.5rem}.user-detail-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.user-detail-item{flex-direction:column;gap:.25rem;display:flex}.user-detail-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.6875rem;font-weight:600}.user-detail-value{color:var(--text-primary);font-size:.9375rem}.user-detail-value.mono{color:var(--text-secondary);background:var(--bg-muted);word-break:break-all;border-radius:4px;padding:.25rem .5rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.75rem}.user-section-heading{color:var(--text-primary);border-top:1px solid var(--border-color);margin:0 0 1rem;padding-top:.5rem;font-size:.9375rem;font-weight:600}.membership-list{flex-direction:column;gap:.625rem;display:flex}.membership-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:.875rem;padding:.875rem 1rem;transition:all .2s;display:flex}.membership-item:hover{border-color:var(--accent-purple-glow)}.membership-item.inactive{opacity:.5}.membership-info{flex:1;min-width:0}.membership-name{color:var(--text-primary);font-size:.9375rem;font-weight:500}.membership-slug{color:var(--text-muted);margin-left:.5rem;font-size:.8125rem}.membership-meta{align-items:center;gap:.5rem;display:flex}.membership-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;align-items:center;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.membership-badge.admin{background:var(--info-light);color:var(--info)}.membership-badge.user{background:var(--bg-muted);color:var(--text-secondary)}.membership-badge.inactive{background:var(--danger-light);color:var(--danger)}.btn-membership-action{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--danger);cursor:pointer;border-radius:6px;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.btn-membership-action:hover{background:var(--danger-light);border-color:var(--danger)}.empty-memberships{text-align:center;color:var(--text-muted);background:var(--bg-tertiary);border-radius:10px;padding:2rem;font-size:.875rem}.label-hint{color:var(--text-muted);font-size:.8125rem;font-weight:400}.success-message{text-align:center;padding:1.5rem 0}.success-message .success-icon{width:56px;height:56px;color:var(--success);margin-bottom:1rem}.success-message h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.success-message .success-email{color:var(--text-secondary);margin:0;font-size:.9375rem}.credentials-box{background:var(--bg-tertiary);border:1px solid var(--warning);border-radius:12px;margin-top:1.5rem;padding:1.25rem}.credentials-box h4{color:var(--warning);margin:0 0 .5rem;font-size:.875rem;font-weight:600}.credentials-box .credentials-warning{color:var(--text-secondary);margin:0 0 1rem;font-size:.8125rem}.credential-row{border-top:1px solid var(--border-color);align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.credential-row:first-of-type{border-top:none}.credential-label{color:var(--text-muted);min-width:70px;font-size:.8125rem}.credential-value{color:var(--text-primary);flex:1;font-size:.9375rem}.credential-value.password{background:var(--bg-muted);word-break:break-all;border-radius:6px;padding:.375rem .625rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.875rem}.btn-copy{background:var(--glass-bg);border:1px solid var(--glass-border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-copy:hover{background:var(--glass-hover);color:var(--text-primary)}.btn-copy svg{width:16px;height:16px}.user-form-divider{align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.user-form-divider:before,.user-form-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.user-form-divider span{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:500}@media (width<=1024px){.users-page{padding:2rem}.users-table th:nth-child(5),.users-table td:nth-child(5){display:none}}@media (width<=768px){.users-page{padding:1.5rem}.users-header{flex-direction:column;align-items:stretch;gap:1.25rem}.users-header-right{flex-direction:column;align-items:stretch;gap:.75rem}.users-filter-toggle,.btn-create-user{justify-content:center}.users-toolbar{flex-direction:column;gap:1rem}.users-search{max-width:none}.users-stats{flex-wrap:wrap}.user-stat-card{flex:calc(50% - .5rem);max-width:none}.users-table th:nth-child(3),.users-table td:nth-child(3),.users-table th:nth-child(4),.users-table td:nth-child(4){display:none}.user-detail-grid{grid-template-columns:1fr}.user-modal{border-radius:0;max-height:100vh;margin:0}}.audit-page{max-width:1200px;margin:0 auto;padding:2rem}.audit-header{margin-bottom:2rem}.audit-header__top{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;display:flex}.audit-header__title-group{align-items:center;gap:1rem;display:flex}.audit-header__icon{background:linear-gradient(135deg, var(--accent-purple-light) 0%, var(--accent-cyan-light) 100%);width:48px;height:48px;color:var(--accent-purple);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.audit-header__text h1{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.audit-header__text p{color:var(--text-secondary);margin:0;font-size:.9rem}.audit-header__actions{gap:.5rem;display:flex}.audit-header__actions .btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .15s;display:inline-flex}.audit-header__actions .btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.audit-header__actions .btn--active{background:var(--primary);color:#fff;border-color:var(--primary)}.audit-header__actions .btn--active:hover{background:var(--primary-hover);color:#fff}.audit-filters{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;gap:.75rem;padding:1rem 1.25rem;animation:.2s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.audit-filter{align-items:center;gap:.5rem;display:flex}.audit-filter__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.audit-filter__select{appearance:none;background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' 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-position:right .6rem center;background-repeat:no-repeat;border:1px solid #0000;border-radius:20px;padding:.4rem 2rem .4rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s}.audit-filter__select:hover{background-color:var(--bg-hover);border-color:var(--border-color)}.audit-filter__select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-ring);outline:none}.audit-filter__select--active{background-color:var(--accent-purple-light);color:var(--accent-purple);border-color:var(--accent-purple)}.audit-filters__clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:.4rem .75rem;font-size:.75rem;font-weight:500;transition:color .15s}.audit-filters__clear:hover{color:var(--danger)}.audit-timeline{margin-top:1.5rem;position:relative}.audit-timeline:before{content:"";background:linear-gradient(to bottom, var(--border-color) 0%, var(--border-color) 90%, transparent 100%);border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:23px}.audit-entry{margin-bottom:.75rem;padding-left:56px;position:relative}.audit-entry__dot{background:var(--bg-secondary);border:3px solid var(--border-color);z-index:1;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:1.25rem;left:16px}.audit-entry--success .audit-entry__dot{border-color:var(--success);background:var(--success-light)}.audit-entry--error .audit-entry__dot{border-color:var(--danger);background:var(--danger-light)}.audit-entry:hover .audit-entry__dot{transform:scale(1.2)}.audit-entry__card{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;padding:1rem 1.25rem;transition:all .2s}.audit-entry__card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translate(4px)}.audit-entry--expanded .audit-entry__card{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), var(--shadow-md)}.audit-entry__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.audit-entry__main{flex:1;min-width:0}.audit-entry__event-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.audit-entry__event{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.audit-entry__event--info{background:var(--info-light);color:var(--info)}.audit-entry__event--warning{background:var(--warning-light);color:var(--warning-dark)}.audit-entry__event--error{background:var(--danger-light);color:var(--danger)}.audit-entry__target{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.8125rem;display:inline-flex}.audit-entry__target-type{color:var(--text-primary);text-transform:capitalize;font-weight:500}.audit-entry__target-id{color:var(--text-muted);background:var(--bg-tertiary);border-radius:4px;padding:.125rem .375rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.7rem}.audit-entry__description{color:var(--text-secondary);margin-top:.375rem;font-size:.875rem;line-height:1.5}.audit-entry__meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.375rem;display:flex}.audit-entry__time{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.audit-entry__user{color:var(--text-primary);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;display:flex}.audit-entry__user-avatar{background:linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-cyan) 100%);color:#fff;text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.625rem;font-weight:700;display:flex}.audit-entry__status{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:500;display:flex}.audit-entry__status--success{color:var(--success)}.audit-entry__status--error{color:var(--danger)}.audit-entry__expand{border-top:1px dashed var(--border-color);color:var(--text-muted);align-items:center;gap:.25rem;margin-top:.5rem;padding-top:.5rem;font-size:.75rem;transition:color .15s;display:flex}.audit-entry__card:hover .audit-entry__expand{color:var(--primary)}.audit-entry__expand svg{transition:transform .2s}.audit-entry--expanded .audit-entry__expand svg{transform:rotate(180deg)}.audit-entry__details{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem;animation:.2s ease-out expandIn}@keyframes expandIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.audit-details__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.audit-details__item{flex-direction:column;gap:.25rem;display:flex}.audit-details__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:600}.audit-details__value{color:var(--text-primary);word-break:break-word;font-size:.8125rem}.audit-details__value--mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.75rem}.audit-details__value--error{color:var(--danger);background:var(--danger-light);border-radius:6px;padding:.5rem .75rem;font-size:.8125rem}.audit-details__json{grid-column:1/-1}.audit-details__json-content{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;max-height:200px;margin-top:.5rem;padding:.75rem 1rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.75rem;line-height:1.6;overflow-x:auto}.audit-pagination{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;margin-top:2rem;padding:1rem 1.25rem;display:flex}.audit-pagination__info{color:var(--text-muted);font-size:.8125rem}.audit-pagination__info strong{color:var(--text-primary);font-weight:600}.audit-pagination__controls{align-items:center;gap:.5rem;display:flex}.audit-pagination__btn{color:var(--text-secondary);background:var(--bg-tertiary);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.audit-pagination__btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color)}.audit-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.audit-pagination__pages{align-items:center;gap:.25rem;padding:0 .5rem;display:flex}.audit-pagination__page{min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.audit-pagination__page:hover{background:var(--bg-hover);color:var(--text-primary)}.audit-pagination__page--active{background:var(--primary);color:#fff}.audit-pagination__page--active:hover{background:var(--primary-hover);color:#fff}.audit-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.audit-empty__icon{background:var(--bg-secondary);border:1px dashed var(--border-color);width:80px;height:80px;color:var(--text-muted);border-radius:20px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.audit-empty h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.audit-empty p{color:var(--text-muted);max-width:320px;margin:0;font-size:.875rem}.audit-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.audit-loading__spinner{border:3px solid var(--bg-tertiary);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.audit-loading__text{color:var(--text-muted);font-size:.875rem}.audit-error{background:var(--danger-light);border:1px solid var(--danger);border-radius:10px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.audit-error__icon{color:var(--danger);flex-shrink:0}.audit-error__message{color:var(--danger);flex:1;font-size:.875rem}.audit-error__retry{color:var(--danger);border:1px solid var(--danger);cursor:pointer;background:#fff;border-radius:6px;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s}.audit-error__retry:hover{background:var(--danger);color:#fff}@media (width<=768px){.audit-page{padding:1rem}.audit-header__top{flex-direction:column;align-items:stretch}.audit-header__actions{justify-content:flex-start}.audit-filters{flex-direction:column;gap:1rem}.audit-filter{flex-direction:column;align-items:stretch}.audit-filters__clear{margin-top:.5rem;margin-left:0}.audit-timeline:before{left:11px}.audit-entry{padding-left:36px}.audit-entry__dot{width:14px;height:14px;left:4px}.audit-entry__header{flex-direction:column;gap:.75rem}.audit-entry__meta{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.audit-details__grid{grid-template-columns:1fr}.audit-pagination{text-align:center;flex-direction:column;gap:1rem}}.tenants-page{background:radial-gradient(ellipse 80% 50% at 50% -20%, var(--gradient-start) 0%, var(--gradient-end) 50%), var(--bg-primary);min-height:calc(100vh - 60px);padding:2.5rem 3rem;position:relative}.tenants-page:before{content:"";background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);pointer-events:none;background-size:64px 64px;position:absolute;inset:0}.tenants-content{max-width:1440px;margin:0 auto;position:relative}.tenants-header{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2.5rem;display:flex}.tenants-header-left{align-items:flex-start;gap:1.25rem;display:flex}.tenants-icon-wrapper{background:linear-gradient(135deg, var(--accent-purple-light) 0%, var(--accent-purple-light) 100%);border:1px solid var(--accent-purple-glow);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.tenants-icon-wrapper svg{width:28px;height:28px;color:var(--accent-purple)}.tenants-header-text h1{color:var(--text-primary);letter-spacing:-.025em;margin:0 0 .375rem;font-size:2rem;font-weight:700}.tenants-header-text p{color:var(--text-muted);margin:0;font-size:.9375rem}.tenants-header-right{align-items:center;gap:1rem;display:flex}.filter-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;border-radius:10px;align-items:center;gap:.625rem;padding:.625rem 1rem;transition:all .2s;display:flex}.filter-toggle:hover{background:var(--glass-hover);border-color:var(--accent-purple-glow)}.filter-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-purple);cursor:pointer}.filter-toggle span{color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-size:.875rem}.btn-create{background:linear-gradient(135deg, var(--accent-purple) 0%, #8b5cf6 100%);color:#fff;cursor:pointer;box-shadow:0 0 20px var(--accent-purple-glow), 0 4px 12px var(--accent-purple-glow);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-create:hover{box-shadow:0 0 30px var(--accent-purple-glow), 0 8px 20px var(--accent-purple-glow);transform:translateY(-2px)}.btn-create:active{transform:translateY(0)}.btn-create svg{width:18px;height:18px}.tenants-stats{gap:1rem;margin-bottom:2rem;display:flex}.stat-card{background:var(--card-bg-subtle);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;flex:1;max-width:200px;padding:1rem 1.25rem}.stat-card-value{color:var(--text-primary);margin-bottom:.25rem;font-size:1.75rem;font-weight:700;line-height:1}.stat-card-value.accent{background:linear-gradient(135deg, var(--accent-purple) 0%, #a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stat-card-label{color:var(--text-muted);font-size:.8125rem}.tenants-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;display:grid}.tenant-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;transition:all .3s;position:relative;overflow:hidden}.tenant-card:before{content:"";background:linear-gradient(90deg, var(--accent-purple) 0%, #8b5cf6 50%, #a78bfa 100%);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.tenant-card:hover{border-color:var(--accent-purple-glow);box-shadow:0 20px 40px -12px #0006, 0 0 20px var(--accent-purple-light);transform:translateY(-4px)}.tenant-card:hover:before{opacity:1}.tenant-card.inactive{opacity:.6}.tenant-card.inactive:hover{opacity:.8}.tenant-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem 1.5rem 0;display:flex}.tenant-name{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600;line-height:1.3}.tenant-status{text-transform:uppercase;letter-spacing:.03em;border-radius:20px;flex-shrink:0;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.tenant-status.active{background:var(--success-light);color:var(--success);border:1px solid var(--success)}.tenant-status.active:before{content:"";background:var(--success);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}.tenant-status.inactive{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger)}.tenant-card-body{padding:1.25rem 1.5rem}.tenant-members{align-items:baseline;gap:.5rem;margin-bottom:1rem;display:flex}.member-count{background:linear-gradient(135deg, var(--accent-purple) 0%, #a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;line-height:1}.member-label{color:var(--text-muted);font-size:.9375rem}.tenant-meta{flex-direction:column;gap:.5rem;display:flex}.meta-row{align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.meta-row svg{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.meta-key{color:var(--text-muted)}.meta-value{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:4px;padding:.125rem .5rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.75rem}.meta-date{color:var(--text-secondary)}.tenant-card-actions{background:var(--bg-tertiary);border-top:1px solid var(--glass-border);gap:.5rem;padding:1rem 1.5rem;display:flex}.btn-action{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-action:hover{background:var(--glass-hover);color:var(--text-primary);border-color:var(--accent-purple-glow)}.btn-action svg{width:15px;height:15px}.btn-action.danger{color:var(--danger)}.btn-action.danger:hover{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}.tenants-empty{background:var(--card-bg-subtle);border:1px dashed var(--glass-border);text-align:center;border-radius:16px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-icon{background:var(--accent-purple-light);border:1px solid var(--accent-purple-glow);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:flex}.empty-icon svg{width:36px;height:36px;color:var(--accent-purple)}.tenants-empty h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.tenants-empty p{color:var(--text-muted);max-width:320px;margin:0 0 1.5rem}.tenants-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:6rem 2rem;display:flex}.tenants-loading span{font-size:.9375rem}.tenants-error{background:var(--danger-light);border:1px solid var(--danger);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.tenants-error-content{color:var(--danger);align-items:center;gap:.75rem;display:flex}.tenants-error-content svg{flex-shrink:0;width:20px;height:20px}.tenants-error button{color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;transition:all .2s}.tenants-error button:hover{background:var(--danger-light)}.tenant-modal-overlay{background:var(--overlay-dark);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;justify-content:center;align-items:center;padding:1rem;animation:.2s fade-in;display:flex;position:fixed;inset:0}.tenant-modal{background:var(--card-bg-elevated);border:1px solid var(--glass-border);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-xl);border-radius:20px;animation:.3s modal-slide;overflow-y:auto}.tenant-modal.modal-lg{max-width:640px}.tenant-modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;display:flex}.tenant-modal-header h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.modal-close-btn{background:var(--glass-bg);border:1px solid var(--glass-border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.modal-close-btn:hover{background:var(--glass-hover);color:var(--text-primary);border-color:var(--accent-purple-glow)}.modal-close-btn:hover svg{stroke:var(--text-primary)}.modal-close-btn svg{stroke:currentColor;stroke-width:2.5px;width:18px;height:18px}.tenant-modal-body{padding:1.75rem}.tenant-modal-footer{border-top:1px solid var(--glass-border);background:var(--bg-tertiary);border-radius:0 0 20px 20px;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.75rem;display:flex}.tenant-form-group{margin-bottom:1.5rem}.tenant-form-group:last-child{margin-bottom:0}.tenant-form-group label{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.tenant-form-group input[type=text],.tenant-form-group input[type=email]{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--input-text);box-sizing:border-box;border-radius:10px;padding:.75rem 1rem;font-size:.9375rem;transition:all .2s}.tenant-form-group input::placeholder{color:var(--input-placeholder)}.tenant-form-group input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-ring);outline:none}.tenant-form-group input:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.form-hint{color:var(--text-muted);margin:.5rem 0 0;font-size:.8125rem}.form-checkbox{cursor:pointer;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:10px;align-items:center;gap:.625rem;padding:.75rem 1rem;transition:all .2s;display:flex}.form-checkbox:hover{border-color:var(--accent-purple-glow)}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-purple);cursor:pointer}.form-checkbox span{color:var(--text-primary);font-size:.9375rem}.form-error{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger);border-radius:10px;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.875rem}.btn-modal{cursor:pointer;border-radius:10px;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;transition:all .2s}.btn-modal.secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary)}.btn-modal.secondary:hover{background:var(--glass-hover);color:var(--text-primary)}.btn-modal.primary{background:linear-gradient(135deg, var(--accent-purple) 0%, #8b5cf6 100%);color:#fff;box-shadow:0 4px 12px var(--accent-purple-glow);border:none}.btn-modal.primary:hover{box-shadow:0 6px 16px var(--accent-purple-glow);transform:translateY(-1px)}.btn-modal.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.detail-section{margin-bottom:1.5rem}.detail-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.detail-item{flex-direction:column;gap:.25rem;display:flex}.detail-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.6875rem;font-weight:600}.detail-value{color:var(--text-primary);font-size:.9375rem}.section-heading{color:var(--text-primary);border-top:1px solid var(--glass-border);margin:0 0 1rem;padding-top:.5rem;font-size:.9375rem;font-weight:600}.member-list{flex-direction:column;gap:.625rem;display:flex}.member-item{background:var(--card-bg-subtle);border:1px solid var(--glass-border);border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.member-item:hover{border-color:var(--accent-purple-glow)}.member-avatar{background:linear-gradient(135deg, var(--accent-purple) 0%, #8b5cf6 100%);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:600;display:flex}.member-info{flex:1;min-width:0}.member-email{color:var(--text-primary);font-size:.9375rem;font-weight:500;display:block}.member-details{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.role-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;align-items:center;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.role-badge.admin{background:var(--info-light);color:var(--info)}.role-badge.user{background:var(--bg-tertiary);color:var(--text-secondary)}.status-dot{border-radius:50%;width:6px;height:6px}.status-dot.active{background:var(--success)}.status-dot.inactive{background:var(--danger)}.view-user-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:.5rem .875rem;font-size:.75rem;font-weight:500;transition:all .2s}.view-user-btn:hover{background:var(--glass-hover);color:var(--text-primary);border-color:var(--accent-purple-glow)}.empty-members{text-align:center;color:var(--text-muted);background:var(--bg-tertiary);border-radius:10px;padding:2rem;font-size:.875rem}.modal-loading{color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}@media (width<=1024px){.tenants-page{padding:2rem}.tenants-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (width<=768px){.tenants-page{padding:1.5rem}.tenants-header{flex-direction:column;align-items:stretch;gap:1.25rem}.tenants-header-right{flex-direction:column;align-items:stretch;gap:.75rem}.filter-toggle,.btn-create{justify-content:center}.tenants-stats{flex-wrap:wrap}.stat-card{flex:calc(50% - .5rem);max-width:none}.tenants-grid,.detail-grid{grid-template-columns:1fr}.tenant-modal{border-radius:0;max-height:100vh;margin:0}}.devices-page{background:radial-gradient(ellipse 80% 50% at 50% -20%, var(--accent-cyan-light) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 80% 80%, var(--accent-green-light) 0%, transparent 50%), var(--bg-primary);min-height:calc(100vh - 60px);color:var(--text-primary);padding:2.5rem 3rem;position:relative}.devices-page:before{content:"";background-image:linear-gradient(var(--accent-cyan-light) 1px, transparent 1px), linear-gradient(90deg, var(--accent-cyan-light) 1px, transparent 1px);opacity:.3;pointer-events:none;background-size:64px 64px;position:absolute;inset:0}.devices-content{max-width:1440px;margin:0 auto;position:relative}.devices-header{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.devices-header-left{align-items:flex-start;gap:1.25rem;display:flex}.devices-icon-wrapper{background:linear-gradient(135deg, var(--accent-cyan-light) 0%, var(--accent-green-light) 100%);border:1px solid var(--accent-cyan-glow);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.devices-icon-wrapper svg{width:28px;height:28px;color:var(--accent-cyan)}.devices-header-text h1{color:var(--text-primary);letter-spacing:-.025em;margin:0 0 .375rem;font-size:2rem;font-weight:700}.devices-header-text p{color:var(--text-muted);margin:0;font-size:.9375rem}.btn-sync{color:#fff;cursor:pointer;box-shadow:0 0 20px var(--accent-cyan-glow), 0 4px 12px var(--accent-cyan-glow);background:linear-gradient(135deg,#0891b2 0%,#059669 100%);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-sync:hover:not(:disabled){box-shadow:0 0 30px var(--accent-cyan-glow), 0 8px 20px var(--accent-cyan-glow);transform:translateY(-2px)}.btn-sync:active:not(:disabled){transform:translateY(0)}.btn-sync:disabled{opacity:.7;cursor:not-allowed}.btn-sync svg{width:18px;height:18px}.btn-sync svg.spinning{animation:1s linear infinite spin}.devices-alert{border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;animation:.3s slideDown;display:flex}.devices-alert.success{background:var(--success-light);border:1px solid var(--success);color:var(--success)}.devices-alert.error{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger)}.devices-alert svg{flex-shrink:0;width:20px;height:20px}.devices-alert-content{flex:1}.devices-alert-dismiss{background:var(--glass-bg);width:28px;height:28px;color:inherit;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background .2s;display:flex}.devices-alert-dismiss:hover{background:var(--glass-hover)}.devices-alert-dismiss svg{width:14px;height:14px}.devices-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;display:grid}.device-stat-card{background:var(--card-bg-subtle);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.device-stat-icon{background:var(--accent-cyan-light);border:1px solid var(--accent-cyan-glow);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.device-stat-icon svg{width:24px;height:24px;color:var(--accent-cyan)}.device-stat-icon.success{background:var(--success-light);border-color:var(--success)}.device-stat-icon.success svg{color:var(--success)}.device-stat-icon.warning{background:var(--warning-light);border-color:var(--warning)}.device-stat-icon.warning svg{color:var(--warning)}.device-stat-info{flex:1;min-width:0}.device-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.25rem;font-size:.6875rem;font-weight:600}.device-stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.2}.device-stat-value.accent{background:linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-green) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.device-stat-value.success{color:var(--success)}.device-stat-value.warning{color:var(--warning)}.device-stat-hint{color:var(--text-muted);margin-top:.25rem;font-size:.75rem}.devices-container{background:var(--card-bg-subtle);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;overflow:hidden}.devices-container-header{background:var(--bg-tertiary);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.devices-container-title{color:var(--text-primary);align-items:center;gap:.75rem;margin:0;font-size:1rem;font-weight:600;display:flex}.devices-container-title svg{width:20px;height:20px;color:var(--accent-cyan)}.devices-count-badge{background:var(--accent-cyan-light);border:1px solid var(--accent-cyan-glow);color:var(--accent-cyan);border-radius:20px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.devices-container-body{padding:1.5rem}.platform-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.platform-card{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:14px;transition:all .3s;overflow:hidden}.platform-card:hover{border-color:var(--accent-cyan-glow)}.platform-card.expanded{border-color:var(--accent-cyan);box-shadow:0 0 30px var(--accent-cyan-light)}.platform-card-header{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);background:0 0;border:none;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:background .2s;display:flex}.platform-card-header:hover{background:var(--glass-hover)}.platform-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.75rem;display:flex}.platform-icon.ios{background:var(--glass-bg);border:1px solid var(--glass-border)}.platform-icon.android{background:var(--accent-green-light);border:1px solid var(--accent-green)}.platform-devices{border-top:1px solid var(--glass-border);animation:.3s expandDown}@keyframes expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.device-search{background:var(--bg-tertiary);border-bottom:1px solid var(--glass-border);padding:1rem 1.5rem}.device-search-input{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--input-text);border-radius:8px;padding:.625rem 1rem .625rem 2.5rem;font-size:.875rem;transition:all .2s}.device-search-input::placeholder{color:var(--input-placeholder)}.device-search-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan-light);outline:none}.device-search-wrapper{position:relative}.device-search-icon{width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.device-list{max-height:400px;padding:.5rem;overflow-y:auto}.device-list::-webkit-scrollbar{width:6px}.device-list::-webkit-scrollbar-track{background:var(--bg-tertiary)}.device-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.device-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.device-item{background:var(--glass-bg);border:1px solid #0000;border-radius:10px;margin-bottom:.5rem;transition:all .2s;overflow:hidden}.device-item:last-child{margin-bottom:0}.device-item:hover{border-color:var(--glass-border)}.device-item.expanded{border-color:var(--accent-cyan-glow);background:var(--accent-cyan-light)}.device-item-header{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);background:0 0;border:none;align-items:center;gap:.75rem;padding:.875rem 1rem;transition:background .2s;display:flex}.device-item-header:hover{background:var(--glass-hover)}.device-item-icon{background:var(--bg-tertiary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.device-item-icon svg{width:18px;height:18px;color:var(--text-secondary)}.device-item-icon.phone svg{color:var(--accent-cyan)}.device-item-icon.tablet svg{color:var(--accent-purple)}.device-item-info{flex:1;min-width:0}.device-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9375rem;font-weight:500;overflow:hidden}.device-item-category{color:var(--text-muted);text-transform:capitalize;font-size:.75rem}.device-version-count{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:6px;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;display:flex}.device-item-chevron{width:24px;height:24px;color:var(--text-muted);justify-content:center;align-items:center;transition:all .2s;display:flex}.device-item-chevron svg{width:14px;height:14px;transition:transform .2s}.device-item.expanded .device-item-chevron svg{transform:rotate(180deg)}.platform-info{flex:1;min-width:0}.platform-name{color:var(--text-primary);margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.platform-meta{align-items:center;gap:1rem;display:flex}.platform-device-count{color:var(--text-secondary);font-size:.875rem}.platform-device-count strong{color:var(--accent-cyan)}.platform-chevron{background:var(--glass-bg);width:32px;height:32px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex}.platform-chevron svg{width:16px;height:16px;transition:transform .3s}.platform-card.expanded .platform-chevron{background:var(--accent-cyan-light);color:var(--accent-cyan)}.platform-card.expanded .platform-chevron svg{transform:rotate(180deg)}.device-versions{background:var(--bg-tertiary);flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem 1rem 3.5rem;animation:.2s fadeIn;display:flex}.version-tag{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:6px;align-items:center;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-flex}.version-tag:hover{background:var(--accent-cyan-light);border-color:var(--accent-cyan-glow);color:var(--accent-cyan)}.version-tag.ios{background:var(--glass-bg);border-color:var(--glass-border)}.version-tag.ios:hover{background:var(--glass-hover);border-color:var(--border-hover);color:var(--text-primary)}.version-tag.android{background:var(--accent-green-light);border-color:var(--accent-green)}.version-tag.android:hover{background:var(--accent-green-light);border-color:var(--accent-green);color:var(--accent-green)}.devices-empty{text-align:center;padding:4rem 2rem}.devices-empty-icon{background:var(--accent-cyan-light);border:1px solid var(--accent-cyan-glow);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.devices-empty-icon svg{width:36px;height:36px;color:var(--accent-cyan)}.devices-empty h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.devices-empty p{color:var(--text-muted);margin:0 0 1.5rem}.devices-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:6rem 2rem;display:flex}@media (width<=1024px){.devices-page{padding:2rem}.devices-stats,.platform-grid{grid-template-columns:1fr}}@media (width<=768px){.devices-page{padding:1.5rem}.devices-header{flex-direction:column;align-items:stretch;gap:1.25rem}.btn-sync{justify-content:center}.device-stat-card{padding:1rem}.device-stat-icon{width:40px;height:40px}.device-stat-value{font-size:1.25rem}}.cookie-info-page{max-width:1400px;margin:0 auto;padding:2rem}.cookie-info-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;display:flex}.cookie-info-page__header-content{flex:1}.cookie-info-page__title-row{align-items:center;gap:.875rem;display:flex}.cookie-info-page__icon{color:var(--primary,#667eea);flex-shrink:0}.cookie-info-page__header h1{color:var(--text-primary,#1a1d24);margin:0;font-size:1.75rem;font-weight:700;line-height:1.2}[data-theme=dark] .cookie-info-page__header h1{color:var(--text-primary,#f1f5f9)}.cookie-info-page__subtitle{color:var(--text-muted,#64748b);margin:.25rem 0 0;font-size:.9375rem}.cookie-info-page__header-actions{align-items:center;gap:.75rem;display:flex}.cookie-info-page__stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.cookie-stat-card{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;flex-direction:column;gap:.25rem;padding:1.25rem;display:flex}[data-theme=dark] .cookie-stat-card{background:var(--bg-primary,#1a1d24);border-color:var(--border-color,#2d323b)}.cookie-stat-card__value{color:var(--primary,#667eea);font-size:2rem;font-weight:700;line-height:1}.cookie-stat-card--warning .cookie-stat-card__value{color:var(--warning,#f59e0b)}.cookie-stat-card__label{color:var(--text-muted,#64748b);font-size:.875rem}.cookie-info-page__filters{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;margin-bottom:1.5rem;padding:1rem}[data-theme=dark] .cookie-info-page__filters{background:var(--bg-primary,#1a1d24);border-color:var(--border-color,#2d323b)}.cookie-info-page__tabs{border-bottom:1px solid var(--border-color,#e2e8f0);gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}[data-theme=dark] .cookie-info-page__tabs{border-color:var(--border-color,#2d323b)}.cookie-tab{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.cookie-tab:hover{color:var(--text-primary,#1a1d24);background:var(--bg-hover,#0000000a)}[data-theme=dark] .cookie-tab:hover{color:var(--text-primary,#f1f5f9);background:var(--bg-hover,#ffffff0a)}.cookie-tab--active{color:var(--primary,#667eea);background:#667eea1a}.cookie-tab--active:hover{color:var(--primary,#667eea);background:#667eea26}.cookie-tab__badge{color:#fff;background:var(--warning,#f59e0b);border-radius:9999px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;font-size:.6875rem;font-weight:600;display:inline-flex}.cookie-info-page__filter-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.cookie-search{flex:1;min-width:200px;max-width:360px;position:relative}.cookie-search__icon{color:var(--text-muted,#64748b);pointer-events:none;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.cookie-search__input{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-secondary,#f8fafc);width:100%;color:var(--text-primary,#1a1d24);border-radius:8px;padding:.625rem 2.25rem .625rem 2.5rem;font-size:.875rem;transition:all .15s}[data-theme=dark] .cookie-search__input{background:var(--bg-secondary,#22262f);border-color:var(--border-color,#2d323b);color:var(--text-primary,#f1f5f9)}.cookie-search__input:focus{border-color:var(--primary,#667eea);background:var(--bg-primary,#fff);outline:none;box-shadow:0 0 0 3px #667eea1a}[data-theme=dark] .cookie-search__input:focus{background:var(--bg-primary,#1a1d24)}.cookie-search__input::placeholder{color:var(--text-muted,#94a3b8)}.cookie-search__clear{background:var(--bg-tertiary,#e2e8f0);width:1.25rem;height:1.25rem;color:var(--text-muted,#64748b);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex;position:absolute;top:50%;right:.625rem;transform:translateY(-50%)}[data-theme=dark] .cookie-search__clear{background:var(--bg-tertiary,#2d323b)}.cookie-search__clear:hover{background:var(--text-muted,#64748b);color:#fff}.cookie-filter{align-items:center;display:flex;position:relative}.cookie-filter__icon{color:var(--text-muted,#64748b);pointer-events:none;position:absolute;left:.75rem}.cookie-filter__select{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-secondary,#f8fafc);color:var(--text-primary,#1a1d24);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border-radius:8px;padding:.625rem 2rem .625rem 2.25rem;font-size:.875rem;transition:all .15s}[data-theme=dark] .cookie-filter__select{background-color:var(--bg-secondary,#22262f);border-color:var(--border-color,#2d323b);color:var(--text-primary,#f1f5f9);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.cookie-filter__select:focus{border-color:var(--primary,#667eea);outline:none;box-shadow:0 0 0 3px #667eea1a}.cookie-info-page__error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.875rem 1rem;display:flex}[data-theme=dark] .cookie-info-page__error{background:#ef44441a;border-color:#ef44444d}.cookie-info-page__error span{flex:1}.cookie-info-page__error button{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:flex}.cookie-info-page__error button:hover{opacity:1}.cookie-info-page__loading{color:var(--text-muted,#64748b);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.cookie-info-page__empty{text-align:center;background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}[data-theme=dark] .cookie-info-page__empty{background:var(--bg-primary,#1a1d24);border-color:var(--border-color,#2d323b)}.cookie-info-page__empty-icon{color:var(--border-color,#cbd5e1);margin-bottom:1rem}[data-theme=dark] .cookie-info-page__empty-icon{color:var(--border-color,#3d424b)}.cookie-info-page__empty h3{color:var(--text-primary,#334155);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}[data-theme=dark] .cookie-info-page__empty h3{color:var(--text-primary,#f1f5f9)}.cookie-info-page__empty p{color:var(--text-muted,#64748b);margin:0 0 1.5rem}.cookie-table-container{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;overflow:hidden}[data-theme=dark] .cookie-table-container{background:var(--bg-primary,#1a1d24);border-color:var(--border-color,#2d323b)}.cookie-table{border-collapse:collapse;width:100%}.cookie-table th,.cookie-table td{text-align:left;border-bottom:1px solid var(--border-color,#e2e8f0);padding:.875rem 1rem}[data-theme=dark] .cookie-table th,[data-theme=dark] .cookie-table td{border-color:var(--border-color,#2d323b)}.cookie-table th{background:var(--bg-secondary,#f8fafc);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#64748b);font-size:.75rem;font-weight:600}[data-theme=dark] .cookie-table th{background:var(--bg-secondary,#22262f)}.cookie-table tbody tr{transition:background .15s}.cookie-table tbody tr:hover{background:var(--bg-hover,#00000005)}[data-theme=dark] .cookie-table tbody tr:hover{background:var(--bg-hover,#ffffff05)}.cookie-table tbody tr:last-child td{border-bottom:none}.cookie-row--pending{background:#f59e0b08}[data-theme=dark] .cookie-row--pending{background:#f59e0b0d}.cookie-name-cell{flex-direction:column;gap:.25rem;min-width:200px;display:flex}.cookie-name{color:var(--primary,#667eea);word-break:break-all;background:#667eea14;border-radius:4px;padding:.125rem .375rem;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875rem;font-weight:500;display:inline-block}[data-theme=dark] .cookie-name{background:#667eea26}.cookie-description{color:var(--text-muted,#64748b);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.4;display:-webkit-box;overflow:hidden}.cookie-badge{white-space:nowrap;border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.cookie-badge--category{color:#fff}.cookie-badge--type{background:var(--bg-secondary,#f1f5f9);color:var(--text-secondary,#475569)}[data-theme=dark] .cookie-badge--type{background:var(--bg-secondary,#2d323b);color:var(--text-secondary,#94a3b8)}.cookie-company{color:var(--text-primary,#334155);font-size:.875rem}[data-theme=dark] .cookie-company{color:var(--text-primary,#e2e8f0)}.text-muted{color:var(--text-muted,#94a3b8)}.cookie-status{display:flex}.cookie-status-badge{border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.cookie-status-badge--verified{color:#16a34a;background:#22c55e1a}[data-theme=dark] .cookie-status-badge--verified{color:#4ade80;background:#22c55e26}.cookie-status-badge--review{color:#d97706;background:#f59e0b1a}[data-theme=dark] .cookie-status-badge--review{color:#fbbf24;background:#f59e0b26}.cookie-status-badge--unverified{background:var(--bg-secondary,#f1f5f9);color:var(--text-muted,#64748b)}[data-theme=dark] .cookie-status-badge--unverified{background:var(--bg-secondary,#2d323b)}.cookie-actions{align-items:center;gap:.375rem;display:flex}.cookie-action-btn{width:1.75rem;height:1.75rem;color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:all .15s;display:flex}.cookie-action-btn:hover{background:var(--bg-secondary,#f1f5f9);border-color:var(--border-color,#e2e8f0);color:var(--text-primary,#1a1d24)}[data-theme=dark] .cookie-action-btn:hover{background:var(--bg-secondary,#2d323b);border-color:var(--border-color,#3d424b);color:var(--text-primary,#f1f5f9)}.cookie-action-btn--verify{color:#16a34a}.cookie-action-btn--verify:hover{color:#16a34a;background:#22c55e1a;border-color:#22c55e4d}.cookie-action-btn--danger:hover{color:#dc2626;background:#ef44441a;border-color:#ef44444d}.cookie-pagination{justify-content:space-between;align-items:center;margin-top:1rem;padding:1rem 0;display:flex}.cookie-pagination__info{color:var(--text-muted,#64748b);font-size:.875rem}.cookie-pagination__controls{align-items:center;gap:.75rem;display:flex}.cookie-pagination__btn{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);width:2rem;height:2rem;color:var(--text-primary,#1a1d24);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}[data-theme=dark] .cookie-pagination__btn{background:var(--bg-primary,#1a1d24);border-color:var(--border-color,#2d323b);color:var(--text-primary,#f1f5f9)}.cookie-pagination__btn:hover:not(:disabled){background:var(--bg-secondary,#f8fafc);border-color:var(--primary,#667eea)}[data-theme=dark] .cookie-pagination__btn:hover:not(:disabled){background:var(--bg-secondary,#22262f)}.cookie-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.cookie-pagination__page{color:var(--text-primary,#334155);text-align:center;min-width:100px;font-size:.875rem}[data-theme=dark] .cookie-pagination__page{color:var(--text-primary,#e2e8f0)}.cookie-form-modal{background:var(--bg-primary,#fff);border-radius:12px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;animation:.2s modalSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}[data-theme=dark] .cookie-form-modal{background:var(--bg-primary,#1a1d24);border:1px solid var(--border-color,#2d323b)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cookie-form-modal__header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}[data-theme=dark] .cookie-form-modal__header{border-color:var(--border-color,#2d323b)}.cookie-form-modal__header h2{color:var(--text-primary,#1a1d24);margin:0;font-size:1.25rem;font-weight:600}[data-theme=dark] .cookie-form-modal__header h2{color:var(--text-primary,#f1f5f9)}.cookie-form-modal__close{width:2rem;height:2rem;color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.cookie-form-modal__close:hover{background:var(--bg-hover,#0000000d);color:var(--text-primary,#1a1d24)}[data-theme=dark] .cookie-form-modal__close:hover{background:var(--bg-hover,#ffffff0d);color:var(--text-primary,#f1f5f9)}.cookie-form-modal__body{flex:1;padding:1.5rem;overflow-y:auto}.cookie-form-modal__error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.875rem;display:flex}[data-theme=dark] .cookie-form-modal__error{background:#ef44441a;border-color:#ef44444d}.cookie-form-modal__footer{border-top:1px solid var(--border-color,#e2e8f0);background:var(--bg-secondary,#f8fafc);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}[data-theme=dark] .cookie-form-modal__footer{border-color:var(--border-color,#2d323b);background:var(--bg-secondary,#22262f)}.cookie-form__grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.cookie-form__group{flex-direction:column;gap:.375rem;display:flex}.cookie-form__group--full{grid-column:1/-1}.cookie-form__group label{color:var(--text-primary,#334155);font-size:.875rem;font-weight:500}[data-theme=dark] .cookie-form__group label{color:var(--text-primary,#e2e8f0)}.cookie-form__group input,.cookie-form__group select,.cookie-form__group textarea{border:1px solid var(--border-color,#e2e8f0);color:var(--text-primary,#1a1d24);background:var(--bg-primary,#fff);border-radius:8px;padding:.625rem .875rem;font-size:.9375rem;transition:all .15s}[data-theme=dark] .cookie-form__group input,[data-theme=dark] .cookie-form__group select,[data-theme=dark] .cookie-form__group textarea{background:var(--bg-secondary,#22262f);border-color:var(--border-color,#2d323b);color:var(--text-primary,#f1f5f9)}.cookie-form__group input:focus,.cookie-form__group select:focus,.cookie-form__group textarea:focus{border-color:var(--primary,#667eea);outline:none;box-shadow:0 0 0 3px #667eea1a}.cookie-form__group textarea{resize:vertical;min-height:80px}.cookie-form__group .input-disabled{background:var(--bg-secondary,#f1f5f9);color:var(--text-muted,#64748b);cursor:not-allowed}[data-theme=dark] .cookie-form__group .input-disabled{background:var(--bg-tertiary,#2d323b)}.cookie-form__hint{color:var(--text-muted,#64748b);margin:0;font-size:.8125rem}.spinner{border:3px solid var(--border-color,#e2e8f0);border-top-color:var(--primary,#667eea);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}[data-theme=dark] .spinner{border-color:var(--border-color,#2d323b);border-top-color:var(--primary,#667eea)}@media (width<=768px){.cookie-info-page{padding:1rem}.cookie-info-page__header{flex-direction:column;align-items:stretch}.cookie-info-page__header-actions{justify-content:flex-end}.cookie-info-page__filter-row{flex-direction:column;align-items:stretch}.cookie-search{max-width:none}.cookie-table-container{overflow-x:auto}.cookie-table{min-width:700px}.cookie-form__grid{grid-template-columns:1fr}.cookie-pagination{flex-direction:column;gap:1rem}}.cost-dashboard{max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem}.cost-dashboard__header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}[data-theme=dark] .cost-dashboard__header{border-color:var(--border-color,#2d323b)}.cost-dashboard__title-block{flex:1}.cost-dashboard__title{letter-spacing:-.025em;color:var(--text-primary,#0f172a);margin:0 0 .25rem;font-size:1.75rem;font-weight:700}[data-theme=dark] .cost-dashboard__title{color:var(--text-primary,#f8fafc)}.cost-dashboard__subtitle{color:var(--text-muted,#64748b);margin:0;font-size:.875rem}.cost-dashboard__actions{align-items:center;gap:.75rem;display:flex}.cost-dashboard__period-tabs{background:var(--bg-secondary,#f1f5f9);border-radius:10px;padding:4px;display:flex}[data-theme=dark] .cost-dashboard__period-tabs{background:var(--bg-secondary,#1e222a)}.cost-dashboard__period-tab{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .15s}.cost-dashboard__period-tab:hover{color:var(--text-primary,#1e293b)}[data-theme=dark] .cost-dashboard__period-tab:hover{color:var(--text-primary,#f1f5f9)}.cost-dashboard__period-tab--active{background:var(--bg-primary,#fff);color:var(--text-primary,#1e293b);box-shadow:0 1px 3px #0000001a}[data-theme=dark] .cost-dashboard__period-tab--active{background:var(--bg-tertiary,#2d323b);color:var(--text-primary,#f1f5f9)}.cost-dashboard__refresh-btn{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-primary,#fff);width:36px;height:36px;color:var(--text-muted,#64748b);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}[data-theme=dark] .cost-dashboard__refresh-btn{background:var(--bg-secondary,#1e222a);border-color:var(--border-color,#2d323b)}.cost-dashboard__refresh-btn:hover:not(:disabled){color:var(--primary,#3b82f6);border-color:var(--primary,#3b82f6)}.cost-dashboard__refresh-btn:disabled{opacity:.5;cursor:not-allowed}.cost-dashboard__loading,.cost-dashboard__error{color:var(--text-muted,#64748b);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.cost-dashboard__error button{background:var(--primary,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem}.cost-dashboard__cards{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem;display:grid}@media (width<=1100px){.cost-dashboard__cards{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.cost-dashboard__cards{grid-template-columns:1fr}}.cost-dashboard__card{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;align-items:flex-start;gap:1rem;padding:1.25rem;transition:all .2s;display:flex}[data-theme=dark] .cost-dashboard__card{background:var(--bg-secondary,#1e222a);border-color:var(--border-color,#2d323b)}.cost-dashboard__card:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px #0000001a}[data-theme=dark] .cost-dashboard__card:hover{box-shadow:0 8px 25px -5px #0000004d}.cost-dashboard__card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.cost-dashboard__card--green .cost-dashboard__card-icon{color:#16a34a;background:#22c55e1a}[data-theme=dark] .cost-dashboard__card--green .cost-dashboard__card-icon{color:#4ade80;background:#22c55e26}.cost-dashboard__card--purple .cost-dashboard__card-icon{color:#7c3aed;background:#8b5cf61a}[data-theme=dark] .cost-dashboard__card--purple .cost-dashboard__card-icon{color:#a78bfa;background:#8b5cf626}.cost-dashboard__card--blue .cost-dashboard__card-icon{color:#2563eb;background:#3b82f61a}[data-theme=dark] .cost-dashboard__card--blue .cost-dashboard__card-icon{color:#60a5fa;background:#3b82f626}.cost-dashboard__card--amber .cost-dashboard__card-icon{color:#d97706;background:#f59e0b1a}[data-theme=dark] .cost-dashboard__card--amber .cost-dashboard__card-icon{color:#fbbf24;background:#f59e0b26}.cost-dashboard__card-content{flex-direction:column;gap:.25rem;min-width:0;display:flex}.cost-dashboard__card-value{letter-spacing:-.025em;color:var(--text-primary,#0f172a);font-family:SF Mono,Monaco,Consolas,monospace;font-size:1.5rem;font-weight:700}[data-theme=dark] .cost-dashboard__card-value{color:var(--text-primary,#f8fafc)}.cost-dashboard__card-label{color:var(--text-muted,#64748b);font-size:.8125rem}.cost-dashboard__charts-row{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem;display:grid}@media (width<=900px){.cost-dashboard__charts-row{grid-template-columns:1fr}}.cost-dashboard__chart-card,.cost-dashboard__trend-card,.cost-dashboard__table-card{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;padding:1.25rem}[data-theme=dark] .cost-dashboard__chart-card,[data-theme=dark] .cost-dashboard__trend-card,[data-theme=dark] .cost-dashboard__table-card{background:var(--bg-secondary,#1e222a);border-color:var(--border-color,#2d323b)}.cost-dashboard__chart-title{color:var(--text-primary,#1e293b);align-items:center;gap:.5rem;margin:0 0 1.25rem;font-size:.9375rem;font-weight:600;display:flex}[data-theme=dark] .cost-dashboard__chart-title{color:var(--text-primary,#f1f5f9)}.cost-dashboard__chart-title svg{color:var(--text-muted,#64748b)}.cost-dashboard__empty{color:var(--text-muted,#64748b);justify-content:center;align-items:center;padding:2rem;font-size:.875rem;display:flex}.cost-dashboard__bar-chart{flex-direction:column;gap:.875rem;display:flex}.cost-dashboard__bar-row{grid-template-columns:120px 1fr 80px;align-items:center;gap:1rem;animation:.3s ease-out backwards fadeSlideIn;display:grid}.cost-dashboard__bar-label{flex-direction:column;gap:.125rem;min-width:0;display:flex}.cost-dashboard__bar-name{color:var(--text-primary,#1e293b);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}[data-theme=dark] .cost-dashboard__bar-name{color:var(--text-primary,#f1f5f9)}.cost-dashboard__bar-count{color:var(--text-muted,#64748b);font-size:.6875rem}.cost-dashboard__bar-track{background:var(--bg-secondary,#f1f5f9);border-radius:4px;height:8px;overflow:hidden}[data-theme=dark] .cost-dashboard__bar-track{background:var(--bg-tertiary,#2d323b)}.cost-dashboard__bar-fill{border-radius:4px;height:100%;transition:width .5s ease-out}.cost-dashboard__bar-fill--tenant{background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 100%)}.cost-dashboard__bar-value{color:var(--text-primary,#1e293b);text-align:right;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8125rem;font-weight:600}[data-theme=dark] .cost-dashboard__bar-value{color:var(--text-primary,#f1f5f9)}.cost-dashboard__trend-card{margin-bottom:1.5rem}.cost-dashboard__trend-chart{padding-top:.5rem}.cost-dashboard__trend-bars{align-items:flex-end;gap:.5rem;height:180px;padding-bottom:3rem;display:flex;position:relative}.cost-dashboard__trend-bar-wrapper{flex-direction:column;flex:1;align-items:center;height:100%;animation:.4s ease-out backwards fadeSlideUp;display:flex;position:relative}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cost-dashboard__trend-bar-container{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.cost-dashboard__trend-bar{background:linear-gradient(#8b5cf6 0%,#3b82f6 100%);border-radius:4px 4px 0 0;width:100%;max-width:40px;transition:height .5s ease-out;position:relative}.cost-dashboard__trend-bar:hover{filter:brightness(1.1)}.cost-dashboard__trend-tooltip{background:var(--bg-primary,#1e293b);border:1px solid var(--border-color,#2d323b);white-space:nowrap;opacity:0;visibility:hidden;z-index:10;border-radius:6px;flex-direction:column;gap:.125rem;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.75rem;transition:all .15s;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}[data-theme=dark] .cost-dashboard__trend-tooltip{background:var(--bg-tertiary,#2d323b)}.cost-dashboard__trend-tooltip span:first-child{color:var(--text-primary,#f1f5f9);font-family:SF Mono,Monaco,Consolas,monospace;font-weight:600}.cost-dashboard__trend-tooltip span:last-child{color:var(--text-muted,#94a3b8)}.cost-dashboard__trend-bar-wrapper:hover .cost-dashboard__trend-tooltip{opacity:1;visibility:visible}.cost-dashboard__trend-label{flex-direction:column;align-items:center;gap:.125rem;padding-top:.5rem;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cost-dashboard__trend-day{color:var(--text-muted,#64748b);font-size:.6875rem;font-weight:500}.cost-dashboard__trend-date{color:var(--text-muted,#94a3b8);font-size:.625rem}.cost-dashboard__table-wrapper{margin:0 -1.25rem -1.25rem;padding:0 1.25rem 1.25rem;overflow-x:auto}.cost-dashboard__table{border-collapse:collapse;width:100%;font-size:.8125rem}.cost-dashboard__table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#64748b);border-bottom:1px solid var(--border-color,#e2e8f0);padding:.75rem 1rem;font-size:.6875rem;font-weight:500}[data-theme=dark] .cost-dashboard__table th{border-color:var(--border-color,#2d323b)}.cost-dashboard__table td{color:var(--text-primary,#1e293b);border-bottom:1px solid var(--border-color,#e2e8f0);padding:.875rem 1rem}[data-theme=dark] .cost-dashboard__table td{color:var(--text-primary,#f1f5f9);border-color:var(--border-color,#2d323b)}.cost-dashboard__table tbody tr{transition:background .15s}.cost-dashboard__table tbody tr:hover{background:var(--bg-secondary,#f8fafc)}[data-theme=dark] .cost-dashboard__table tbody tr:hover{background:var(--bg-tertiary,#22262f)}.cost-dashboard__cookie-name{background:var(--bg-secondary,#f1f5f9);color:var(--primary,#3b82f6);border-radius:4px;padding:.25rem .5rem;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.75rem}[data-theme=dark] .cost-dashboard__cookie-name{background:var(--bg-tertiary,#2d323b)}.cost-dashboard__tenant-cell{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.cost-dashboard__model-count{color:#7c3aed;background:#8b5cf61a;border-radius:4px;padding:.25rem .5rem;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.75rem}[data-theme=dark] .cost-dashboard__model-count{color:#a78bfa;background:#8b5cf626}.cost-dashboard__cost-cell{color:#16a34a;font-family:SF Mono,Monaco,Consolas,monospace;font-weight:500}[data-theme=dark] .cost-dashboard__cost-cell{color:#4ade80}.cost-dashboard__time-cell{color:var(--text-muted,#64748b);white-space:nowrap}.cost-dashboard__status{text-transform:capitalize;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.status--completed{color:#16a34a;background:#22c55e1a}[data-theme=dark] .status--completed{color:#4ade80;background:#22c55e26}.status--failed{color:#dc2626;background:#ef44441a}[data-theme=dark] .status--failed{color:#f87171;background:#ef444426}.status--pending,.status--progress{color:#d97706;background:#f59e0b1a}[data-theme=dark] .status--pending,[data-theme=dark] .status--progress{color:#fbbf24;background:#f59e0b26}.taskiq-dashboard{--taskiq-font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace;--taskiq-font-sans:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--taskiq-bg-dark:#1a1d23;--taskiq-bg-panel:#22262e;--taskiq-bg-card:#2a2f38;--taskiq-bg-elevated:#323842;--taskiq-border:#3a4150;--taskiq-border-light:#4a5568;--taskiq-text-primary:#e8eaed;--taskiq-text-secondary:#9ca3af;--taskiq-text-muted:#6b7280;--taskiq-amber:#f59e0b;--taskiq-amber-glow:#f59e0b4d;--taskiq-green:#10b981;--taskiq-green-glow:#10b9814d;--taskiq-red:#ef4444;--taskiq-red-glow:#ef44444d;--taskiq-blue:#3b82f6;--taskiq-blue-glow:#3b82f64d;--taskiq-purple:#8b5cf6;--taskiq-purple-glow:#8b5cf64d;background:linear-gradient(180deg, var(--taskiq-bg-dark) 0%, #12151a 100%), repeating-linear-gradient(0deg, transparent, transparent 2px, #ffffff03 2px, #ffffff03 4px);min-height:100vh;font-family:var(--taskiq-font-sans);color:var(--taskiq-text-primary);padding:2rem}.taskiq-header{border-bottom:1px solid var(--taskiq-border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.taskiq-header__left{align-items:center;gap:1rem;display:flex}.taskiq-header__icon{background:linear-gradient(135deg, var(--taskiq-bg-card) 0%, var(--taskiq-bg-elevated) 100%);border:1px solid var(--taskiq-border);width:52px;height:52px;color:var(--taskiq-amber);border-radius:12px;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff0d,0 4px 12px #0000004d}.taskiq-header__text h1{font-family:var(--taskiq-font-mono);letter-spacing:-.02em;color:var(--taskiq-text-primary);text-transform:uppercase;margin:0;font-size:1.5rem;font-weight:700}.taskiq-header__text p{color:var(--taskiq-text-secondary);font-size:.8125rem;font-family:var(--taskiq-font-mono);letter-spacing:.05em;margin:.25rem 0 0}.taskiq-header__right{align-items:center;gap:.75rem;display:flex}.taskiq-header__status{background:var(--taskiq-bg-card);border:1px solid var(--taskiq-border);font-family:var(--taskiq-font-mono);color:var(--taskiq-text-secondary);letter-spacing:.05em;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:flex}.taskiq-header__refresh-text{text-transform:uppercase}.taskiq-pulse{background:var(--taskiq-text-muted);border-radius:50%;width:8px;height:8px}.taskiq-pulse--active{background:var(--taskiq-green);box-shadow:0 0 8px var(--taskiq-green-glow);animation:2s ease-in-out infinite taskiq-pulse}@keyframes taskiq-pulse{0%,to{opacity:1;box-shadow:0 0 8px var(--taskiq-green-glow)}50%{opacity:.6;box-shadow:0 0 16px var(--taskiq-green-glow)}}.taskiq-btn{font-family:var(--taskiq-font-mono);text-transform:uppercase;letter-spacing:.05em;background:var(--taskiq-bg-card);border:1px solid var(--taskiq-border);color:var(--taskiq-text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.taskiq-btn:hover{background:var(--taskiq-bg-elevated);border-color:var(--taskiq-border-light);color:var(--taskiq-text-primary)}.taskiq-btn--icon{width:40px;height:40px;padding:0}.taskiq-btn--active{background:var(--taskiq-green);border-color:var(--taskiq-green);color:#fff}.taskiq-btn--active:hover{color:#fff;background:#0d9669;border-color:#0d9669}.taskiq-btn--danger{border-color:var(--taskiq-border);color:var(--taskiq-text-secondary);background:0 0}.taskiq-btn--danger:hover{background:var(--taskiq-red-glow);border-color:var(--taskiq-red);color:var(--taskiq-red)}.taskiq-btn--small{padding:.375rem .625rem;font-size:.6875rem}.taskiq-btn:disabled{opacity:.5;cursor:not-allowed}.taskiq-btn__spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite taskiq-spin}@keyframes taskiq-spin{to{transform:rotate(360deg)}}.taskiq-error{background:var(--taskiq-red-glow);border:1px solid var(--taskiq-red);color:var(--taskiq-red);border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.taskiq-error span{flex:1}.taskiq-error button{width:24px;height:24px;color:var(--taskiq-red);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:1.25rem;transition:opacity .15s}.taskiq-error button:hover{opacity:1}.taskiq-stats{gap:1rem;margin-bottom:2rem;display:flex}.taskiq-stat{background:var(--taskiq-bg-panel);border:1px solid var(--taskiq-border);border-radius:10px;flex:1;align-items:center;gap:.875rem;padding:1.25rem 1.5rem;display:flex;box-shadow:inset 0 1px #ffffff08,0 2px 8px #0003}.taskiq-stat--total{background:linear-gradient(135deg, var(--taskiq-bg-card) 0%, var(--taskiq-bg-elevated) 100%);border-color:var(--taskiq-border-light);flex-direction:column;align-items:flex-start;gap:.25rem}.taskiq-stat--total .taskiq-stat__value{color:var(--taskiq-text-primary);font-size:2.5rem}.taskiq-stat__indicator{border-radius:50%;flex-shrink:0;width:12px;height:12px}.taskiq-stat--pending .taskiq-stat__indicator{background:var(--taskiq-green);box-shadow:0 0 12px var(--taskiq-green-glow);animation:2s ease-in-out infinite taskiq-pulse}.taskiq-stat--queues .taskiq-stat__indicator{background:var(--taskiq-blue);box-shadow:0 0 12px var(--taskiq-blue-glow)}.taskiq-stat__content{flex-direction:column;gap:.125rem;display:flex}.taskiq-stat__label{font-family:var(--taskiq-font-mono);color:var(--taskiq-text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.6875rem;font-weight:600}.taskiq-stat__value{font-family:var(--taskiq-font-mono);color:var(--taskiq-text-primary);font-size:1.75rem;font-weight:700;line-height:1}.taskiq-queues{background:var(--taskiq-bg-panel);border:1px solid var(--taskiq-border);border-radius:12px;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 4px 16px #0003}.taskiq-queues__header{background:var(--taskiq-bg-card);border-bottom:1px solid var(--taskiq-border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.taskiq-queues__title{font-family:var(--taskiq-font-mono);color:var(--taskiq-text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700}.taskiq-queues__count{font-family:var(--taskiq-font-mono);color:var(--taskiq-text-muted);font-size:.6875rem}.taskiq-queues__grid{flex-direction:column;display:flex}.taskiq-queue{border-bottom:1px solid var(--taskiq-border)}.taskiq-queue:last-child{border-bottom:none}.taskiq-queue__header{cursor:pointer;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:background .15s;display:flex}.taskiq-queue__header:hover{background:#ffffff05}.taskiq-queue__icon{background:var(--taskiq-bg-card);border:1px solid var(--taskiq-border);width:40px;height:40px;color:var(--taskiq-blue);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.taskiq-queue__info{flex:1;min-width:0}.taskiq-queue__name{color:var(--taskiq-text-primary);font-size:.9375rem;font-weight:600}.taskiq-queue__id{font-family:var(--taskiq-font-mono);color:var(--taskiq-text-muted);margin-top:.125rem;font-size:.75rem}.taskiq-queue__meters{gap:.75rem;display:flex}.taskiq-meter{background:var(--taskiq-bg-card);border:1px solid var(--taskiq-border);font-family:var(--taskiq-font-mono);border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;display:flex}.taskiq-meter--stream{color:var(--taskiq-text-secondary)}.taskiq-meter--pending{color:var(--taskiq-green)}.taskiq-meter--active{color:var(--taskiq-amber)}.taskiq-meter--listening{color:var(--taskiq-purple)}.taskiq-queue__chevron{color:var(--taskiq-text-muted);flex-shrink:0;transition:transform .2s}.taskiq-queue__chevron--open{transform:rotate(90deg)}.taskiq-queue__jobs{background:var(--taskiq-bg-dark);border-top:1px solid var(--taskiq-border);padding:0 1.25rem 1.25rem}.taskiq-queue__empty{text-align:center;font-family:var(--taskiq-font-mono);color:var(--taskiq-text-muted);padding:2rem;font-size:.8125rem}.taskiq-consumers{background:var(--taskiq-bg-card);border:1px solid var(--taskiq-border);border-radius:8px;margin-top:1rem;padding:.875rem 1rem}.taskiq-consumers__title{font-family:var(--taskiq-font-mono);color:var(--taskiq-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;font-size:.6875rem;font-weight:700}.taskiq-consumers__list{flex-wrap:wrap;gap:.5rem;display:flex}.taskiq-consumer{background:var(--taskiq-bg-elevated);border:1px solid var(--taskiq-border);font-family:var(--taskiq-font-mono);border-radius:6px;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.75rem;display:flex}.taskiq-consumer__name{color:var(--taskiq-purple);font-weight:600}.taskiq-consumer__pending{color:var(--taskiq-green)}.taskiq-consumer__idle{color:var(--taskiq-text-muted)}.taskiq-jobs-table{border-collapse:collapse;width:100%;margin-top:1rem;font-size:.8125rem}.taskiq-jobs-table thead{background:var(--taskiq-bg-dark);position:sticky;top:0}.taskiq-jobs-table th{font-family:var(--taskiq-font-mono);text-align:left;text-transform:uppercase;letter-spacing:.1em;color:var(--taskiq-text-muted);border-bottom:1px solid var(--taskiq-border);padding:.75rem 1rem;font-size:.6875rem;font-weight:700}.taskiq-jobs-table td{border-bottom:1px solid var(--taskiq-border);vertical-align:middle;padding:.75rem 1rem}.taskiq-jobs-table tbody tr{transition:background .1s}.taskiq-jobs-table tbody tr:hover{background:#ffffff05}.taskiq-jobs-table tbody tr:last-child td{border-bottom:none}.taskiq-task-id{font-family:var(--taskiq-font-mono);color:var(--taskiq-text-secondary);background:var(--taskiq-bg-card);cursor:default;border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.taskiq-task-name{font-family:var(--taskiq-font-mono);color:var(--taskiq-text-primary);font-weight:500}.taskiq-task-status{font-family:var(--taskiq-font-mono);letter-spacing:.05em;border-radius:4px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;display:inline-flex}.taskiq-task-status--pending{background:var(--taskiq-amber-glow);color:var(--taskiq-amber);border:1px solid var(--taskiq-amber)}.taskiq-task-status--processing{background:var(--taskiq-green-glow);color:var(--taskiq-green);border:1px solid var(--taskiq-green)}.taskiq-task-status__dot{background:var(--taskiq-green);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite taskiq-pulse}.taskiq-task-idle{font-family:var(--taskiq-font-mono);color:var(--taskiq-text-muted);font-size:.75rem}.taskiq-task-retries{font-family:var(--taskiq-font-mono);color:var(--taskiq-text-secondary);font-size:.75rem;font-weight:600}.taskiq-task-retries--warning{color:var(--taskiq-amber)}.taskiq-loading{min-height:400px;color:var(--taskiq-text-secondary);font-family:var(--taskiq-font-mono);flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:.875rem;display:flex}.taskiq-loading__spinner{border:3px solid var(--taskiq-border);border-top-color:var(--taskiq-amber);border-radius:50%;width:40px;height:40px;animation:1s linear infinite taskiq-spin}@media (width<=768px){.taskiq-dashboard{padding:1rem}.taskiq-header{flex-direction:column;align-items:flex-start;gap:1rem}.taskiq-header__right{justify-content:space-between;width:100%}.taskiq-stats{flex-direction:column}.taskiq-queue__meters{flex-direction:column;gap:.5rem}.taskiq-jobs-table{font-size:.75rem}.taskiq-jobs-table th,.taskiq-jobs-table td{padding:.5rem .75rem}.taskiq-jobs-table th:nth-child(4),.taskiq-jobs-table td:nth-child(4),.taskiq-jobs-table th:nth-child(5),.taskiq-jobs-table td:nth-child(5){display:none}.taskiq-consumers__list{flex-direction:column}}.start-page{background:linear-gradient(135deg, var(--primary) 0%, var(--accent-purple) 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.start-container{width:100%;max-width:600px}.start-header{text-align:center;color:#fff;margin-bottom:2rem}.btn-back{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;transition:background .2s,border-color .2s;display:inline-flex}.btn-back:hover{background:#ffffff40;border-color:#ffffff80}.start-title{text-shadow:0 2px 4px #0003;margin:0 0 .5rem;font-size:3rem;font-weight:800}.start-subtitle{opacity:.9;margin:0;font-size:1.125rem}.start-card{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);border-radius:16px;padding:2.5rem}.card-title{color:var(--text-primary);margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.form-group{margin-bottom:1.5rem}.btn-large{width:100%;margin-bottom:1.5rem;padding:1rem 2rem;font-size:1.125rem}.loading-spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.info-box{background:var(--bg-tertiary);border-left:4px solid var(--primary);border-radius:8px;padding:1.5rem}.info-title{color:var(--text-primary);margin:0 0 1rem;font-size:1rem;font-weight:600}.info-list{color:var(--text-secondary);margin:0;padding-left:1.5rem;line-height:1.8}.info-list li{margin-bottom:.5rem}.start-footer{text-align:center;color:#fff;opacity:.9;margin-top:2rem}.start-footer p{margin:0;font-size:.875rem;line-height:1.8}.footer-link{color:#fff;font-weight:600;text-decoration:underline;transition:opacity .2s}.footer-link:hover{opacity:.8}.page-container{max-width:800px;margin:0 auto;padding:2rem}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.page-header__title{flex:1}.page-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.page-card{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;padding:2rem}.error-banner{background:var(--danger-light);border:1px solid var(--danger);border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.error-icon{background:var(--danger);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.875rem;font-weight:700;display:flex}.error-message{color:var(--danger);font-size:.9375rem}.login-stream-page{background:var(--bg-primary);box-sizing:border-box;width:100%;min-height:100vh;padding:1.5rem;position:relative}.login-stream-page:before{content:"";background-image:radial-gradient(circle at 25% 25%, var(--accent-purple-light) 0%, transparent 50%), radial-gradient(circle at 75% 75%, var(--accent-cyan-light) 0%, transparent 50%);opacity:.5;pointer-events:none;position:absolute;inset:0}.stream-header{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);z-index:1;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem 1.5rem;display:flex;position:relative}.stream-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:600}.stream-controls{align-items:center;gap:1rem;display:flex}.stream-content{z-index:1;grid-template-columns:1fr 340px;align-items:stretch;gap:1rem;width:100%;height:calc(100vh - 120px);min-height:500px;display:grid;position:relative}.control-panel{flex-direction:column;gap:.75rem;max-height:calc(100vh - 120px);display:flex;overflow-y:auto}.control-panel>*{flex-shrink:0}@media (width<=1024px){.stream-content{grid-template-columns:1fr;height:auto}.stream-panel{order:1;height:60vh;min-height:400px}.control-panel{order:2;max-height:none}}.stream-panel{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:12px;flex-direction:column;min-width:0;padding:1rem;display:flex;position:relative}.stream-viewer{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;flex:1;place-items:center;min-height:400px;display:grid;position:relative;overflow:hidden}.stream-viewer-inner{display:contents}.stream-canvas{border-radius:4px;display:block}.stream-viewer-loading{min-height:400px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.frame-info{gap:.375rem;font-size:.6875rem;font-weight:600;display:flex;position:absolute;top:8px;right:8px}.frame-info-clickable{cursor:pointer;transition:transform .15s,opacity .15s}.frame-info-clickable:hover{transform:scale(1.05)}.frame-sequence,.frame-quality{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;padding:.25rem .5rem;font-family:SF Mono,Monaco,Inconsolata,monospace;transition:all .15s}.frame-info-clickable:hover .frame-sequence,.frame-info-clickable:hover .frame-quality{background:var(--primary);color:#fff;border-color:var(--primary)}.element-tooltip{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-color);max-width:200px;box-shadow:var(--shadow-lg);border-radius:6px;padding:.5rem .75rem;font-size:.8125rem;position:absolute;bottom:8px;left:8px}.tooltip-type{color:var(--success);margin-bottom:.25rem;font-weight:600}.tooltip-placeholder{color:var(--text-muted);font-size:.75rem}.status-indicator{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:10px;padding:.875rem 1rem}.connection-status{border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.connection-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.connection-dot.connected{background:var(--success);box-shadow:0 0 0 3px var(--success-light);animation:2s ease-in-out infinite pulse-glow}.connection-dot.disconnected{background:var(--danger);box-shadow:0 0 0 3px var(--danger-light)}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}.connection-label{color:var(--text-primary);font-size:.8125rem;font-weight:500}.session-state{flex-direction:column;gap:.375rem;display:flex}.state-badge{border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.state-icon{font-size:.875rem;line-height:1}.state-label{font-size:.8125rem}.state-description{color:var(--text-secondary);margin:0;padding-left:0;font-size:.75rem}.bg-gray-500{background:var(--bg-muted);color:var(--text-primary)}.bg-yellow-500{background:var(--warning-light);color:var(--warning-dark)}.bg-blue-500{background:var(--info-light);color:var(--info-dark)}.bg-green-500{background:var(--success-light);color:var(--success-dark)}.bg-green-600{background:var(--success);color:#fff}.bg-red-500{background:var(--danger-light);color:var(--danger-dark)}.countdown-timer{background:var(--warning-light);border:1px solid var(--warning);border-radius:10px;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.875rem 1rem;display:flex;position:relative;overflow:hidden}.countdown-timer.warning{background:var(--warning-light);border-color:var(--warning)}.countdown-timer.critical{background:var(--danger-light);border-color:var(--danger);animation:.5s ease-in-out infinite shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.countdown-icon{flex-shrink:0;font-size:1.5rem}.countdown-content{flex:1;min-width:0}.countdown-label{color:var(--warning-dark);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:600}.countdown-time{color:var(--warning-dark);margin:.125rem 0;font-family:SF Mono,Monaco,monospace;font-size:1.25rem;font-weight:700}.countdown-message{color:var(--warning-dark);font-size:.8125rem}.countdown-timer.critical .countdown-label,.countdown-timer.critical .countdown-time,.countdown-timer.critical .countdown-message{color:var(--danger-dark)}.countdown-bar{background:#0000001a;height:3px;position:absolute;bottom:0;left:0;right:0}.countdown-bar-fill{background:var(--warning);height:100%;transition:width 1s linear}.countdown-timer.critical .countdown-bar-fill{background:var(--danger)}.action-panel-modern{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:10px;flex-direction:column;gap:.75rem;min-width:0;padding:.875rem;display:flex;overflow:hidden}.action-panel-modern>*{flex-shrink:0;min-width:0}.input-section{flex-direction:column;gap:.375rem;display:flex}.input-row{gap:.5rem;display:flex}.compact-input{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;flex:1;padding:.625rem .75rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.compact-input::placeholder{color:var(--text-muted)}.compact-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring);outline:none}.compact-input:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.send-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.625rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s}.send-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.text-actions-row{gap:.5rem;margin-top:.375rem;display:flex}.text-action-btn{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;flex:1;padding:.375rem .5rem;font-size:.75rem;font-weight:500;transition:all .15s}.text-action-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.text-action-btn:disabled{opacity:.4;cursor:not-allowed}.input-meta{align-items:center;min-height:1.375rem;display:flex}.target-indicator{background:var(--info-light);color:var(--info-dark);border-radius:4px;align-items:center;gap:.375rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.target-indicator.target-position{background:var(--success-light);color:var(--success-dark)}.target-icon{font-size:.6875rem;font-weight:600}.target-label{font-weight:500}.no-target{color:var(--text-muted);font-size:.6875rem}.actions-row{justify-content:center;gap:.5rem;display:flex}.action-icon-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:relative}.action-icon-btn:disabled{opacity:.4;cursor:not-allowed}.action-icon-btn .action-icon{font-size:1.125rem;line-height:1}.action-icon-btn:after{content:attr(data-tooltip);background:var(--bg-elevated);color:var(--text-primary);white-space:nowrap;border:1px solid var(--border-color);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;pointer-events:none;z-index:10;border-radius:6px;padding:.375rem .625rem;font-size:.6875rem;font-weight:500;transition:all .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.action-icon-btn:before{content:"";border:5px solid #0000;border-top-color:var(--border-color);opacity:0;visibility:hidden;pointer-events:none;z-index:10;transition:all .15s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.action-icon-btn:hover:not(:disabled):after,.action-icon-btn:hover:not(:disabled):before{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.action-icon-btn:hover:not(:disabled):before{transform:translate(-50%)}.action-icon-btn.secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.action-icon-btn.secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.action-icon-btn.capture{background:var(--success);color:#fff;flex:1;max-width:120px}.action-icon-btn.capture:hover:not(:disabled){background:var(--success-dark);box-shadow:0 4px 12px var(--success-light);transform:translateY(-2px)}.action-icon-btn.danger{background:var(--danger-light);color:var(--danger);border:1px solid #0000}.action-icon-btn.danger:hover:not(:disabled){background:var(--danger);color:#fff;transform:translateY(-2px)}.actions-grid{flex-wrap:wrap;gap:.5rem;display:flex}.action-btn{cursor:pointer;border:none;border-radius:6px;flex-direction:row;flex:auto;justify-content:center;align-items:center;gap:.375rem;min-width:0;padding:.5rem .75rem;transition:all .2s;display:flex}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn .action-icon{flex-shrink:0;font-size:.875rem;line-height:1}.action-btn .action-label{white-space:nowrap;font-size:.75rem;font-weight:500}.action-btn.secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.action-btn.secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px)}.action-btn.capture{background:var(--success);color:#fff}.action-btn.capture:hover:not(:disabled){background:var(--success-dark);box-shadow:0 4px 12px var(--success-light);transform:translateY(-1px)}.action-btn.danger{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger-light)}.action-btn.danger:hover:not(:disabled){background:var(--danger);color:#fff;border-color:var(--danger)}.status-message{text-align:center;min-height:1.125rem}.status-message p{margin:0;font-size:.75rem}.status-info{color:var(--text-secondary)}.status-capturing{color:var(--info);animation:1.5s ease-in-out infinite pulse-opacity}.status-success{color:var(--success);font-weight:500}.status-error{color:var(--danger)}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.6}}.shortcuts-accordion{border-top:1px solid var(--border-color);padding-top:.5rem}.shortcuts-accordion summary{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding:.25rem 0;font-size:.6875rem;transition:color .15s}.shortcuts-accordion summary:hover{color:var(--text-secondary)}.shortcuts-content{flex-wrap:wrap;gap:.75rem;padding-top:.5rem;display:flex}.shortcut{color:var(--text-secondary);font-size:.6875rem}.shortcut kbd{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--primary);border-radius:4px;margin-right:.25rem;padding:.125rem .375rem;font-family:SF Mono,Monaco,monospace;font-size:.625rem;display:inline-block}.action-panel{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:10px;margin-bottom:.75rem;padding:1.25rem}.action-section{margin-bottom:1.25rem}.action-section:last-child{margin-bottom:0}.action-section-title{color:var(--text-primary);margin:0 0 .625rem;font-size:.875rem;font-weight:600}.text-input-group{gap:.5rem;display:flex}.text-input{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;flex:1;padding:.625rem .875rem;font-size:.875rem;transition:all .2s}.text-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring);outline:none}.text-input:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.help-text{color:var(--text-secondary);margin:.375rem 0 0;font-size:.8125rem}.action-buttons{flex-direction:column;gap:.5rem;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 12px var(--primary-ring);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:var(--success-dark);box-shadow:0 4px 12px var(--success-light);transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-dark)}.animate-pulse{animation:2s ease-in-out infinite pulse-scale}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.keyboard-shortcuts{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}.shortcuts-summary{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.8125rem;font-weight:500}.shortcuts-summary:hover{color:var(--primary)}.shortcuts-list{margin:.5rem 0 0;padding:0}.shortcut-item{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:.375rem 0;display:flex}.shortcut-item:last-child{border-bottom:none}.shortcut-item dt{color:var(--primary);font-family:SF Mono,Monaco,monospace;font-size:.8125rem;font-weight:500}.shortcut-item dd{color:var(--text-secondary);margin:0;font-size:.8125rem}.guidance-message{border-radius:6px;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}.guidance-message.info{background:var(--info-light);color:var(--info-dark);border-left:3px solid var(--info)}.guidance-message.success{background:var(--success-light);color:var(--success-dark);border-left:3px solid var(--success)}.guidance-message.error{background:var(--danger-light);color:var(--danger-dark);border-left:3px solid var(--danger)}.session-info{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:10px;padding:1.25rem}.session-info-title{color:var(--text-primary);margin:0 0 .75rem;font-size:.875rem;font-weight:600}.session-info-list{margin:0;padding:0}.info-item{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:.375rem 0;display:flex}.info-item:last-child{border-bottom:none}.info-item dt{color:var(--text-secondary);font-size:.8125rem;font-weight:400}.info-item dd{color:var(--text-primary);margin:0;font-size:.8125rem;font-weight:500}.font-mono{font-family:SF Mono,Monaco,Inconsolata,monospace}.view-frame-btn{width:100%;margin-top:.75rem}.error-banner{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger-dark);border-radius:6px;align-items:center;gap:.625rem;margin-bottom:.75rem;padding:.75rem 1rem;display:flex}.error-icon{flex-shrink:0;font-size:1.25rem}.error-message{flex:1;font-size:.875rem;font-weight:500}.session-result{text-align:center;border-radius:10px;margin-top:.75rem;padding:1.25rem}.session-result.success{background:var(--success-light);border:1px solid var(--success);color:var(--success-dark)}.session-result.error{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger-dark)}.session-result h3{margin:0 0 .375rem;font-size:1.125rem}.session-result p{margin:0;font-size:.875rem}.session-ended-panel{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;justify-content:center;align-items:center;height:100%;min-height:400px;display:flex}.session-ended-content{text-align:center;max-width:420px;padding:2.5rem 2rem}.session-ended-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.25rem;font-size:1.75rem;display:flex}.session-ended-icon.success{background:var(--success);color:#fff;box-shadow:0 0 0 8px var(--success-light)}.session-ended-icon.failed{background:var(--danger);color:#fff;box-shadow:0 0 0 8px var(--danger-light)}.session-ended-heading{color:var(--text-primary);margin:0 0 .625rem;font-size:1.375rem;font-weight:600}.session-ended-description{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.9375rem;line-height:1.5}.session-ended-actions-centered{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.session-ended-actions-centered .btn{min-width:140px}.btn-lg{padding:.75rem 1.5rem;font-size:.9375rem}.session-ended-actions{background:var(--bg-tertiary);border:1px solid var(--border-color);text-align:center;border-radius:10px;margin-top:.75rem;padding:1.25rem}.session-ended-title{color:var(--text-primary);margin:0 0 .375rem;font-size:1.125rem}.session-ended-message{color:var(--text-secondary);margin:0 0 1.25rem;font-size:.875rem}.session-ended-buttons{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.session-ended-buttons .btn{min-width:160px}.session-info-compact{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:10px;flex-wrap:wrap;gap:.375rem 1rem;padding:.625rem .875rem;display:flex}.session-info-compact .info-row{align-items:center;gap:.375rem;display:flex}.session-info-compact .info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.625rem}.session-info-compact .info-value{color:var(--text-primary);font-size:.75rem;font-weight:500}.toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.toggle-input{appearance:none;background:var(--bg-muted);cursor:pointer;border-radius:11px;width:40px;height:22px;transition:background .2s;position:relative}.toggle-input:checked{background:var(--primary)}.toggle-input:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-input:checked:before{transform:translate(18px)}.toggle-text{color:var(--text-primary);font-size:.8125rem;font-weight:500}.error-container{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.error-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);text-align:center;border-radius:12px;max-width:420px;padding:2.5rem}.error-card h1{color:var(--danger);margin:0 0 .75rem;font-size:1.5rem}.error-card p{color:var(--text-secondary);margin:.375rem 0;font-size:.9375rem}.link-button{font-size:inherit;color:var(--primary);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline;transition:color .15s}.link-button:hover{color:var(--primary-hover)}.link-button:focus{outline:2px solid var(--primary-ring);outline-offset:2px;border-radius:2px}.session-ended-progress{width:100%;max-width:360px;margin:1.25rem 0}.session-ended-progress .capture-progress{text-align:left;margin-bottom:0}.session-ended-screenshot-link{border-top:1px solid var(--border-color);margin-top:1.25rem;padding-top:.875rem}.session-ended-screenshot-link .link-button{color:var(--text-secondary);font-size:.8125rem}.session-ended-screenshot-link .link-button:hover{color:var(--primary)}.session-config-form{flex-direction:column;gap:1.5rem;display:flex}.restart-indicator{background:var(--info-light);border:1px solid var(--info);border-radius:.5rem;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.875rem 1rem;display:flex}.restart-icon{font-size:1.25rem}.restart-text{color:var(--info);font-size:.875rem;font-weight:500}.form-section{flex-direction:column;gap:.75rem;display:flex}.form-label{color:var(--text-primary);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.form-help{color:var(--text-secondary);margin:.25rem 0 0;font-size:.75rem}.site-preview{background:var(--bg-tertiary);border-radius:.375rem;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.site-preview-label{color:var(--text-secondary);font-weight:600}.site-preview-url{color:var(--text-primary);word-break:break-all;font-family:Monaco,Menlo,Courier New,monospace}.session-type-selector{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.session-type-btn{background:var(--bg-secondary);border:2px solid var(--border-color);cursor:pointer;text-align:center;border-radius:.75rem;flex-direction:column;align-items:center;padding:1.25rem 1rem;transition:all .2s;display:flex}.session-type-btn:hover{border-color:var(--primary);background:var(--bg-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.session-type-btn.active{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px var(--primary-ring)}.session-type-icon{margin-bottom:.5rem;font-size:2rem}.session-type-label{color:var(--text-primary);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.session-type-desc{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.form-input,.form-select{background:var(--input-bg);width:100%;color:var(--input-text);border:2px solid var(--input-border);border-radius:.5rem;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;transition:all .2s}.form-input:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring);outline:none}.form-input:disabled,.form-select:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.form-select option{background:var(--bg-secondary);color:var(--text-primary);padding:.5rem}.form-select optgroup{background:var(--bg-tertiary);color:var(--text-secondary);padding:.5rem;font-weight:600}.form-checkbox-group{flex-direction:column;gap:.25rem;display:flex}.form-checkbox{border:2px solid var(--border-color);cursor:pointer;width:1.125rem;height:1.125rem;accent-color:var(--primary);border-radius:.25rem}.form-checkbox-label{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.form-checkbox-label input[type=checkbox]{border:2px solid var(--border-color);cursor:pointer;width:1.125rem;height:1.125rem;accent-color:var(--primary);border-radius:.25rem;flex-shrink:0}.form-help-note{color:var(--primary);font-style:italic}.form-loading{color:var(--text-secondary);text-align:center;padding:1rem;font-size:.875rem}.form-error-box{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger);border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.form-empty-box{background:var(--bg-tertiary);border:1px dashed var(--border-color);color:var(--text-secondary);text-align:center;border-radius:.5rem;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1rem;font-size:.875rem;display:flex}.form-hint{color:var(--text-muted);font-size:.75rem}.proxy-provider-selector{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;margin-top:.75rem;padding:1rem}.viewport-inputs{align-items:center;gap:1rem;display:flex}.viewport-input-group{flex-direction:column;flex:1;gap:.25rem;display:flex}.viewport-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.form-input-small{background:var(--input-bg);color:var(--input-text);border:2px solid var(--input-border);border-radius:.5rem;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:all .2s}.form-input-small:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring);outline:none}.viewport-separator{color:var(--text-muted);margin-top:1.25rem;font-size:1.25rem}.platform-selector{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.platform-btn{background:var(--bg-secondary);border:2px solid var(--border-color);cursor:pointer;color:var(--text-primary);border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.platform-btn:hover{border-color:var(--primary);background:var(--bg-hover)}.platform-btn.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.platform-btn:disabled{opacity:.5;cursor:not-allowed}.platform-icon{font-size:1.25rem}.platform-label{font-weight:600}.engine-selector{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.engine-btn{background:var(--bg-secondary);border:2px solid var(--border-color);cursor:pointer;text-align:left;border-radius:.5rem;flex-direction:column;align-items:flex-start;padding:.875rem 1rem;transition:all .2s;display:flex}.engine-btn:hover{border-color:var(--primary);background:var(--bg-hover)}.engine-btn.active{border-color:var(--primary);background:var(--primary-light)}.engine-btn:disabled{opacity:.5;cursor:not-allowed}.engine-label{color:var(--text-primary);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.engine-desc{color:var(--text-secondary);font-size:.75rem;line-height:1.3}.engine-btn.active .engine-label{color:var(--primary)}.engine-btn.active .engine-desc{color:var(--primary);opacity:.8}.form-actions{margin-top:.5rem}@media (width<=640px){.session-type-selector{grid-template-columns:1fr}.viewport-inputs{flex-direction:column;align-items:stretch}.viewport-separator{display:none}.platform-selector,.engine-selector{grid-template-columns:1fr}}.dashboard-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);padding:1.5rem}.dashboard-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.dashboard-header__title h1{color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:600}.dashboard-header__subtitle{color:var(--text-secondary);margin:.25rem 0 0;font-size:.9rem}.dashboard-header__actions{gap:.5rem;display:flex}.icon-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn svg{flex-shrink:0}.icon-btn--primary{background:var(--primary);color:#fff}.icon-btn--primary:hover:not(:disabled){background:var(--primary-dark,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.icon-btn--secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.icon-btn--secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-secondary);transform:translateY(-1px)}.icon-btn[title]{position:relative}.icon-btn[title]:after{content:attr(title);background:var(--bg-primary);color:var(--text-primary);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:100;border-radius:6px;padding:6px 10px;font-size:.75rem;font-weight:500;transition:opacity .2s,visibility .2s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.icon-btn[title]:hover:after{opacity:1;visibility:visible}.icon-btn--validating{color:var(--primary);background:#3b82f626}.icon-btn--validating:disabled{opacity:1}.validating-icon{animation:1.2s ease-in-out infinite pulse-search}@keyframes pulse-search{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.dashboard-no-tenant{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;margin-bottom:1.5rem;padding:2rem;line-height:1.6}.dashboard-no-tenant p{margin:0 0 .5rem}.dashboard-no-tenant p:last-child{margin-bottom:0}.link-btn{color:var(--primary);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.link-btn:hover{color:var(--primary-hover,var(--primary));opacity:.85}.dashboard-error{background:var(--danger-light);border:1px solid var(--danger);border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex}.dashboard-error__icon{font-size:1.25rem}.dashboard-error__message{color:var(--danger);flex:1}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stats-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:1rem;padding:1.25rem;transition:transform .2s,box-shadow .2s;display:flex}.stats-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stats-card__icon{background:var(--bg-tertiary);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;display:flex}.stats-card__content{flex:1}.stats-card__title{color:var(--text-secondary);margin:0;font-size:.85rem;font-weight:500}.stats-card__value{color:var(--text-primary);margin:.25rem 0 0;font-size:1.75rem;font-weight:700}.stats-card__subtitle{color:var(--text-muted);font-size:.75rem}.stats-card--success .stats-card__value{color:var(--success)}.stats-card--success .stats-card__icon{background:var(--success-light)}.stats-card--danger .stats-card__value{color:var(--danger)}.stats-card--danger .stats-card__icon{background:var(--danger-light)}.stats-card--warning .stats-card__value{color:var(--warning)}.stats-card--warning .stats-card__icon{background:var(--warning-light)}.stats-card--info .stats-card__value{color:var(--info)}.stats-card--info .stats-card__icon{background:var(--info-light)}.dashboard-scheduler-section{margin-bottom:1.5rem}.dashboard-sessions-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.dashboard-content{grid-template-columns:1fr 320px;gap:1.5rem;display:grid}@media (width<=1024px){.dashboard-content{grid-template-columns:1fr}.dashboard-sidebar{order:-1}}.dashboard-sessions{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.dashboard-section-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.dashboard-section-header h2{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.dashboard-section-status{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.session-list{overflow:auto hidden}.session-list--empty,.session-list--loading{text-align:center;padding:3rem 1.5rem}.session-list__empty-state{color:var(--text-secondary)}.session-list__empty-icon{margin-bottom:1rem;font-size:3rem;display:block}.session-list__empty-state h3{color:var(--text-primary);margin:0 0 .5rem}.session-list__empty-state p{margin:0}.session-list__skeleton{flex-direction:column;gap:.75rem;display:flex}.session-list__skeleton-item{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-muted) 50%, var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:8px;height:48px;animation:1.5s infinite shimmer}.session-list__table{border-collapse:collapse;width:100%;font-size:.9rem}.session-list__table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);padding:.75rem 1rem;font-size:.8rem;font-weight:600}.session-list__table td{border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.session-list__row:hover{background:var(--bg-hover)}.session-list__site{max-width:180px}.session-list__site-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.session-list__version{color:var(--text-muted);font-family:monospace;font-size:.75rem}.session-list__duration{white-space:nowrap}.badge--duration{justify-content:center;min-width:50px;font-family:monospace;font-weight:600}.badge--duration-valid{background:var(--success-light);color:var(--success)}.badge--duration-failed{background:var(--danger-light);color:var(--danger)}.session-list__url{max-width:200px}.session-list__domain{text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:.85rem;display:block;overflow:hidden}.session-list__date{color:var(--text-secondary);white-space:nowrap}.session-list__error{cursor:help;margin-left:.5rem}.session-list__actions{gap:.5rem;display:flex}.badge{white-space:nowrap;border-radius:100px;align-items:center;gap:.25rem;padding:.25rem .6rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge__icon{font-size:.7rem}.badge--success{background:var(--success-light);color:var(--success)}.badge--success-subtle{color:var(--success);background:#22c55e1a;border:1px solid #22c55e4d}.badge--danger{background:var(--danger-light);color:var(--danger)}.badge--warning{background:var(--warning-light);color:var(--warning)}.badge--error{background:var(--danger-light);color:var(--danger)}.badge--info{background:var(--info-light);color:var(--info)}.badge--clickable{cursor:pointer;transition:all .15s}.badge--clickable:hover{filter:brightness(.9);transform:scale(1.02)}.badge--clickable:active{transform:scale(.98)}.badge--loading{opacity:.7;cursor:wait}.dashboard-sidebar{flex-direction:column;gap:1rem;display:flex}.scheduler-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem}.scheduler-card--loading .scheduler-card__skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-muted) 50%, var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:8px;height:150px;animation:1.5s infinite shimmer}.scheduler-card__header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.scheduler-card__header h3{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.scheduler-card__icon{font-size:1.1rem}.scheduler-card__status{border-radius:100px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.scheduler-card__status.active{background:var(--success-light);color:var(--success)}.scheduler-card__status.inactive{background:var(--bg-tertiary);color:var(--text-secondary)}.scheduler-card__header-right{align-items:center;gap:.75rem;display:flex}.scheduler-card--full-width{padding:1rem 1.25rem}.scheduler-card--full-width .scheduler-card__header{margin-bottom:.75rem}.scheduler-card--full-width .scheduler-card__content{align-items:stretch;gap:1rem;display:flex}.scheduler-card--full-width .scheduler-card__stat{text-align:center;background:var(--bg-tertiary);border-radius:8px;flex:1;min-width:80px;padding:.5rem}.scheduler-card--full-width .scheduler-card__info-column{background:var(--bg-tertiary);border-radius:8px;flex-direction:column;justify-content:center;gap:.25rem;min-width:140px;padding:.5rem .75rem;display:flex}.scheduler-card--full-width .scheduler-card__info-item{justify-content:space-between;gap:.5rem;padding:0;font-size:.75rem;display:flex}.scheduler-card--full-width .scheduler-card__info-label{color:var(--text-muted)}.scheduler-card--full-width .scheduler-card__info-value{color:var(--text-primary);font-weight:500}@media (width<=768px){.scheduler-card--full-width .scheduler-card__content{flex-wrap:wrap}.scheduler-card--full-width .scheduler-card__stat{flex:calc(50% - .5rem);min-width:0}.scheduler-card--full-width .scheduler-card__info-column{flex-direction:row;flex:100%;justify-content:space-around}}.scheduler-card__stats{border-bottom:1px solid var(--border-color);grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;display:grid}.scheduler-card__stat{text-align:center;background:var(--bg-tertiary);border-radius:8px;padding:.5rem}.scheduler-card__stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:700;display:block}.scheduler-card__stat-label{color:var(--text-secondary);font-size:.7rem}.scheduler-card__stat--success .scheduler-card__stat-value{color:var(--success)}.scheduler-card__stat--danger .scheduler-card__stat-value{color:var(--danger)}.scheduler-card__info{margin-bottom:1rem}.scheduler-card__info-item{justify-content:space-between;padding:.35rem 0;font-size:.85rem;display:flex}.scheduler-card__info-label{color:var(--text-secondary)}.scheduler-card__info-value{color:var(--text-primary);font-weight:500}.scheduler-card__due-badge{color:var(--warning);background:#f59e0b33;border-radius:9999px;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.scheduler-card__paused-count{color:var(--text-muted);margin-left:.375rem;font-size:.8125rem;font-weight:400}.scheduler-card__actions{padding-top:.5rem}.dashboard-quick-actions{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem}.dashboard-quick-actions h3{color:var(--text-primary);margin:0 0 1rem;font-size:1rem;font-weight:600}.dashboard-help{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem}.dashboard-help h3{color:var(--text-primary);margin:0 0 .75rem;font-size:1rem;font-weight:600}.dashboard-help__list{color:var(--text-secondary);margin:0;padding-left:1.25rem;font-size:.85rem;line-height:1.6}.dashboard-help__list li{margin-bottom:.35rem}.btn-block{width:100%;margin-bottom:.5rem;display:block}.btn-block:last-child{margin-bottom:0}.btn-small{padding:.35rem .6rem;font-size:.8rem}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.75s linear infinite spin;display:inline-block}.spinning{animation:1s linear infinite spin}:root{--sidebar-width:260px;--sidebar-collapsed-width:64px;--transition-speed:.2s}:root,:root.light-theme,:root[data-theme=light]{--sidebar-bg:#1e293b;--sidebar-hover:#ffffff14;--sidebar-active:#6366f133;--sidebar-border:#ffffff14;--sidebar-text:#94a3b8;--sidebar-text-active:#f1f5f9;--sidebar-accent:#6366f1}@media (prefers-color-scheme:dark){:root:not(.light-theme):not([data-theme=light]){--sidebar-bg:#0f172a;--sidebar-hover:#ffffff0f;--sidebar-active:#818cf833;--sidebar-border:#ffffff0f;--sidebar-text:#64748b;--sidebar-text-active:#f1f5f9;--sidebar-accent:#818cf8}}:root.dark-theme,:root[data-theme=dark]{--sidebar-bg:#0f172a;--sidebar-hover:#ffffff0f;--sidebar-active:#818cf833;--sidebar-border:#ffffff0f;--sidebar-text:#64748b;--sidebar-text-active:#f1f5f9;--sidebar-accent:#818cf8}.layout{background:var(--bg-primary);min-height:100vh;display:flex}.layout-main{padding-left:var(--sidebar-width);transition:padding-left var(--transition-speed) ease;flex:1;width:100%;min-height:100vh;margin-left:0;overflow-x:hidden}.sidebar.collapsed~.layout-main{padding-left:var(--sidebar-collapsed-width)}.layout-fullscreen{min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);height:100vh;transition:width var(--transition-speed) ease;z-index:1000;border-right:1px solid var(--sidebar-border);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{border-bottom:1px solid var(--sidebar-border);justify-content:space-between;align-items:center;min-height:64px;padding:1rem;display:flex}.sidebar-brand{align-items:center;gap:.75rem;display:flex;overflow:hidden}.sidebar-brand.collapsed{justify-content:center}.sidebar-logo{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex}.sidebar-title{color:var(--sidebar-text-active);white-space:nowrap;font-size:1rem;font-weight:600}.sidebar-toggle{background:var(--sidebar-accent);color:#fff;cursor:pointer;width:32px;height:32px;transition:all var(--transition-speed) ease;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.sidebar-toggle:hover{background:#7c8ff2;transform:scale(1.05)}.sidebar-toggle svg{stroke:#fff;stroke-width:2.5px;flex-shrink:0;width:18px;height:18px;display:block}.sidebar-tenant{border-bottom:1px solid var(--sidebar-border);padding:.5rem}.sidebar-tenant .tenant-switcher{position:relative}.sidebar-tenant .tenant-switcher-button{background:var(--sidebar-hover);border:1px solid var(--sidebar-border);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;transition:all .15s;display:flex}.sidebar-tenant .tenant-switcher-button:hover{border-color:var(--sidebar-accent);background:#ffffff1a}.sidebar-tenant .tenant-switcher-icon{background:var(--sidebar-accent);color:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.625rem;font-weight:600;display:flex}.sidebar-tenant .tenant-switcher-info{text-align:left;flex:1;min-width:0}.sidebar-tenant .tenant-switcher-name{color:var(--sidebar-text-active);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.sidebar-tenant .tenant-switcher-role{color:var(--sidebar-text);text-transform:capitalize;font-size:.625rem}.sidebar-tenant .tenant-switcher-chevron{width:14px;height:14px;color:var(--sidebar-text);flex-shrink:0;transition:transform .2s}.sidebar-tenant .tenant-switcher-button[aria-expanded=true] .tenant-switcher-chevron{transform:rotate(180deg)}.sidebar-tenant .tenant-dropdown{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);z-index:1002;border-radius:6px;max-height:200px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000004d}.sidebar-tenant .tenant-dropdown-header{color:var(--sidebar-text);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--sidebar-border);padding:.5rem .75rem;font-size:.625rem;font-weight:600}.sidebar-tenant .tenant-dropdown-list{padding:.25rem}.sidebar-tenant .tenant-dropdown-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:.5rem;width:100%;padding:.5rem;transition:background .15s;display:flex}.sidebar-tenant .tenant-dropdown-item:hover{background:var(--sidebar-hover)}.sidebar-tenant .tenant-dropdown-item.active{background:var(--sidebar-active)}.sidebar-tenant .tenant-dropdown-item-icon{background:var(--sidebar-accent);color:#fff;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.5rem;font-weight:600;display:flex}.sidebar-tenant .tenant-dropdown-item-info{flex:1;min-width:0}.sidebar-tenant .tenant-dropdown-item-name{color:var(--sidebar-text-active);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:500;overflow:hidden}.sidebar-tenant .tenant-dropdown-item-role{color:var(--sidebar-text);text-transform:capitalize;font-size:.625rem}.sidebar-tenant .tenant-dropdown-item-check{width:14px;height:14px;color:var(--sidebar-accent);flex-shrink:0}.sidebar-tenant .tenant-dropdown::-webkit-scrollbar{width:4px}.sidebar-tenant .tenant-dropdown::-webkit-scrollbar-track{background:0 0}.sidebar-tenant .tenant-dropdown::-webkit-scrollbar-thumb{background:var(--sidebar-border);border-radius:2px}.sidebar-content{flex:1;padding:.5rem 0;overflow:hidden auto}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:0 0}.sidebar-content::-webkit-scrollbar-thumb{background:var(--sidebar-border);border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--sidebar-text)}.sidebar-content{scrollbar-width:thin;scrollbar-color:var(--sidebar-border) transparent}.sidebar-section{padding:.5rem 0}.sidebar-section-header{color:var(--sidebar-text);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:flex}.sidebar-section-title-simple{color:var(--sidebar-text);text-transform:uppercase;letter-spacing:.05em;opacity:.7;padding:.5rem 1rem .25rem;font-size:.7rem;font-weight:600}.sidebar-section-icon{opacity:.7;width:14px;height:14px}.sidebar-section-icon svg{width:100%;height:100%}.sidebar-section-divider{border-top:1px solid var(--sidebar-border);justify-content:center;align-items:center;margin:.25rem 0;padding:.75rem 0;display:flex}.sidebar-section-icon-collapsed{width:16px;height:16px;color:var(--sidebar-text);opacity:.5}.sidebar-section-icon-collapsed svg{width:100%;height:100%}.sidebar-nav{flex-direction:column;gap:2px;padding:0 .5rem;display:flex}.sidebar-nav-item{color:var(--sidebar-text);transition:all var(--transition-speed) ease;border-radius:8px;align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;text-decoration:none;display:flex;position:relative}.sidebar-nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.sidebar-nav-item.active{background:var(--sidebar-active);color:var(--sidebar-accent)}.sidebar-nav-item.active:before{content:"";background:var(--sidebar-accent);border-radius:0 2px 2px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-nav-item.collapsed{justify-content:center;padding:.75rem}.sidebar-nav-item.collapsed:before{border-radius:0 2px 2px 0;left:0}.sidebar-nav-icon{flex-shrink:0;width:20px;height:20px}.sidebar-nav-icon svg{width:100%;height:100%}.sidebar-nav-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-nav-badge{color:#fff;background:#ef4444;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:.6875rem;font-weight:600;display:flex}.sidebar-nav-icon.has-pending{color:#f59e0b}.sidebar-nav-item.collapsed .sidebar-nav-icon.has-pending{color:#f59e0b;filter:drop-shadow(0 0 4px #f59e0b66)}.sidebar-tooltip-badge{color:#fff;background:#ef4444;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:.6875rem;font-weight:600;display:block}.sidebar-tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;z-index:1001;pointer-events:none;background:#2d3748;border-radius:6px;padding:.5rem .75rem;font-size:.8125rem;transition:all .15s;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.sidebar-tooltip:before{content:"";border:6px solid #0000;border-right-color:#2d3748;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.sidebar-nav-item.collapsed:hover .sidebar-tooltip{opacity:1;visibility:visible}.sidebar-footer{border-top:1px solid var(--sidebar-border);margin-top:auto;padding:.75rem}.sidebar-user{background:#ffffff08;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.5rem;display:flex}.sidebar-user-avatar,.sidebar-user-avatar-only{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:600;display:flex}.sidebar-user-avatar-only{cursor:default;margin:.25rem auto}.sidebar-user-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sidebar-user-email{color:var(--sidebar-text-active);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.sidebar-user-role{color:var(--sidebar-text);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.sidebar-theme-toggle{border:1px solid var(--sidebar-border);width:100%;color:var(--sidebar-text);cursor:pointer;transition:all var(--transition-speed) ease;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.625rem;font-size:.8125rem;display:flex;position:relative}.sidebar-theme-toggle:hover{background:var(--sidebar-hover);border-color:var(--sidebar-accent);color:var(--sidebar-text-active)}.sidebar-theme-toggle.collapsed{width:auto;padding:.625rem}.sidebar-theme-toggle .sidebar-nav-icon{width:18px;height:18px}.sidebar-theme-toggle .sidebar-nav-icon svg{width:100%;height:100%}.sidebar-theme-label{white-space:nowrap}.sidebar-theme-toggle.collapsed:hover .sidebar-tooltip{opacity:1;visibility:visible}.sidebar-logout{border:1px solid var(--sidebar-border);width:100%;color:var(--sidebar-text);cursor:pointer;transition:all var(--transition-speed) ease;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem;font-size:.8125rem;display:flex}.sidebar-logout:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.sidebar-logout.collapsed{width:auto;padding:.625rem}.sidebar-logout svg{width:18px;height:18px}@media (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.layout-main{margin-left:0}}.change-password-page{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.change-password-container{width:100%;max-width:480px}.change-password-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293be6 0%,#0f172af2 100%);border:1px solid #94a3b826;border-radius:20px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000080,inset 0 0 0 1px #ffffff0d}.change-password-header{text-align:center;margin-bottom:2rem}.change-password-icon{background:linear-gradient(135deg,#3b82f633 0%,#6366f133 100%);border:1px solid #3b82f64d;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex}.change-password-icon svg{color:#60a5fa;width:32px;height:32px}.change-password-header h1{color:#f1f5f9;letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.75rem;font-weight:600}.change-password-notice{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:8px;margin:0 0 .5rem;padding:.75rem 1rem;font-size:.9rem}.change-password-user{color:#94a3b8;margin:0;font-size:.9rem}.change-password-user strong{color:#e2e8f0}.change-password-form{flex-direction:column;gap:1.25rem;display:flex}.change-password-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:.75rem;padding:1rem;font-size:.9rem;display:flex}.change-password-error svg{color:#ef4444;flex-shrink:0;width:20px;height:20px}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#94a3b8;letter-spacing:.02em;font-size:.85rem;font-weight:500}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .input-icon{color:#64748b;pointer-events:none;z-index:1;width:18px;height:18px;position:absolute;left:1rem}.password-input-wrapper input{color:#f1f5f9;background:#0f172a99;border:1px solid #94a3b833;border-radius:10px;width:100%;padding:.875rem 3rem .875rem 2.75rem;font-size:.95rem;transition:all .2s}.password-input-wrapper input:focus{background:#0f172acc;border-color:#3b82f680;outline:none;box-shadow:0 0 0 3px #3b82f61a}.password-input-wrapper input::placeholder{color:#475569}.password-input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.password-input-wrapper input.input-error{border-color:#ef444480}.password-toggle{cursor:pointer;color:#64748b;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:color .2s;display:flex;position:absolute;right:.75rem}.password-toggle:hover{color:#94a3b8}.password-toggle svg{width:18px;height:18px}.field-error{color:#fca5a5;font-size:.8rem}.password-requirements{background:#0f172a66;border:1px solid #94a3b81a;border-radius:10px;grid-template-columns:1fr 1fr;gap:.5rem;padding:1rem;display:grid}.requirement{color:#64748b;align-items:center;gap:.5rem;font-size:.8rem;transition:color .2s;display:flex}.requirement.met{color:#4ade80}.requirement-icon{opacity:0;flex-shrink:0;width:14px;height:14px;transition:all .2s;transform:scale(.5)}.requirement.met .requirement-icon{opacity:1;transform:scale(1)}.change-password-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.change-password-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px -10px #3b82f680}.change-password-submit:active:not(:disabled){transform:translateY(0)}.change-password-submit:disabled{opacity:.5;cursor:not-allowed}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.change-password-logout{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #94a3b833;border-radius:10px;padding:.875rem;font-size:.9rem;transition:all .2s}.change-password-logout:hover:not(:disabled){color:#e2e8f0;background:#94a3b81a;border-color:#94a3b84d}.change-password-logout:disabled{opacity:.5;cursor:not-allowed}@media (width<=480px){.change-password-page{padding:1rem}.change-password-card{border-radius:16px;padding:1.5rem}.change-password-header h1{font-size:1.5rem}.password-requirements{grid-template-columns:1fr}}