: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:#fff;--accent-primary-hover:#e5e5e5;--accent-primary-subtle:hsla(0,0%,100%,.08);--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:64px;--sidebar-bg:#0a0a0b;--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:#18181b;--accent-primary-hover:#27272a;--accent-primary-subtle:rgba(0,0,0,.05);--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:#fff;--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:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:14px;line-height:1.5;background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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;overflow:visible}.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:.75rem;border-bottom:1px solid var(--border-subtle)}.sidebar-header,.sidebar-logo{display:flex;align-items:center;justify-content:center}.sidebar-logo{position:relative;width:36px;height:36px;background:var(--text-primary);border-radius:100px;color:var(--bg-base);flex-shrink:0}.sidebar-nav{flex:1 1;overflow:visible;padding:.5rem 0;display:flex;flex-direction:column;gap:.25rem}.sidebar-divider{height:1px;background:var(--border-subtle);margin:.5rem .75rem}.sidebar-menu{list-style:none;padding:0 .75rem;display:flex;flex-direction:column;gap:.25rem}.sidebar-item{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 auto;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all .15s ease}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-item-active,.sidebar-item-active:hover{background:var(--accent-primary-subtle);color:var(--text-primary)}.sidebar-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-item-active .sidebar-item-icon{opacity:1}.sidebar-group{position:relative}.sidebar-group-trigger{cursor:pointer}.sidebar-flyout{position:absolute;left:100%;top:0;min-width:180px;padding-left:8px;opacity:0;pointer-events:none;transform:translateX(-4px);transition:opacity .15s ease,transform .15s ease;z-index:210}.sidebar-flyout-visible{opacity:1;pointer-events:auto;transform:translateX(0)}.sidebar-flyout-inner{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.25rem 0;overflow:hidden}.sidebar-flyout-header{padding:.5rem .75rem .375rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);margin-bottom:.25rem}.sidebar-flyout-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;color:var(--text-secondary);text-decoration:none;transition:all .12s ease}.sidebar-flyout-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-flyout-item-active{color:var(--text-primary);font-weight:600;background:var(--accent-primary-subtle)}.sidebar-flyout-icon{display:flex;align-items:center;flex-shrink:0;opacity:.7}.sidebar-flyout-item-active .sidebar-flyout-icon{opacity:1}.sidebar-flyout-label{white-space:nowrap}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);padding:.375rem .625rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:200;box-shadow:var(--shadow-md)}[data-tooltip]:hover:after{opacity:1}.sidebar-footer{padding:.75rem;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;gap:.5rem}.sidebar-user-avatar{background:var(--bg-hover);border-radius:50%;color:var(--text-secondary);flex-shrink:0}.sidebar-logout,.sidebar-user-avatar{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.sidebar-logout{background:none;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);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:var(--bg-base)}.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{width:100%;max-width:100%;padding:1.5rem 2rem}@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-md);padding:1.25rem;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:box-shadow .15s ease}.card:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}.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)}.card-highlight-danger{border-color:rgba(239,68,68,.4)}.card-highlight-warning{border-color:rgba(245,158,11,.4)}.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{background:var(--bg-hover)}.filter-chip-active,.filter-chip:hover{border-color:var(--border-strong);color:var(--text-primary)}.filter-chip-active{background:var(--accent-primary-subtle);font-weight:600}.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:auto;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse}td,th{padding:.875rem 1rem;text-align:left}th{background:transparent;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-weight:600;border-bottom:1px solid var(--border-default)}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:var(--bg-base)}.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;opacity:0;transition:opacity .15s ease}tr:hover .actions{opacity:1}.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)}.badge-collecting{background:var(--chip-bg);color:var(--text-secondary);animation:pulse-collecting 1.5s ease-in-out infinite}@keyframes pulse-collecting{0%,to{opacity:1}50%{opacity:.5}}.badge-error{background:var(--danger-bg,#fde8e8);color:var(--danger,#e53e3e)}.badge-warning{background:var(--warning-bg,#fef3cd);color:var(--warning,#d69e2e)}.row-urgent td:first-child{box-shadow:inset 3px 0 0 var(--color-error)}.row-warning td:first-child{box-shadow:inset 3px 0 0 var(--color-warning)}.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)}.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)}.audit-metric-card.score-ok{border-color:rgba(245,158,11,.3)}.audit-metric-card.score-bad{border-color:rgba(239,68,68,.3)}.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:var(--accent-primary-subtle)}.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:var(--accent-primary-subtle)}.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:var(--color-error-subtle);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:.75rem 1rem;margin-bottom:1.5rem;font-weight:600;text-align:center}.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)}.status-card-error{border-color:rgba(239,68,68,.3)}.status-card-warning{border-color:rgba(245,158,11,.3)}.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)}.audit-score-card.score-ok{border-color:rgba(245,158,11,.3)}.audit-score-card.score-bad{border-color:rgba(239,68,68,.3)}.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)}.web-vitals-section{margin-top:1.5rem}.web-vitals-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.75rem;gap:.75rem}@media (max-width:1024px){.web-vitals-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.web-vitals-grid{grid-template-columns:repeat(2,1fr)}}.web-vital-card{background:var(--bg-elevated);border-radius:8px;padding:1rem;position:relative;border:1px solid var(--border-default);border-top:3px solid var(--border-default)}.web-vital-card.vital-good{border-top-color:var(--color-success)}.web-vital-card.vital-needs-improvement{border-top-color:var(--color-warning)}.web-vital-card.vital-poor{border-top-color:var(--color-error)}.web-vital-indicator{margin-bottom:.5rem}.vital-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.25rem}.vital-dot-good{background:var(--color-success)}.vital-dot-warning{background:var(--color-warning)}.vital-dot-poor{background:var(--color-error)}.vital-triangle{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:9px solid var(--color-error)}.vital-square,.vital-triangle{display:inline-block;margin-right:.25rem}.vital-square{width:8px;height:8px;background:var(--color-warning)}.web-vital-label{font-size:.75rem;color:var(--text-tertiary);margin-bottom:.375rem;font-weight:500}.web-vital-value{font-size:1.375rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vital-value-good{color:var(--color-success)}.vital-value-needs-improvement{color:var(--color-warning)}.vital-value-poor{color:var(--color-error)}.web-vitals-legend{display:flex;gap:1.25rem;margin-top:.75rem;padding-top:.5rem}.vital-legend-item{display:inline-flex;align-items:center;gap:.375rem;font-size:.7rem;color:var(--text-muted)}.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)}.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:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,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:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,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(--bg-active);border-radius:var(--radius-md);color:var(--text-secondary);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:var(--border-strong);color:var(--text-primary)}.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:var(--border-strong);color:var(--text-primary)}.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(--text-primary);border-color:var(--text-primary)}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translateX(20px);background-color:var(--bg-base)}.settings-info-box{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;background:var(--accent-primary-subtle);border:1px solid var(--border-default);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(--text-primary);background:var(--accent-primary-subtle);font-weight:600}.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(--bg-elevated);border-radius:var(--radius-md);color:var(--text-secondary);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:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,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:var(--accent-primary-subtle);border:1px solid var(--border-default);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}}.badge-blocked,.badge-timeout{background:var(--color-error-subtle);color:var(--color-error);font-weight:700}.badge-audit-pending{background:var(--color-warning-subtle);color:var(--color-warning)}.badge-audit-failed{background:var(--color-error-subtle);color:var(--color-error)}.incident-cause-text{display:block;font-size:.6875rem;color:var(--text-secondary);margin-top:.25rem;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incident-cause{color:var(--text-secondary);font-size:.8125rem}.event-timeline-section{margin-bottom:2rem}.event-timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.event-period-toggle{display:flex;gap:.25rem}.event-timeline-empty,.event-timeline-loading{text-align:center;padding:2rem;color:var(--text-tertiary);font-size:.875rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.event-timeline{position:relative;display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden}.event-item{display:flex;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .15s ease;border-bottom:1px solid var(--border-subtle)}.event-item:last-child{border-bottom:none}.event-item:hover{background:var(--bg-hover)}.event-icon-wrapper{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding-top:.125rem}.event-icon{flex-shrink:0}.event-line{width:1px;flex:1 1;background:var(--border-default);min-height:8px}.event-item:last-child .event-line{display:none}.event-content{flex:1 1;min-width:0}.event-header-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.event-label{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.event-time{font-size:.6875rem;color:var(--text-muted);white-space:nowrap}.event-message{font-size:.75rem;color:var(--text-secondary);margin-top:.125rem;overflow:hidden;text-overflow:ellipsis}.event-origin{display:inline-block;font-size:.625rem;color:var(--text-muted);margin-top:.25rem;padding:.0625rem .375rem;background:var(--bg-active);border-radius:3px}.event-metadata{margin-top:.5rem;padding:.5rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:.6875rem}.event-metadata-item{display:flex;gap:.375rem;padding:.125rem 0}.event-metadata-key{color:var(--text-muted);font-weight:600}.event-metadata-value{color:var(--text-secondary);word-break:break-all}.event-color-error .event-icon{color:var(--color-error)}.event-color-warning .event-icon{color:var(--color-warning)}.event-color-success .event-icon{color:var(--color-success)}.event-color-default .event-icon{color:var(--text-muted)}.last-cause-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1rem 1.25rem;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.last-cause-active{border-color:rgba(239,68,68,.4);background:var(--color-error-subtle)}.last-cause-resolved{border-color:var(--border-default);background:var(--bg-elevated)}.last-cause-header{display:flex;align-items:flex-start;gap:.75rem}.last-cause-icon-wrapper{position:relative;display:flex;align-items:center;padding-top:.125rem}.last-cause-icon{flex-shrink:0}.last-cause-active .last-cause-icon{color:var(--color-error)}.last-cause-resolved .last-cause-icon{color:var(--text-muted)}.last-cause-pulse{position:absolute;top:0;left:0;width:18px;height:18px;border-radius:50%;background:var(--color-error);opacity:0;animation:cause-pulse 2s ease-in-out infinite}@keyframes cause-pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1.6)}}.last-cause-info{flex:1 1;min-width:0}.last-cause-title{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.last-cause-text{font-size:.875rem;color:var(--text-primary);margin-top:.125rem}.last-cause-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.last-cause-badge{font-size:.625rem;font-weight:700;padding:.125rem .5rem;border-radius:4px;text-transform:uppercase}.last-cause-badge-online{background:var(--color-success-subtle);color:var(--color-success)}.last-cause-badge-error,.last-cause-badge-offline{background:var(--color-error-subtle);color:var(--color-error)}.last-cause-badge-slow,.last-cause-badge-warning{background:var(--color-warning-subtle);color:var(--color-warning)}.last-cause-badge-blocked,.last-cause-badge-timeout{background:var(--color-error-subtle);color:var(--color-error)}.last-cause-time{display:flex;align-items:center;gap:.25rem;font-size:.6875rem;color:var(--text-muted)}.last-cause-origin{font-size:.625rem;color:var(--text-muted)}.comparison-section{margin-bottom:2rem}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;margin-bottom:.75rem}@media (max-width:640px){.comparison-grid{grid-template-columns:1fr}}.comparison-column{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.comparison-column-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.comparison-column-body{padding:.75rem 1rem}.comparison-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0}.comparison-row:not(:last-child){border-bottom:1px solid var(--border-subtle)}.comparison-label{font-size:.75rem;color:var(--text-tertiary)}.comparison-value{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.comparison-value-small{font-size:.6875rem;font-weight:500;color:var(--text-secondary)}.comparison-badge{display:inline-block;padding:.125rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:700;text-transform:uppercase}.comparison-badge-ok{background:var(--color-success-subtle);color:var(--color-success)}.comparison-badge-warning{background:var(--color-warning-subtle);color:var(--color-warning)}.comparison-badge-blocked,.comparison-badge-error{background:var(--color-error-subtle);color:var(--color-error)}.comparison-badge-pending{background:hsla(220,9%,46%,.15);color:var(--text-muted)}.comparison-error{font-size:.6875rem;color:var(--color-error);padding-top:.375rem;margin-top:.375rem;border-top:1px solid var(--border-subtle)}.comparison-conclusion{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius-lg);font-size:.8125rem;font-weight:500}.conclusion-ok{background:var(--color-success-subtle);border:1px solid rgba(34,197,94,.3);color:var(--color-success)}.conclusion-pending{background:hsla(220,9%,46%,.1);border:1px solid var(--border-default);color:var(--text-secondary)}.conclusion-problem{background:var(--color-error-subtle);border:1px solid rgba(239,68,68,.3);color:var(--color-error)}.timeout-select{width:100%;height:40px;padding:0 1rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .15s ease}.timeout-select:hover{border-color:var(--border-strong)}.timeout-select:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-hover)}.fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--text-primary);color:var(--bg-base);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.2),0 4px 16px rgba(0,0,0,.1);transition:box-shadow .15s ease,transform .15s ease;z-index:50}.fab:hover{box-shadow:0 4px 12px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.15);transform:translateY(-2px)}.fab:active{transform:translateY(0)}.suggested-actions-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:1rem 1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.suggested-actions-title{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.suggested-actions-list{display:flex;flex-direction:column}.suggested-action-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-subtle);gap:.75rem}.suggested-action-item:last-child{border-bottom:none;padding-bottom:0}.suggested-action-left{display:flex;align-items:center;gap:.625rem;min-width:0}.suggested-action-icon{color:var(--text-secondary);flex-shrink:0}.suggested-action-text{min-width:0}.suggested-action-message{font-size:.8125rem;color:var(--text-primary);line-height:1.4}.suggested-action-detail{font-size:.6875rem;color:var(--text-tertiary);margin-top:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggested-action-cta{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.suggested-action-cta:hover{background:var(--bg-hover);border-color:var(--border-strong)}.trend-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:500;color:var(--text-tertiary)}.trend-badge-up{color:var(--color-success)}.trend-badge-down{color:var(--color-error)}.trend-badge-stable{color:var(--text-tertiary)}.trend-badge-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.card-trend{margin-top:.25rem}.recent-feed-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1rem 1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.recent-feed-title{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.recent-feed-list{display:flex;flex-direction:column;max-height:240px;overflow-y:auto}.feed-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border-subtle)}.feed-item:last-child{border-bottom:none}.feed-dot{width:8px;height:8px;border-radius:50%;margin-top:.375rem;flex-shrink:0;background:var(--text-tertiary)}.feed-dot-error{background:var(--color-error)}.feed-dot-warning{background:var(--color-warning)}.feed-dot-success{background:var(--color-success)}.feed-content{flex:1 1;min-width:0}.feed-message{font-size:.8125rem;color:var(--text-primary);line-height:1.4}.feed-meta{font-size:.6875rem;margin-top:.125rem}.feed-empty,.feed-meta{color:var(--text-tertiary)}.feed-empty{text-align:center;padding:1.5rem;font-size:.8125rem}.client-card-risk{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-subtle);font-size:.75rem;display:flex;align-items:center;gap:.375rem}.risk-label{color:var(--text-tertiary)}.risk-value{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.risk-level{font-weight:500}.risk-baixo{color:var(--color-success)}.risk-medio{color:var(--color-warning)}.risk-alto,.risk-critico{color:var(--color-error)}.risk-critico{font-weight:700}.card-sla{font-size:.625rem;color:var(--text-muted,var(--text-tertiary));margin-top:.25rem;font-weight:400}.uptime-below-sla{color:var(--color-error)!important;font-weight:700!important}.ranking-page{padding:2rem;max-width:100%;margin:0 auto}.ranking-header{margin-bottom:2rem}.ranking-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.ranking-subtitle{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.5}.ranking-filters{display:flex;gap:1.5rem;align-items:flex-end;margin-bottom:2rem;flex-wrap:wrap}.ranking-filter-group{display:flex;flex-direction:column;gap:.375rem}.ranking-filter-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.ranking-select{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:.5rem .75rem;font-size:.8125rem;color:var(--text-primary);min-width:200px;cursor:pointer;outline:none;transition:border-color .15s}.ranking-select:focus{border-color:var(--text-primary)}.ranking-period-buttons{display:flex;gap:0;border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.ranking-period-btn{background:var(--bg-surface);border:none;border-right:1px solid var(--border-default);padding:.5rem .875rem;font-size:.8125rem;color:var(--text-secondary);cursor:pointer;transition:all .15s}.ranking-period-btn:last-child{border-right:none}.ranking-period-btn:hover{color:var(--text-primary)}.ranking-period-btn-active{background:var(--text-primary);color:var(--bg-surface);font-weight:600}.ranking-client-block{margin-bottom:2.5rem}.ranking-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:start}.ranking-section{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;min-height:330px;max-height:330px;display:flex;flex-direction:column}.ranking-section-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-default)}.ranking-section-title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin:0}.ranking-section-client{font-size:.75rem;font-weight:500;color:var(--text-secondary);background:var(--bg-base);padding:.175rem .625rem;border-radius:var(--radius-full);border:1px solid var(--border-default)}.ranking-section-best .ranking-section-title{color:var(--color-success)}.ranking-section-worst .ranking-section-title{color:var(--color-error)}.ranking-table-container{overflow-x:auto;overflow-y:auto;flex:1 1}.ranking-table{width:100%;border-collapse:collapse;font-size:.8125rem}.ranking-table thead{background:var(--bg-base)}.ranking-table th{padding:.5rem .75rem;text-align:left;font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.ranking-table td,.ranking-table th{white-space:nowrap;border-bottom:1px solid var(--border-default)}.ranking-table td{padding:.625rem .75rem;color:var(--text-primary)}.ranking-row:last-child td{border-bottom:none}.ranking-row:hover{background:var(--bg-base)}.ranking-td-rank,.ranking-th-rank{width:40px;text-align:center}.ranking-position{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:.6875rem;font-weight:700}.ranking-position-best{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.ranking-position-worst{background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error)}.ranking-page-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.ranking-page-name{font-weight:500;color:var(--text-primary)}.ranking-page-name,.ranking-page-url{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.ranking-page-url{font-size:.6875rem;color:var(--text-secondary)}.ranking-score-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700}.ranking-score-good{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.ranking-score-warning{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.ranking-score-bad{background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error)}.ranking-status-badge{display:inline-block;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600}.ranking-status-online{background:color-mix(in srgb,var(--color-success) 12%,transparent);color:var(--color-success)}.ranking-status-slow{background:color-mix(in srgb,var(--color-warning) 12%,transparent);color:var(--color-warning)}.ranking-status-offline{background:color-mix(in srgb,var(--color-error) 12%,transparent);color:var(--color-error)}.ranking-variation{font-weight:700;font-size:.875rem}.ranking-variation-up{color:var(--color-success)}.ranking-variation-down{color:var(--color-error)}.ranking-loading,.ranking-variation-stable{color:var(--text-secondary)}.ranking-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:4rem 0;font-size:.875rem}.ranking-spinner{width:20px;height:20px;border:2px solid var(--border-default);border-top-color:var(--text-primary);border-radius:50%;animation:spin .6s linear infinite}.ranking-empty-state{padding:4rem 0;font-size:.875rem}.ranking-empty,.ranking-empty-state{text-align:center;color:var(--text-secondary)}.ranking-empty{padding:1.5rem 1rem;font-size:.8125rem}@media (max-width:768px){.ranking-page{padding:1rem}.ranking-grid{grid-template-columns:1fr}.ranking-filters{flex-direction:column;align-items:stretch}.ranking-select{min-width:unset;width:100%}.ranking-page-name,.ranking-page-url{max-width:140px}.ranking-td-perf,.ranking-th-perf{display:none}}.gestao-page{padding:2rem;max-width:100%;margin:0 auto}.gestao-header{margin-bottom:2rem}.gestao-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.gestao-subtitle{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.5}.gestao-filters{display:flex;gap:1.5rem;align-items:flex-end;margin-bottom:2rem;flex-wrap:wrap}.gestao-filter-group{display:flex;flex-direction:column;gap:.375rem}.gestao-filter-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.gestao-select{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:.5rem .75rem;font-size:.8125rem;color:var(--text-primary);min-width:200px;cursor:pointer;outline:none;transition:border-color .15s}.gestao-select:focus{border-color:var(--text-primary)}.gestao-period-buttons{display:flex;gap:0;border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.gestao-period-btn{background:var(--bg-surface);border:none;border-right:1px solid var(--border-default);padding:.5rem .875rem;font-size:.8125rem;color:var(--text-secondary);cursor:pointer;transition:all .15s}.gestao-period-btn:last-child{border-right:none}.gestao-period-btn:hover{color:var(--text-primary)}.gestao-period-btn-active{background:var(--text-primary);color:var(--bg-surface);font-weight:600}.gestao-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin-bottom:2rem}.gestao-kpi-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:.25rem}.gestao-kpi-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.gestao-kpi-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}.gestao-kpi-placeholder{color:var(--text-secondary);opacity:.4}.gestao-kpi-sub{font-size:.6875rem;color:var(--text-secondary)}.gestao-kpi-variation-placeholder{opacity:.4}.gestao-charts-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.gestao-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.gestao-card-full{margin-bottom:2rem}.gestao-card-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border-bottom:1px solid var(--border-default)}.gestao-card-title{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin:0}.gestao-card-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-base);border:1px solid var(--border-default);padding:.125rem .5rem;border-radius:var(--radius-full)}.gestao-card-link{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color .15s}.gestao-card-link:hover{color:var(--text-primary)}.gestao-chart-body{padding:1rem}.gestao-empty{padding:2rem 1rem;text-align:center;color:var(--text-secondary);font-size:.8125rem}.gestao-mini-table{overflow-x:auto}.gestao-var-row{display:flex;align-items:center;gap:.5rem;margin-top:.125rem}.gestao-var-badge{display:inline-flex;align-items:center;gap:.125rem;font-size:.6875rem;font-weight:700;padding:.1rem .4rem;border-radius:var(--radius-full)}.gestao-var-positive{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 12%,transparent)}.gestao-var-negative{color:var(--color-error);background:color-mix(in srgb,var(--color-error) 12%,transparent)}.gestao-var-neutral{color:var(--text-secondary);background:var(--bg-base)}.gestao-placeholder-chart{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(-45deg,transparent,transparent 8px,color-mix(in srgb,var(--border-default) 30%,transparent) 8px,color-mix(in srgb,var(--border-default) 30%,transparent) 9px);border-radius:0}.gestao-placeholder-label{font-size:.75rem;color:var(--text-secondary);opacity:.7;text-align:center;padding:1rem;background:var(--bg-surface);border-radius:var(--radius-md);border:1px dashed var(--border-default);max-width:300px}.gestao-risk-list{padding:.5rem 0}.gestao-risk-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.gestao-risk-item:last-child{border-bottom:none}.gestao-risk-rank{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:.6875rem;font-weight:700;background:var(--bg-base);color:var(--text-secondary);border:1px solid var(--border-default);flex-shrink:0}.gestao-risk-placeholder{flex:1 1;height:12px;background:var(--bg-base);border-radius:var(--radius-full);opacity:.5}.gestao-table-placeholder{padding:0}.gestao-table-placeholder-header{display:flex;gap:2rem;padding:.625rem 1.25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:var(--bg-base);border-bottom:1px solid var(--border-default)}.gestao-table-placeholder-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.gestao-table-placeholder-row:last-child{border-bottom:none}.gestao-table-placeholder-cell{font-size:.75rem;color:var(--text-secondary);width:20px;text-align:center}.gestao-table-placeholder-bar{flex:1 1;height:12px;background:var(--bg-base);border-radius:var(--radius-full);opacity:.5}.gestao-quick-links{display:flex;gap:1rem;margin-top:.5rem}.gestao-quick-link{display:inline-flex;align-items:center;padding:.625rem 1.25rem;font-size:.8125rem;font-weight:500;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);text-decoration:none;transition:all .15s}.gestao-quick-link:hover{background:var(--bg-hover);border-color:var(--text-secondary)}@media (max-width:768px){.gestao-page{padding:1rem}.gestao-kpi-grid{grid-template-columns:repeat(2,1fr)}.gestao-charts-grid{grid-template-columns:1fr}.gestao-filters{flex-direction:column;align-items:stretch}.gestao-select{min-width:unset;width:100%}.gestao-quick-links{flex-direction:column}}.access-card{background:var(--color-surface-elevated,#1a2332);border:1px solid var(--color-success,#22c55e);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.access-card-header{display:flex;align-items:center;gap:.5rem;color:var(--color-success,#22c55e);font-weight:600;font-size:.875rem}.access-card-content{background:var(--color-surface,#0f1923);border-radius:6px;padding:1rem;font-family:monospace;font-size:.8125rem;line-height:1.6;white-space:pre-wrap;color:var(--color-text,#e2e8f0);margin:0}.form-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:.75rem 1rem;color:var(--color-success,#22c55e);font-size:.875rem;margin-bottom:1rem}.wizard-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.wizard-list-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-surface,#0f1923);border-radius:6px;font-size:.875rem}.wizard-list-check{color:var(--color-success,#22c55e);flex-shrink:0}.client-greeting{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.client-greeting-main{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.client-greeting-text{flex:1 1;min-width:0}.client-greeting h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.client-greeting-date{color:var(--text-tertiary);font-size:.8125rem;margin:0 0 .75rem;text-transform:capitalize}.client-greeting-summary{display:flex;align-items:center;flex-wrap:wrap;gap:.375rem;color:var(--text-secondary);font-size:.875rem;margin:0}.client-greeting-dot{color:var(--text-muted);margin:0 .125rem}.health-score-badge{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;flex-shrink:0;cursor:default;position:relative}.health-score-badge:after{content:"Saude do Site";position:absolute;bottom:-1.75rem;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;opacity:0;transition:opacity .2s;color:var(--text-secondary)}.health-score-badge:hover:after{opacity:1}.health-score-value{font-size:1.5rem;font-weight:700;line-height:1}.health-score-green{background:var(--color-success-subtle);color:var(--color-success-text);border:2px solid var(--color-success)}.health-score-yellow{background:var(--color-warning-subtle);color:var(--color-warning-text);border:2px solid var(--color-warning)}.health-score-red{background:var(--color-error-subtle);color:var(--color-error-text);border:2px solid var(--color-error)}.client-greeting-alert{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.625rem .875rem;background:var(--color-warning-subtle);color:var(--color-warning-text);border-radius:var(--radius-md);font-size:.875rem;font-weight:500}@media (max-width:640px){.client-greeting-main{flex-direction:column;align-items:flex-start}.health-score-badge{width:60px;height:60px}.health-score-value{font-size:1.25rem}}.status-page{min-height:100vh;background:var(--bg-base);color:var(--text-primary);display:flex;flex-direction:column}.status-header{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:0 1.5rem;height:56px;display:flex;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status-header-inner{max-width:1100px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between}.status-header-left{display:flex;align-items:center;gap:.5rem}.status-brand{font-size:1rem;font-weight:700;letter-spacing:-.01em}.status-last-updated{font-size:.75rem;color:var(--text-tertiary)}.status-content{max-width:1100px;margin:0 auto;width:100%;padding:2rem 1.5rem 3rem;flex:1 1}.status-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:60vh;color:var(--text-secondary)}.status-spinner{animation:status-spin 1.2s linear infinite}@keyframes status-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-hero{text-align:center;margin-bottom:2rem}.status-client-name{font-size:1.75rem;font-weight:700;margin-bottom:.75rem;letter-spacing:-.02em}.status-overall-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:var(--radius-xl);font-size:.875rem;font-weight:600}.status-top-grid{display:grid;grid-template-columns:auto 1fr;grid-gap:1.5rem;gap:1.5rem;margin-bottom:2.5rem;align-items:start}@media (max-width:768px){.status-top-grid{grid-template-columns:1fr;justify-items:center}}.sp-health-score{display:flex;flex-direction:column;align-items:center;gap:.375rem}.sp-health-score-circle{width:120px;height:120px;border-radius:50%;border:4px solid;display:flex;align-items:center;justify-content:center;background:var(--bg-surface)}.sp-health-score-value{font-size:2.5rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sp-health-score-label{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.sp-health-score-sublabel{font-size:.75rem;color:var(--text-tertiary)}.status-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;width:100%}@media (max-width:640px){.status-summary-cards{grid-template-columns:repeat(2,1fr)}}.status-section{margin-bottom:2rem}.status-section-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary);display:flex;align-items:center}.status-list{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.status-list-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle);transition:background .15s ease}.status-list-item:last-child{border-bottom:none}.status-list-item:hover{background:var(--bg-hover)}.status-list-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.status-list-name{font-weight:600;font-size:.875rem;color:var(--text-primary)}.status-list-name,.status-list-url{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-list-url{font-size:.75rem;color:var(--text-tertiary);text-decoration:none;display:inline-flex;align-items:center}.status-list-url:hover{color:var(--text-secondary)}.status-list-meta{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.status-list-response-time{font-family:monospace;font-size:.8125rem;color:var(--text-tertiary)}.status-charts-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem}@media (max-width:768px){.status-charts-grid{grid-template-columns:1fr}}.status-empty{padding:2rem;text-align:center;color:var(--text-tertiary)}.status-no-incidents{display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--color-success-subtle);border-radius:var(--radius-md);color:var(--color-success);font-weight:500;font-size:.875rem}.incident-timeline{display:flex;flex-direction:column}.incident-timeline-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-subtle);position:relative}.incident-timeline-item:last-child{border-bottom:none}.incident-timeline-dot{width:10px;height:10px;border-radius:50%;margin-top:.375rem;flex-shrink:0}.incident-timeline-content{flex:1 1;min-width:0}.incident-timeline-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.375rem}.incident-timeline-page{font-weight:600;font-size:.875rem;color:var(--text-primary)}.incident-timeline-message{font-size:.8125rem;color:var(--text-secondary);margin-bottom:.375rem;line-height:1.5}.incident-timeline-dates{display:flex;gap:1rem;font-size:.75rem;color:var(--text-tertiary);flex-wrap:wrap}.status-footer{text-align:center;padding:1.5rem;border-top:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:.8125rem}.status-footer strong{color:var(--text-secondary)}.products-grid{gap:.75rem}.page-card,.products-grid{display:flex;flex-direction:column}.page-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;transition:border-color .15s}.page-card:hover{border-color:var(--text-tertiary)}.page-card-blocked,.page-card-offline,.page-card-soft404,.page-card-timeout{border-color:var(--color-danger)}.page-card-slow{border-color:var(--color-warning)}.page-card-header{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.page-card-name{flex:1 1;font-weight:600;font-size:.875rem;color:var(--text-primary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-card-name:hover{color:var(--color-accent)}.page-card-body{padding:.625rem .75rem;display:flex;flex-direction:column;gap:.5rem;flex:1 1}.page-card-url{font-size:.75rem;color:var(--text-tertiary);text-decoration:none;display:flex;align-items:center;gap:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-card-url:hover{color:var(--text-secondary)}.page-card-metrics{display:flex;align-items:center;gap:.5rem}.page-card-time{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.page-card-actions{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border-top:1px solid var(--border-subtle);justify-content:flex-end}@media (max-width:768px){.products-grid{grid-template-columns:1fr}}.page-type-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.15rem .4rem;border-radius:3px;white-space:nowrap;flex-shrink:0}.page-type-vendas{background:rgba(139,92,246,.15);color:#a78bfa}.page-type-captura{background:rgba(59,130,246,.15);color:#60a5fa}.page-type-obrigado{background:rgba(34,197,94,.15);color:#4ade80}.page-type-blog{background:rgba(249,115,22,.15);color:#fb923c}.page-type-site{background:rgba(148,163,184,.15);color:#94a3b8}.page-type-checkout{background:rgba(234,179,8,.15);color:#facc15}.product-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;margin-bottom:1rem;overflow:hidden}.product-card-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);font-size:.875rem}.product-card .table-container{margin:0;border:none;border-radius:0}.product-card table{margin:0}