:root,[data-theme=dark]{--bg-base:#0a0a0b;--bg-surface:#111113;--bg-elevated:#18181b;--bg-hover:#1f1f23;--bg-active:#27272a;--border-default:#27272a;--border-subtle:#1f1f23;--border-strong:#3f3f46;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-muted:#52525b;--accent-primary:#6366f1;--accent-primary-hover:#818cf8;--accent-primary-subtle:rgba(99,102,241,.15);--color-success:#22c55e;--color-success-subtle:rgba(34,197,94,.15);--color-success-text:#4ade80;--color-error:#ef4444;--color-error-subtle:rgba(239,68,68,.15);--color-error-text:#fca5a5;--color-warning:#f59e0b;--color-warning-subtle:rgba(245,158,11,.15);--color-warning-text:#fcd34d;--sidebar-width:240px;--sidebar-bg:linear-gradient(180deg,#0f0f12,#0d0d10 50%,#0a0a0d);--topbar-height:64px;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.4);--shadow-lg:0 10px 15px rgba(0,0,0,.5);--chip-bg:hsla(0,0%,100%,.1);--chip-bg-active:hsla(0,0%,100%,.15);--overlay-bg:rgba(0,0,0,.6);--modal-overlay:rgba(0,0,0,.8);--scrollbar-thumb:hsla(0,0%,100%,.1);--scrollbar-thumb-hover:hsla(0,0%,100%,.15);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px}[data-theme=light]{--bg-base:#f8fafc;--bg-surface:#fff;--bg-elevated:#f1f5f9;--bg-hover:#e2e8f0;--bg-active:#cbd5e1;--border-default:#e2e8f0;--border-subtle:#f1f5f9;--border-strong:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--accent-primary:#4f46e5;--accent-primary-hover:#6366f1;--accent-primary-subtle:rgba(79,70,229,.1);--color-success:#16a34a;--color-success-subtle:rgba(22,163,74,.1);--color-success-text:#15803d;--color-error:#dc2626;--color-error-subtle:rgba(220,38,38,.1);--color-error-text:#b91c1c;--color-warning:#d97706;--color-warning-subtle:rgba(217,119,6,.1);--color-warning-text:#b45309;--sidebar-bg:linear-gradient(180deg,#fff,#f8fafc 50%,#f1f5f9);--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--chip-bg:rgba(0,0,0,.06);--chip-bg-active:rgba(0,0,0,.1);--overlay-bg:rgba(0,0,0,.4);--modal-overlay:rgba(0,0,0,.6);--scrollbar-thumb:rgba(0,0,0,.15);--scrollbar-thumb-hover:rgba(0,0,0,.25)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-base);color:var(--text-primary)}.app-shell{display:flex;min-height:100vh}.app-main{flex:1 1;margin-left:var(--sidebar-width);min-height:100vh;background:var(--bg-base)}@media (max-width:768px){.app-main{margin-left:0}}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--border-subtle);flex-direction:column;z-index:100}.sidebar,.sidebar-desktop{display:flex}.sidebar-mobile{display:none}@media (max-width:768px){.sidebar-desktop{display:none}.sidebar-mobile{display:flex;transform:translateX(-100%);transition:transform .3s ease}.sidebar-mobile-open{transform:translateX(0)}}.sidebar-mobile-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:150;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);padding:.5rem;cursor:pointer;transition:all .15s ease}.sidebar-mobile-toggle:hover{background:var(--bg-hover);border-color:var(--border-strong)}@media (max-width:768px){.sidebar-mobile-toggle{display:flex}}.sidebar-overlay{display:none;position:fixed;inset:0;background:var(--overlay-bg);z-index:90}@media (max-width:768px){.sidebar-overlay{display:block}}.sidebar-header{padding:1rem;border-bottom:1px solid var(--border-subtle)}.sidebar-workspace{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease}.sidebar-workspace:hover{background:var(--bg-hover)}.sidebar-workspace-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);border-radius:var(--radius-sm);color:#fff;flex-shrink:0}.sidebar-workspace-info{flex:1 1;display:flex;flex-direction:column;min-width:0}.sidebar-workspace-name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-workspace-type{font-size:.75rem;color:var(--text-tertiary)}.sidebar-workspace-toggle{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.sidebar-section{padding:0 .75rem;margin-bottom:1.5rem}.sidebar-section-label{display:block;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:0 .75rem;margin-bottom:.5rem}.sidebar-menu{list-style:none}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:.8125rem;font-weight:500;transition:all .15s ease;margin-bottom:.125rem}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-item-active{border:1px solid rgba(99,102,241,.2)}.sidebar-item-active,.sidebar-item-active:hover{background:var(--accent-primary-subtle);color:var(--accent-primary-hover)}.sidebar-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.8}.sidebar-item-active .sidebar-item-icon{opacity:1}.sidebar-item-label{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:1rem;border-top:1px solid var(--border-subtle)}.sidebar-footer,.sidebar-user{display:flex;align-items:center;gap:.75rem}.sidebar-user{flex:1 1;min-width:0}.sidebar-user-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border-radius:50%;color:var(--text-secondary);flex-shrink:0}.sidebar-user-info{flex:1 1;display:flex;flex-direction:column;min-width:0}.sidebar-user-name{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.sidebar-user-email,.sidebar-user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:.6875rem;color:var(--text-tertiary)}.sidebar-logout{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.sidebar-logout:hover{background:var(--color-error-subtle);color:var(--color-error)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);min-height:var(--topbar-height);flex-wrap:wrap}@media (max-width:768px){.topbar{padding:4rem 1rem 1rem}}.topbar-left{flex:1 1;min-width:200px;max-width:400px}.topbar-search{position:relative;display:flex;align-items:center}.topbar-search-icon{position:absolute;left:.875rem;color:var(--text-tertiary);pointer-events:none}.topbar-search-input{width:100%;height:40px;padding:0 1rem 0 2.5rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.875rem;transition:all .15s ease}.topbar-search-input::placeholder{color:var(--text-tertiary)}.topbar-search-input:hover{border-color:var(--border-strong)}.topbar-search-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-hover)}.topbar-right{gap:.75rem;flex-wrap:wrap}.topbar-right,.topbar-update{display:flex;align-items:center}.topbar-update{gap:.5rem;font-size:.75rem;color:var(--text-tertiary);padding:.5rem .75rem;background:var(--bg-elevated);border-radius:var(--radius-md)}@media (max-width:640px){.topbar-update{display:none}}.topbar-btn{display:inline-flex;align-items:center;gap:.5rem;height:40px;padding:0 1rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-decoration:none;white-space:nowrap}.topbar-btn-secondary{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary)}.topbar-btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.topbar-btn-primary{background:var(--accent-primary);border:1px solid var(--accent-primary);color:#fff}.topbar-btn-primary:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}@media (max-width:480px){.topbar-btn span{display:none}.topbar-btn{padding:0 .75rem}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.theme-toggle:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.theme-toggle:active{transform:scale(.95)}a{color:inherit;text-decoration:none}.container{max-width:1400px;margin:0 auto;padding:1.5rem}@media (max-width:768px){.container{padding:4rem 1rem 1rem}}.content-header{margin-bottom:1.5rem}.content-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.content-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.header{margin-bottom:1.5rem}.header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.header p{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.header-subtitle{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.view-label{color:var(--text-secondary)}.clear-filter-btn{background:none;border:none;color:var(--accent-primary);font-size:.875rem;cursor:pointer;padding:0;transition:color .15s}.clear-filter-btn:hover{color:var(--accent-primary-hover);text-decoration:underline}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.25rem;box-shadow:var(--shadow-sm);transition:all .2s ease}.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.card-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.card-value{font-size:1.75rem;font-weight:700;margin-top:.375rem;color:var(--text-primary)}.card-value.ok,.card-value.online{color:var(--color-success)}.card-value.error,.card-value.offline{color:var(--color-error)}.card-value.slow{color:var(--color-warning)}.card-value.soft404{color:var(--color-error)}.card-highlight-ok{border-color:rgba(34,197,94,.3);background:var(--color-success-subtle)}.card-highlight-danger{border-color:rgba(239,68,68,.4);background:var(--color-error-subtle);animation:pulse-danger 2s ease-in-out infinite}.card-highlight-warning{border-color:rgba(245,158,11,.4);background:var(--color-warning-subtle)}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.9}}.filters{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.filter-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 1rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:12px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-btn:hover{border-color:var(--border-strong);background:var(--bg-hover)}.filter-btn.active{background:var(--bg-active);border-color:var(--border-strong)}.filters-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.filter-chip{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:40px;padding:0 1rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.8125rem;font-weight:500;line-height:1;cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-chip:hover{border-color:var(--border-strong);background:var(--bg-hover);color:var(--text-primary)}.filter-chip-active{background:var(--accent-primary-subtle);border-color:rgba(99,102,241,.3);color:var(--accent-primary-hover)}.filter-chip-icon{justify-content:center;flex-shrink:0}.filter-chip-icon,.filter-chip-label{display:flex;align-items:center}.filter-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .375rem;background:var(--chip-bg);border-radius:10px;font-size:.75rem;font-weight:600}.filter-chip-active .filter-chip-count{background:var(--chip-bg-active)}.filter-select-wrapper{position:relative;display:inline-flex;align-items:center}.filter-select-wrapper .filter-select{height:40px;padding:0 2.5rem 0 1rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.8125rem;font-weight:500;line-height:1;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .15s ease;min-width:160px}.filter-select-wrapper .filter-select:hover{border-color:var(--border-strong);background:var(--bg-hover)}.filter-select-wrapper .filter-select:focus{outline:none;border-color:var(--accent-primary)}.filter-select-icon{position:absolute;right:.875rem;pointer-events:none;color:var(--text-tertiary)}.table-container{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse}td,th{padding:.875rem 1rem;text-align:left}th{background:var(--bg-elevated);font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-weight:600}tr:not(:last-child) td{border-bottom:1px solid var(--border-subtle)}tr:hover td{background:var(--bg-hover)}.badge{display:inline-block;padding:.25rem .625rem;border-radius:var(--radius-md);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.badge-online,.badge.ok{background:var(--color-success-subtle);color:var(--color-success)}.badge-offline,.badge.error{background:var(--color-error-subtle);color:var(--color-error);font-weight:700}.badge-slow,.badge.slow{background:var(--color-warning-subtle);color:var(--color-warning)}.badge-soft404{background:var(--color-error-subtle);color:var(--color-error);font-weight:700}.time{font-family:monospace;color:var(--text-tertiary)}.url{color:var(--text-secondary);font-size:.875rem}.error-text{color:var(--color-error);font-size:.75rem;margin-top:.25rem}.empty{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl)}.empty,.loading{text-align:center;padding:3rem;color:var(--text-tertiary)}.header-row{display:flex;justify-content:space-between;align-items:flex-start}.btn{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .15s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.375rem}.btn:hover{border-color:var(--border-strong);background:var(--bg-hover)}.btn-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.btn-danger{color:var(--color-error)}.btn-danger:hover{background:var(--color-error-subtle);border-color:rgba(239,68,68,.3)}.btn-small{padding:.375rem .5rem;font-size:.75rem}.btn:disabled{opacity:.5;cursor:not-allowed}.filters-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.input{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);padding:.625rem .875rem;border-radius:var(--radius-md);font-size:.875rem;transition:all .15s ease}.input:hover{border-color:var(--border-strong)}.input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-hover)}.input::placeholder{color:var(--text-tertiary)}.search-input{flex:1 1}.select-input{min-width:180px}.actions{display:flex;gap:.5rem}.badge.disabled{background:hsla(220,9%,46%,.15);color:var(--text-muted)}.nav-links{margin-top:2rem}.link{color:var(--accent-primary);text-decoration:none}.link:hover{text-decoration:underline}.form{max-width:600px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;padding:1.5rem}.form-errors{background:rgba(239,68,68,.15);border:1px solid var(--color-error);border-radius:6px;padding:.75rem 1rem;color:var(--color-error);font-size:.875rem}.form-errors,.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;color:var(--text-tertiary);margin-bottom:.5rem}.form-group .input{width:100%}.form-hint{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input{width:1rem;height:1rem;cursor:pointer}.checkbox-label span{color:var(--text-primary)}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-default)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.modal-header h2{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-primary)}.modal-close{background:none;border:none;color:var(--text-tertiary);font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:color .15s ease}.modal-close:hover{color:var(--text-primary)}.modal-content{padding:1.25rem}.modal-form .form-group{margin-bottom:1rem}.modal-form .form-group:last-of-type{margin-bottom:0}.modal-loading{text-align:center;padding:2rem;color:var(--text-secondary)}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.chart-container{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.25rem;box-shadow:var(--shadow-sm)}.chart-title{font-size:.75rem;font-weight:600;color:var(--text-tertiary);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.chart-empty{height:200px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.875rem}.client-name{color:var(--text-secondary);font-size:.75rem;margin-top:.125rem}.btn-icon{min-width:32px;padding:.25rem .5rem;font-size:1rem}.badge.pending{background:hsla(220,9%,46%,.15);color:var(--text-muted)}.row-urgent{background:rgba(239,68,68,.08)!important}.row-urgent:hover{background:rgba(239,68,68,.12)!important}.row-warning{background:rgba(245,158,11,.06)!important}.row-warning:hover{background:rgba(245,158,11,.1)!important}.status-cell{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.error-badge{display:inline-block;padding:.125rem .375rem;border-radius:3px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em;cursor:help}.error-badge-offline,.error-badge-soft404{background:rgba(239,68,68,.25);color:var(--color-error-text);border:1px solid rgba(239,68,68,.3)}.error-badge-slow{background:rgba(245,158,11,.25);color:var(--color-warning-text);border:1px solid rgba(245,158,11,.3)}.http-code{font-family:monospace;font-size:.875rem;color:var(--text-tertiary)}.http-error{color:var(--color-error);font-weight:600}.time-slow{color:var(--color-warning)!important;font-weight:600}.last-check{font-size:.75rem;color:var(--text-tertiary)}.page-name{font-weight:500}.section-title{font-size:.75rem;font-weight:600;color:var(--text-tertiary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.client-cards-section{margin-bottom:1.5rem}.client-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:.875rem;gap:.875rem}.client-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1rem;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;box-shadow:var(--shadow-sm)}.client-card:hover{border-color:var(--border-strong);background:var(--bg-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.client-card-selected{border-color:var(--accent-primary);background:var(--accent-primary-subtle)}.client-card-error{border-color:rgba(239,68,68,.3)}.client-card-selected.client-card-error{border-color:var(--accent-primary)}.client-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.client-card-name{font-weight:600;font-size:.875rem;color:var(--text-primary)}.client-card-stats{display:flex;gap:.75rem;flex-wrap:wrap}.client-stat{text-align:center}.client-stat-value{display:block;font-size:1.125rem;font-weight:700;color:var(--text-tertiary)}.client-stat-label{display:block;font-size:.625rem;color:var(--text-secondary);text-transform:uppercase}.client-stat-ok .client-stat-value{color:var(--color-success)}.client-stat-error .client-stat-value{color:var(--color-error)}.client-stat-warning .client-stat-value{color:var(--color-warning)}.client-card-uptime{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-default);font-size:.75rem;display:flex;justify-content:space-between}.uptime-label{color:var(--text-secondary)}.uptime-value{font-weight:600}.uptime-good{color:var(--color-success)}.uptime-ok{color:var(--color-warning)}.uptime-bad{color:var(--color-error)}.filter-select{height:44px;padding:0 1rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:12px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;min-width:160px;transition:all .15s ease}.filter-select:hover{border-color:var(--border-strong);background:var(--bg-hover)}.filter-select:focus{outline:none;border-color:var(--accent-primary)}.audit-metrics-section{margin-bottom:1.5rem}.audit-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.875rem;gap:.875rem}@media (max-width:768px){.audit-metrics-grid{grid-template-columns:repeat(2,1fr)}}.audit-metric-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1rem;text-align:center;box-shadow:var(--shadow-sm);transition:all .2s ease}.audit-metric-card:hover{box-shadow:var(--shadow-md)}.audit-metric-card.score-good{border-color:rgba(34,197,94,.3);background:var(--color-success-subtle)}.audit-metric-card.score-ok{border-color:rgba(245,158,11,.3);background:var(--color-warning-subtle)}.audit-metric-card.score-bad{border-color:rgba(239,68,68,.3);background:var(--color-error-subtle)}.audit-metric-label{font-size:.6875rem;color:var(--text-tertiary);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.audit-metric-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:.25rem}.audit-metric-value .no-data{color:var(--text-secondary)}.trend-icon{font-size:.875rem}.trend-up{color:var(--color-success)}.trend-down{color:var(--color-error)}.trend-stable{color:var(--text-tertiary)}.audit-warning{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:.875rem;color:var(--color-warning);font-size:.875rem}.audit-empty{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;padding:1.25rem;color:var(--text-secondary);font-size:.875rem;text-align:center}.score-badge{display:inline-block;min-width:28px;padding:.125rem .25rem;border-radius:3px;font-size:.75rem;font-weight:600;text-align:center;background:var(--bg-active);color:var(--text-tertiary)}.score-badge.score-good{background:rgba(34,197,94,.2);color:var(--color-success)}.score-badge.score-ok{background:rgba(245,158,11,.2);color:var(--color-warning)}.score-badge.score-bad{background:rgba(239,68,68,.2);color:var(--color-error)}.score-badge.score-na{background:var(--bg-hover);color:var(--text-muted)}.scores-cell{display:flex;gap:.25rem}.btn-audit{color:var(--accent-primary)}.btn-audit:hover{background:rgba(59,130,246,.15)}.btn-audit.running{opacity:.5;cursor:wait}.audit-popover{position:relative;display:inline-block}.audit-popover-content{display:none;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;padding:.75rem;min-width:200px;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.3);margin-bottom:.5rem}.audit-popover:hover .audit-popover-content{display:block}.audit-popover-row{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.75rem}.audit-popover-label{color:var(--text-tertiary)}.audit-popover-value{font-weight:600}.breadcrumbs{gap:0;margin-bottom:1rem;font-size:.8125rem;padding:.5rem 0}.breadcrumb-item,.breadcrumb-segment,.breadcrumbs{display:flex;align-items:center}.breadcrumb-item{gap:.375rem;color:var(--text-tertiary);text-decoration:none;transition:color .15s ease;padding:.25rem .5rem;border-radius:var(--radius-sm)}.breadcrumb-item:hover{color:var(--accent-primary-hover);background:var(--accent-primary-subtle)}.breadcrumb-home{color:var(--text-tertiary)}.breadcrumb-current{color:var(--text-primary);cursor:default;font-weight:500}.breadcrumb-current:hover{color:var(--text-primary);background:transparent}.breadcrumb-separator{color:var(--text-muted);margin:0 .25rem}.header-actions{display:flex;gap:.5rem;align-items:center}.header-actions .btn{display:flex;align-items:center;gap:.375rem}.card-icon{color:var(--text-secondary);margin-bottom:.5rem}.page-name-cell{display:flex;flex-direction:column;gap:.125rem}.page-name-link{font-weight:500;color:var(--text-primary);text-decoration:none;transition:color .15s}.page-name-link:hover{color:var(--accent-primary)}.client-name-link{color:var(--text-secondary);font-size:.75rem;text-decoration:none;transition:color .15s}.client-name-link:hover{color:var(--accent-primary)}.url-link{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary);text-decoration:none;transition:color .15s}.url-link:hover{color:var(--accent-primary)}.url-icon{opacity:0;transition:opacity .15s}.url-link:hover .url-icon{opacity:1}.client-card-actions{display:flex;align-items:center;gap:.375rem}.client-card-detail-link{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;color:var(--text-secondary);transition:all .15s}.client-card-detail-link:hover{color:var(--accent-primary);background:rgba(59,130,246,.1)}.client-card-alert{gap:.25rem;font-size:.625rem;font-weight:700;background:rgba(239,68,68,.2);padding:.125rem .375rem;border-radius:3px;text-transform:uppercase}.alert-banner,.client-card-alert{display:flex;align-items:center;color:var(--color-error)}.alert-banner{justify-content:center;gap:.5rem;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.4);border-radius:8px;padding:.75rem 1rem;margin-bottom:1.5rem;font-weight:600;text-align:center;animation:pulse-danger 2s ease-in-out infinite}.status-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.status-card-ok{border-color:rgba(34,197,94,.3);background:var(--color-success-subtle)}.status-card-error{border-color:rgba(239,68,68,.3);background:var(--color-error-subtle)}.status-card-warning{border-color:rgba(245,158,11,.3);background:var(--color-warning-subtle)}.status-card-disabled,.status-card-pending{border-color:var(--border-default);background:var(--bg-elevated)}.status-card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.status-icon{flex-shrink:0}.status-icon-ok{color:var(--color-success)}.status-icon-error{color:var(--color-error)}.status-icon-warning{color:var(--color-warning)}.status-icon-disabled,.status-icon-pending{color:var(--text-muted)}.status-card-title{font-size:1.25rem;font-weight:600;margin:0}.status-card-error-detail,.status-card-subtitle{color:var(--text-tertiary);font-size:.875rem;margin-top:.25rem}.status-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1rem;gap:1rem}.status-card-item{display:flex;flex-direction:column}.status-card-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.status-card-value{font-size:1.25rem;font-weight:600;margin-top:.25rem}.status-card-value-small{font-size:.875rem}.status-value-error{color:var(--color-error)}.status-value-warning{color:var(--color-warning)}.status-card-error{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-default);font-size:.875rem}.status-card-error-label{color:var(--text-tertiary);margin-right:.5rem}.status-card-error-message{color:var(--color-error)}.redirect-chain{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.redirect-chain-title{font-size:.875rem;font-weight:600;color:var(--text-tertiary);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.redirect-chain-list,.redirect-step{display:flex;flex-direction:column;gap:.5rem}.redirect-step-content{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.redirect-status{font-family:monospace;font-size:.75rem;font-weight:600;padding:.125rem .375rem;border-radius:3px}.redirect-status-ok{background:rgba(34,197,94,.2);color:var(--color-success)}.redirect-status-redirect{background:rgba(245,158,11,.2);color:var(--color-warning)}.redirect-status-error{background:rgba(239,68,68,.2);color:var(--color-error)}.redirect-url{display:flex;align-items:center;gap:.375rem;color:var(--text-tertiary);font-size:.875rem;text-decoration:none;word-break:break-all}.redirect-url:hover{color:var(--accent-primary)}.redirect-url-icon{flex-shrink:0;opacity:.5}.redirect-final-badge{font-size:.625rem;font-weight:600;background:rgba(34,197,94,.2);color:var(--color-success);padding:.125rem .375rem;border-radius:3px;text-transform:uppercase}.redirect-arrow{color:var(--text-muted);margin-left:.5rem}.page-url-header{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary);font-size:.875rem;text-decoration:none;margin-top:.25rem}.page-url-header:hover{color:var(--accent-primary)}.audit-section{margin-bottom:2rem}.audit-scores-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.75rem;gap:.75rem}@media (max-width:768px){.audit-scores-grid{grid-template-columns:repeat(2,1fr)}}.audit-score-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;padding:1rem;text-align:center}.audit-score-card.score-good{border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.05)}.audit-score-card.score-ok{border-color:rgba(245,158,11,.3);background:rgba(245,158,11,.05)}.audit-score-card.score-bad{border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.05)}.audit-score-icon{color:var(--text-secondary);margin-bottom:.5rem}.audit-score-card.score-good .audit-score-icon{color:var(--color-success)}.audit-score-card.score-ok .audit-score-icon{color:var(--color-warning)}.audit-score-card.score-bad .audit-score-icon{color:var(--color-error)}.audit-score-label{font-size:.75rem;color:var(--text-tertiary);margin-bottom:.25rem}.audit-score-value{font-size:1.5rem;font-weight:700}.audit-score-card.score-good .audit-score-value{color:var(--color-success)}.audit-score-card.score-ok .audit-score-value{color:var(--color-warning)}.audit-score-card.score-bad .audit-score-value{color:var(--color-error)}.audit-history-section{margin-top:1.5rem}.audit-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-toggle{display:flex;gap:.25rem}.toggle-btn{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-tertiary);padding:.375rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .15s}.toggle-btn.active,.toggle-btn:hover{border-color:var(--border-strong)}.toggle-btn.active{background:var(--bg-active);color:var(--text-primary)}.best-worst-section{margin-bottom:2rem}.best-worst-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:.75rem;gap:.75rem}.best-worst-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.best-card{border-color:rgba(34,197,94,.3)}.worst-card{border-color:rgba(239,68,68,.3)}.best-worst-label{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.best-worst-link{color:var(--text-primary);text-decoration:none;font-weight:500}.best-worst-link:hover{color:var(--accent-primary)}.best-worst-score{font-size:1.25rem;font-weight:700}.best-worst-score.score-good{color:var(--color-success)}.best-worst-score.score-ok{color:var(--color-warning)}.best-worst-score.score-bad{color:var(--color-error)}.incidents-section{margin-bottom:2rem}.incidents-list{display:flex;flex-direction:column;gap:.75rem}.incident-item{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;padding:.875rem}.incident-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.incident-badge{font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:4px}.incident-badge-error{background:rgba(239,68,68,.2);color:var(--color-error)}.incident-badge-warning{background:rgba(245,158,11,.2);color:var(--color-warning)}.incident-details,.incident-time{font-size:.75rem;color:var(--text-tertiary)}.incident-details{display:flex;flex-wrap:wrap;gap:1rem}.incident-duration{display:flex;align-items:center;gap:.25rem}.incident-error{color:var(--color-error)}.page-info-section{margin-bottom:2rem}.page-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1rem;gap:1rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;padding:1rem}.page-info-item{display:flex;flex-direction:column}.page-info-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.page-info-value{font-size:.875rem;margin-top:.25rem}.incidents-table-container{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;overflow:hidden}.incident-datetime{font-size:.875rem;color:var(--text-primary)}.url-small{display:block;font-size:.75rem;color:var(--text-secondary);text-decoration:none;margin-top:.125rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-small:hover{color:var(--accent-primary)}.client-link{color:var(--text-tertiary);text-decoration:none;font-size:.875rem}.client-link:hover{color:var(--accent-primary)}.error-type-label{font-size:.75rem;color:var(--text-tertiary)}.http-status-small{display:block;font-size:.625rem;color:var(--text-secondary);margin-top:.125rem}.duration{font-size:.875rem;color:var(--text-tertiary)}.btn-disabled{opacity:.5;cursor:not-allowed}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,var(--bg-base) 0,var(--bg-surface) 50%,#0d0d12 100%)}.login-card{width:100%;max-width:400px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.login-header p{color:var(--text-secondary);font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-error{gap:.5rem;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem 1rem;color:var(--color-error);font-size:.875rem}.input-with-icon,.login-error{display:flex;align-items:center}.input-with-icon{position:relative}.input-icon{position:absolute;left:.875rem;color:var(--text-secondary);pointer-events:none}.input-with-icon .input{width:100%;padding-left:2.75rem;padding-right:2.75rem}.password-toggle{position:absolute;right:.75rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .15s}.password-toggle:hover{color:var(--text-tertiary)}.btn-login{width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:600;margin-top:.5rem}.btn-login:disabled{opacity:.6;cursor:not-allowed}.empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);color:var(--text-secondary);box-shadow:var(--shadow-sm)}.empty-state h3{color:var(--text-primary);margin:1rem 0 .5rem}.empty-state p{margin-bottom:1rem}.empty-state code{display:inline-block;background:var(--bg-elevated);padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;color:var(--accent-primary-hover)}.reports-list{gap:2rem}.report-week-group,.reports-list{display:flex;flex-direction:column}.report-week-group{gap:1rem}.report-week-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.report-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1rem;gap:1rem}.report-card{display:flex;align-items:center;gap:1rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.report-card:hover{border-color:var(--border-strong);background:var(--bg-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.report-card-info{flex:1 1;display:flex;flex-direction:column}.report-card-client{font-weight:500;color:var(--text-primary)}.report-card-week{font-size:.75rem;color:var(--text-tertiary)}.report-card-arrow{color:var(--text-muted)}.report-view{display:flex;flex-direction:column;gap:1rem}.report-view-header{display:flex;gap:.75rem}.report-content{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;padding:1.5rem;overflow-x:auto}.report-content pre{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.875rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;margin:0}.report-viewer-overlay{position:fixed;inset:0;background:var(--modal-overlay);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.report-viewer{background:var(--bg-base);border-radius:var(--radius-xl);width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);border:1px solid var(--border-default)}.report-viewer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.report-viewer-title h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.report-viewer-meta{display:flex;gap:1rem;font-size:.8125rem;color:var(--text-secondary)}.report-viewer-meta span{display:flex;align-items:center;gap:.375rem}.report-viewer-actions{display:flex;gap:.5rem;flex-shrink:0}.report-viewer-content{flex:1 1;overflow-y:auto;padding:2rem 2.5rem;background:var(--bg-surface)}.report-article{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.9375rem;line-height:1.8;color:var(--text-primary)}.report-article h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--accent-blue)}.report-article h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:2rem 0 1rem}.report-article h4{font-size:1rem;font-weight:600;color:var(--text-secondary);margin:1.5rem 0 .75rem}.report-article p{margin:0 0 1rem}.report-article strong{font-weight:600;color:var(--text-primary)}.report-article em{font-style:italic;color:var(--text-secondary)}.report-article li{margin:.5rem 0;padding-left:.5rem;position:relative}.report-article li:before{content:"";position:absolute;left:-1rem;top:.6em;width:6px;height:6px;background:var(--accent-blue);border-radius:50%}.report-article hr{border:none;border-top:1px solid var(--border-subtle);margin:2rem 0}.report-viewer-warning{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(234,179,8,.1);border-top:1px solid rgba(234,179,8,.2);color:var(--color-warning);font-size:.8125rem}.btn-success{background:var(--accent-green)!important;border-color:var(--accent-green)!important;color:#fff!important}@media (max-width:768px){.report-viewer{max-height:100vh;border-radius:0}.report-viewer-header{flex-direction:column;gap:.75rem}.report-viewer-actions{width:100%;justify-content:flex-end}.report-viewer-content{padding:1.5rem}}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:2000;max-width:400px}.toast{display:flex;align-items:center;gap:.75rem;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:.875rem 1rem;box-shadow:var(--shadow-lg);animation:toast-slide-in .3s ease-out}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-success{border-color:rgba(34,197,94,.4)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-color:rgba(239,68,68,.4)}.toast-error .toast-icon{color:var(--color-error)}.toast-icon{flex-shrink:0}.toast-message{flex:1 1;font-size:.875rem;color:var(--text-primary)}.toast-close{flex-shrink:0;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .15s}.toast-close:hover{color:var(--text-tertiary)}.spin-animation{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state-actions{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-state-hint{font-size:.75rem;color:var(--text-secondary);margin-top:.5rem}.settings-sections{display:flex;flex-direction:column;gap:1.5rem}.settings-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.settings-section-header{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.settings-section-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--accent-primary-subtle);border-radius:var(--radius-md);color:var(--accent-primary-hover);flex-shrink:0}.settings-section-icon-audit{background:rgba(245,158,11,.15);color:var(--color-warning)}.settings-section-icon-reports{background:rgba(34,197,94,.15);color:var(--color-success)}.settings-section-icon-account{background:rgba(239,68,68,.15);color:var(--color-error)}.settings-section-header h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.settings-section-header p{font-size:.8125rem;color:var(--text-secondary);margin:.25rem 0 0}.settings-section-content{padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.settings-group{display:flex;flex-direction:column;gap:.5rem}.settings-group-half{flex:1 1}.settings-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:640px){.settings-row{grid-template-columns:1fr}}.settings-label{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}.settings-hint{font-size:.75rem;font-weight:400;color:var(--text-tertiary)}.settings-radio-group{display:flex;flex-wrap:wrap;gap:.5rem}.settings-radio{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;font-size:.8125rem;color:var(--text-secondary);transition:all .15s ease}.settings-radio:hover{border-color:var(--border-strong);color:var(--text-primary)}.settings-radio:has(input:checked){background:var(--accent-primary-subtle);border-color:rgba(99,102,241,.3);color:var(--accent-primary-hover)}.settings-radio input{display:none}.settings-checkbox-group{display:flex;flex-wrap:wrap;gap:.5rem}.settings-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;font-size:.8125rem;color:var(--text-secondary);transition:all .15s ease}.settings-checkbox:hover{border-color:var(--border-strong);color:var(--text-primary)}.settings-checkbox:has(input:checked){background:var(--accent-primary-subtle);border-color:rgba(99,102,241,.3);color:var(--accent-primary-hover)}.settings-checkbox input{width:14px;height:14px;accent-color:var(--accent-primary)}.settings-input-group{position:relative;display:flex;align-items:center}.settings-input-icon{position:absolute;left:.875rem;color:var(--text-tertiary);pointer-events:none}.settings-input-group .input{width:100%;padding-left:2.5rem}.settings-input-group .input:not([type=time]){padding-left:2.5rem}.settings-input-suffix{position:absolute;right:.875rem;color:var(--text-tertiary);font-size:.8125rem}.settings-number-input{width:120px!important;padding-right:2.5rem!important;padding-left:.875rem!important}.settings-select{width:100%;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.settings-toggle-label{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md)}.settings-toggle-info{display:flex;flex-direction:column;gap:.125rem}.settings-toggle-title{font-size:.875rem;font-weight:500;color:var(--text-primary)}.settings-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-active);border:1px solid var(--border-default);transition:all .2s ease;border-radius:12px}.settings-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--text-secondary);transition:all .2s ease;border-radius:50%}.settings-toggle input:checked+.settings-toggle-slider{background-color:var(--accent-primary);border-color:var(--accent-primary)}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translateX(20px);background-color:#fff}.settings-info-box{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-md);font-size:.8125rem;color:var(--text-secondary)}.settings-info-box svg{flex-shrink:0;color:var(--accent-primary);margin-top:.125rem}.settings-info-box strong{color:var(--text-primary)}.settings-warning{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);font-size:.8125rem;color:var(--color-warning);margin-bottom:1rem}.settings-action-box{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md)}.settings-action-info{display:flex;align-items:center;gap:.75rem}.settings-action-info svg{color:var(--text-tertiary);flex-shrink:0}.settings-action-info strong{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary)}.settings-action-info span{display:block;font-size:.75rem;color:var(--text-tertiary)}.settings-action-danger{border-color:rgba(239,68,68,.2);background:rgba(239,68,68,.05)}.settings-action-danger svg{color:var(--color-error)}.settings-readonly{padding:.625rem .875rem;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.settings-env-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.settings-env-production{background:var(--color-success-subtle);color:var(--color-success)}.settings-env-staging{background:rgba(245,158,11,.15);color:var(--color-warning)}@media (max-width:640px){.settings-section-header,.settings-toggle-label{flex-direction:column;align-items:flex-start}.settings-toggle-label{gap:.75rem}.settings-action-box{flex-direction:column;align-items:flex-start}.settings-action-box .btn{width:100%;justify-content:center}}.reports-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-subtle);padding-bottom:.5rem}.reports-tab{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.reports-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.reports-tab-active{color:var(--accent-primary-hover);background:var(--accent-primary-subtle)}.reports-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .375rem;background:var(--chip-bg);border-radius:10px;font-size:.75rem;font-weight:600}.reports-tab-active .reports-tab-count{background:var(--chip-bg-active)}.ai-reports-list{display:flex;flex-direction:column;gap:.75rem}.ai-report-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.ai-report-card:hover{border-color:var(--border-strong);background:var(--bg-hover);box-shadow:var(--shadow-md)}.ai-report-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--accent-primary-subtle);border-radius:var(--radius-md);color:var(--accent-primary-hover);flex-shrink:0}.ai-report-card-content{flex:1 1;min-width:0}.ai-report-card-title{font-weight:600;font-size:.9375rem;color:var(--text-primary);margin-bottom:.25rem}.ai-report-card-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.75rem;color:var(--text-tertiary)}.ai-report-card-meta span,.ai-report-card-warning{display:flex;align-items:center;gap:.25rem}.ai-report-card-warning{margin-top:.375rem;font-size:.75rem;color:var(--color-warning)}.ai-report-card-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.ai-report-card-arrow{color:var(--text-muted)}.modal-large{max-width:800px}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border-subtle);background:var(--bg-elevated)}.ai-report-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle);font-size:.8125rem;color:var(--text-secondary)}.ai-report-meta span{display:flex;align-items:center;gap:.375rem}.ai-report-content{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem;max-height:60vh;overflow-y:auto}.ai-report-content pre{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.875rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;margin:0}.ai-warning{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);font-size:.8125rem;color:var(--color-warning);margin-bottom:1rem}.ai-warning svg{flex-shrink:0;margin-top:.125rem}.ai-info-box{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-md);font-size:.8125rem;color:var(--text-secondary);margin-bottom:1rem}.ai-info-box svg{flex-shrink:0;color:var(--accent-primary);margin-top:.125rem}.reports-list-header{margin-bottom:1.5rem}@media (max-width:640px){.ai-report-card,.reports-tabs{flex-direction:column}.ai-report-card{align-items:flex-start;text-align:left}.ai-report-card-actions{width:100%;justify-content:space-between;margin-top:.5rem}.ai-report-meta{flex-direction:column;gap:.5rem}}