*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px!important}.login-page{display:flex;min-height:100vh;width:100%}.login-brand{background:linear-gradient(135deg,#18181b,#27272a 50%,#3f3f46);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:80px;position:relative}.login-brand:before{background:#6366f114;height:400px;right:-100px;top:-100px;width:400px}.login-brand:after,.login-brand:before{border-radius:50%;content:"";position:absolute}.login-brand:after{background:#6366f10d;bottom:-150px;height:300px;left:-50px;width:300px}.login-brand-logo{align-items:center;background:#ffffff26;border:1px solid #ffffff1a;border-radius:var(--radius-lg);color:#fff;display:flex;font-size:1.2rem;font-weight:800;height:56px;justify-content:center;margin-bottom:var(--space-3xl);width:56px}.login-brand-title{color:#fff;font-size:2.2rem;font-weight:800;line-height:1.2;margin-bottom:var(--space-lg)}.login-brand-description{color:#fff9;font-size:1rem;line-height:1.7;max-width:400px}.login-features{display:flex;flex-direction:column;gap:var(--space-xl);margin-top:var(--space-4xl)}.login-feature{font-size:.9rem;gap:var(--space-lg)}.login-feature,.login-feature-icon{align-items:center;color:#ffffffb3;display:flex}.login-feature-icon{background:#ffffff14;border:1px solid #ffffff0f;border-radius:var(--radius-md);flex-shrink:0;height:36px;justify-content:center;width:36px}.login-form-side{align-items:center;background:var(--color-bg);display:flex;flex-direction:column;justify-content:center;min-width:480px;padding:60px;width:480px}.login-form-container{max-width:360px;width:100%}.login-form-title{color:var(--color-text-primary);font-size:1.5rem;font-weight:800;margin-bottom:var(--space-sm)}.login-form-subtitle{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:var(--space-3xl)}.login-google-btn{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.95rem;font-weight:600;gap:var(--space-md);justify-content:center;padding:14px var(--space-xl);transition:all .2s;width:100%}.login-google-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-text-tertiary);box-shadow:var(--shadow-sm)}.login-google-btn:disabled{cursor:not-allowed;opacity:.6}.login-google-icon{flex-shrink:0;height:20px;width:20px}.login-spinner{animation:loginSpin .6s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-text-primary);height:20px;width:20px}@keyframes loginSpin{to{transform:rotate(1turn)}}.login-divider{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:.78rem;gap:var(--space-lg);margin:var(--space-3xl) 0}.login-divider:after,.login-divider:before{background:var(--color-border);content:"";flex:1 1;height:1px}.login-error{align-items:flex-start;background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-md);margin-bottom:var(--space-2xl);padding:var(--space-lg)}.login-error-icon{color:var(--color-error);flex-shrink:0;margin-top:1px}.login-error-content{display:flex;flex-direction:column;gap:var(--space-xs)}.login-error-heading{color:#991b1b;font-size:.85rem;font-weight:600}.login-error-message{color:#991b1b;font-size:.82rem;line-height:1.5}.login-info{color:var(--color-text-tertiary);font-size:.78rem;line-height:1.6;margin-top:var(--space-2xl);text-align:center}.login-info a,.login-link{color:var(--color-accent);cursor:pointer}.login-footer{color:var(--color-text-tertiary);font-size:.72rem;margin-top:var(--space-4xl);text-align:center}@media (max-width:1024px){.login-page{flex-direction:column;min-height:100vh}.login-brand{flex:0 0 auto;padding:48px 40px}.login-brand-logo{margin-bottom:var(--space-xl)}.login-brand-title{font-size:1.8rem}.login-features{margin-top:var(--space-2xl)}.login-form-side{flex:1 1 auto;min-width:0;padding:48px 24px;width:100%}}@media (max-width:900px){.login-brand{padding:40px 32px}.login-brand-title{font-size:1.6rem}.login-brand-description{font-size:.9rem}}@media (max-width:600px){.login-brand{padding:32px 20px}.login-brand-logo{font-size:1rem;height:44px;margin-bottom:var(--space-md);width:44px}.login-brand-title{font-size:1.4rem;margin-bottom:var(--space-sm)}.login-brand-description{font-size:.85rem}.login-features{display:none}.login-form-side{padding:32px 20px}.login-form-title{font-size:1.3rem}.login-form-container{max-width:100%}}.dashboard-page{display:flex;flex-direction:column;height:100%}.dashboard-header{align-items:center;background:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;height:64px;justify-content:space-between;padding:var(--space-xl) var(--space-3xl);position:sticky;top:0;z-index:40}.dashboard-header-left{align-items:center;display:flex;gap:var(--space-lg)}.dashboard-title{color:var(--color-text-primary);font-size:1.15rem;font-weight:700;margin:0}.dashboard-header-right{align-items:center;display:flex;gap:var(--space-md)}.dashboard-search-box{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:border-color .15s,width .2s;width:240px}.dashboard-search-box:focus-within{border-color:var(--color-accent);width:320px}.dashboard-search-box input{background:#0000;border:none;color:var(--color-text-primary);font-family:var(--font-family);font-size:.82rem;outline:none;width:100%}.dashboard-search-icon{color:var(--color-text-tertiary);flex-shrink:0}.dashboard-new-project-btn{align-items:center;background:var(--color-brand);border:1px solid var(--color-brand);border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.85rem;font-weight:600;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all .15s;white-space:nowrap}.dashboard-new-project-btn:hover{background:var(--color-brand-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.dashboard-body{flex:1 1;max-width:1440px;overflow-y:auto;padding:var(--space-3xl)}.dashboard-grid-main{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:2fr 1fr;margin-bottom:var(--space-2xl)}.dashboard-right-column{display:flex;flex-direction:column;gap:var(--space-lg)}.dashboard-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.dashboard-card-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--space-lg) var(--space-xl)}.dashboard-card-title{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.dashboard-card-subtitle{color:var(--color-text-tertiary);font-size:.78rem;margin-top:2px}.dashboard-card-body{padding:var(--space-xl)}.dashboard-card-body-flush{padding:0}.dashboard-view-all-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.8rem;font-weight:600;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);transition:all .15s}.dashboard-view-all-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.dashboard-table{border-collapse:collapse;width:100%}.dashboard-table th{border-bottom:1px solid var(--color-border);color:var(--color-text-tertiary);font-size:.72rem;font-weight:600;letter-spacing:.05em;padding:var(--space-md) var(--space-lg);text-align:left;text-transform:uppercase;white-space:nowrap}.dashboard-table td{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:.85rem;padding:var(--space-md) var(--space-lg);vertical-align:middle}.dashboard-table tr{cursor:pointer;transition:background .1s}.dashboard-table tbody tr:hover td{background:var(--color-bg-secondary)}.dashboard-table tr:last-child td{border-bottom:none}.dashboard-table td.text-center,.dashboard-table th:nth-child(4){text-align:center}.dashboard-project-name{font-weight:600}.dashboard-project-detail{color:var(--color-text-tertiary);font-size:.72rem;margin-top:2px}.dashboard-issue-list{display:flex;flex-direction:column}.dashboard-issue-item{align-items:flex-start;border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg);transition:background .1s}.dashboard-issue-item:hover{background:var(--color-bg-secondary)}.dashboard-issue-item:last-child{border-bottom:none}.dashboard-issue-content{flex:1 1;min-width:0}.dashboard-issue-title{color:var(--color-text-primary);font-size:.85rem;font-weight:600;margin-bottom:2px}.dashboard-issue-meta{color:var(--color-text-tertiary);font-size:.75rem}.dashboard-chart-section{margin-top:0}.dashboard-chart-filters{display:flex;gap:var(--space-sm)}.dashboard-chart-filter-btn{background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family);font-size:.8rem;font-weight:600;padding:var(--space-xs) var(--space-md);transition:all .15s}.dashboard-chart-filter-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.dashboard-chart-filter-btn--active{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-primary)}.dashboard-chart-placeholder{align-items:center;background:var(--color-bg-tertiary);border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);display:flex;flex-direction:column;font-size:.85rem;gap:var(--space-sm);height:220px;justify-content:center}.dashboard-trend-svg{height:220px;width:100%}.dashboard-badge-count{background:var(--color-error);border-radius:var(--radius-full);color:#fff;font-size:.65rem;font-weight:700;min-width:18px;padding:1px 6px;text-align:center}.dashboard-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-5xl)}.dashboard-loading-spinner{animation:dashboardSpin .6s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-brand);height:32px;margin-bottom:var(--space-lg);width:32px}@keyframes dashboardSpin{to{transform:rotate(1turn)}}.dashboard-empty-state{color:var(--color-text-tertiary);font-size:.85rem;padding:var(--space-3xl);text-align:center}.dashboard-error-message{background:var(--color-error-bg);border-radius:var(--radius-md);color:#991b1b;font-size:.85rem;margin-bottom:var(--space-lg);padding:var(--space-lg)}.dashboard-error-retry-btn{background:var(--color-error);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;margin-left:var(--space-lg);padding:var(--space-xs) var(--space-md)}.dashboard-issue-badge{flex-shrink:0;margin-top:2px}.dashboard-notification-btn{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:none;height:36px;justify-content:center;padding:0;position:relative;width:36px}.dashboard-notification-btn:hover{background:var(--color-bg-tertiary)}.dashboard-notification-dot{background:var(--color-error);border:2px solid var(--color-bg);border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}@media (max-width:1024px){.dashboard-grid-main{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-body{padding:var(--space-xl)}.stats-grid{grid-template-columns:1fr}.dashboard-header{padding:var(--space-lg)}.dashboard-search-box{display:none}}.App{background:#fff;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}.studio-login-page{flex:0 0 100%;overflow-y:auto}.loading-container{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.spinner{animation:spin .6s linear infinite;border:4px solid #f0f0f0;height:40px;margin-bottom:20px;width:40px}.centered-loader-card{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;text-align:center}.btn{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-size:14px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.btn,.btn-primary{align-items:center;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;white-space:nowrap}.btn-primary{background:linear-gradient(90deg,lab(8.30603 .618205 -2.16572),lab(26.8019 1.35387 -4.68303));border:none;border-radius:12px;color:#fff;font-family:inherit;font-size:.9375rem;justify-content:center;padding:12px 20px;transition:background-color .2s ease,transform .15s ease;width:auto}.btn-primary:hover{scale:1.02}.btn-primary:disabled,.btn.btn-primary:disabled{color:#fff!important;cursor:not-allowed!important;opacity:.6!important;pointer-events:none}.btn-primary:disabled,.btn-primary:disabled:hover,.btn.btn-primary:disabled,.btn.btn-primary:disabled:hover{background:linear-gradient(135deg,#9ca3af,#6b7280)!important;box-shadow:none!important;transform:none!important}.btn-primary:disabled:before,.btn.btn-primary:disabled:before{display:none!important}.btn-secondary{align-items:center;background:linear-gradient(90deg,#fff 0,lab(96.1634 .0993311 -.364041));border:1px solid #e4e4e7;border-radius:12px;color:#000;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:12px 20px;transition:background-color .2s ease,transform .15s ease;white-space:nowrap;width:auto}.btn-secondary:hover{scale:1.02}.btn-secondary:disabled,.btn.btn-secondary:disabled{border-color:#e5e7eb!important;color:#9ca3af!important;cursor:not-allowed!important;opacity:.6!important;pointer-events:none}.btn-secondary:disabled,.btn-secondary:disabled:hover,.btn.btn-secondary:disabled,.btn.btn-secondary:disabled:hover{background:#f5f7fa!important;box-shadow:none!important;transform:none!important}.btn-secondary:disabled:before,.btn.btn-secondary:disabled:before{display:none!important}.btn-danger{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 12px #e74c3c4d;color:#fff;display:inline-flex;gap:.5rem;white-space:nowrap}.btn-danger:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 6px 16px #e74c3c66;transform:translateY(-2px)}.btn-danger:active{box-shadow:0 2px 8px #e74c3c4d;transform:translateY(0)}.btn-danger:disabled,.btn.btn-danger:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280)!important;box-shadow:none!important;color:#fff!important;cursor:not-allowed!important;opacity:.6!important;pointer-events:none;transform:none!important}.btn-success{align-items:center;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff;display:inline-flex;gap:.5rem;white-space:nowrap}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.btn-success:active{box-shadow:0 2px 8px #10b9814d;transform:translateY(0)}.btn-success:disabled,.btn.btn-success:disabled{color:#fff!important;cursor:not-allowed!important;opacity:.6!important;pointer-events:none}.btn-danger:disabled:hover,.btn-success:disabled,.btn.btn-danger:disabled:hover,.btn.btn-success:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280)!important;box-shadow:none!important;transform:none!important}.btn-danger:disabled:before,.btn.btn-danger:disabled:before{display:none!important}.logout-icon{display:inline-block;font-size:1.1em;line-height:1;margin-right:4px;vertical-align:middle}.btn-warning{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 4px 12px #f39c124d;color:#fff}.btn-warning:hover{background:linear-gradient(135deg,#e67e22,#d35400);box-shadow:0 6px 16px #f39c1266;transform:translateY(-2px)}.btn-warning:active{box-shadow:0 2px 8px #f39c124d;transform:translateY(0)}.btn-warning:disabled,.btn.btn-warning:disabled{color:#fff!important;cursor:not-allowed!important;opacity:.6!important;pointer-events:none}.btn-warning:disabled,.btn-warning:disabled:hover,.btn.btn-warning:disabled,.btn.btn-warning:disabled:hover{background:linear-gradient(135deg,#9ca3af,#6b7280)!important;box-shadow:none!important;transform:none!important}.btn-warning:disabled:before,.btn.btn-warning:disabled:before{display:none!important}.container{margin:0 auto;max-width:1200px;padding:20px}.header{align-items:center;background:#000;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.header-title{font-size:20px;font-weight:600}.header-subtitle{color:#fffc;display:block;font-size:12px;font-weight:400;margin-top:4px}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#fff3;border-radius:50%;height:32px;justify-content:center;width:32px}.breadcrumb{align-items:center;background:#f5f5f5;border-bottom:1px solid #e0e0e0;color:#000;display:flex;font-size:13px;gap:8px;padding:12px 20px}.breadcrumb a,.breadcrumb button{background:none;border:none;color:#000;cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:none}.breadcrumb a:hover,.breadcrumb button:hover{text-decoration:underline}.breadcrumb-separator{color:#666}.app-shell{background-color:#fff;display:flex;height:100vh;overflow:hidden}.main-content{background:#fff;background:var(--color-bg,#fff);flex:1 1;overflow-x:hidden;overflow-y:auto}@media (max-width:768px){.app-shell{flex-direction:column}.main-content{padding-top:56px}}.tool-form-card{margin:0 auto 16px;max-width:900px}.tool-selection-card{margin:0 auto;max-width:1000px}.tool-selection-wrap .tool-selection-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tool-card-modern{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;padding:1.75rem;position:relative;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.tool-card-modern:hover{border-color:#d1d5db;box-shadow:0 12px 24px #0000000f;transform:translateY(-2px)}.tool-card-modern--disabled{opacity:.65;pointer-events:none}.tool-card-modern__badge{background:#111827;border-radius:9999px;color:#fff;font-size:.6875rem;font-weight:600;letter-spacing:.04em;padding:.25rem .625rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem;z-index:1}.tool-card-modern__icon{align-items:center;border-radius:12px;color:#fff;display:flex;height:3rem;justify-content:center;margin-bottom:1.25rem;transition:transform .2s ease;width:3rem}.tool-card-modern:hover .tool-card-modern__icon{transform:scale(1.05)}.tool-card-modern__icon--seo{background:linear-gradient(135deg,#0ea5e9,#06b6d4);box-shadow:0 4px 12px #06b6d459}.tool-card-modern__icon--perf{background:linear-gradient(135deg,#8b5cf6,#a855f7);box-shadow:0 4px 12px #8b5cf659}.tool-card-modern__icon--security{background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 4px 12px #ef444459}.tool-card-modern__icon--qa{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98159}.tool-card-modern__title{color:#111827;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 0 .5rem}.tool-card-modern__description{color:#6b7280;font-size:.875rem;line-height:1.55;margin:0 0 1.25rem}.tool-card-modern__btn{align-items:center;background:linear-gradient(90deg,lab(8.30603 .618205 -2.16572) 0,lab(26.8019 1.35387 -4.68303));border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:12px 20px;transition:background-color .2s ease,transform .15s ease;width:100%}.tool-card-modern__btn:hover:not(:disabled){transform:translateY(-1px)}.tool-card-modern__btn:active:not(:disabled){transform:translateY(0)}.tool-card-modern__btn:disabled{cursor:not-allowed;opacity:.6}.tool-card-modern__btn-arrow{font-size:1.125rem;opacity:.9;transition:transform .2s ease}.tool-card-modern__btn:hover:not(:disabled) .tool-card-modern__btn-arrow{transform:translateX(3px)}.tool-selection-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.tool-selection-card-item{position:relative;text-align:center}.tool-selection-card-item.recommended{border-color:#000;box-shadow:0 4px 16px #00000026}.tool-selection-card-item.disabled{cursor:not-allowed;opacity:.6}.tool-badge{border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;position:absolute;right:16px;text-transform:uppercase;top:16px;z-index:2}.recommended-badge{background:#000;box-shadow:0 2px 8px #0003;color:#fff}.warning-badge{background:#ffc107;box-shadow:0 2px 8px #ffc1074d;color:#856404}.tool-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:56px;margin-bottom:16px;transition:transform .3s ease}.tool-selection-card-item:hover .tool-icon{transform:scale(1.1) rotate(5deg)}.tool-card-title{color:#000;font-size:22px;font-weight:700;letter-spacing:-.3px;margin-bottom:12px}.tool-card-description{color:#666;font-size:14px;line-height:1.6;margin-bottom:20px}.tool-select-btn{margin-top:8px;width:100%}.tool-card-hint{font-size:13px;font-weight:500;margin-top:12px;text-align:center}.success-hint{color:#28a745}.error-hint{color:#e74c3c}.performance-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:24px}.form-section-title{align-items:center;color:#000;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0 0 12px}.form-section-title:before{background:#000;border-radius:2px;content:"";height:24px;width:4px}.form-section-description{color:#666;font-size:15px;line-height:1.6;margin:0 0 32px;padding-left:16px}.form-group{margin-bottom:24px}.form-group label{color:#000;display:block;font-size:15px;font-weight:600;letter-spacing:.2px;margin-bottom:10px}.form-field-help{color:#999;font-size:12px;margin:0 0 8px}.table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;overflow-x:auto}.table{border-collapse:collapse;width:100%}.table thead{background:#f5f5f5}.table th{border-bottom:1px solid #e0e0e0;color:#000;font-size:12px;font-weight:600;padding:10px 12px;text-align:left;text-transform:uppercase}.table td{border-bottom:1px solid #f0f0f0;color:#555;font-size:13px;padding:10px 12px}.table tbody tr:hover{background:#f5f5f5}.status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.status-completed{background:#d4edda;color:#155724}.status-failed{background:#f8d7da;color:#721c24}.status-cancelled{background:#fff3cd;color:#856404}.status-pause,.status-paused{background:#d1ecf1;color:#0c5460}.status-running{background:#cce5ff;color:#004085}.status-clickable{cursor:pointer;position:relative;transition:all .2s ease}.status-clickable:hover{box-shadow:0 2px 4px #0003;opacity:.9;transform:scale(1.05)}.status-clickable:after{display:none}.pagination{align-items:center;background:#f5f5f5;border-top:1px solid #e0e0e0;display:flex;gap:8px;justify-content:center;padding:12px 20px}.pagination-button{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#000;cursor:pointer;font-size:13px;padding:6px 12px}.pagination-button:hover:not(:disabled){background:#f5f5f5;border-color:#000;color:#000}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-button.active{background:#000;border-color:#000;color:#fff}.pagination-button.active:hover:not(:disabled){background:#333;border-color:#000;color:#fff}.pagination-info{color:#666;font-size:13px;margin:0 12px}.controls-bar{align-items:center;background:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 20px}.search-box{flex:1 1;min-width:250px;position:relative}.search-box input{border:1px solid #e0e0e0;border-radius:4px;font-size:13px;padding:8px 35px 8px 12px;width:100%}.search-icon{color:#666;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.sort-controls{align-items:center;display:flex;gap:8px}.sort-select{background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:13px;padding:8px 12px}.results-count{color:#666;font-size:13px}.App-header{background:#fffffff2;box-shadow:0 2px 20px #0000001a;padding:2rem}.header-content{margin:0 auto;max-width:1200px;text-align:center}.App-header h1{color:#000;font-size:2.5rem;font-weight:700;margin:0}.tagline{color:#666;font-size:1.1rem;margin:.5rem 0 1rem}.feature-badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.badge{background:#000;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:.4rem 1rem}.view-selector{background:linear-gradient(180deg,#fafafa 0,#fff);border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #00000008;display:flex;gap:12px;justify-content:center;padding:20px}.view-selector button{background:#fff;border:2px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 4px #0000000d;color:#000;cursor:pointer;font-size:15px;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.view-selector button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.view-selector button:hover:before{left:100%}.view-selector button:hover:not(:disabled){background:#f5f5f5;border-color:#000;box-shadow:0 4px 12px #00000026;color:#000;transform:translateY(-2px)}.view-selector button.active{background:#000;border-color:#000;box-shadow:0 4px 12px #0003;color:#fff}.view-selector button.active:hover{background:#000;box-shadow:0 6px 16px #0000004d;color:#fff}.view-selector button:disabled{background:#f5f5f5;border-color:#e0e0e0;color:#999;cursor:not-allowed;opacity:.4}.App-main{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.view-container{animation:fadeIn .3s ease}.scores-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.score-box{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:15px;text-align:center}.score-label{color:#666;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.score-value{font-size:36px;font-weight:700;margin:5px 0}.score-green{color:#0cce6b}.score-yellow{color:#ffa400}.score-red{color:#ff4e42}.tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:20px}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:-2px;padding:12px 24px;transition:all .3s}.tab-button:hover{color:#000}.tab-button.active{border-bottom-color:#000;color:#000}.tab-content{display:none}.tab-content.active{display:block}.links-section{background:#f5f5f5;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px;padding:15px}.link-button{background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .3s}.link-button:hover{background:#34495e;box-shadow:0 4px 8px #2c3e504d;transform:translateY(-2px)}.lighthouse-viewer-link{background:#4caf50}.lighthouse-viewer-link:hover{background:#45a049}.preview-button{background:#ff9800}.preview-button:hover{background:#f57c00}.device-section{border-top:none;margin-top:0;padding-top:0}.device-section h4{display:none}.cwv-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(6,1fr);margin-top:15px}@media (max-width:1400px){.cwv-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:1200px){.cwv-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.cwv-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.cwv-grid{grid-template-columns:1fr}}.cwv-box{align-items:flex-start;background:#fff;border:2px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;padding:18px}.cwv-box h5{color:#666;font-size:14px;font-weight:500;margin-bottom:10px}.cwv-value{color:#333;font-size:24px;font-weight:700;margin-bottom:8px}.cwv-status{border:1px solid #0000;border-radius:6px;display:inline-block;font-size:13px;font-weight:700;letter-spacing:.5px;margin-top:8px;padding:6px 12px}.status-good{background:#d9ead3;border-color:#137333;color:#137333}.status-needs-improvement{background:#fff2cc;border-color:#b45309;color:#b45309}.status-poor{background:#f4cccc;border-color:#c5221f;color:#c5221f}.status-na{background:#e0e0e0;border-color:#999;color:#666}.cwv-assessment-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #00000026;margin-top:20px;padding:30px}.cwv-assessment-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.cwv-assessment-title{align-items:center;color:#333;display:flex;font-size:20px;font-weight:600;gap:12px}.cwv-icon{font-size:28px}.cwv-status-badge{align-items:center;border-radius:12px;box-shadow:0 4px 8px #0003;display:flex;font-size:20px;font-weight:700;gap:10px;letter-spacing:1px;padding:16px 32px;text-transform:uppercase;transition:transform .2s,box-shadow .2s}.cwv-status-badge:hover{box-shadow:0 6px 12px #00000040;transform:translateY(-2px)}.cwv-status-badge.status-good{background:#34a853;border:2px solid #2d8f47;color:#fff}.cwv-status-badge.status-poor{background:#ea4335;border:2px solid #d32f2f;color:#fff}.cwv-status-badge.status-needs-improvement{background:#fbbc04;border:2px solid #f9ab00;color:#fff}.cwv-status-badge.status-na{background:#9aa0a6;border:2px solid #80868b;color:#fff}.cwv-status-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:24px;font-weight:900;height:32px;justify-content:center;width:32px}.cwv-status-text{font-size:22px;font-weight:800}.result-card{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:10px;margin-bottom:15px;overflow:hidden}.result-card-header{align-items:center;background:#fff;border-bottom:2px solid #e0e0e0;cursor:pointer;display:flex;gap:15px;justify-content:space-between;padding:15px 20px}.result-card-header:hover{background:#f0f0f0}.result-card-header h3{color:#333;flex:1 1;font-size:18px;margin:0;min-width:0;overflow-wrap:break-word;word-break:break-all}.result-card-header .accordion-icon{align-items:center;color:#000;display:flex;flex-shrink:0;font-size:20px;justify-content:center;min-width:24px;text-align:center;transition:transform .3s}.result-card-header.active .accordion-icon{transform:rotate(180deg)}.result-card-content{max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease-out}.result-card-content.active{max-height:5000px;padding:20px}.result-card.error{background:#fff5f5;border-color:#ff4d4d}.result-card.error .result-card-header{background:#fff5f5}@media (max-width:768px){.App-header h1{font-size:1.8rem}.header-content>div:first-child{align-items:flex-start!important;flex-direction:column;gap:1rem}.feature-badges{font-size:.75rem}.view-selector{flex-direction:column}.view-selector button{width:100%}.App-main{padding:1rem}.activity-search-wrap{flex:0 0 100%!important;max-width:100%!important;width:100%!important}}.not-found-container{background:#f5f5f5;min-height:100vh;padding:20px}.not-found-container,.not-found-content{align-items:center;display:flex;justify-content:center}.not-found-content{flex-direction:column;height:calc(100vh - 4rem)}.not-found-icon{font-size:80px;line-height:1;margin-bottom:20px}.not-found-icon,.not-found-title{color:#111827;font-weight:700;opacity:.8}.not-found-title{font-size:28px;margin-bottom:.5rem;text-align:center}.not-found-message{color:#111827;font-size:14px;line-height:1.6;margin-bottom:1.5rem;text-align:center}.not-found-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}@media (max-width:768px){.header{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 16px}.header-title{font-size:18px}.header-subtitle{font-size:11px}.user-info{flex-wrap:wrap;gap:8px;justify-content:space-between;width:100%}.user-info>div:first-child{display:none}.user-info .btn{flex:1 1;font-size:12px;min-width:0;padding:6px 10px}.card{margin-bottom:12px;padding:16px}.breadcrumb{flex-wrap:wrap;font-size:12px;gap:4px;padding:10px 12px}.breadcrumb-separator{margin:0 4px}.form-group input,.form-group textarea{font-size:16px;padding:12px}.performance-form-card{padding:20px 16px}.form-section-title{font-size:18px}.form-section-description{font-size:13px;margin-bottom:20px}.form-actions{margin-top:24px;padding-top:20px}.btn{font-size:14px;min-height:44px;padding:12px 16px}.container>div[style*=grid]{gap:12px!important;grid-template-columns:1fr!important}.card[style*="cursor: pointer"]{margin-bottom:16px}.view-selector{flex-direction:column;gap:8px}.view-selector button{font-size:14px;padding:12px;width:100%}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{font-size:12px;min-width:600px}.table td,.table th{padding:8px 10px;white-space:nowrap}.cwv-grid{gap:12px;grid-template-columns:1fr!important}.cwv-assessment-header{align-items:flex-start;flex-direction:column}.cwv-status-badge{font-size:16px;justify-content:center;padding:12px 20px;width:100%}.result-card-header{flex-wrap:wrap;padding:12px 16px}.result-card-header h3{font-size:14px;word-break:break-word}.scores-grid{gap:12px;grid-template-columns:repeat(2,1fr)!important}.tabs{flex-wrap:wrap}.tabs .tab-button{flex:1 1;font-size:13px;min-width:0;padding:10px 8px}.not-found-content{padding:30px 20px}.not-found-title{font-size:24px}.not-found-actions{flex-direction:column;width:100%}.not-found-actions .btn{margin-left:0!important;margin-top:10px;width:100%}}@media (max-width:480px){.header{padding:10px 12px}.header-title{font-size:16px}.user-info{align-items:stretch;flex-direction:column;width:100%}.user-info .btn{margin:4px 0;width:100%}.container{padding:8px!important}.btn{font-size:14px;padding:14px 16px}.form-group label{font-size:13px}.breadcrumb{padding:8px 10px}.breadcrumb,.breadcrumb button{font-size:11px}.controls-bar{flex-direction:column;gap:10px}.results-count,.search-box,.sort-controls{width:100%}.pagination{flex-wrap:wrap;gap:4px;justify-content:center;padding:12px 8px}.pagination-button{flex:0 1 auto;font-size:11px;min-width:36px;padding:6px 10px}.pagination-info{font-size:12px;margin:8px 0 4px;order:-1;text-align:center;width:100%}.cwv-box{padding:12px}.cwv-value{font-size:20px}.score-box{padding:12px}.score-value{font-size:28px}.links-section{flex-direction:column}.link-button{margin:4px 0;text-align:center;width:100%}}@media (hover:none) and (pointer:coarse){.breadcrumb a,.breadcrumb button,.btn,.table tbody tr{min-height:44px;min-width:44px}.btn:active{transform:scale(.98);transition:transform .1s}.breadcrumb button,.btn{-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-user-select:none;user-select:none}}@media (max-width:768px) and (orientation:landscape){.header{padding:8px 16px}}@media (min-width:1400px){.container{max-width:1400px}}.responsive-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.responsive-grid-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:768px){.responsive-grid,.responsive-grid-2{gap:12px;grid-template-columns:1fr}}.project-detail-back{align-items:center;background:none;border:none;color:#111827;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.5rem 0;transition:color .2s ease}.project-detail-back:hover{color:#374151}.project-detail-error-box{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;color:#dc2626;margin-top:1.5rem;padding:2rem;text-align:center}.project-detail-info{border-bottom:1px solid #e4e4e7;margin-bottom:1.5rem;padding-bottom:1.5rem}.project-detail-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.project-detail-info-item{display:flex;flex-direction:column;gap:.375rem}.project-detail-info-label{color:#6b7280;font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.project-detail-info-value{color:#111827;font-size:.875rem;font-weight:500}.project-detail-status-badge{background:#f3f4f6;border-radius:9999px;color:#374151;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.03em;padding:.25rem .75rem;text-transform:uppercase}.project-detail-status-badge--active{background:#111827;color:#fff}.project-detail-urls-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.project-detail-urls-header{border-bottom:1px solid #e5e7eb;padding:1.25rem 1.5rem}.project-detail-urls-title{color:#111827;font-size:1rem;font-weight:600;letter-spacing:-.02em;margin:0}.project-detail-table-wrap{overflow-x:auto}.project-detail-table{border-collapse:collapse;width:100%}.project-detail-table thead tr{border-bottom:1px solid #e5e7eb}.project-detail-table th{color:#6b7280;font-size:.6875rem;font-weight:600;letter-spacing:.05em;padding:.875rem 1.5rem;text-align:left;text-transform:uppercase}.project-detail-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s ease}.project-detail-table tbody tr:hover{background-color:#f9fafb}.project-detail-table tbody tr:last-child{border-bottom:none}.project-detail-table td{font-size:.875rem;padding:1rem 1.5rem;vertical-align:middle}.project-detail-url-cell{align-items:center;display:flex;gap:.5rem}.project-detail-url-link{color:#111827;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s ease,-webkit-text-decoration .2s ease;transition:color .2s ease,text-decoration .2s ease;transition:color .2s ease,text-decoration .2s ease,-webkit-text-decoration .2s ease;word-break:break-all}.project-detail-url-link:hover{color:#374151;text-decoration:underline}.project-detail-url-icon{color:#9ca3af;flex-shrink:0}.project-detail-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.project-detail-select{border:1px solid #e4e4e7;border-radius:12px;color:#111827;cursor:pointer;font-family:inherit;font-size:.875rem;min-width:150px;padding:12px 20px;transition:border-color .2s ease,box-shadow .2s ease}.project-detail-empty-urls{color:#6b7280;font-size:.875rem;padding:3rem;text-align:center}.project-detail-tiles-container{grid-gap:2rem;animation:fadeIn .3s ease-in;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:2rem}.project-detail-tile{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;overflow:hidden}.project-detail-preview-tiles{grid-gap:1.5rem;animation:fadeIn .3s ease-in;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:2rem}.project-detail-preview-tile{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;cursor:pointer;display:flex;justify-content:center;min-height:100px;padding:1.5rem;transition:all .3s ease}.project-detail-preview-tile:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.project-detail-preview-tile.expanded{background:#f0f9ff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.preview-tile-header{align-items:center;display:flex;gap:1rem;width:100%}.preview-tile-icon{align-items:center;background:#f3f4f6;border-radius:8px;color:#6b7280;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px}.project-detail-preview-tile:hover .preview-tile-icon{background:#e0f2fe;color:#3b82f6}.preview-tile-content{flex:1 1}.preview-tile-title{color:#111827;font-size:1rem;font-weight:600;margin:0 0 .25rem}.preview-tile-count{color:#6b7280;font-size:.875rem;font-weight:500;margin:0}.project-detail-expanded-section{animation:slideDown .3s ease-in;margin-top:2rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.close-expanded-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;position:absolute;right:16px;top:12px;transition:all .2s ease;width:32px;z-index:10}.close-expanded-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.project-detail-documents-card{display:flex;flex-direction:column;height:100%}.project-detail-documents-header{background:#fafafa;border-bottom:1px solid #e5e7eb;padding:1.5rem 1.75rem}.project-detail-documents-title{color:#111827;font-size:1rem;font-weight:600;margin:0}.document-upload-section{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:1.5rem}.document-upload-form{display:flex;flex-direction:column;gap:1rem}.document-upload-form .form-group{display:flex;flex-direction:column;gap:.375rem}.document-upload-form .form-label{color:#374151;font-size:.875rem;font-weight:500}.document-upload-form .form-input{border:1px solid #d1d5db;border-radius:8px;color:#111827;font-family:inherit;font-size:.85rem;padding:.625rem .75rem;transition:border-color .2s ease}.document-upload-form .form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.file-input-wrapper{cursor:pointer;display:inline-block;position:relative;width:100%}.form-input-file{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.form-input-file:disabled~.file-name{cursor:not-allowed;opacity:.6}.file-name{background:#fff;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:block;font-size:.85rem;padding:.625rem .75rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.file-input-wrapper:hover .file-name{background:#f0f9ff;border-color:#3b82f6;color:#374151}.form-input-file:disabled~.file-name{pointer-events:none}.form-helper{color:#6b7280;display:block;font-size:.75rem;margin-top:.25rem}.document-upload-btn{align-items:center;align-self:flex-start;display:flex;font-size:.85rem;gap:.5rem;padding:.625rem 1.25rem}.document-upload-btn:disabled{cursor:not-allowed;opacity:.6}.documents-toolbar{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem}.documents-toolbar--compact{border-bottom:1px solid #e4e4e7;margin-bottom:1rem;padding:.75rem 0}.documents-compact-count{color:#71717a;font-size:.82rem;font-weight:500}.documents-toolbar-actions{align-items:center;display:flex;gap:.75rem}.new-menu{position:relative}.new-menu-trigger{align-items:center;border-radius:999px;display:inline-flex;font-size:.85rem;gap:.5rem;padding:.5rem .9rem}.new-menu-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 30px #0f172a1f;left:0;min-width:200px;padding:.4rem;position:absolute;top:calc(100% + .4rem);z-index:10}.new-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#111827;cursor:pointer;display:flex;font-size:.85rem;padding:.55rem .75rem;text-align:left;width:100%}.new-menu-item:hover{background:#f3f4f6}.document-upload-status{color:#6b7280;font-size:.8rem;padding:.5rem 1.5rem 0}.document-list-section{flex:1 1;overflow-y:auto;padding:1.5rem}.document-empty,.document-error,.document-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:2rem 1rem;text-align:center}.document-empty{color:#9ca3af}.document-empty svg{color:#d1d5db}.document-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;padding:1rem}.documents-grid-wrap{padding:1.5rem}.documents-grid{grid-gap:1.5rem;animation:fadeIn .3s ease-in;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.document-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;padding:1.25rem;position:relative;text-align:center;transition:all .3s ease}.document-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.document-card-header{display:flex;gap:.5rem;position:absolute;right:8px;top:8px}.btn-delete-card,.btn-download-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;transition:all .2s ease;width:32px}.document-card:hover .btn-delete-card,.document-card:hover .btn-download-card{opacity:1}.btn-download-card:hover{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.btn-delete-card:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.document-card-icon{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.document-card-icon svg{color:inherit}.document-card-content{display:flex;flex:1 1;flex-direction:column;width:100%}.document-card-name{color:#111827;font-size:.95rem;font-weight:600;line-height:1.3;margin:0 0 .25rem;word-break:break-word}.document-card-filename{color:#9ca3af;font-size:.75rem;margin:0 0 .75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-card-meta{color:#d1d5db;display:flex;flex-direction:column;font-size:.7rem;gap:.25rem;margin-top:auto}.document-card-size{color:#6b7280;font-weight:500}.document-card-date{color:#9ca3af}@media (max-width:768px){.documents-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.document-card{padding:1rem}}.btn-icon{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.btn-icon:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}@media (max-width:1200px){.project-detail-tiles-container{gap:1.5rem;grid-template-columns:1fr}.project-detail-preview-tiles{gap:1rem;grid-template-columns:1fr}}.form-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;max-width:670px;padding:24px}.form-card h1{color:#18181b;font-size:24px;font-weight:600;line-height:1.2;margin-bottom:24px}.form-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;line-height:1.4;margin-bottom:1.5rem;padding:1rem 1.25rem}.add-user-form{display:block}.form-group{margin-bottom:1.5rem}.form-label{color:#374151;display:block;font-size:.875rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.5rem}.form-input,.form-select,.form-textarea,form input,form select,form textarea{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#111827;font-family:inherit;font-size:14px;height:50px;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-textarea,form textarea{height:130px;resize:none}form input::placeholder{color:#9ca3af}.form-input--readonly,.form-select--disabled,.form-select:disabled,form input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.form-hint{color:#6b7280;font-size:.75rem;line-height:1.4;margin-bottom:0;margin-top:.375rem}.form-actions{border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin-top:1.75rem;padding-top:1.5rem}.form-actions .btn-primary,.form-actions .btn-secondary{min-width:120px}.btn-back-secondary{align-items:center;background:#0000;border:none;color:#52525c;cursor:pointer;display:flex;font-family:inherit;font-size:16px;font-weight:500;gap:12px;line-height:2em;margin-bottom:2rem;text-align:left;transition:background-color .15s,color .15s}.btn-back-secondary:hover{color:#18181b}.activity-page-header{align-items:center;background:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 40px}.activity-page-header,.activity-page-title{cursor:default;pointer-events:auto;-webkit-user-select:text;user-select:text}.activity-page-title{color:#000;font-size:18px;margin:0;position:relative;z-index:1}.activity-page-title .activity-domain-title{pointer-events:auto;-webkit-user-select:text;user-select:text}.activity-domain-title{color:#000;font-size:16px;font-weight:400}.project-domain-title{color:#666;font-style:italic;font-weight:400}.activity-page-actions{align-items:center;display:flex;gap:10px}.btn-back-dashboard{font-size:14px;padding:8px 16px;white-space:nowrap}.tool-page-header{align-items:center;background:#000;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;justify-content:center;overflow:hidden;padding:32px 20px;position:relative}.tool-page-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M40 0H0v40' fill='none' stroke='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.tool-page-header .tool-page-title{max-width:900px;position:relative;text-align:center;width:100%;z-index:1}.tool-page-header-actions{align-items:center;display:flex;gap:10px}.tool-page-title{font-size:28px;font-weight:700;letter-spacing:-.5px;text-shadow:0 2px 4px #0000001a}.tool-page-subtitle{color:#fffffff2;display:block;font-size:14px;font-weight:400;line-height:1.5;margin-top:8px;text-align:center}.page-subtitle{color:#666;font-size:16px;line-height:1.6;margin-bottom:32px}.search-container{max-width:400px;width:100%}.search-input{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-family:inherit;font-size:.875rem;padding:.75rem;transition:all .2s ease;width:100%}.search-input:hover{border-color:#9ca3af}.search-input:focus{border-color:#000;box-shadow:0 0 0 3px #0000000d;outline:none}.loading-center{border-radius:12px;margin:32px 0;padding:60px 40px;text-align:center}.loading-text{color:#000;font-size:16px;font-weight:500;margin-top:16px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#000;height:50px;margin:0 auto;width:50px}.recent-activity-section{margin-top:2rem}.recent-activity-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.recent-activity-section-title{color:#111827;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;margin:0}.activity-search-wrap{max-width:320px;position:relative;width:100%}.activity-search-icon{color:#9ca3af;left:.875rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease}.activity-search-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#111827;font-family:inherit;font-size:.875rem;height:40px;padding:.625rem .875rem .625rem 2.5rem;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;width:100%}.activity-search-input::placeholder{color:#9ca3af}.activity-search-wrap:focus-within .activity-search-icon{color:#6b7280}.section-title{color:#1f2937;font-size:1.25rem;font-weight:600}.activity-items{display:flex;flex-direction:column;gap:.5rem}.activity-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;gap:1rem;justify-content:space-between;padding:1rem 1.25rem;text-align:left;transition:transform .2s ease,box-shadow .2s ease;width:100%}.activity-item:hover{box-shadow:0 8px 20px #0000000f;transform:translateY(-1px)}.activity-item-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.activity-item-title{color:#111827;font-size:.9375rem;font-weight:600;line-height:1.35;margin:0}.activity-item-meta{color:#6b7280;font-size:.8125rem;line-height:1.4;margin:0}.activity-item-status{border-radius:9999px;flex-shrink:0;font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:.25rem .625rem}.activity-item-status--passed{background:#d1fae5;color:#059669}.activity-item-status--issues{background:#fef3c7;color:#b45309}.activity-view-all-wrap{display:flex;justify-content:center;margin-top:1.25rem}.activity-view-all-btn{background:#111827;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;min-width:160px;padding:.625rem 1.25rem;transition:background-color .2s ease,transform .15s ease}.activity-view-all-btn:hover{background:#1f2937;transform:translateY(-1px)}.activity-empty-state{background:#f9fafb;border-radius:12px;color:#6b7280;font-size:.875rem;line-height:1.5;margin-top:.5rem;padding:2rem;text-align:center}.activity-empty-state p{margin:0 0 .75rem}.activity-empty-state--no-results .activity-clear-search-btn{margin-top:.25rem}.activity-clear-search-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease,border-color .2s ease}.activity-clear-search-btn:hover{background:#f9fafb;border-color:#d1d5db}.status-passed{color:#10b981}.status-issues{color:#f59e0b}.empty-state{background:linear-gradient(180deg,#fafafa 0,#fff);border:2px dashed #e0e0e0;border-radius:12px;margin:32px 0;padding:80px 20px;text-align:center}.empty-state-icon{filter:grayscale(.3);font-size:72px;margin-bottom:20px;opacity:.6}.empty-state-text{color:#000;font-size:18px;font-weight:500}.activity-tabs-wrap{border-bottom:1px solid #e5e7eb;display:flex;margin-bottom:1.5rem}.activity-tab-btn{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.5rem;margin-bottom:-1px;padding:.75rem 1.25rem;transition:color .2s ease,border-color .2s ease,background .2s ease}.activity-tab-btn--active,.activity-tab-btn:hover{border-bottom-color:#111827;color:#111827}.activity-tab-btn-icon{flex-shrink:0}.activity-loading-center{background:#f9fafb;border-radius:12px;margin:2rem 0;padding:3rem 2rem;text-align:center}.activity-loading-text{color:#6b7280;font-size:.9375rem;font-weight:500;margin-top:1rem}.activity-table-card-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:.75rem;padding:1rem 0}.activity-table-card-icon{align-items:center;color:#111827;display:flex;justify-content:center}.activity-table-card-title{color:#111827;font-size:1rem;font-weight:600;letter-spacing:-.02em}.activity-table-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;padding:2rem 0}.activity-table-search-wrap{flex:1 1;min-width:200px}.activity-table-sort-wrap{align-items:center;display:flex;gap:.5rem}.activity-table-sort-label{color:#6b7280;font-size:.8125rem;font-weight:500;white-space:nowrap}.activity-table-sort-select{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#111827;font-family:inherit;font-size:14px;height:40px;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.activity-table-results-count{color:#6b7280;font-size:.8125rem;white-space:nowrap}.activity-empty-cell{color:#6b7280;font-size:.9375rem;padding:2.5rem 1.5rem;text-align:center}.activity-batch-urls{display:flex;flex-direction:column;gap:.25rem}.activity-batch-url-item{color:#4b5563;font-size:.8125rem}.activity-batch-urls-count{color:#9ca3af;font-size:.6875rem;margin-top:.25rem}.activity-status-clickable{align-items:center;cursor:pointer;display:inline-flex;gap:.25rem}.activity-status-clickable:focus{outline:none}.activity-status-clickable:focus-visible{border-radius:4px;outline:2px solid #111827;outline-offset:2px}.activity-drive-link{align-items:center;color:#111827;display:inline-flex;font-weight:500;gap:.25rem;text-decoration:none;transition:color .2s ease}.activity-drive-link:hover{color:#374151;text-decoration:underline}.activity-drive-link-icon{flex-shrink:0}.activity-empty-dash{color:#9ca3af}.activity-rerun-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#9f9fa9;cursor:pointer;display:flex;font-family:inherit;height:32px;justify-content:center;padding:8px;width:32px}.activity-rerun-btn:hover{background:#f4f4f5;color:#18181b}.activity-pagination{align-items:center;border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:1rem 0 0}.activity-pagination-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#111827;cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:500;padding:.5rem .75rem;transition:background-color .2s ease,border-color .2s ease}.activity-pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.activity-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.activity-pagination-btn--active{background:#111827;border-color:#111827;color:#fff}.activity-pagination-btn--active:hover:not(:disabled){background:#1f2937}.activity-pagination-pages{display:flex;gap:.25rem}.activity-pagination-info{color:#6b7280;font-size:.8125rem;margin:0 .5rem}.report-links-title{color:#000;font-size:18px;font-weight:600;margin-bottom:10px}.back-button{align-items:center;background:none;border:none;border-radius:6px;color:#000;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;margin-bottom:20px;padding:8px 12px;text-align:left;text-decoration:none;transition:all .2s ease}.back-button:hover{background-color:#f5f5f5;color:#000}.tool-tiles{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:32px}.tool-tile{background:#fff;border:2px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 12px #00000014;cursor:pointer;overflow:hidden;padding:32px;position:relative;text-align:center;transition:all .3s ease}.tool-tile:before{background:#000;content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.tool-tile:hover:before{transform:scaleX(1)}.tool-tile:hover{background:#fff;border-color:#000;box-shadow:0 12px 32px #0003;transform:translateY(-6px)}.tool-tile-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:56px;margin-bottom:20px;transition:transform .3s ease}.tool-tile:hover .tool-tile-icon{transform:scale(1.1) rotate(5deg)}.tool-tile-title{color:#000;font-size:22px;font-weight:700;letter-spacing:-.3px;margin-bottom:12px}.tool-tile-description{color:#666;font-size:15px;line-height:1.6}.table-wrapper{background:0 0;border-radius:0;box-shadow:none;height:calc(100vh - 250px);margin:0 -20px;max-width:calc(100% + 96px);overflow:auto;padding:0 20px;position:relative}.table-design{border-collapse:initial;border-spacing:0;overflow:visible;width:100%}.table-design thead{background:#fff;position:sticky;top:0;z-index:48}.table-design th{background:#fff;border-bottom:1px solid #e5e9ed;color:#15171a;font-size:11px;font-weight:500;height:40px;letter-spacing:.03em;padding:16px 10px;position:relative;text-align:left;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.table-design tr td{color:#15171a;font-size:14px;font-weight:400;padding:16px 10px}.table-design td:last-child:after,.table-design th:last-child:after{left:auto;right:-16px}.table-design tr:hover td:first-child:after{background-color:#fafafa}.table-design th:first-child,.table-design tr td:first-child{padding-left:0}.table-design tbody tr{position:relative;transition:background-color .15s}.table-design td:first-child:after,.table-design td:last-child:after,.table-design th:first-child:after,.table-design th:last-child:after{background-color:#fff;bottom:0;content:"";display:block;height:100%;left:-16px;position:absolute;top:0;width:16px}.activity-status-clickable-wrap{align-items:center;display:flex;gap:8px}.activity-status-clickable-wrap .activity-status-clickable .status-badge{align-items:center;background:#0000;border-radius:8px;color:#9f9fa9;display:flex;height:32px;justify-content:center;padding:8px;width:32px}.activity-status-clickable-wrap .activity-status-clickable .status-badge:hover{background:#eff6ff;color:#155dfc}@media (max-width:768px){.tiles-grid{grid-template-columns:1fr}.nav-links{display:none}.tool-tiles{grid-template-columns:1fr}.controls-bar{align-items:stretch;flex-direction:column;gap:12px;padding:12px}.search-box{width:100%}.search-box input{font-size:16px;width:100%}.sort-controls{width:100%}.sort-select{font-size:14px;padding:10px;width:100%}.results-count{font-size:12px;text-align:center;width:100%}.pagination{flex-wrap:wrap;gap:4px;justify-content:center;padding:12px 8px}.pagination-button{flex:0 1 auto;font-size:11px;min-width:36px;padding:6px 10px}.pagination-info{font-size:12px;margin:8px 0 4px;order:-1;text-align:center;width:100%}.activity-table-controls{justify-content:space-between}}@media (max-width:450px){.pagination{gap:3px;padding:10px 6px}.pagination-button{flex:0 1 auto;font-size:10px;min-width:30px;padding:5px 6px}.pagination-info{font-size:11px;line-height:1.4;margin:6px 0 3px}}@media (max-width:768px){.progress-tracker{padding:16px}.progress-actions{flex-direction:column;gap:10px}.progress-actions .btn{margin-left:0!important;width:100%}.job-metadata{font-size:12px}.cancel-message,.completion-message,.error-message,.pause-message{font-size:14px;padding:16px}.device-section{padding:12px}.scores-grid{gap:10px;grid-template-columns:repeat(2,1fr)!important}.score-box{padding:10px}.score-label{font-size:11px}.score-value{font-size:24px}.cwv-grid{grid-template-columns:1fr!important}.cwv-box{padding:12px}.links-section{flex-direction:column;gap:8px}.link-button{font-size:13px;padding:12px;width:100%}}.qa-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.qa-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.qa-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.qa-modal-title-section{align-items:center;display:flex;gap:.75rem}.qa-modal-title{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.qa-modal-close-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:color .2s}.qa-modal-close-btn:hover{color:#111827}.qa-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.qa-modal-empty,.qa-modal-error,.qa-modal-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:300px;text-align:center}.qa-modal-error{gap:1.5rem}.qa-modal-empty p,.qa-modal-error p{font-size:.95rem;margin:0}.qa-modal-projects-list{display:flex;flex-direction:column;gap:.75rem}.qa-modal-project-item{align-items:center;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .2s}.qa-modal-project-item:hover{background-color:#f0fdf4;border-color:#10b981;box-shadow:0 2px 8px #10b98126}.qa-modal-project-info{flex:1 1;min-width:0}.qa-modal-project-name{align-items:center;color:#111827;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 .25rem}.qa-modal-org-badge{color:#6b7280;font-size:.875rem;font-weight:400}.qa-modal-project-description{color:#6b7280;font-size:.875rem;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qa-modal-project-meta{display:flex;font-size:.875rem;gap:1rem}.qa-modal-meta-item{color:#6b7280}.qa-modal-meta-item strong{color:#10b981;font-weight:600}.qa-modal-project-arrow{color:#10b981;font-size:1.5rem;margin-left:1rem;opacity:0;transition:opacity .2s}.qa-modal-project-item:hover .qa-modal-project-arrow{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.qa-modal-content{max-height:90vh;width:95%}.qa-modal-header{padding:1rem}.qa-modal-title{font-size:1.1rem}.qa-modal-body{padding:1rem}.qa-modal-project-item{padding:.75rem}.qa-modal-meta-item{font-size:.8rem}}.report-toolbar{display:flex;gap:var(--space-md);margin-bottom:var(--space-2xl)}.report-toolbar-btn{align-items:center;background:var(--color-brand);border:1px solid var(--color-brand);border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.82rem;font-weight:600;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);text-decoration:none;transition:all .15s}.report-toolbar-btn:hover{box-shadow:var(--shadow-sm);opacity:.9;transform:translateY(-1px)}.report-toolbar-btn--secondary{background:#0000;border:1px solid var(--color-border);color:var(--color-text-primary)}.report-toolbar-btn--secondary:hover{background:#f4f4f5;background:var(--color-bg-muted,var(--color-bg-secondary,#f4f4f5))}.report-email-field{margin-bottom:var(--space-xl)}.report-email-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8rem;font-weight:600;gap:var(--space-sm);margin-bottom:var(--space-sm)}.report-email-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:.85rem;padding:var(--space-sm) var(--space-md);transition:border-color .15s,box-shadow .15s;width:100%}.report-email-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.report-email-input:disabled{cursor:not-allowed;opacity:.6}.report-email-hint{color:var(--color-text-tertiary);font-size:.72rem;margin-top:var(--space-xs)}.report-auth-fields{margin-bottom:var(--space-xl)}.report-auth-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:1fr 1fr}@media (max-width:768px){.report-toolbar{flex-direction:column}.report-auth-grid{grid-template-columns:1fr}}.scanner-page{display:flex;flex-direction:column;height:100%}.scanner-header{align-items:center;background:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;height:64px;justify-content:space-between;padding:var(--space-xl) var(--space-3xl);position:sticky;top:0;z-index:40}.scanner-header-title{color:var(--color-text-primary);font-size:1.15rem;font-weight:700;margin:0}.scanner-header-desc{color:var(--color-text-tertiary);font-size:.8rem}.scanner-body{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2xl);overflow-y:auto;padding:var(--space-3xl)}.scanner-config{width:100%}.scanner-config-collapsed .scanner-config-card{padding:var(--space-md) var(--space-xl)}.scanner-config-collapsed-row{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between}.scanner-config-collapsed-summary{align-items:center;color:var(--color-text-secondary);display:flex;flex:1 1;font-size:.85rem;gap:var(--space-md);min-width:0}.scanner-config-collapsed-summary .scanner-collapsed-url{color:var(--color-text-primary);font-family:var(--font-mono);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scanner-config-toggle{align-items:center;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:4px;padding:4px 12px}.scanner-config-toggle:hover{background:var(--color-bg-secondary)}.scanner-form-row{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.scanner-form-row .scanner-form-group{margin-bottom:0}.scanner-config-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl)}.scanner-config-title{color:var(--color-text-primary);font-size:1rem;font-weight:700;margin-bottom:var(--space-2xl)}.scanner-form-group{margin-bottom:var(--space-xl)}.scanner-form-label{color:var(--color-text-secondary);display:block;font-size:.8rem;font-weight:600;margin-bottom:var(--space-sm)}.scanner-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:.85rem;padding:var(--space-sm) var(--space-md);transition:border-color .15s,box-shadow .15s;width:100%}.scanner-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.scanner-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}.scanner-check-category{margin-bottom:var(--space-xl)}.scanner-check-category:last-child{margin-bottom:0}.scanner-check-category-title{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.78rem;font-weight:700;gap:var(--space-sm);margin-bottom:var(--space-md)}.scanner-check-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:1fr 1fr}.scanner-checkbox{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.82rem;gap:var(--space-sm)}.scanner-checkbox input[type=checkbox]{accent-color:var(--color-accent);cursor:pointer}.scanner-scan-type{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md)}.scanner-scan-type-option{align-items:center;border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);transition:all .15s}.scanner-scan-type-option:hover{border-color:var(--color-accent)}.scanner-scan-type-option--selected{background:var(--color-accent-light);border-color:var(--color-accent)}.scanner-scan-type-option input[type=radio]{accent-color:var(--color-accent);cursor:pointer}.scanner-custom-pages{padding:var(--space-sm) var(--space-md)!important;width:110px!important}.scanner-submit-btn{align-items:center;background:var(--color-brand);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.9rem;font-weight:600;gap:var(--space-sm);justify-content:center;margin-top:var(--space-xl);padding:var(--space-md) var(--space-xl);transition:all .15s;width:100%}.scanner-submit-btn:hover{box-shadow:var(--shadow-sm);opacity:.9;transform:translateY(-1px)}.scanner-submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.scanner-results{min-width:0}.scanner-stats{display:flex;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.scanner-stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex:1 1;flex-direction:column;gap:var(--space-sm);padding:var(--space-xl)}.scanner-stat-label{color:var(--color-text-tertiary);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.scanner-stat-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.scanner-stat-value--error{color:var(--color-error)}.scanner-stat-value--warning{color:var(--color-warning)}.scanner-stat-value--success{color:var(--color-success)}.scanner-score{text-align:center}.scanner-score-circle{align-items:center;border-radius:50%;display:flex;font-size:1.3rem;font-weight:800;height:64px;justify-content:center;margin:0 auto var(--space-xs);width:64px}.scanner-score-circle--good{background:var(--color-success-bg);border:3px solid var(--color-success);color:var(--color-success)}.scanner-score-circle--warning{background:var(--color-warning-bg);border:3px solid var(--color-warning);color:var(--color-warning)}.scanner-score-circle--poor{background:var(--color-error-bg);border:3px solid var(--color-error);color:var(--color-error)}.scanner-score-circle--empty{background:var(--color-bg-tertiary);border:3px solid var(--color-border);color:var(--color-text-tertiary)}.scanner-issues-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.scanner-issues-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-lg) var(--space-xl)}.scanner-issues-title{color:var(--color-text-primary);font-size:.95rem;font-weight:700}.scanner-issue-item{border-bottom:1px solid #f0f0f2;border-bottom:1px solid var(--color-border-light,#f0f0f2);padding:var(--space-lg) var(--space-xl)}.scanner-issue-item:last-child{border-bottom:none}.scanner-issue-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-xs)}.scanner-issue-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:.85rem;font-weight:600;gap:var(--space-sm)}.scanner-severity-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.scanner-severity-dot--critical{background:var(--color-error)}.scanner-severity-dot--warning{background:var(--color-warning)}.scanner-severity-dot--info{background:var(--color-info)}.scanner-issue-badge{border-radius:var(--radius-full);font-size:.7rem;font-weight:600;padding:2px var(--space-sm);white-space:nowrap}.scanner-issue-badge--error{background:var(--color-error-bg);color:var(--color-error)}.scanner-issue-badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.scanner-issue-badge--info{background:var(--color-info-bg);color:var(--color-info)}.scanner-issue-detail{color:var(--color-text-secondary);font-size:.78rem;line-height:1.4;padding-left:20px}.scanner-issue-value{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-primary);display:inline-block;font-family:var(--font-mono);font-size:.73rem;margin-top:4px;padding:2px 8px;word-break:break-all}.scanner-empty{background:var(--color-bg-card);border:1px dashed var(--color-border);border-radius:var(--radius-xl);flex-direction:column;min-height:300px;padding:var(--space-5xl) var(--space-2xl);text-align:center}.scanner-empty,.scanner-empty-icon{align-items:center;display:flex;justify-content:center}.scanner-empty-icon{background:var(--color-bg-tertiary);border-radius:50%;color:var(--color-text-tertiary);height:64px;margin-bottom:var(--space-xl);width:64px}.scanner-empty-title{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--space-xs)}.scanner-empty-desc{color:var(--color-text-tertiary);font-size:.85rem}.scanner-progress{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3xl);text-align:center}.scanner-progress-badge-row{margin-bottom:var(--space-xl)}.scanner-progress-badge{align-items:center;border:1.5px solid;border-radius:var(--radius-full);display:inline-flex;font-size:.82rem;font-weight:700;gap:8px;letter-spacing:.06em;padding:6px 20px}.scanner-progress-badge--running{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.scanner-progress-badge--paused{background:#fffbeb;border-color:#fde68a;color:#d97706}.scanner-progress-url-display{color:var(--color-text-primary);font-size:1.1rem;font-weight:700;margin-bottom:4px;word-break:break-all}.scanner-progress-jobid{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.75rem;margin-bottom:var(--space-xl)}.scanner-progress-heading{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;margin-bottom:var(--space-lg)}.scanner-progress-bar-wrap{background:#e5e7eb;background:var(--color-bg-tertiary,#e5e7eb);border-radius:var(--radius-full);height:36px;margin-bottom:var(--space-sm);overflow:hidden}.scanner-progress-bar-fill{align-items:center;background:#1e293b;border-radius:var(--radius-full);display:flex;height:100%;justify-content:center;min-width:48px;transition:width .3s ease}.scanner-progress-bar-text{color:#fff;font-size:.82rem;font-weight:700}.scanner-progress-bar-label{color:var(--color-text-secondary);font-size:.82rem;margin-bottom:var(--space-2xl)}.scanner-progress-stats{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));justify-content:center;margin-bottom:var(--space-xl)}.scanner-progress-stat{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-md);text-align:center}.scanner-progress-stat-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.scanner-progress-stat-label{color:var(--color-text-tertiary);font-size:.72rem;letter-spacing:.04em;margin-top:2px;text-transform:uppercase}.scanner-progress-stat--success .scanner-progress-stat-value{color:#16a34a}.scanner-progress-stat--error .scanner-progress-stat-value{color:#dc2626}.scanner-progress-current-url{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.8rem;margin-bottom:var(--space-xl);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.scanner-progress-current-url span{color:var(--color-text-secondary)}.scanner-progress-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-xl);padding-top:var(--space-xl)}.scanner-progress-btn{align-items:center;border:1.5px solid;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.85rem;font-weight:600;gap:var(--space-sm);justify-content:center;min-width:0;padding:8px 24px;transition:all .15s;white-space:nowrap}.scanner-progress-btn--pause{background:#fffbeb;border-color:#fde68a;color:#d97706}.scanner-progress-btn--pause:hover{background:#fef3c7}.scanner-progress-btn--resume{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.scanner-progress-btn--resume:hover{background:#dcfce7}.scanner-progress-btn--danger{background:#fef2f2;border-color:#fecaca;color:#dc2626}.scanner-progress-btn--danger:hover{background:#fee2e2}.scanner-progress-btn:disabled,.scanner-progress-btn[disabled]{cursor:not-allowed;opacity:.45;pointer-events:none}.scanner-progress-timestamps{border-top:1px solid var(--color-border);color:var(--color-text-tertiary);display:flex;flex-direction:column;font-size:.78rem;gap:4px;padding-top:var(--space-lg);text-align:left}.scanner-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:#991b1b;font-size:.85rem;margin-bottom:var(--space-xl);padding:var(--space-lg)}@keyframes scanner-spin{to{transform:rotate(1turn)}}.scanner-spinner{animation:scanner-spin .8s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-accent);height:18px;width:18px}.scanner-or-separator{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:.75rem;font-weight:700;gap:var(--space-md);letter-spacing:.08em;margin:var(--space-sm) 0;position:relative;text-align:center;text-transform:uppercase}.scanner-or-separator:after,.scanner-or-separator:before{background:var(--color-border);content:"";flex:1 1;height:1px}.scanner-file-input{font-size:.82rem!important;padding:var(--space-sm)!important}.scanner-csv-selected{align-items:center;background:var(--color-success-bg);border-radius:var(--radius-md);color:var(--color-success);display:flex;font-size:.82rem;font-weight:500;justify-content:space-between;margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md)}.scanner-csv-remove{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:inline-flex;justify-content:center;padding:2px;transition:all .15s}.scanner-csv-remove:hover{background:var(--color-error-bg);color:var(--color-error)}.scanner-advanced-accordion{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-md);margin-top:var(--space-md);overflow:hidden}.scanner-advanced-toggle{align-items:center;background:var(--color-bg-secondary);border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.82rem;font-weight:600;justify-content:space-between;padding:var(--space-md) var(--space-lg);transition:background .15s;width:100%}.scanner-advanced-toggle:hover{background:var(--color-bg-tertiary)}.scanner-advanced-toggle-left{align-items:center;display:flex;gap:var(--space-sm)}.scanner-advanced-content{background:var(--color-bg-card);border-top:1px solid var(--color-border);padding:var(--space-lg)}.scanner-auth-toggle{font-weight:600;gap:var(--space-sm)}.scanner-auth-fields-wrap{margin-top:var(--space-md);padding-left:var(--space-md)}.scanner-auth-fields-wrap .report-auth-fields{margin-bottom:0}.scanner-auth-fields-wrap .report-email-label{display:none}.scanner-overview{grid-gap:var(--space-2xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:grid;gap:var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(240px,320px);margin-bottom:var(--space-2xl);padding:var(--space-2xl)}.scanner-overview-title{color:var(--color-text-primary);font-size:.95rem;font-weight:700;margin-bottom:var(--space-lg)}.scanner-overview-table{border-collapse:collapse;font-size:.85rem;width:100%}.scanner-overview-table td,.scanner-overview-table th{border-bottom:1px solid #f0f0f2;border-bottom:1px solid var(--color-border-light,#f0f0f2);padding:8px 12px;text-align:left}.scanner-overview-table th{color:var(--color-text-tertiary);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.scanner-overview-table td.num,.scanner-overview-table th.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.scanner-overview-table tr.scanner-overview-row--total td{background:var(--color-bg-secondary);color:var(--color-text-primary);font-weight:700}.scanner-overview-swatch{border-radius:2px;display:inline-block;height:10px;margin-right:8px;vertical-align:middle;width:10px}.scanner-overview-donut{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);justify-content:center}.scanner-overview-donut svg{height:auto;max-width:100%}.scanner-overview-donut-center{color:var(--color-text-tertiary);font-size:.7rem;text-align:center}.scanner-overview-donut-center strong{color:var(--color-text-primary);display:block;font-size:1.4rem;font-weight:700}@media (max-width:900px){.scanner-stats{flex-wrap:wrap}.scanner-stat-card{min-width:calc(50% - var(--space-md))}.scanner-progress-stats{grid-template-columns:repeat(2,1fr)}.scanner-overview{grid-template-columns:1fr}}@media (max-width:600px){.scanner-body{gap:var(--space-lg)}.scanner-body,.scanner-config-card{padding:var(--space-lg)}.scanner-progress{padding:var(--space-xl) var(--space-lg)}.scanner-progress-actions{gap:var(--space-sm)}.scanner-progress-btn{flex:1 1 auto;font-size:.82rem;min-width:0;padding:8px 12px}.scanner-overview{padding:var(--space-lg)}.scanner-overview-table td,.scanner-overview-table th{font-size:.78rem;padding:6px 8px}.scanner-progress-url-display{font-size:.95rem}.scanner-progress-heading{font-size:1.05rem}}.perf-page{display:flex;flex-direction:column;height:100%}.perf-header{align-items:center;background:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;height:64px;justify-content:space-between;padding:var(--space-xl) var(--space-3xl);position:sticky;top:0;z-index:40}.perf-header-title{color:var(--color-text-primary);font-size:1.15rem;font-weight:700;margin:0}.perf-header-desc{color:var(--color-text-tertiary);font-size:.8rem}.perf-body{flex:1 1;margin:0 auto;max-width:1200px;overflow-y:auto;padding:var(--space-3xl);width:100%}.perf-config-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-2xl);padding:var(--space-2xl)}.perf-config-card--compact{padding:var(--space-lg) var(--space-xl)}.perf-config-row-1{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:220px 1fr;margin-bottom:var(--space-lg)}.perf-config-row-2{grid-gap:var(--space-lg);align-items:end;display:grid;gap:var(--space-lg);grid-template-columns:1fr auto}.perf-form-group--inline{margin-bottom:0}.perf-form-group{margin-bottom:var(--space-xl)}.perf-form-label{color:var(--color-text-secondary);display:block;font-size:.8rem;font-weight:600;margin-bottom:var(--space-sm)}.perf-input,.perf-select,.perf-textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:.85rem;padding:var(--space-sm) var(--space-md);transition:border-color .15s,box-shadow .15s;width:100%}.perf-textarea{min-height:80px;resize:vertical}.perf-input:focus,.perf-select:focus,.perf-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.perf-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}.perf-input--sm{font-size:.82rem;padding:6px var(--space-md)}.perf-textarea--sm{min-height:38px;resize:vertical}.perf-hint{color:var(--color-text-tertiary);font-size:.72rem;margin-top:var(--space-xs)}.perf-config-bottom{align-items:center;display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.perf-submit-btn{align-items:center;background:var(--color-brand);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.9rem;font-weight:600;gap:var(--space-sm);justify-content:center;padding:var(--space-md) var(--space-2xl);transition:all .15s}.perf-submit-btn:hover{box-shadow:var(--shadow-sm);opacity:.9;transform:translateY(-1px)}.perf-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.perf-submit-btn--sm{font-size:.82rem;padding:8px var(--space-xl);width:auto}.perf-action-btn{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.82rem;font-weight:600;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);transition:all .15s}.perf-action-btn:hover{background:var(--color-bg-tertiary)}.perf-action-btn--danger{border-color:var(--color-error);color:var(--color-error)}.perf-action-btn--danger:hover{background:var(--color-error-bg)}.perf-action-btn--sm{font-size:.75rem;padding:4px var(--space-md)}.perf-config-sub-actions{display:flex;gap:var(--space-xs);margin-top:var(--space-xs)}.perf-error{background:var(--color-error-bg);border:1px solid #fca5a5;border:1px solid var(--color-error-border,#fca5a5);border-radius:var(--radius-md);color:#991b1b;font-size:.85rem;margin-bottom:var(--space-xl);padding:var(--space-lg)}.perf-empty{background:var(--color-bg-card);border:1px dashed var(--color-border);border-radius:var(--radius-xl);flex-direction:column;min-height:300px;padding:var(--space-5xl) var(--space-2xl);text-align:center}.perf-empty,.perf-empty-icon{align-items:center;display:flex;justify-content:center}.perf-empty-icon{background:var(--color-bg-tertiary);border-radius:50%;color:var(--color-text-tertiary);height:64px;margin-bottom:var(--space-xl);width:64px}.perf-empty-title{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--space-xs)}.perf-empty-desc{color:var(--color-text-tertiary);font-size:.85rem}.perf-progress{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-2xl);padding:var(--space-3xl)}.perf-progress-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:1rem;font-weight:700;gap:var(--space-md);margin-bottom:var(--space-xl)}.perf-progress-bar-wrap{background:var(--color-bg-tertiary);border-radius:var(--radius-full);height:10px;margin-bottom:var(--space-md);overflow:hidden}.perf-progress-bar-fill{background:var(--color-accent);border-radius:var(--radius-full);height:100%;transition:width .3s ease}.perf-progress-meta{color:var(--color-text-secondary);display:flex;font-size:.78rem;justify-content:space-between}.perf-result-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-xl);overflow:hidden}.perf-result-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-lg) var(--space-xl);transition:background .15s}.perf-result-header:hover{background:var(--color-bg-tertiary);background:var(--color-bg-secondary,var(--color-bg-tertiary))}.perf-result-url{color:var(--color-text-primary);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perf-result-chevron{color:var(--color-text-tertiary);flex-shrink:0;transition:transform .2s}.perf-result-chevron--open{transform:rotate(180deg)}.perf-result-body{padding:0 var(--space-xl) var(--space-xl)}.perf-tabs{border-bottom:2px solid var(--color-border);display:flex;gap:0;margin-bottom:var(--space-xl)}.perf-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--color-text-tertiary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.85rem;font-weight:600;gap:var(--space-xs);margin-bottom:-2px;padding:var(--space-md) var(--space-xl);transition:all .15s}.perf-tab--active,.perf-tab:hover{color:var(--color-text-primary)}.perf-tab--active{border-bottom-color:var(--color-brand)}.perf-lh-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-xl);padding:var(--space-2xl) var(--space-3xl)}.perf-lh-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-2xl)}.perf-lh-title{color:var(--color-text-primary);flex:0 0 auto;font-size:.95rem;font-weight:700}.perf-lh-meta{color:var(--color-text-tertiary);font-size:.78rem;min-width:0;word-break:break-word}.perf-scores{display:flex;gap:64px;gap:var(--space-5xl,64px);justify-content:center;padding:var(--space-xl) 0}.perf-score-card{align-items:center;display:flex;flex-direction:column;gap:var(--space-md)}.perf-score-circle{align-items:center;background:#0000;border-radius:50%;display:flex;font-size:1.6rem;font-weight:800;height:88px;justify-content:center;width:88px}.perf-score-circle--good{border:4px solid #16a34a;border:4px solid var(--color-success,#16a34a);color:#16a34a;color:var(--color-success,#16a34a)}.perf-score-circle--average{border:4px solid #d97706;border:4px solid var(--color-warning,#d97706);color:#d97706;color:var(--color-warning,#d97706)}.perf-score-circle--poor{border:4px solid #dc2626;border:4px solid var(--color-error,#dc2626);color:#dc2626;color:var(--color-error,#dc2626)}.perf-score-circle--na{border:4px solid var(--color-border);color:var(--color-text-tertiary)}.perf-score-label{color:var(--color-text-tertiary);font-size:.78rem;font-weight:500;text-align:center}.perf-cwv-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-xl)}.perf-cwv-title-row{color:var(--color-text-primary);font-size:.95rem;font-weight:700}.perf-cwv-status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.78rem;font-weight:700;gap:var(--space-xs);padding:4px 14px}.perf-cwv-status-badge--pass{background:#dcfce7;background:var(--color-success-bg,#dcfce7);color:#16a34a;color:var(--color-success,#16a34a)}.perf-cwv-status-badge--fail{background:#fee2e2;background:var(--color-error-bg,#fee2e2);color:#dc2626;color:var(--color-error,#dc2626)}.perf-cwv-status-badge--na{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.perf-cwv-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-xl)}.perf-cwv-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-2xl);text-align:center}.perf-cwv-metric-name{color:var(--color-text-tertiary);font-size:.72rem;font-weight:700;letter-spacing:.04em;margin-bottom:var(--space-lg);text-transform:uppercase}.perf-cwv-value{font-size:2rem;font-weight:700;margin-bottom:var(--space-sm)}.perf-cwv-value--good{color:#16a34a;color:var(--color-success,#16a34a)}.perf-cwv-value--average{color:#d97706;color:var(--color-warning,#d97706)}.perf-cwv-value--poor{color:#dc2626;color:var(--color-error,#dc2626)}.perf-cwv-threshold-text,.perf-cwv-value--na{color:var(--color-text-tertiary)}.perf-cwv-threshold-text{font-size:.72rem;margin-bottom:var(--space-md)}.perf-cwv-segmented-bar{border-radius:var(--radius-full);display:flex;height:8px;overflow:hidden;width:100%}.perf-cwv-seg{height:100%;transition:width .3s ease}.perf-cwv-seg--good{background:#16a34a;background:var(--color-success,#16a34a)}.perf-cwv-seg--average{background:#d97706;background:var(--color-warning,#d97706)}.perf-cwv-seg--poor{background:#dc2626;background:var(--color-error,#dc2626)}.perf-cwv-bar-container{position:relative}.perf-cwv-marker{background:var(--color-text-primary);border-radius:2px;height:14px;position:absolute;top:-3px;transform:translateX(-50%);width:3px}.perf-opps-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-xl);overflow:hidden}.perf-opps-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-lg) var(--space-xl)}.perf-opps-title{color:var(--color-text-primary);font-size:.95rem;font-weight:700}.perf-opps-subtitle{color:var(--color-text-tertiary);font-size:.72rem}.perf-opp-item{align-items:center;border-bottom:1px solid #f0f0f2;border-bottom:1px solid var(--color-border-light,#f0f0f2);display:flex;gap:var(--space-md);padding:var(--space-lg) var(--space-xl)}.perf-opp-item:last-child{border-bottom:none}.perf-opp-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.perf-opp-dot--high{background:#dc2626;background:var(--color-error,#dc2626)}.perf-opp-dot--medium{background:#d97706;background:var(--color-warning,#d97706)}.perf-opp-dot--low{background:#3b82f6;background:var(--color-info,#3b82f6)}.perf-opp-info{flex:1 1;min-width:0}.perf-opp-name{color:var(--color-text-primary);font-size:.85rem;font-weight:600;margin-bottom:2px}.perf-opp-desc{color:var(--color-text-tertiary);font-size:.78rem}.perf-opp-savings{flex-shrink:0;font-size:.85rem;font-weight:700;white-space:nowrap}.perf-opp-savings--high{color:#dc2626;color:var(--color-error,#dc2626)}.perf-opp-savings--medium{color:#d97706;color:var(--color-warning,#d97706)}.perf-opp-savings--low{color:#3b82f6;color:var(--color-info,#3b82f6)}.perf-url-picker{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg,0 10px 25px #0000001a);left:0;margin-top:4px;max-height:min(55vh,420px);overflow-y:auto;position:absolute;right:0;top:100%;z-index:50}.perf-url-picker-group{border-bottom:1px solid #f0f0f2;border-bottom:1px solid var(--color-border-light,#f0f0f2)}.perf-url-picker-group:last-child{border-bottom:none}.perf-url-picker-project{background:var(--color-bg-tertiary);background:var(--color-bg-secondary,var(--color-bg-tertiary));padding:var(--space-sm) var(--space-md)}.perf-url-picker-check{align-items:flex-start;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.82rem;gap:var(--space-sm);padding:var(--space-xs) 0}.perf-url-picker-check input[type=checkbox]{accent-color:var(--color-accent);cursor:pointer;flex-shrink:0;margin-top:2px}.perf-url-picker-url{padding:var(--space-xs) var(--space-md) var(--space-xs) var(--space-2xl)}.perf-url-picker-url:hover{background:var(--color-bg-tertiary)}.perf-url-picker-url-text{flex:1 1;font-size:.8rem;line-height:1.4;min-width:0;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.perf-url-picker-empty{color:var(--color-text-tertiary);font-size:.82rem;padding:var(--space-lg);text-align:center}.perf-results-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-xl)}.perf-results-toolbar-left{display:flex;gap:var(--space-sm)}.perf-results-toolbar-right{align-items:center;display:flex;gap:var(--space-md)}.perf-results-count{color:var(--color-text-tertiary);font-size:.78rem}.perf-perpage{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:.78rem;gap:var(--space-sm)}.perf-perpage-label{font-weight:600}.perf-perpage-select{appearance:none;background:var(--color-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;background-size:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family);font-size:.8rem;padding:4px 28px 4px var(--space-md)}.perf-perpage-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.perf-pagination{align-items:center;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-top:var(--space-xl);padding-top:var(--space-lg)}.perf-pagination-pages{display:flex;gap:4px}.perf-action-btn--active{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-text-inverse)}.perf-action-btn--active:hover{background:var(--color-brand);opacity:.9}@media (max-width:600px){.perf-results-toolbar{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.perf-results-toolbar-right{justify-content:space-between;width:100%}}@keyframes perf-spin{to{transform:rotate(1turn)}}.perf-spinner{animation:perf-spin .8s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-accent);height:18px;width:18px}@media (max-width:900px){.perf-config-row-1,.perf-config-row-2{grid-template-columns:1fr}.perf-scores{flex-wrap:wrap;gap:var(--space-2xl)}.perf-cwv-grid{grid-template-columns:repeat(2,1fr)}}.perf-running-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-lg)}.perf-running-actions .perf-action-btn,.perf-running-actions .perf-submit-btn{min-width:0;white-space:nowrap}@media (max-width:600px){.perf-header{height:auto;min-height:64px;padding:var(--space-lg) var(--space-xl)}.perf-header-title{font-size:1.05rem;line-height:1.25}.perf-header-desc{font-size:.78rem;line-height:1.4;overflow-wrap:anywhere;word-break:break-word}.perf-body{padding:var(--space-xl)}.perf-scores{gap:var(--space-xl)}.perf-score-circle{font-size:1.2rem;height:64px;width:64px}.perf-cwv-grid{grid-template-columns:1fr}.perf-lh-card{padding:var(--space-xl) var(--space-lg)}.perf-lh-header{align-items:flex-start;flex-direction:column;gap:4px;margin-bottom:var(--space-xl)}.perf-lh-title{font-size:.9rem}.perf-lh-meta{font-size:.74rem;line-height:1.4}.perf-running-actions{gap:var(--space-sm)}.perf-running-actions .perf-action-btn,.perf-running-actions .perf-submit-btn{flex:1 1 auto;font-size:.82rem;padding:8px 10px}.perf-result-url{overflow:visible;text-overflow:clip;white-space:normal;word-break:break-all}}.accessibility-page{--color-border:#e4e4e7;--color-border-light:#f0f0f2;--color-bg-tertiary:#f4f4f5;--color-bg-dark:#18181b;--color-text-primary:#18181b;--color-text-secondary:#71717a;--color-text-tertiary:#a1a1aa;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--font-mono:ui-monospace,"JetBrains Mono","Fira Code","Consolas",monospace}.accessibility-page .a11y-config-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-2xl);padding:var(--space-lg) var(--space-xl)}.accessibility-page .a11y-form-group{margin-bottom:var(--space-xl)}.accessibility-page .a11y-form-label{color:var(--color-text-secondary);display:block;font-size:.8rem;font-weight:600;margin-bottom:var(--space-sm)}.accessibility-page .a11y-textarea{font-size:.85rem;min-height:80px;resize:vertical;width:100%}.accessibility-page .a11y-hint{color:var(--color-text-tertiary);font-size:.72rem;margin-top:var(--space-sm)}.accessibility-page .a11y-select-btn{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px;width:100%}.accessibility-page .a11y-url-picker{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 10px 25px #0000001a;left:0;margin-top:4px;max-height:min(55vh,420px);overflow-y:auto;position:absolute;right:0;top:100%;z-index:50}.accessibility-page .a11y-url-picker-group{border-bottom:1px solid var(--color-border-light)}.accessibility-page .a11y-url-picker-group:last-child{border-bottom:none}.accessibility-page .a11y-url-picker-project{background:var(--color-bg-tertiary);padding:var(--space-sm) var(--space-md)}.accessibility-page .a11y-url-picker-check{align-items:flex-start;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.82rem;gap:var(--space-sm);padding:var(--space-sm) 0}.accessibility-page .a11y-url-picker-check input[type=checkbox]{accent-color:#2563eb;cursor:pointer;flex-shrink:0;height:auto;margin-top:2px;width:auto}.accessibility-page .a11y-url-picker-url{padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-2xl)}.accessibility-page .a11y-url-picker-url:hover{background:var(--color-bg-tertiary)}.accessibility-page .a11y-url-picker-url-text{flex:1 1;font-size:.8rem;line-height:1.4;min-width:0;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.accessibility-page .a11y-url-picker-empty{color:var(--color-text-tertiary);font-size:.82rem;padding:var(--space-lg);text-align:center}.accessibility-page .a11y-config-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-lg)}.accessibility-page .a11y-url-input{flex:1 1;max-width:360px;min-width:200px}.accessibility-page .a11y-wcag-select{max-width:160px}.accessibility-page .a11y-alert{border-radius:var(--radius-md);font-size:.85rem;margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg)}.accessibility-page .a11y-alert--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.accessibility-page .a11y-score-row{align-items:stretch;display:flex;flex-wrap:wrap;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.accessibility-page .a11y-score-card{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;min-width:180px;padding:var(--space-3xl)}.accessibility-page .a11y-score-circle{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.75rem;font-weight:800;height:88px;justify-content:center;width:88px}.accessibility-page .a11y-score-circle--excellent{background:linear-gradient(135deg,#22c55e,#16a34a)}.accessibility-page .a11y-score-circle--good{background:linear-gradient(135deg,#84cc16,#65a30d)}.accessibility-page .a11y-score-circle--warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.accessibility-page .a11y-score-circle--poor{background:linear-gradient(135deg,#ef4444,#dc2626)}.accessibility-page .a11y-score-label{color:var(--color-text-primary);font-size:.85rem;font-weight:500;margin-top:var(--space-md)}.accessibility-page .a11y-score-wcag{color:var(--color-text-tertiary);font-size:.75rem;margin-top:var(--space-sm)}.accessibility-page .wcag-level-bar{display:flex;flex:1 1;gap:var(--space-md);margin-bottom:var(--space-2xl);min-width:280px}.accessibility-page .wcag-level-bar--flush{margin-bottom:0}.accessibility-page .wcag-level-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);flex:1 1;min-width:0;padding:var(--space-xl);text-align:center}.accessibility-page .wcag-level-name{color:var(--color-text-tertiary);font-size:.72rem;font-weight:700;letter-spacing:.05em;margin-bottom:var(--space-sm);text-transform:uppercase}.accessibility-page .wcag-level-count{font-size:1.5rem;font-weight:800;margin-bottom:2px}.accessibility-page .wcag-level-label{color:var(--color-text-tertiary);font-size:.72rem}.accessibility-page .text-error{color:#dc2626}.accessibility-page .text-warning{color:#d97706}.accessibility-page .text-success{color:#16a34a}.accessibility-page .impact-level{border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;min-width:70px;padding:2px 8px;text-align:center;text-transform:uppercase}.accessibility-page .impact-level.critical{background:#fef2f2;color:#dc2626}.accessibility-page .impact-level.serious{background:#fff7ed;color:#ea580c}.accessibility-page .impact-level.moderate{background:#fffbeb;color:#d97706}.accessibility-page .impact-level.minor{background:#eff6ff;color:#2563eb}.accessibility-page .a11y-results-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.accessibility-page .a11y-card-header{align-items:baseline;border-bottom:1px solid var(--color-border-light);display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;padding:var(--space-lg) var(--space-xl)}.accessibility-page .a11y-card-title{color:var(--color-text-primary);font-size:1rem;font-weight:600}.accessibility-page .a11y-card-subtitle{color:var(--color-text-tertiary);font-size:.75rem}.accessibility-page .a11y-violation{border-bottom:1px solid var(--color-border-light);padding:var(--space-lg) var(--space-xl)}.accessibility-page .a11y-violation:last-child{border-bottom:none}.accessibility-page .a11y-violation-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-sm)}.accessibility-page .a11y-violation-title{flex:1 1;font-size:.85rem;font-weight:600;min-width:160px}.accessibility-page .a11y-violation-wcag{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.7rem;padding:2px 8px}.accessibility-page .a11y-violation-detail{color:var(--color-text-secondary);font-size:.78rem;line-height:1.45;margin-bottom:var(--space-sm)}.accessibility-page .a11y-violation-selector{background:var(--color-bg-dark);border-radius:var(--radius-sm);color:#a5f3fc;display:inline-block;font-family:var(--font-mono);font-size:.72rem;margin-top:var(--space-sm);max-width:100%;padding:var(--space-sm) var(--space-md);word-break:break-word}.accessibility-page .a11y-fix-suggestion{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #ddd6fe;border-radius:var(--radius-md);color:#3b0764;font-size:.78rem;line-height:1.5;margin-top:var(--space-md);padding:var(--space-md) var(--space-lg)}.accessibility-page .a11y-fix-suggestion strong{color:#6d28d9}.accessibility-page .a11y-badge{border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;padding:2px 8px}.accessibility-page .a11y-badge--error{background:#fef2f2;color:#b91c1c}.accessibility-page .a11y-badge--warning{background:#fffbeb;color:#b45309}.accessibility-page .a11y-badge--info{background:#eff6ff;color:#1d4ed8}.accessibility-page .a11y-empty-hint{color:var(--color-text-tertiary);font-size:.85rem;padding:var(--space-3xl) var(--space-xl);text-align:center}.accessibility-page .a11y-page-title{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-2xl)}.accessibility-page .a11y-btn-primary{align-items:center;display:inline-flex;gap:var(--space-sm)}.accessibility-page .a11y-progress{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-2xl);padding:var(--space-2xl)}.accessibility-page .a11y-progress-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:1rem;font-weight:700;gap:var(--space-md);margin-bottom:var(--space-lg)}.accessibility-page .a11y-progress-bar-wrap{background:var(--color-bg-tertiary);border-radius:999px;height:10px;margin-bottom:var(--space-md);overflow:hidden}.accessibility-page .a11y-progress-bar-fill{background:#2563eb;border-radius:999px;height:100%;transition:width .3s ease}.accessibility-page .a11y-progress-meta{color:var(--color-text-secondary);display:flex;font-size:.78rem;justify-content:space-between}@keyframes a11y-spin{to{transform:rotate(1turn)}}.accessibility-page .a11y-spinner{animation:a11y-spin .8s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top:2px solid #2563eb;display:inline-block;height:18px;width:18px}.accessibility-page .a11y-results-list{display:flex;flex-direction:column;gap:var(--space-lg)}.accessibility-page .a11y-result-accordion{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.accessibility-page .a11y-result-accordion-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;gap:var(--space-md);justify-content:space-between;padding:var(--space-lg) var(--space-xl);text-align:left;transition:background .15s;width:100%}.accessibility-page .a11y-result-accordion-header:hover{background:var(--color-bg-tertiary)}.accessibility-page .a11y-result-accordion-url{color:var(--color-text-primary);flex:1 1;font-size:.9rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accessibility-page .a11y-result-accordion-badges{align-items:center;display:flex;flex-shrink:0;gap:var(--space-md)}.accessibility-page .a11y-score-circle-sm{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:800;height:36px;justify-content:center;width:36px}.accessibility-page .a11y-score-circle-sm.a11y-score-circle--excellent{background:linear-gradient(135deg,#22c55e,#16a34a)}.accessibility-page .a11y-score-circle-sm.a11y-score-circle--good{background:linear-gradient(135deg,#84cc16,#65a30d)}.accessibility-page .a11y-score-circle-sm.a11y-score-circle--warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.accessibility-page .a11y-score-circle-sm.a11y-score-circle--poor{background:linear-gradient(135deg,#ef4444,#dc2626)}.accessibility-page .a11y-result-violations-count{color:var(--color-text-tertiary);font-size:.78rem;white-space:nowrap}.accessibility-page .a11y-result-chevron{color:var(--color-text-tertiary);flex-shrink:0;transition:transform .2s}.accessibility-page .a11y-result-chevron--open{transform:rotate(180deg)}.accessibility-page .a11y-result-accordion-body{padding:0 var(--space-xl) var(--space-xl)}.accessibility-page .a11y-suggestions-card{border-color:#e0e7ff;margin-top:var(--space-xl)}.accessibility-page .a11y-suggestions-card .a11y-card-header{background:#f0f4ff}.accessibility-page .a11y-suggestion{border-left:3px solid #6366f1}.accessibility-page .a11y-badge--suggestion,.accessibility-page .impact-level.suggestion{background:#e0e7ff;color:#4338ca}.accessibility-page .a11y-elements{margin-top:var(--space-md)}.accessibility-page .a11y-elements-label{color:#a1a1aa;color:var(--color-text-tertiary,#a1a1aa);font-size:.72rem;font-weight:600;letter-spacing:.04em;margin-bottom:var(--space-sm);text-transform:uppercase}.accessibility-page .a11y-elements-list{display:flex;flex-direction:column;gap:4px}.accessibility-page .a11y-element-row{align-items:center;background:#f4f4f5;background:var(--color-bg-tertiary,#f4f4f5);border-radius:6px;border-radius:var(--radius-sm,6px);display:flex;font-size:.8rem;gap:var(--space-sm);line-height:1.4;padding:6px var(--space-md)}.accessibility-page .a11y-element-icon{flex-shrink:0;font-size:.9rem}.accessibility-page .a11y-element-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.accessibility-page .a11y-element-primary{color:#18181b;color:var(--color-text-primary,#18181b);cursor:pointer;font-family:ui-monospace,JetBrains Mono,Fira Code,Consolas,monospace;font-size:.78rem;word-break:break-all}.accessibility-page .a11y-element-primary:hover{color:#2563eb;text-decoration:underline}.accessibility-page .a11y-element-secondary{color:#a1a1aa;color:var(--color-text-tertiary,#a1a1aa);font-size:.72rem}.accessibility-page .a11y-element-copy{background:#fff;border:1px solid #e4e4e7;border:1px solid var(--color-border-light,#e4e4e7);border-radius:4px;color:#71717a;color:var(--color-text-secondary,#71717a);cursor:pointer;flex-shrink:0;font-size:.7rem;font-weight:500;padding:2px 8px;transition:all .15s}.accessibility-page .a11y-element-copy:hover{background:#f4f4f5;background:var(--color-bg-tertiary,#f4f4f5);color:#18181b;color:var(--color-text-primary,#18181b)}.accessibility-page .a11y-results-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-xl)}.accessibility-page .a11y-results-toolbar-actions,.accessibility-page .a11y-results-toolbar-left{display:flex;gap:var(--space-sm)}.accessibility-page .a11y-toolbar-btn{align-items:center;background:#fff;border:1px solid #e4e4e7;border:1px solid var(--color-border-light,#e4e4e7);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:500;gap:6px;padding:var(--space-sm) var(--space-lg);transition:background .15s}.accessibility-page .a11y-toolbar-btn:hover{background:#f4f4f5;background:var(--color-bg-tertiary,#f4f4f5)}.accessibility-page .a11y-toolbar-btn:disabled{cursor:not-allowed;opacity:.5}.accessibility-page .a11y-share-info{align-items:center;background:#f4f4f5;background:var(--color-bg-tertiary,#f4f4f5);border:1px solid #e4e4e7;border:1px solid var(--color-border-light,#e4e4e7);border-radius:var(--radius-md);display:flex;font-size:.82rem;gap:var(--space-sm);margin-bottom:var(--space-xl);padding:var(--space-sm) var(--space-md)}.accessibility-page .a11y-share-info input{background:#0000;border:none;color:var(--color-text-primary);cursor:text;flex:1 1;font-size:.82rem;outline:none}.vr-page{--color-border:#e4e4e7;--color-bg-tertiary:#f4f4f5;--color-bg-dark:#18181b;--color-text-primary:#18181b;--color-text-secondary:#71717a;--color-text-tertiary:#a1a1aa;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--font-mono:ui-monospace,"JetBrains Mono","Fira Code","Consolas",monospace}.vr-page .vr-page-title{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-sm)}.vr-page .vr-page-subtitle{color:var(--color-text-secondary);font-size:.85rem;line-height:1.45;margin-bottom:var(--space-2xl);max-width:42rem}.vr-page .vr-form-group{margin-bottom:var(--space-xl)}.vr-page .vr-form-label{color:var(--color-text-secondary);display:block;font-size:.8rem;font-weight:600;margin-bottom:var(--space-sm)}.vr-page .vr-form-label-hint{color:var(--color-text-tertiary);font-weight:400}.vr-page .vr-config-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-2xl);padding:var(--space-lg) var(--space-xl)}.vr-page .vr-mode-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:0;margin-bottom:var(--space-xl);overflow:hidden;width:fit-content}.vr-page .vr-mode-btn{background:#fff;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.82rem;font-weight:500;padding:8px 20px;transition:all .15s}.vr-page .vr-mode-btn:not(:last-child){border-right:1px solid var(--color-border)}.vr-page .vr-mode-btn--active{background:#2563eb;color:#fff}.vr-page .vr-csv-section{margin-bottom:var(--space-xl)}.vr-page .vr-csv-upload{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-sm)}.vr-page .vr-csv-upload-btn{align-items:center;background:var(--color-bg-tertiary);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:.82rem;gap:6px;padding:var(--space-sm) var(--space-lg);transition:all .15s}.vr-page .vr-csv-upload-btn:hover{border-color:#2563eb;color:#2563eb}.vr-page .vr-csv-count{color:#16a34a;font-size:.82rem;font-weight:500}.vr-page .vr-csv-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-md);max-height:240px;overflow-y:auto}.vr-page .vr-csv-table{border-collapse:collapse;font-size:.78rem;width:100%}.vr-page .vr-csv-table th{background:var(--color-bg-tertiary);color:var(--color-text-tertiary);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-align:left;text-transform:uppercase}.vr-page .vr-csv-table td,.vr-page .vr-csv-table th{border-bottom:1px solid var(--color-border);padding:var(--space-sm) var(--space-md)}.vr-page .vr-csv-table td{font-family:var(--font-mono);word-break:break-all}.vr-page .vr-csv-table tr:last-child td{border-bottom:none}.vr-page .vr-config-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr}.vr-page .vr-config-grid .vr-form-group{margin-bottom:0}.vr-page .vr-config-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-top:var(--space-xl)}.vr-page .vr-config-actions{align-items:center;display:flex;gap:var(--space-md);margin-top:var(--space-xl)}.vr-page .vr-config-note{color:var(--color-text-tertiary);font-size:.78rem;margin-top:var(--space-md)}.vr-page .vr-viewport-selector{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.vr-page .vr-viewport-option{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.82rem;gap:6px;padding:8px 14px;transition:all .15s;-webkit-user-select:none;user-select:none}.vr-page .vr-viewport-option:hover{border-color:#2563eb}.vr-page .vr-viewport-option--active{background:#eff6ff;border-color:#2563eb;color:#2563eb}.vr-page .vr-viewport-option input[type=checkbox]{accent-color:#2563eb;cursor:pointer}.vr-page .vr-viewport-option-label{font-weight:500}.vr-page .vr-field-hint,.vr-page .vr-viewport-option-size{color:var(--color-text-tertiary);font-size:.72rem}.vr-page .vr-field-hint{line-height:1.4;margin-top:4px;margin-top:var(--space-xs,4px)}.vr-page .vr-select-btn{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;color:var(--color-text-secondary);cursor:pointer;overflow:hidden;padding-right:32px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.vr-page .vr-url-picker{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000001a;left:0;margin-top:4px;max-height:min(55vh,420px);overflow-y:auto;position:absolute;right:0;top:calc(100% - 40px);z-index:50}.vr-page .vr-url-picker-group{border-bottom:1px solid var(--color-border)}.vr-page .vr-url-picker-group:last-child{border-bottom:none}.vr-page .vr-url-picker-project{background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:.82rem;padding:var(--space-sm) var(--space-md)}.vr-page .vr-url-picker-url{color:var(--color-text-primary);cursor:pointer;font-size:.8rem;line-height:1.4;padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-2xl)}.vr-page .vr-url-picker-url:hover{background:var(--color-bg-tertiary)}.vr-page .vr-url-picker-url--selected{background:#eff6ff;color:#2563eb}.vr-page .vr-url-picker-url-text{overflow-wrap:anywhere;word-break:break-word}.vr-page .vr-url-picker-empty{color:var(--color-text-tertiary);font-size:.82rem;padding:var(--space-lg);text-align:center}.vr-page .vr-paths-textarea{font-family:var(--font-mono);font-size:.8rem;min-height:64px;resize:vertical;width:100%}.vr-page .vr-config-summary{align-items:flex-start;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:space-between;margin-bottom:var(--space-2xl);padding:var(--space-lg) var(--space-xl)}.vr-page .vr-config-summary__urls{display:flex;flex:1 1 320px;flex-direction:column;gap:var(--space-sm);min-width:0}.vr-page .vr-config-summary__row{align-items:flex-start;display:flex;gap:var(--space-sm);min-width:0}.vr-page .vr-config-summary__label{color:var(--color-text-tertiary);flex:0 0 auto;font-size:.68rem;font-weight:600;letter-spacing:.05em;padding-top:2px;text-transform:uppercase;width:92px}.vr-page .vr-config-summary__value{color:var(--color-text-primary);flex:1 1 auto;font-family:var(--font-mono);font-size:.82rem;font-weight:600;line-height:1.45;min-width:0;text-decoration:none;word-break:break-all}a.vr-config-summary__value:hover{text-decoration:underline}.vr-page .vr-config-summary__copy{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:inline-flex;flex:0 0 auto;height:28px;justify-content:center;padding:0;transition:color .15s ease,border-color .15s ease,background .15s ease;width:28px}.vr-page .vr-config-summary__copy:hover{background:#f9fafb;background:var(--color-bg,#f9fafb);color:var(--color-text-primary)}.vr-page .vr-config-summary__copy--copied,.vr-page .vr-config-summary__copy--copied:hover{background:#0000;border-color:#16a34a;color:#16a34a}.vr-page .vr-config-summary__actions{flex:0 0 auto}.vr-page .vr-alert{align-items:center;border-radius:var(--radius-md);display:flex;font-size:.85rem;margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg)}.vr-page .vr-alert--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.vr-page .vr-alert--info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.vr-page .vr-summary-strip{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-2xl)}.vr-page .vr-stat-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);text-align:center}.vr-page .vr-stat-card__label{color:var(--color-text-secondary);font-size:.75rem;margin-bottom:4px}.vr-page .vr-stat-card__num{color:var(--color-text-primary);font-size:1.6rem;font-weight:700;line-height:1.1}.vr-page .vr-stat-card__num--match{color:#16a34a}.vr-page .vr-stat-card__num--minor{color:#d97706}.vr-page .vr-stat-card__num--major{color:#dc2626}.vr-page .vr-stat-card__sub{color:var(--color-text-tertiary);font-size:.72rem;margin-top:2px}.vr-page .vr-filter-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-xl)}.vr-page .vr-filter-pills{display:flex;gap:var(--space-sm)}.vr-page .vr-filter-pill{background:#fff;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 16px;transition:all .15s}.vr-page .vr-filter-pill:hover{border-color:var(--color-text-secondary)}.vr-page .vr-filter-pill--active{background:#2563eb;border-color:#2563eb;color:#fff}.vr-page .vr-filter-sort{color:var(--color-text-tertiary);font-size:.72rem}.vr-page .vr-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.vr-page .vr-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s}.vr-page .vr-card:hover{border-color:#2563eb;box-shadow:0 4px 16px #00000014}.vr-page .vr-card__screenshots{grid-gap:1px;background:var(--color-border);display:grid;gap:1px;grid-template-columns:1fr 1fr}.vr-page .vr-card__screenshot{align-items:center;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);display:flex;flex-direction:column;font-size:.72rem;gap:4px;height:180px;justify-content:center;overflow:hidden;position:relative}.vr-page .vr-card__screenshot img{height:100%;object-fit:cover;object-position:top;width:100%}.vr-page .vr-card__screenshot--diff-major{background:#fef2f2}.vr-page .vr-card__screenshot--diff-minor{background:#fffbeb}.vr-page .vr-card__screenshot-label{background:#0009;border-radius:var(--radius-sm);color:#fff;font-size:.6rem;font-weight:700;left:6px;padding:1px 6px;position:absolute;text-transform:uppercase;top:6px;z-index:1}.vr-page .vr-card__screenshot-label--dest{background:#0009}.vr-page .vr-card__screenshot-placeholder{color:var(--color-text-tertiary);font-size:.72rem}.vr-page .vr-card__diff-bar{background:var(--color-bg-tertiary);height:3px}.vr-page .vr-card__info{align-items:center;display:flex;justify-content:space-between;padding:var(--space-md) var(--space-lg)}.vr-page .vr-card__path{color:var(--color-text-primary);font-family:var(--font-mono);font-size:.78rem;font-weight:600}.vr-page .vr-card__pct{font-size:.8rem;font-weight:700}.vr-page .vr-card__pct--match{color:#16a34a}.vr-page .vr-card__pct--minor{color:#d97706}.vr-page .vr-card__pct--major{color:#dc2626}.vr-page .vr-card__pct--error{color:#9ca3af}.vr-page .vr-empty{color:var(--color-text-secondary);padding:48px 24px;text-align:center}.vr-page .vr-empty__icon{margin-bottom:12px;opacity:.3}.vr-page .vr-empty__title{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin-bottom:6px}.vr-page .vr-empty__sub{font-size:.82rem}.vr-page .vr-spinner{animation:vr-spin .7s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;display:inline-block;height:18px;width:18px}@keyframes vr-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.vr-page .vr-config-grid{grid-template-columns:1fr}.vr-page .vr-summary-strip{grid-template-columns:repeat(2,1fr)}.vr-page .vr-grid{grid-template-columns:1fr}.vr-page .vr-filter-bar{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}}@media (max-width:480px){.vr-page .vr-summary-strip{grid-template-columns:1fr}}.vr-page .vr-mode-tabs{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:inline-flex;gap:0;margin-bottom:var(--space-xl);padding:4px}.vr-page .vr-mode-tab{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .15s ease}.vr-page .vr-mode-tab--active,.vr-page .vr-mode-tab:hover{color:var(--color-text-primary)}.vr-page .vr-mode-tab--active{background:#fff;box-shadow:0 1px 2px #0000000d}.vr-page .vr-figma-frames{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-xl);max-height:480px;overflow-y:auto}.vr-page .vr-figma-frames-header{align-items:center;background:var(--color-bg-tertiary);color:var(--color-text-primary);display:flex;font-size:.85rem;font-weight:600;justify-content:space-between;padding:var(--space-md) var(--space-lg);position:sticky;top:0}.vr-page .vr-figma-frames-header,.vr-page .vr-figma-page-group{border-bottom:1px solid var(--color-border)}.vr-page .vr-figma-page-group:last-child{border-bottom:none}.vr-page .vr-figma-page-name{background:#fafafa;color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:var(--space-sm) var(--space-lg);text-transform:uppercase}.vr-page .vr-figma-frame-row{grid-gap:var(--space-md);align-items:center;border-bottom:1px solid #f4f4f5;cursor:pointer;display:grid;gap:var(--space-md);grid-template-columns:auto 1fr auto auto;padding:var(--space-md) var(--space-lg);transition:background .15s}.vr-page .vr-figma-frame-row:hover{background:#fafafa}.vr-page .vr-figma-frame-row:last-child{border-bottom:none}.vr-page .vr-figma-frame-checkbox{cursor:pointer;height:16px;width:16px}.vr-page .vr-figma-frame-name{color:var(--color-text-primary);font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr-page .vr-figma-frame-dims{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.7rem}.vr-page .vr-figma-frame-vp{background:var(--color-bg-tertiary);border-radius:4px;color:var(--color-text-secondary);font-size:.7rem;font-weight:600;padding:2px 8px;text-transform:uppercase}.vr-page .vr-figma-frame-path{border:1px solid var(--color-border);border-radius:4px;font-family:var(--font-mono);font-size:.75rem;margin-top:4px;padding:4px 8px;width:100%}.vr-page .vr-figma-token-help{color:var(--color-text-tertiary);font-size:.7rem;margin-top:4px}.vr-page .vr-figma-token-help a{color:#2563eb;text-decoration:none}.vr-page .vr-figma-token-help a:hover{text-decoration:underline}.vr-page .vr-figma-empty{color:var(--color-text-tertiary);font-size:.85rem;padding:var(--space-2xl);text-align:center}.vr-page .vr-results-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-xl)}.vr-page .vr-results-toolbar-actions{display:flex;gap:var(--space-sm)}.vr-page .vr-toolbar-btn{align-items:center;background:#fff;border:1px solid #e4e4e7;border:1px solid var(--color-border,#e4e4e7);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:500;gap:6px;padding:var(--space-sm) var(--space-lg);transition:background .15s}.vr-page .vr-toolbar-btn:hover{background:#f4f4f5;background:var(--color-bg-tertiary,#f4f4f5)}.vr-page .vr-toolbar-btn:disabled{cursor:not-allowed;opacity:.5}.vr-page .vr-share-info{align-items:center;background:#f4f4f5;background:var(--color-bg-tertiary,#f4f4f5);border:1px solid #e4e4e7;border:1px solid var(--color-border,#e4e4e7);border-radius:var(--radius-md);display:flex;font-size:.82rem;gap:var(--space-sm);margin-bottom:var(--space-xl);padding:var(--space-sm) var(--space-md)}.vr-page .vr-share-info input{background:#0000;border:none;color:var(--color-text-primary);cursor:text;flex:1 1;font-size:.82rem;outline:none}.vrd-page{--color-border:#e4e4e7;--color-bg-secondary:#fafafa;--color-bg-tertiary:#f4f4f5;--color-text-primary:#18181b;--color-text-secondary:#71717a;--color-text-tertiary:#a1a1aa;--color-source:#dc2626;--color-dest:#16a34a;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--font-mono:ui-monospace,"JetBrains Mono","Fira Code","Consolas",monospace}.vrd-page .vrd-header{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:space-between;margin-bottom:var(--space-2xl);padding:var(--space-lg) var(--space-xl)}.vrd-page .vrd-header-urls{display:flex;flex:1 1 100%;flex-direction:column;gap:var(--space-sm);min-width:0;width:100%}.vrd-page .vrd-url-row{align-items:flex-start;display:flex;font-size:.82rem;gap:var(--space-sm);min-width:0}.vrd-page .vrd-url-label{color:var(--color-text-tertiary);flex:0 0 auto;font-size:.68rem;font-weight:600;letter-spacing:.05em;padding-top:2px;text-transform:uppercase;width:92px}.vrd-page .vrd-url-value{color:var(--color-text-primary);flex:1 1 auto;font-family:var(--font-mono);font-weight:600;line-height:1.45;min-width:0;text-decoration:none;word-break:break-all}.vrd-page .vrd-url-value:hover{text-decoration:underline}.vrd-page .vrd-url-copy{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:inline-flex;flex:0 0 auto;height:28px;justify-content:center;padding:0;transition:color .15s ease,border-color .15s ease,background .15s ease;width:28px}.vrd-page .vrd-url-copy:hover{background:var(--color-bg);color:var(--color-text-primary)}.vrd-page .vrd-url-copy--copied,.vrd-page .vrd-url-copy--copied:hover{background:#0000;border-color:#16a34a;color:#16a34a}.vrd-page .vrd-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md)}.vrd-page .vrd-viewport-chips{display:flex;gap:4px}.vrd-page .vrd-viewport-chip{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:.75rem;font-weight:600;padding:4px 12px;transition:all .15s}.vrd-page .vrd-viewport-chip:hover:not(:disabled):not(.vrd-viewport-chip--active){border-color:#2563eb;color:#2563eb}.vrd-page .vrd-viewport-chip--active{background:#2563eb;border-color:#2563eb;color:#fff;cursor:default}.vrd-page .vrd-viewport-chip--disabled{cursor:not-allowed;opacity:.4}.vrd-page .vrd-tabs{border-bottom:1px solid var(--color-border);display:flex;gap:0;margin-bottom:var(--space-2xl);overflow-x:auto}.vrd-page .vrd-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:.85rem;margin-bottom:-1px;padding:10px 18px;transition:color .15s,border-color .15s;white-space:nowrap}.vrd-page .vrd-tab:hover{color:var(--color-text-primary)}.vrd-page .vrd-tab--active{border-bottom-color:#2563eb;color:#2563eb;font-weight:600}.vrd-page .vrd-screenshot-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr;margin-bottom:var(--space-2xl)}.vrd-page .vrd-screenshot-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.vrd-page .vrd-screenshot-panel-header{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;font-size:.8rem;font-weight:600;gap:var(--space-sm);justify-content:space-between;padding:10px var(--space-lg)}.vrd-page .vrd-screenshot-panel-header--source{color:var(--color-source)}.vrd-page .vrd-screenshot-panel-header--dest{color:var(--color-dest)}.vrd-page .vrd-screenshot-panel-header--diff{color:#7c3aed}.vrd-page .vrd-screenshot-body{align-items:flex-start;background:var(--color-bg-tertiary);display:flex;justify-content:center;min-height:420px;overflow:hidden}.vrd-page .vrd-screenshot-body img{display:block;height:auto;object-fit:cover;object-position:top;width:100%}.vrd-page .vrd-screenshot-empty{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;font-size:.82rem;gap:var(--space-md);justify-content:center;min-height:420px;padding:var(--space-2xl);text-align:center;width:100%}.vrd-page .vrd-diff-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.7rem;font-weight:600;padding:2px 8px}.vrd-page .vrd-diff-badge--match{background:#dcfce7;color:#15803d}.vrd-page .vrd-diff-badge--minor{background:#fef9c3;color:#a16207}.vrd-page .vrd-diff-badge--major{background:#fee2e2;color:#b91c1c}.vrd-page .vrd-view-toggle{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.vrd-page .vrd-view-btn{background:#fff;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 16px;transition:all .15s}.vrd-page .vrd-view-btn--active{background:#2563eb;border-color:#2563eb;color:#fff}.vrd-page .vrd-section{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-2xl);overflow:hidden}.vrd-page .vrd-section__header{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);justify-content:space-between;padding:var(--space-md) var(--space-xl)}.vrd-page .vrd-section__title{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.vrd-page .vrd-section__body{padding:var(--space-xl)}.vrd-page .vrd-diff-list{display:flex;flex-direction:column;gap:var(--space-md)}.vrd-page .vrd-diff-item{align-items:flex-start;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.vrd-page .vrd-diff-item__dot{border-radius:50%;flex-shrink:0;height:8px;margin-top:5px;width:8px}.vrd-page .vrd-diff-item__dot--major{background:#dc2626}.vrd-page .vrd-diff-item__dot--minor{background:#d97706}.vrd-page .vrd-diff-item__dot--match{background:#16a34a}.vrd-page .vrd-diff-item__content{flex:1 1}.vrd-page .vrd-diff-item__title{color:var(--color-text-primary);font-size:.85rem;font-weight:600;margin-bottom:2px}.vrd-page .vrd-diff-item__meta{color:var(--color-text-secondary);font-size:.75rem}.vrd-page .vrd-meta-table{border-collapse:collapse;font-size:.83rem;width:100%}.vrd-page .vrd-meta-table th{background:var(--color-bg-secondary);color:var(--color-text-tertiary);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-align:left;text-transform:uppercase}.vrd-page .vrd-meta-table td,.vrd-page .vrd-meta-table th{border-bottom:1px solid var(--color-border);padding:var(--space-md) var(--space-lg)}.vrd-page .vrd-meta-table td{vertical-align:top}.vrd-page .vrd-meta-table tr:last-child td{border-bottom:none}.vrd-page .vrd-meta-table .field-name{color:var(--color-text-secondary);font-weight:600;white-space:nowrap;width:150px}.vrd-page .vrd-meta-table .source-val{background:#fef2f2;word-break:break-word}.vrd-page .vrd-meta-table .dest-val{background:#f0fdf4;word-break:break-word}.vrd-page .vrd-meta-table .match-cell{text-align:center;width:70px}.vrd-page .diff-match{color:#16a34a;font-size:1rem;font-weight:700}.vrd-page .diff-mismatch{color:#dc2626;font-size:1rem;font-weight:700}.vrd-page .vrd-page-nav{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:var(--space-md);justify-content:space-between;margin-top:var(--space-2xl);padding:var(--space-lg) 0}.vrd-page .vrd-page-nav .btn{align-items:center;display:inline-flex;gap:.4rem;max-width:40%;min-width:0;overflow:hidden}.vrd-page .vrd-page-nav-arrow{flex:0 0 auto}.vrd-page .vrd-page-nav-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vrd-page .vrd-page-nav-info{color:var(--color-text-secondary);flex:0 0 auto;font-size:.82rem}.vrd-page .vrd-spinner{animation:vrd-spin .7s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;display:inline-block;height:18px;width:18px}@keyframes vrd-spin{to{transform:rotate(1turn)}}.vrd-page .vrd-loading-state{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.85rem;gap:var(--space-md);justify-content:center;padding:60px}.vrd-page .vrd-error-box{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#991b1b;font-size:.85rem;margin-bottom:var(--space-2xl);padding:var(--space-md) var(--space-lg)}.vrd-page .vrd-tab-stub{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:.85rem;gap:var(--space-md);justify-content:center;padding:60px 24px;text-align:center}.vrd-page .vrd-tab-stub__title{color:var(--color-text-primary);font-size:1rem;font-weight:600}.vrd-page .vrd-back-link{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:.82rem;gap:6px;margin-bottom:var(--space-xl);padding:0;text-decoration:none}.vrd-page .vrd-back-link:hover{color:#2563eb}@media (max-width:768px){.vrd-page .vrd-screenshot-grid{grid-template-columns:1fr}.vrd-page .vrd-header{align-items:flex-start;flex-direction:column}.vrd-page .vrd-header-urls{flex-direction:column;gap:var(--space-sm)}}.sec-grade-hero{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);gap:var(--space-4xl);margin-bottom:var(--space-2xl);padding:var(--space-4xl)}.sec-grade-circle,.sec-grade-hero{align-items:center;display:flex;justify-content:center}.sec-grade-circle{border-radius:50%;flex-shrink:0;font-size:2.5rem;font-weight:900;height:120px;width:120px}.sec-grade-circle--a,.sec-grade-circle--a-plus{background:var(--color-success-bg);border:4px solid var(--color-success);color:#15803d}.sec-grade-circle--b{background:var(--color-info-bg);border:4px solid var(--color-info);color:#1e40af}.sec-grade-circle--c{background:var(--color-warning-bg);border:4px solid var(--color-warning);color:#92400e}.sec-grade-circle--d{background:#fff7ed;border:4px solid var(--color-high);color:#9a3412}.sec-grade-circle--f{background:var(--color-error-bg);border:4px solid var(--color-error);color:#991b1b}.sec-grade-details{display:flex;flex-direction:column;gap:var(--space-md)}.sec-grade-detail-row{align-items:center;display:flex;font-size:.85rem;gap:var(--space-md)}.sec-grade-detail-label{color:var(--color-text-secondary);min-width:100px}.sec-grade-detail-value{color:var(--color-text-primary);font-weight:600}.sec-grade-detail-value--success{color:var(--color-success)}.sec-grade-detail-value--warning{color:var(--color-warning)}.sec-grade-detail-value--error{color:var(--color-error)}.sec-headers-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.sec-card-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-lg) var(--space-xl)}.sec-card-title{color:var(--color-text-primary);font-size:.95rem;font-weight:700}.sec-card-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.72rem;font-weight:700;gap:var(--space-xs);padding:4px 12px}.sec-card-badge--success{background:var(--color-success-bg);color:var(--color-success)}.sec-card-badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.sec-card-badge--error{background:var(--color-error-bg);color:var(--color-error)}.sec-card-body,.sec-header-check{padding:var(--space-lg) var(--space-xl)}.sec-header-check{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--space-lg)}.sec-header-check:last-child{border-bottom:none}.sec-header-check-status{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.sec-header-check-status--pass{background:var(--color-success-bg);color:var(--color-success)}.sec-header-check-status--fail{background:var(--color-error-bg);color:var(--color-error)}.sec-header-check-status--warn{background:var(--color-warning-bg);color:var(--color-warning)}.sec-header-check-info{flex:1 1;min-width:0}.sec-header-check-name{color:var(--color-text-primary);font-size:.85rem;font-weight:600;margin-bottom:2px}.sec-header-check-value{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:inline-block;font-family:var(--font-mono);font-size:.75rem;margin-top:4px;max-width:100%;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.sec-header-check-value--warning{color:var(--color-warning)}.sec-header-check-value--error{color:var(--color-error)}.sec-header-check-weight{color:var(--color-text-tertiary);flex-shrink:0;font-size:.72rem;min-width:60px;text-align:right}.sec-ssl-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.sec-detail-row{align-items:center;display:flex;font-size:.85rem;gap:var(--space-md);padding:var(--space-sm) 0}.sec-detail-row:last-child{padding-bottom:0}.sec-detail-label{color:var(--color-text-secondary);flex-shrink:0;min-width:100px}.sec-detail-value{color:var(--color-text-primary);font-weight:600}.sec-detail-value--mono{font-family:var(--font-mono);font-size:.78rem}.sec-detail-value--success{color:var(--color-success)}.sec-cookie-item{align-items:flex-start;display:flex;gap:var(--space-md);padding:var(--space-sm) 0}.sec-cookie-dot{border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.sec-cookie-dot--critical{background:var(--color-critical)}.sec-cookie-dot--high{background:var(--color-high)}.sec-cookie-dot--medium{background:var(--color-medium)}.sec-cookie-dot--low{background:var(--color-low)}.sec-cookie-info{flex:1 1}.sec-cookie-title{color:var(--color-text-primary);font-size:.85rem;font-weight:600;margin-bottom:2px}.sec-cookie-meta{color:var(--color-text-tertiary);font-size:.75rem}.sec-quickwin-item{align-items:flex-start;display:flex;gap:var(--space-md);padding:var(--space-sm) 0}.sec-quickwin-dot{border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.sec-quickwin-dot--critical{background:var(--color-critical)}.sec-quickwin-dot--high{background:var(--color-high)}.sec-quickwin-dot--medium{background:var(--color-medium)}.sec-quickwin-dot--low{background:var(--color-low)}.sec-quickwin-info{flex:1 1}.sec-quickwin-title{color:var(--color-text-primary);font-size:.85rem;font-weight:600;margin-bottom:2px}.sec-quickwin-meta{color:var(--color-text-tertiary);font-size:.75rem}.sec-issue-item{align-items:flex-start;border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl)}.sec-issue-item:last-child{border-bottom:none}.sec-issue-priority{align-items:center;border-radius:var(--radius-full);display:inline-flex;flex-shrink:0;font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.sec-issue-priority--critical{background:var(--color-error-bg);color:var(--color-critical)}.sec-issue-priority--high{background:#fff7ed;color:var(--color-high)}.sec-issue-priority--medium{background:var(--color-warning-bg);color:var(--color-medium)}.sec-issue-priority--low{background:var(--color-info-bg);color:var(--color-low)}.sec-issue-content{flex:1 1;min-width:0}.sec-issue-header-name{color:var(--color-text-primary);font-size:.85rem;font-weight:600;margin-bottom:4px}.sec-issue-message{color:var(--color-text-secondary);font-size:.8rem;line-height:1.5;margin-bottom:8px}.sec-issue-recommendation{background:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.78rem;line-height:1.5;padding:var(--space-md)}.sec-issue-recommendation strong{color:var(--color-accent)}.sec-grid-2{grid-gap:var(--space-2xl);display:grid;gap:var(--space-2xl);grid-template-columns:1fr 1fr;margin-bottom:var(--space-2xl)}.sec-right-stack{display:flex;flex-direction:column;gap:var(--space-lg)}@media (max-width:900px){.sec-grade-hero{flex-direction:column;gap:var(--space-2xl);padding:var(--space-2xl);text-align:center}.sec-grid-2{grid-template-columns:1fr}.sec-grade-detail-label{min-width:80px}}@media (max-width:600px){.sec-grade-circle{font-size:2rem;height:90px;width:90px}}.progress-modal-overlay{align-items:center;animation:progressModalFadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes progressModalFadeIn{0%{opacity:0}to{opacity:1}}.progress-modal-content{animation:progressModalSlideIn .25s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:560px;width:90%}@keyframes progressModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.progress-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.progress-modal-title-section{align-items:center;display:flex;gap:.75rem}.progress-modal-title{color:#111827;font-size:1.15rem;font-weight:600;margin:0}.progress-modal-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.35rem;transition:all .15s ease}.progress-modal-close-btn:hover{background:#f3f4f6;color:#111827}.progress-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.progress-modal-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:200px}.progress-modal-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.progress-modal-error-state{align-items:center;color:#e74c3c;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:200px}.progress-modal-status-section{display:flex;justify-content:center;margin-bottom:1rem}.progress-modal-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.4rem 1rem}.progress-modal-status-crawling,.progress-modal-status-processing,.progress-modal-status-queued,.progress-modal-status-resumed,.progress-modal-status-running{background:#eff6ff;color:#1d4ed8}.progress-modal-status-completed{background:#e8f8f5;color:#27ae60}.progress-modal-status-failed{background:#fef2f2;color:#dc2626}.progress-modal-status-paused{background:#fef3c7;color:#d97706}.progress-modal-status-cancelled,.progress-modal-status-cancelling{background:#fef2f2;color:#dc2626}.progress-modal-url{color:#111827;font-size:.95rem;font-weight:600;margin-bottom:.25rem;text-align:center;word-break:break-all}.progress-modal-job-id{color:#9ca3af;font-size:.8rem;margin-bottom:1rem;text-align:center}.progress-modal-count{color:#111827;font-size:1.15rem;font-weight:700;margin-bottom:.5rem;text-align:center}.progress-modal-current-url{background:#f9fafb;border-radius:6px;color:#6b7280;font-size:.85rem;margin-bottom:.75rem;overflow:hidden;padding:.4rem .75rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.progress-modal-url-label{color:#9ca3af;font-weight:600;margin-right:.4rem}.progress-modal-url-value{color:#374151}.progress-modal-bar-container{background:#e5e7eb;border-radius:18px;box-shadow:inset 0 1px 3px #00000014;height:36px;margin:.75rem 0;overflow:hidden;position:relative;width:100%}.progress-modal-bar-fill{align-items:center;background:#111827;border-radius:18px;display:flex;height:100%;justify-content:flex-end;min-width:40px;padding-right:.75rem;transition:width .5s ease}.progress-modal-bar-text{color:#fff;font-size:.85rem;font-weight:700}.progress-modal-message{color:#6b7280;font-size:.9rem;margin:.75rem 0;text-align:center}.progress-modal-expired{align-items:center;color:#d97706;display:inline-flex;font-size:.85rem;gap:.35rem}.progress-modal-stats{grid-gap:.65rem;display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin:1rem 0}.progress-modal-stat-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem .5rem;text-align:center}.progress-modal-stat-card.success{background:#f0fdf4;border-color:#27ae60}.progress-modal-stat-card.failed{background:#fef2f2;border-color:#e74c3c}.progress-modal-stat-card.blocked{background:#fffbeb;border-color:#f39c12}.progress-modal-stat-value{color:#111827;font-size:1.4rem;font-weight:700}.progress-modal-stat-label{color:#6b7280;font-size:.75rem;letter-spacing:.3px;margin-top:.15rem;text-transform:uppercase}.progress-modal-completed{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#15803d;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;margin:.75rem 0;padding:.75rem}.progress-modal-failed{font-size:.9rem}.progress-modal-cancelled,.progress-modal-failed{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-weight:500;gap:.5rem;justify-content:center;margin:.75rem 0;padding:.75rem}.progress-modal-cancelled{font-size:.85rem}.progress-modal-paused{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#d97706;font-size:.9rem;font-weight:500;gap:.5rem;margin:.75rem 0;padding:.75rem}.progress-modal-paused,.progress-modal-time{align-items:center;display:flex;justify-content:center}.progress-modal-time{color:#6b7280;font-size:.85rem;gap:.35rem;margin:.5rem 0}.progress-modal-actions{display:flex;gap:.65rem;justify-content:center;margin:1rem 0 .5rem}.progress-modal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.35rem;padding:.5rem 1rem;transition:all .15s ease}.progress-modal-btn:disabled{cursor:not-allowed;opacity:.5}.progress-modal-btn-pause{background:#fef3c7;color:#92400e}.progress-modal-btn-pause:hover:not(:disabled){background:#fde68a}.progress-modal-btn-resume{background:#d1fae5;color:#065f46}.progress-modal-btn-resume:hover:not(:disabled){background:#a7f3d0}.progress-modal-btn-cancel{background:#fee2e2;color:#991b1b}.progress-modal-btn-cancel:hover:not(:disabled){background:#fecaca}.progress-modal-meta{align-items:center;border-top:1px solid #e5e7eb;color:#9ca3af;display:flex;flex-direction:column;font-size:.8rem;gap:.15rem;margin-top:1rem;padding-top:.75rem}@media (max-width:768px){.progress-modal-content{max-height:90vh;width:95%}.progress-modal-body,.progress-modal-header{padding:1rem}.progress-modal-stats{grid-template-columns:repeat(2,1fr)}.progress-modal-actions{align-items:stretch;flex-direction:column}.progress-modal-btn{justify-content:center}}.projects-page{display:flex;flex-direction:column;height:100%}.projects-header{align-items:center;background:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;height:64px;justify-content:space-between;padding:var(--space-xl) var(--space-3xl);position:sticky;top:0;z-index:40}.projects-header-left{align-items:center;display:flex;gap:var(--space-lg)}.projects-title{color:var(--color-text-primary);font-size:1.15rem;font-weight:700;margin:0}.projects-header-right{align-items:center;display:flex;gap:var(--space-md)}.projects-search-box{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:border-color .15s,width .2s;width:240px}.projects-search-box:focus-within{border-color:var(--color-accent);width:320px}.projects-search-box input{background:#0000;border:none;color:var(--color-text-primary);font-family:var(--font-family);font-size:.82rem;outline:none;width:100%}.projects-search-icon{color:var(--color-text-tertiary);flex-shrink:0}.projects-new-btn{align-items:center;background:var(--color-brand);border:1px solid var(--color-brand);border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.85rem;font-weight:600;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all .15s;white-space:nowrap}.projects-new-btn:hover{background:var(--color-brand-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.projects-body{flex:1 1;max-width:1440px;overflow-y:auto;padding:var(--space-3xl)}.projects-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-2xl)}.projects-filter-left,.projects-filter-right{display:flex;gap:var(--space-sm)}.projects-filter-right{align-items:center}.projects-filter-pill{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family);font-size:.8rem;font-weight:500;padding:6px 16px;transition:all .15s}.projects-filter-pill--active,.projects-filter-pill:hover{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-text-inverse)}.projects-filter-select{appearance:none;background:var(--color-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family);font-size:.82rem;padding:6px 32px 6px 12px}.projects-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.projects-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-2xl);transition:all .2s}.projects-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.projects-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.projects-card-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.projects-card-icon--migration{background:var(--color-info-bg);color:#2563eb}.projects-card-icon--redesign{background:#faf5ff;color:#7c3aed}.projects-card-icon--audit{background:var(--color-warning-bg);color:#d97706}.projects-card-icon--monitor{background:#ecfdf5;color:#059669}.projects-card-delete-btn{background:none;border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;opacity:0;padding:6px;transition:opacity .15s,color .15s,border-color .15s}.projects-card:hover .projects-card-delete-btn{opacity:1}.projects-card-delete-btn:hover{background:#fef2f2;background:var(--color-error-bg,#fef2f2);border-color:#dc2626;border-color:var(--color-error,#dc2626);color:#dc2626;color:var(--color-error,#dc2626)}.projects-card-name{color:var(--color-text-primary);font-size:1.05rem;font-weight:700;margin-bottom:4px}.projects-card-desc{color:var(--color-text-secondary);font-size:.8rem;margin-bottom:var(--space-lg)}.projects-card-meta{color:var(--color-text-tertiary);display:flex;font-size:.78rem;gap:var(--space-xl);margin-bottom:var(--space-lg)}.projects-card-meta-item{align-items:center;display:flex;gap:4px}.projects-card-footer{align-items:center;border-top:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding-top:var(--space-lg)}.projects-health-mini{align-items:center;display:flex;gap:var(--space-sm)}.projects-health-circle{align-items:center;border-radius:50%;display:flex;font-size:.72rem;font-weight:800;height:36px;justify-content:center;width:36px}.projects-health-circle--good{background:var(--color-success-bg);border:2px solid var(--color-success);color:#15803d}.projects-health-circle--warning{background:var(--color-warning-bg);border:2px solid var(--color-warning);color:#92400e}.projects-health-circle--poor{background:var(--color-error-bg);border:2px solid var(--color-error);color:#991b1b}.projects-health-circle--info{background:var(--color-info-bg);border:2px solid var(--color-info);color:#1e40af}.projects-health-label{color:var(--color-text-primary);font-size:.8rem;font-weight:600}.projects-health-change{color:var(--color-text-tertiary);font-size:.72rem}.projects-card--new{align-items:center;border-style:dashed;color:var(--color-text-tertiary);display:flex;justify-content:center;min-height:260px;text-align:center}.projects-card--new:hover{border-color:var(--color-accent);color:var(--color-accent)}.projects-card-new-icon{margin-bottom:var(--space-sm)}.projects-card-new-label{font-size:.85rem;font-weight:600}.projects-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-5xl)}.projects-loading-spinner{animation:projectsSpin .6s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-brand);height:32px;margin-bottom:var(--space-lg);width:32px}@keyframes projectsSpin{to{transform:rotate(1turn)}}.projects-error-box{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:#991b1b;font-size:.85rem;margin-bottom:var(--space-2xl);padding:var(--space-lg)}.projects-empty-state{color:var(--color-text-tertiary);font-size:.85rem;padding:var(--space-5xl);text-align:center}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.projects-body{padding:var(--space-xl)}.projects-filter-row{align-items:stretch;flex-direction:column}.projects-search-box{display:none}.projects-grid{grid-template-columns:1fr}}.addproject-page{display:flex;flex-direction:column;height:100%}.addproject-header{align-items:center;background:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;height:64px;justify-content:space-between;padding:var(--space-xl) var(--space-3xl);position:sticky;top:0;z-index:40}.addproject-header-left{align-items:center;display:flex;gap:var(--space-lg)}.addproject-title{color:var(--color-text-primary);font-size:1.15rem;font-weight:700;margin:0}.addproject-breadcrumb{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:.8rem;gap:var(--space-sm)}.addproject-breadcrumb a{color:var(--color-text-secondary);text-decoration:none}.addproject-breadcrumb a:hover{color:var(--color-accent)}.addproject-breadcrumb-separator{color:var(--color-text-tertiary)}.addproject-body{flex:1 1;overflow-y:auto;padding:var(--space-3xl)}.wizard{margin:0 auto;max-width:720px}.wizard-steps{gap:0;justify-content:center;margin-bottom:var(--space-4xl)}.wizard-step,.wizard-steps{align-items:center;display:flex}.wizard-step{gap:var(--space-sm)}.wizard-step-circle{align-items:center;background:var(--color-bg);border:2px solid var(--color-border);border-radius:50%;color:var(--color-text-tertiary);display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:32px;justify-content:center;width:32px}.wizard-step--active .wizard-step-circle{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.wizard-step--done .wizard-step-circle{background:var(--color-success);border-color:var(--color-success);color:#fff}.wizard-step-label{color:var(--color-text-tertiary);font-size:.8rem;font-weight:500}.wizard-step--active .wizard-step-label{color:var(--color-text-primary);font-weight:600}.wizard-step-line{background:var(--color-border);height:2px;margin:0 var(--space-md);width:48px}.wizard-step-line--done{background:var(--color-success)}.wizard-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4xl)}.wizard-section-title{color:var(--color-text-primary);font-size:1.1rem;font-weight:700;margin-bottom:var(--space-sm)}.wizard-section-desc{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:var(--space-3xl)}.wizard-form-group{margin-bottom:var(--space-xl)}.wizard-form-label{color:var(--color-text-secondary);display:block;font-size:.8rem;font-weight:600;margin-bottom:var(--space-sm)}.wizard-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:.85rem;padding:var(--space-sm) var(--space-md);transition:border-color .15s,box-shadow .15s;width:100%}.wizard-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.wizard-input::placeholder{color:var(--color-text-tertiary)}.wizard-textarea{min-height:80px;resize:vertical}.wizard-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}.wizard-type-selector{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-2xl)}.wizard-type-option{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-2xl);text-align:center;transition:all .15s}.wizard-type-option--selected,.wizard-type-option:hover{border-color:var(--color-accent)}.wizard-type-option--selected{background:var(--color-accent-light)}.wizard-type-icon{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);color:var(--color-text-secondary);display:inline-flex;height:48px;justify-content:center;margin-bottom:var(--space-md);width:48px}.wizard-type-option--selected .wizard-type-icon{background:var(--color-accent);color:#fff}.wizard-type-name{color:var(--color-text-primary);font-size:.9rem;font-weight:700;margin-bottom:4px}.wizard-type-desc{color:var(--color-text-tertiary);font-size:.75rem}.wizard-url-entry{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-md);padding:var(--space-xl)}.wizard-url-entry-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.wizard-url-entry-label{color:var(--color-text-tertiary);font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.wizard-url-remove-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-error);cursor:pointer;display:flex;padding:var(--space-xs);transition:background .15s}.wizard-url-remove-btn:hover{background:var(--color-error-bg)}.wizard-url-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr}.wizard-add-url-btn{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.85rem;font-weight:600;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all .15s}.wizard-add-url-btn:hover{background:var(--color-bg-tertiary)}.wizard-footer{border-top:1px solid var(--color-border-light);display:flex;justify-content:space-between;margin-top:var(--space-3xl);padding-top:var(--space-2xl)}.wizard-btn-secondary{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.85rem;font-weight:600;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all .15s}.wizard-btn-secondary:hover{background:var(--color-bg-tertiary)}.wizard-btn-primary{align-items:center;background:var(--color-brand);border:1px solid var(--color-brand);border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.85rem;font-weight:600;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all .15s}.wizard-btn-primary:hover{background:var(--color-brand-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.wizard-btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.wizard-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:#991b1b;font-size:.85rem;margin-bottom:var(--space-2xl);padding:var(--space-lg)}.wizard-platform-selector{display:flex;flex-wrap:wrap;gap:var(--space-md)}.wizard-platform-option{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:.85rem;font-weight:600;min-width:100px;padding:var(--space-sm) var(--space-xl);text-align:center;transition:all .15s}.wizard-platform-option:hover{border-color:var(--color-accent)}.wizard-platform-option--selected{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent)}.wizard-team-members{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.wizard-team-avatar{align-items:center;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:700;height:40px;justify-content:center;overflow:hidden;position:relative;transition:transform .15s;width:40px}.wizard-team-avatar:hover{transform:scale(1.1)}.wizard-team-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.wizard-team-avatar-remove{align-items:center;background:var(--color-error);border-radius:50%;color:#fff;display:none;height:16px;justify-content:center;position:absolute;right:-2px;top:-2px;width:16px}.wizard-team-avatar:hover .wizard-team-avatar-remove{display:flex}.wizard-team-add-btn{align-items:center;background:var(--color-bg);border:2px dashed var(--color-border);border-radius:50%;color:var(--color-text-tertiary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .15s;width:40px}.wizard-team-add-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.wizard-member-dropdown{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-top:var(--space-sm);max-height:200px;overflow-y:auto}.wizard-member-dropdown-empty{color:var(--color-text-tertiary);font-size:.85rem;padding:var(--space-lg);text-align:center}.wizard-member-dropdown-item{align-items:center;cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);transition:background .1s}.wizard-member-dropdown-item:hover{background:var(--color-bg-secondary)}.wizard-member-dropdown-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:32px;justify-content:center;overflow:hidden;width:32px}.wizard-member-dropdown-info{display:flex;flex-direction:column;min-width:0}.wizard-member-dropdown-name{color:var(--color-text-primary);font-size:.85rem;font-weight:600}.wizard-member-dropdown-email{color:var(--color-text-tertiary);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wizard-empty-state{background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:.85rem;padding:var(--space-2xl);text-align:center}.wizard-modules-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr}.wizard-module-option{align-items:flex-start;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-xl);transition:all .15s}.wizard-module-option--selected,.wizard-module-option:hover{border-color:var(--color-accent)}.wizard-module-option--selected{background:var(--color-accent-light)}.wizard-module-check{align-items:center;border:2px solid var(--color-border);border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:22px;justify-content:center;margin-top:2px;transition:all .15s;width:22px}.wizard-module-option--selected .wizard-module-check{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.wizard-module-content{flex:1 1;min-width:0}.wizard-module-name{color:var(--color-text-primary);font-size:.9rem;font-weight:600;margin-bottom:4px}.wizard-module-desc{color:var(--color-text-tertiary);font-size:.78rem;line-height:1.4}.wizard-review{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-2xl);padding:var(--space-xl)}.wizard-review-title{color:var(--color-text-primary);font-size:.85rem;font-weight:700;letter-spacing:.05em;margin-bottom:var(--space-lg);text-transform:uppercase}.wizard-review-row{display:flex;font-size:.85rem;gap:var(--space-lg);padding:var(--space-sm) 0}.wizard-review-row+.wizard-review-row{border-top:1px solid var(--color-border-light)}.wizard-review-label{color:var(--color-text-tertiary);flex-shrink:0;font-weight:500;width:100px}.wizard-review-value{color:var(--color-text-primary);display:flex;flex-wrap:wrap;gap:var(--space-sm)}.wizard-review-url{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:inline-flex;font-size:.78rem;gap:4px;padding:2px var(--space-sm)}@media (max-width:768px){.addproject-body{padding:var(--space-xl)}.wizard-card{padding:var(--space-2xl)}.wizard-type-selector,.wizard-url-grid{grid-template-columns:1fr}.wizard-steps{flex-wrap:wrap;gap:var(--space-sm)}.wizard-modules-grid{grid-template-columns:1fr}.wizard-platform-selector{flex-direction:column}.wizard-platform-option{min-width:auto}}.qac{font-family:inherit}.qac-loading{align-items:center;color:#71717a;display:flex;font-size:.82rem;gap:10px;justify-content:center;padding:48px 16px}.qac-spinner{animation:qac-spin-kf .6s linear infinite;border:2px solid #e4e4e7;border-radius:50%;border-top-color:#18181b;height:20px;width:20px}@keyframes qac-spin-kf{to{transform:rotate(1turn)}}.qac-error{color:#ef4444;font-size:.82rem;gap:10px;justify-content:center;padding:32px 16px}.qac-error,.qac-toast{align-items:center;display:flex}.qac-toast{animation:qac-toast-in .25s ease;border-radius:8px;box-shadow:0 4px 12px #0000001f;font-size:.8rem;font-weight:600;gap:8px;padding:8px 16px;position:fixed;right:24px;top:24px;z-index:9999}@keyframes qac-toast-in{0%{opacity:0;transform:translateY(-8px)}}.qac-toast--success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.qac-toast--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.qac-progress{align-items:center;background:#fafafb;border:1px solid #e4e4e7;border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:12px;padding:12px 16px}.qac-progress-ring{flex-shrink:0;position:relative}.qac-progress-ring,.qac-progress-ring svg{height:52px;width:52px}.qac-progress-ring-pct{align-items:center;color:#18181b;display:flex;font-size:.78rem;font-weight:800;inset:0;justify-content:center;position:absolute}.qac-progress-stats{display:flex;flex-wrap:wrap;gap:20px}.qac-stat{text-align:center}.qac-stat-val{color:#18181b;display:block;font-size:1rem;font-weight:800}.qac-stat-lbl{color:#a1a1aa;font-size:.62rem;letter-spacing:.04em;text-transform:uppercase}.qac-btn{align-items:center;background:#fff;border:1px solid #e4e4e7;border-radius:6px;color:#18181b;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.78rem;font-weight:600;gap:5px;line-height:1.4;padding:5px 12px;transition:background .15s,border-color .15s;white-space:nowrap}.qac-btn:hover{background:#f4f4f5}.qac-btn:disabled{cursor:not-allowed;opacity:.5}.qac-btn--primary{background:#18181b;border-color:#18181b;color:#fff}.qac-btn--primary:hover{background:#27272a}.qac-btn--secondary{background:#fff;border-color:#e4e4e7;color:#18181b}.qac-btn--secondary:hover{background:#f4f4f5}.qac-btn--ghost{background:#0000;border-color:#0000;color:#71717a}.qac-btn--ghost:hover{background:#f4f4f5;color:#18181b}.qac-btn--danger{background:#fff;border-color:#fecaca;color:#ef4444}.qac-btn--danger:hover{background:#fef2f2}.qac-toolbar{gap:12px;justify-content:space-between;margin-bottom:12px}.qac-toolbar,.qac-toolbar-left{align-items:center;display:flex;flex-wrap:wrap}.qac-toolbar-left{gap:8px}.qac-toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.qac-search{background:#fff;border:1px solid #e4e4e7;border-radius:6px;color:#18181b;font-family:inherit;font-size:.78rem;outline:none;padding:5px 10px;transition:border-color .15s;width:180px}.qac-search:focus{border-color:#6366f1}.qac-filter{appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:12px;border:1px solid #e4e4e7;border-radius:6px;color:#18181b;cursor:pointer;font-family:inherit;font-size:.78rem;outline:none;padding:5px 28px 5px 10px}.qac-categories{display:flex;flex-direction:column;gap:8px}.qac-category{background:#fff;border:1px solid #e4e4e7;border-radius:8px;overflow:hidden}.qac-category-header{align-items:center;background:#fafafb;border:none;cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:8px 14px;transition:background .15s;width:100%}.qac-category-header:hover{background:#f4f4f5}.qac-category-left{align-items:center;display:flex;gap:8px}.qac-category-chevron{color:#a1a1aa;transform:rotate(-90deg);transition:transform .2s}.qac-category-chevron--open{transform:rotate(0deg)}.qac-category-name{color:#18181b;font-size:.82rem;font-weight:700}.qac-category-count{align-items:center;background:#e4e4e7;border-radius:9999px;color:#71717a;display:inline-flex;font-size:.68rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.qac-category-right{align-items:center;display:flex;gap:8px}.qac-category-bar{background:#e4e4e7;border-radius:2px;height:4px;overflow:hidden;width:60px}.qac-category-bar-fill{background:#22c55e;border-radius:2px;height:100%;transition:width .3s}.qac-category-pct{color:#a1a1aa;font-size:.68rem;font-weight:600;min-width:28px;text-align:right}.qac-table-wrap{overflow-x:auto}.qac-table{border-collapse:collapse;width:100%}.qac-table thead tr{background:#fafafb}.qac-table th{border-bottom:1px solid #e4e4e7;color:#a1a1aa;font-size:.68rem;font-weight:600;letter-spacing:.05em;padding:6px 10px;text-align:left;text-transform:uppercase;white-space:nowrap}.qac-table td{border-bottom:1px solid #f4f4f5;color:#18181b;font-size:.78rem;padding:6px 10px;vertical-align:middle}.qac-table tbody tr:last-child td{border-bottom:none}.qac-table tbody tr:hover{background:#fafafb}.qac-row--saving{background:#fefce8!important}.qac-col-check{text-align:center;width:32px}.qac-col-check input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:15px;width:15px}.qac-col-name{min-width:180px}.qac-col-date{color:#a1a1aa;font-size:.72rem;white-space:nowrap}.qac-col-actions{width:64px}.qac-item-name{color:#18181b;font-size:.8rem;font-weight:600}.qac-saving-dot{color:#d97706;margin-left:4px}.qac-badge{border-radius:9999px;display:inline-block;font-size:.68rem;font-weight:600;padding:2px 8px;white-space:nowrap}.qac-inline-select{appearance:none;background-color:#f3f4f6;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;background-size:12px;border:1px solid #0000;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:600;outline:none;padding:3px 24px 3px 8px;transition:border-color .15s}.qac-inline-select:hover{border-color:#d4d4d8}.qac-inline-select:focus{border-color:#6366f1}.qac-inline-input{background:#0000;border:1px solid #0000;border-radius:6px;color:#18181b;font-family:inherit;font-size:.72rem;outline:none;padding:3px 8px;width:120px}.qac-inline-input:hover{border-color:#d4d4d8}.qac-inline-input:focus{background:#fff;border-color:#6366f1}.qac-inline-input::placeholder{color:#d4d4d8}.qac-link-cell{align-items:center;display:flex;gap:4px}.qac-link-icon{color:#6366f1;flex-shrink:0}.qac-link-icon:hover{color:#4338ca}.qac-toggle{cursor:pointer;display:inline-block;position:relative}.qac-toggle input{display:none}.qac-toggle-track{background:#e4e4e7;border-radius:9px;display:block;height:18px;position:relative;transition:background .2s;width:32px}.qac-toggle input:checked+.qac-toggle-track{background:#22c55e}.qac-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 2px #0000001a;height:14px;left:2px;position:absolute;top:2px;transition:transform .2s;width:14px}.qac-toggle input:checked+.qac-toggle-track .qac-toggle-thumb{transform:translateX(14px)}.qac-actions{align-items:center;display:flex;gap:4px}.qac-action{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#71717a;cursor:pointer;display:inline-flex;height:26px;justify-content:center;transition:all .15s;width:26px}.qac-action:hover{background:#f4f4f5;border-color:#e4e4e7}.qac-action--run:hover{color:#16a34a}.qac-action--delete:hover{color:#ef4444}.qac-action:disabled{cursor:not-allowed;opacity:.4}.qac-spin{animation:qac-spin-kf .6s linear infinite}.qac-empty{background:#fafafb;border:1px solid #e4e4e7;border-radius:8px;flex-direction:column;gap:8px;padding:40px 16px}.qac-empty,.qac-empty-icon{align-items:center;display:flex}.qac-empty-icon{background:#eff6ff;border-radius:50%;color:#6366f1;height:56px;justify-content:center;width:56px}.qac-empty h3{color:#18181b;font-size:.9rem;font-weight:700;margin:0}.qac-empty p{color:#71717a;font-size:.82rem;margin:0}.qac-empty-actions{display:flex;gap:8px;margin-top:8px}.qac-modal-overlay{align-items:center;animation:qac-fade-in .15s ease;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes qac-fade-in{0%{opacity:0}}.qac-modal{animation:qac-slide-up .2s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-width:520px;width:100%}@keyframes qac-slide-up{0%{opacity:0;transform:translateY(12px)}}.qac-modal-header{align-items:center;border-bottom:1px solid #e4e4e7;display:flex;justify-content:space-between;padding:16px 20px}.qac-modal-header h3{color:#18181b;font-size:.95rem;font-weight:700;margin:0}.qac-modal-close{background:none;border:none;border-radius:6px;color:#a1a1aa;cursor:pointer;padding:4px}.qac-modal-close:hover{background:#f4f4f5;color:#18181b}.qac-modal-body{padding:16px 20px}.qac-modal-footer{border-top:1px solid #f4f4f5;display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:16px}.qac-field{margin-bottom:12px}.qac-field label{color:#71717a;display:block;font-size:.72rem;font-weight:600;letter-spacing:.03em;margin-bottom:4px;text-transform:uppercase}.qac-field input,.qac-field select{border:1px solid #e4e4e7;border-radius:6px;color:#18181b;font-family:inherit;font-size:.82rem;outline:none;padding:7px 10px;transition:border-color .15s;width:100%}.qac-field input:focus,.qac-field select:focus{border-color:#6366f1}.qac-field input::placeholder{color:#d4d4d8}.qac-field-row{display:flex;gap:12px}.qac-field-row .qac-field{flex:1 1}.qac-field-check{margin-bottom:12px}.qac-field-check label{align-items:center;color:#18181b;cursor:pointer;display:flex;font-size:.82rem;gap:8px}.qac-field-check input[type=checkbox]{accent-color:#6366f1;height:16px;width:16px}.qac-row--issue{background:#fef2f2}.qac-row--issue:hover{background:#fee2e2!important}.qac-action--view{color:#6366f1}.qac-action--view:hover{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}.qac-modal--detail{display:flex;flex-direction:column;max-height:85vh;max-width:560px}.qac-modal--detail .qac-modal-body{flex:1 1;overflow-y:auto}.qac-detail-name{border-bottom:1px solid #f4f4f5;color:#18181b;font-size:1rem;font-weight:700;margin-bottom:16px;padding-bottom:12px}.qac-detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.qac-detail-field{display:flex;flex-direction:column;gap:4px}.qac-detail-label{color:#a1a1aa;font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.qac-detail-value{color:#18181b;font-size:.82rem;font-weight:500}.qac-detail-link{align-items:center;color:#6366f1;display:inline-flex;font-size:.78rem;gap:4px;text-decoration:none;word-break:break-all}.qac-detail-link:hover{text-decoration:underline}.qac-detail-status-box{align-items:flex-start;border-radius:8px;display:flex;gap:12px;margin-bottom:4px;padding:14px 16px}.qac-detail-status-box--pass{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.qac-detail-status-box--fail{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.qac-detail-status-box--pending{background:#fefce8;border:1px solid #fde68a;color:#92400e}.qac-detail-status-icon{flex-shrink:0;margin-top:1px}.qac-detail-status-text strong{display:block;font-size:.85rem;margin-bottom:4px}.qac-detail-runnote{font-size:.78rem;line-height:1.5;margin:0;opacity:.85;white-space:pre-wrap;word-break:break-word}.qac-scope-tabs{border-bottom:2px solid #e4e4e7;display:flex;gap:4px;margin-bottom:4px}.qac-scope-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#71717a;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.82rem;font-weight:600;gap:6px;margin-bottom:-2px;padding:8px 16px;transition:color .15s,border-color .15s}.qac-scope-tab:hover{color:#18181b}.qac-scope-tab--active{border-bottom-color:#6366f1;color:#18181b}.qac-scope-tab-count{align-items:center;background:#e4e4e7;border-radius:9999px;color:#71717a;display:inline-flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;padding:0 6px}.qac-scope-tab--active .qac-scope-tab-count{background:#eef2ff;color:#6366f1}.qac-scope-desc{color:#a1a1aa;font-size:.72rem;padding:4px 0 8px}.qac-priority-breakdown{border-top:1px solid #e4e4e7;display:flex;flex-wrap:wrap;gap:16px;margin-top:8px;padding-top:8px;width:100%}.qac-priority-item{align-items:center;display:flex;flex:1 1;gap:6px;min-width:120px}.qac-priority-label{font-size:.68rem;font-weight:700;letter-spacing:.03em;min-width:48px;text-transform:uppercase}.qac-priority-bar{background:#e4e4e7;border-radius:2px;flex:1 1;height:4px;min-width:40px;overflow:hidden}.qac-priority-bar-fill{border-radius:2px;height:100%;transition:width .3s}.qac-priority-count{color:#a1a1aa;font-size:.68rem;font-weight:600;min-width:28px;text-align:right}.qac-col-assignee{min-width:100px}.qac-field textarea{border:1px solid #e4e4e7;border-radius:6px;color:#18181b;font-family:inherit;font-size:.82rem;min-height:48px;outline:none;padding:7px 10px;resize:vertical;transition:border-color .15s;width:100%}.qac-field textarea:focus{border-color:#6366f1}.qac-field textarea::placeholder{color:#d4d4d8}.qac-detail-grid--3col{grid-template-columns:1fr 1fr 1fr}@media (max-width:768px){.qac-toolbar{align-items:stretch;flex-direction:column}.qac-toolbar-left,.qac-toolbar-right{flex-wrap:wrap}.qac-search{width:100%}.qac-progress{align-items:flex-start;flex-direction:column}.qac-priority-breakdown{flex-direction:column;gap:6px}.qac-table{font-size:.72rem}.qac-field-row{flex-direction:column;gap:0}.qac-detail-grid--3col{grid-template-columns:1fr 1fr}}.pd-page{display:flex;flex-direction:column;height:100%}.pd-header{align-items:center;background:#fff;background:var(--color-bg,#fff);border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--color-border,#e4e4e7);display:flex;justify-content:space-between;min-height:64px;padding:20px 32px;padding:var(--space-xl,20px) var(--space-3xl,32px);position:sticky;top:0;z-index:40}.pd-header-left{display:flex;flex-direction:column;gap:2px}.pd-header-title{color:#18181b;color:var(--color-text-primary,#18181b);font-size:1.1rem;font-weight:700;margin:0}.pd-breadcrumb{color:#a1a1aa;color:var(--color-text-tertiary,#a1a1aa);font-size:.75rem}.pd-breadcrumb a{color:#71717a;color:var(--color-text-secondary,#71717a);text-decoration:none}.pd-breadcrumb a:hover{color:#6366f1;color:var(--color-accent,#6366f1)}.pd-breadcrumb-sep{color:#a1a1aa;color:var(--color-text-tertiary,#a1a1aa);margin:0 6px}.pd-header-right{align-items:center;display:flex;gap:8px;gap:var(--space-sm,8px)}.pd-body{flex:1 1;max-width:1440px;overflow-y:auto}.pd-body,.pd-hero{padding:32px;padding:var(--space-3xl,32px)}.pd-hero{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e4e4e7;border:1px solid var(--color-border,#e4e4e7);border-radius:12px;border-radius:var(--radius-lg,12px);margin-bottom:24px;margin-bottom:var(--space-2xl,24px)}.pd-hero-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-xl,20px)}.pd-hero-title{color:#18181b;color:var(--color-text-primary,#18181b);font-size:1.5rem;font-weight:800;margin-bottom:4px}.pd-hero-type{align-items:center;color:#71717a;color:var(--color-text-secondary,#71717a);display:flex;flex-wrap:wrap;font-size:.85rem;gap:8px}.pd-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.72rem;font-weight:600;gap:4px;letter-spacing:.01em;padding:2px 10px}.pd-badge--info{background:#eff6ff;background:var(--color-info-bg,#eff6ff);border:1px solid #bfdbfe;border:1px solid var(--color-info-border,#bfdbfe);color:#1e40af}.pd-badge--success{background:#f0fdf4;background:var(--color-success-bg,#f0fdf4);border:1px solid #bbf7d0;border:1px solid var(--color-success-border,#bbf7d0);color:#15803d}.pd-badge--warning{background:#fffbeb;background:var(--color-warning-bg,#fffbeb);border:1px solid #fde68a;border:1px solid var(--color-warning-border,#fde68a);color:#92400e}.pd-badge--error{background:#fef2f2;background:var(--color-error-bg,#fef2f2);border:1px solid #fecaca;border:1px solid var(--color-error-border,#fecaca);color:#991b1b}.pd-hero-summary{align-items:center;border-top:1px solid #e4e4e7;border-top:1px solid var(--color-border,#e4e4e7);display:flex;gap:32px;gap:var(--space-3xl,32px);padding-top:20px;padding-top:var(--space-xl,20px)}.pd-hero-health{align-items:center;display:flex;flex-shrink:0;gap:12px;gap:var(--space-md,12px)}.pd-score-circle--sm{font-size:.9rem;font-weight:800;height:56px;width:56px}.pd-hero-health-label{color:#18181b;color:var(--color-text-primary,#18181b);font-size:.82rem;font-weight:600}.pd-hero-health-sub{color:#a1a1aa;color:var(--color-text-tertiary,#a1a1aa);font-size:.72rem;margin-top:2px}.pd-hero-modules-mini{display:flex;flex-wrap:wrap;gap:20px;gap:var(--space-xl,20px)}.pd-mini-module{align-items:center;display:flex;gap:6px}.pd-mini-module-icon{align-items:center;border-radius:6px;border-radius:var(--radius-sm,6px);display:inline-flex;height:28px;justify-content:center;width:28px}.pd-mini-module-icon svg{height:14px;width:14px}.pd-mini-module-score{font-size:.82rem;font-weight:700}.pd-mini-module-label{color:#a1a1aa;color:var(--color-text-tertiary,#a1a1aa);font-size:.72rem}.pd-hero-actions{display:flex;flex-shrink:0;gap:8px;gap:var(--space-sm,8px)}.pd-btn{align-items:center;background:#fff;background:var(--color-bg,#fff);border:1px solid #e4e4e7;border:1px solid var(--color-border,#e4e4e7);border-radius:8px;border-radius:var(--radius-md,8px);color:#18181b;color:var(--color-text-primary,#18181b);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:500;gap:6px;padding:6px 14px;text-decoration:none;transition:all .15s}.pd-btn:hover{background:#f4f4f5;background:var(--color-bg-tertiary,#f4f4f5);text-decoration:none}.pd-btn--primary{background:#18181b;background:var(--color-brand,#18181b);border-color:#18181b;border-color:var(--color-brand,#18181b);color:#fff;color:var(--color-text-inverse,#fff)}.pd-btn--primary:hover{background:#27272a;background:var(--color-brand-hover,#27272a)}.pd-btn--ghost{background:#0000;border-color:#0000;color:#71717a;color:var(--color-text-secondary,#71717a)}.pd-btn--ghost:hover{background:#f4f4f5;background:var(--color-bg-tertiary,#f4f4f5)}.pd-btn--ghost:hover,.pd-select{color:#18181b;color:var(--color-text-primary,#18181b)}.pd-select{background:#fff;background:var(--color-bg,#fff);border:1px solid #e4e4e7;border:1px solid var(--color-border,#e4e4e7);border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;font-family:inherit;font-size:.82rem;padding:6px 12px}.pd-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-lg,16px)}.pd-section-title{color:#18181b;color:var(--color-text-primary,#18181b);font-size:1rem;font-weight:700;margin:0}.pd-url-accordions{display:flex;flex-direction:column;gap:0}.pd-accordion{background:#fff;background:var(--color-bg-card,#fff);border:1px solid #e4e4e7;border:1px solid var(--color-border,#e4e4e7);border-radius:12px;border-radius:var(--radius-lg,12px);margin-bottom:12px;margin-bottom:var(--space-md,12px);overflow:hidden;transition:box-shadow .2s}.pd-accordion--open{border-color:#6366f1;border-color:var(--color-accent,#6366f1);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md,0 4px 12px #00000014)}.pd-accordion-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:16px 20px;padding:var(--space-lg,16px) var(--space-xl,20px);transition:background .15s;width:100%}.pd-accordion-header:hover{background:#fafafb;background:var(--color-bg-secondary,#fafafb)}.pd-accordion-left{align-items:center;display:flex;flex:1 1;gap:12px;gap:var(--space-md,12px);min-width:0}.pd-accordion-chevron{color:#a1a1aa;color:var(--color-text-tertiary,#a1a1aa);flex-shrink:0;transition:transform .25s ease}.pd-accordion-chevron--open{transform:rotate(180deg)}.pd-accordion-info{display:flex;flex-direction:column;gap:2px;min-width:0}.pd-accordion-label{color:#a1a1aa;color:var(--color-text-tertiary,#a1a1aa);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-align:left;text-transform:uppercase}.pd-accordion-url{color:#6366f1;color:var(--color-accent,#6366f1);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono,"JetBrains Mono","Fira Code",monospace);font-size:.85rem;font-weight:600;text-align:left;word-break:break-all}.pd-accordion-right{align-items:center;display:flex;flex-shrink:0;gap:16px;gap:var(--space-lg,16px)}.pd-accordion-health{align-items:center;border-radius:50%;display:inline-flex;font-size:.72rem;font-weight:800;height:42px;justify-content:center;width:42px}.pd-accordion-health.pd-score-circle--excellent{background:#f0fdf4;background:var(--color-success-bg,#f0fdf4);border:2px solid #22c55e;border:2px solid var(--color-success,#22c55e);color:#15803d}.pd-accordion-health.pd-score-circle--good{background:#eff6ff;background:var(--color-info-bg,#eff6ff);border:2px solid #3b82f6;border:2px solid var(--color-info,#3b82f6);color:#1e40af}.pd-accordion-health.pd-score-circle--warning{background:#fffbeb;background:var(--color-warning-bg,#fffbeb);border:2px solid #f59e0b;border:2px solid var(--color-warning,#f59e0b);color:#92400e}.pd-accordion-health.pd-score-circle--poor{background:#fef2f2;background:var(--color-error-bg,#fef2f2);border:2px solid #ef4444;border:2px solid var(--color-error,#ef4444);color:#991b1b}.pd-accordion-health.pd-score-circle--empty{background:#fafafb;background:var(--color-bg-secondary,#fafafb);border:2px solid #e4e4e7;border:2px solid var(--color-border,#e4e4e7);color:#a1a1aa;color:var(--color-text-tertiary,#a1a1aa)}.pd-accordion-runs-count{color:#a1a1aa;color:var(--color-text-tertiary,#a1a1aa);font-size:.75rem;white-space:nowrap}.pd-accordion-content{border-top:1px solid #e4e4e7;border-top:1px solid var(--color-border,#e4e4e7)}.pd-subtabs{background:#fafafb;background:var(--color-bg-secondary,#fafafb);border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--color-border,#e4e4e7);display:flex;gap:0;padding:0 20px;padding:0 var(--space-xl,20px)}.pd-subtab{background:none;border:none;border-bottom:2px solid #0000;color:#71717a;color:var(--color-text-secondary,#71717a);cursor:pointer;font-size:.82rem;font-weight:500;margin-bottom:-1px;padding:8px 16px;padding:var(--space-sm,8px) var(--space-lg,16px);transition:all .15s;white-space:nowrap}.pd-subtab--active,.pd-subtab:hover{color:#18181b;color:var(--color-text-primary,#18181b)}.pd-subtab--active{border-bottom-color:#6366f1;border-bottom-color:var(--color-accent,#6366f1);font-weight:600}.pd-accordion-tab-content{padding:20px;padding:var(--space-xl,20px)}.pd-url-actions-bar{align-items:center;background:#fafafb;background:var(--color-bg-secondary,#fafafb);border:1px solid #f0f0f2;border:1px solid var(--color-border-light,#f0f0f2);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-xl,20px);padding:12px 16px;padding:var(--space-md,12px) var(--space-lg,16px)}.pd-url-actions-right{align-items:center;display:flex;gap:8px;gap:var(--space-sm,8px)}.pd-url-module-grid{grid-gap:12px;grid-gap:var(--space-md,12px);display:grid;gap:12px;gap:var(--space-md,12px);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.pd-module-card--compact{padding:16px;padding:var(--space-lg,16px)}.pd-health-row{grid-gap:16px;grid-gap:var(--space-lg,16px);display:grid;gap:16px;gap:var(--space-lg,16px);grid-template-columns:200px 1fr;margin-bottom:24px;margin-bottom:var(--space-2xl,24px)}.pd-health-card{background:#fff;background:var(--color-bg-card,#fff);border:1px solid #e4e4e7;border:1px solid var(--color-border,#e4e4e7);border-radius:12px;border-radius:var(--radius-lg,12px);flex-direction:column;padding:24px;padding:var(--space-2xl,24px)}.pd-health-card,.pd-score-circle{align-items:center;display:flex;justify-content:center}.pd-score-circle{border-radius:50%;font-size:1.75rem;font-weight:800;height:110px;position:relative;width:110px}.pd-score-circle--excellent{background:#f0fdf4;background:var(--color-success-bg,#f0fdf4);border:3px solid #22c55e;border:3px solid var(--color-success,#22c55e);color:#15803d}.pd-score-circle--good{background:#eff6ff;background:var(--color-info-bg,#eff6ff);border:3px solid #3b82f6;border:3px solid var(--color-info,#3b82f6);color:#1e40af}.pd-score-circle--warning{background:#fffbeb;background:var(--color-warning-bg,#fffbeb);border:3px solid #f59e0b;border:3px solid var(--color-warning,#f59e0b);color:#92400e}.pd-score-circle--poor{background:#fef2f2;background:var(--color-error-bg,#fef2f2);border:3px solid #ef4444;border:3px solid var(--color-error,#ef4444);color:#991b1b}.pd-score-circle--empty{background:#fafafb;background:var(--color-bg-secondary,#fafafb);border:3px solid #e4e4e7;border:3px solid var(--color-border,#e4e4e7)}.pd-health-label,.pd-score-circle--empty{color:#a1a1aa;color:var(--color-text-tertiary,#a1a1aa)}.pd-health-label{font-size:.85rem;font-weight:500;margin-top:12px;margin-top:var(--space-md,12px)}.pd-health-trend{color:#a1a1aa;color:var(--color-text-tertiary,#a1a1aa);font-size:.75rem;margin-top:8px;margin-top:var(--space-sm,8px)}.pd-health-trend--up{color:#22c55e;color:var(--color-success,#22c55e)}.pd-module-grid{grid-gap:16px;grid-gap:var(--space-lg,16px);display:grid;gap:16px;gap:var(--space-lg,16px);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.pd-module-card{background:#fff;background:var(--color-bg-card,#fff);border:1px solid #e4e4e7;border:1px solid var(--color-border,#e4e4e7);border-radius:12px;border-radius:var(--radius-lg,12px);cursor:pointer;padding:20px;padding:var(--space-xl,20px);text-align:center;transition:all .15s}.pd-module-card:hover{border-color:#6366f1;border-color:var(--color-accent,#6366f1);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm,0 1px 3px #0000000f)}.pd-module-icon{align-items:center;border-radius:8px;border-radius:var(--radius-md,8px);display:inline-flex;height:40px;justify-content:center;margin-bottom:12px;margin-bottom:var(--space-md,12px);width:40px}.pd-module-value{font-size:.8rem;font-weight:800;margin-bottom:2px}.pd-module-label{color:#71717a;color:var(--color-text-secondary,#71717a);font-size:.75rem;margin-bottom:8px;margin-bottom:var(--space-sm,8px)}.pd-module-issues{color:#a1a1aa;color:var(--color-text-tertiary,#a1a1aa);font-size:.72rem}.pd-card{background:#fff;background:var(--color-bg-card,#fff);border:1px solid #e4e4e7;border:1px solid var(--color-border,#e4e4e7);border-radius:12px;border-radius:var(--radius-lg,12px);margin-bottom:24px;margin-bottom:var(--space-2xl,24px);overflow:hidden}.pd-card-header{align-items:center;border-bottom:1px solid #f0f0f2;border-bottom:1px solid var(--color-border-light,#f0f0f2);display:flex;justify-content:space-between;padding:16px 20px;padding:var(--space-lg,16px) var(--space-xl,20px)}.pd-card-title{color:#18181b;color:var(--color-text-primary,#18181b);font-size:.9rem;font-weight:600}.pd-card-body{padding:20px;padding:var(--space-xl,20px)}.pd-card-body--flush{padding:0}.pd-text-error{color:#ef4444;color:var(--color-error,#ef4444)}.pd-text-warning{color:#f59e0b;color:var(--color-warning,#f59e0b)}.pd-text-success{color:#15803d}.pd-table-wrap{overflow-x:auto}.pd-table{border-collapse:collapse;width:100%}.pd-table thead tr{background:#fafafb;background:var(--color-bg-secondary,#fafafb)}.pd-table th{border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--color-border,#e4e4e7);color:#a1a1aa;color:var(--color-text-tertiary,#a1a1aa);font-size:.72rem;font-weight:600;letter-spacing:.05em;padding:12px 20px;padding:var(--space-md,12px) var(--space-xl,20px);text-align:left;text-transform:uppercase}.pd-table tbody tr{border-bottom:1px solid #f0f0f2;border-bottom:1px solid var(--color-border-light,#f0f0f2);cursor:pointer;transition:background .1s}.pd-table tbody tr:hover{background:#fafafb;background:var(--color-bg-secondary,#fafafb)}.pd-table tbody tr:last-child{border-bottom:none}.pd-table td{color:#18181b;color:var(--color-text-primary,#18181b);font-size:.85rem;padding:12px 20px;padding:var(--space-md,12px) var(--space-xl,20px)}.pd-health-bar{align-items:center;display:flex;gap:12px;gap:var(--space-md,12px);width:100px}.pd-health-bar-track{background:#f4f4f5;background:var(--color-bg-tertiary,#f4f4f5);border-radius:9999px;flex:1 1;height:8px;overflow:hidden}.pd-health-bar-fill{border-radius:9999px;height:100%;transition:width .4s ease}.pd-health-bar-fill--green{background:#22c55e;background:var(--color-success,#22c55e)}.pd-health-bar-fill--yellow{background:#f59e0b;background:var(--color-warning,#f59e0b)}.pd-health-bar-fill--red{background:#ef4444;background:var(--color-error,#ef4444)}.pd-health-bar-label{font-size:.8rem;font-weight:700;min-width:40px;text-align:right}.pd-empty-state{color:#a1a1aa;color:var(--color-text-tertiary,#a1a1aa);font-size:.85rem;padding:32px;padding:var(--space-3xl,32px);text-align:center}.pd-loading{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--space-lg,16px);justify-content:center;padding:80px 0}.pd-loading-spinner{animation:pd-spin .6s linear infinite;border:3px solid #e4e4e7;border-top-color:#18181b;border:3px solid var(--color-border,#e4e4e7);border-radius:50%;border-top-color:var(--color-brand,#18181b);height:32px;width:32px}@keyframes pd-spin{to{transform:rotate(1turn)}}.pd-error-box{background:#fff;background:var(--color-bg-card,#fff);border:1px solid #e4e4e7;border:1px solid var(--color-border,#e4e4e7);border-radius:12px;border-radius:var(--radius-lg,12px);color:#ef4444;color:var(--color-error,#ef4444);padding:2rem;text-align:center}.pd-back-link{align-items:center;background:none;border:none;color:#71717a;color:var(--color-text-secondary,#71717a);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.82rem;gap:6px;margin-bottom:16px;margin-bottom:var(--space-lg,16px);padding:0;text-decoration:none}.pd-back-link:hover{color:#18181b;color:var(--color-text-primary,#18181b)}.pd-runs-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-lg,16px);margin-bottom:16px;margin-bottom:var(--space-lg,16px)}.pd-runs-filter-group{align-items:center;display:flex;gap:6px}.pd-runs-filter-label{color:#a1a1aa;color:var(--color-text-tertiary,#a1a1aa);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.pd-select--sm{font-size:.8rem!important;min-width:120px;padding:4px 28px 4px 10px!important}.pd-runs-filter-count{color:#a1a1aa;color:var(--color-text-tertiary,#a1a1aa);font-size:.78rem;margin-left:auto}.pd-pagination{align-items:center;display:flex;gap:12px;justify-content:center;padding:12px 0 4px}.pd-pagination-info{color:#71717a;color:var(--color-text-secondary,#71717a);font-size:.82rem}.pd-btn--sm{font-size:.8rem!important;padding:4px 12px!important}.pd-spin-icon{animation:pd-spin 1s linear infinite}.pd-running-scans{margin-top:24px;margin-top:var(--space-2xl,24px)}.pd-running-grid{grid-gap:16px;grid-gap:var(--space-lg,16px);display:grid;gap:16px;gap:var(--space-lg,16px);grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.pd-scan-card{background:#fff;background:var(--color-bg-card,#fff);border:1px solid #e4e4e7;border:1px solid var(--color-border,#e4e4e7);border-radius:12px;border-radius:var(--radius-lg,12px);display:flex;flex-direction:column;gap:12px;gap:var(--space-md,12px);overflow:hidden;padding:16px 20px;padding:var(--space-lg,16px) var(--space-xl,20px);position:relative;transition:border-color .2s,box-shadow .2s}.pd-scan-card--running{border-color:#6366f1;border-color:var(--color-accent,#6366f1);box-shadow:0 0 0 1px #6366f11a,0 1px 3px #0000000f;box-shadow:0 0 0 1px #6366f11a,var(--shadow-sm,0 1px 3px #0000000f)}.pd-scan-card--running:before{animation:pd-shimmer 2s linear infinite;background:linear-gradient(90deg,#6366f1,#8b5cf6,#6366f1);background-size:200% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes pd-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pd-scan-card--paused{border-color:#f59e0b;border-color:var(--color-warning,#f59e0b);opacity:.85}.pd-scan-card--completed{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#22c55e;border-color:var(--color-success,#22c55e)}.pd-scan-card--failed{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#ef4444;border-color:var(--color-error,#ef4444)}.pd-scan-card--cancelled{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#f59e0b;border-color:var(--color-warning,#f59e0b)}.pd-scan-card-header{align-items:center;display:flex;justify-content:space-between}.pd-scan-tool-badge{border-radius:6px;border-radius:var(--radius-sm,6px);font-size:.78rem;gap:6px;padding:4px 10px}.pd-scan-status-badge,.pd-scan-tool-badge{align-items:center;display:inline-flex;font-weight:600}.pd-scan-status-badge{border-radius:9999px;font-size:.7rem;gap:4px;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.pd-scan-status-badge[data-status=running]{background:#eff6ff;color:#2563eb}.pd-scan-status-badge[data-status=paused]{background:#fffbeb;color:#d97706}.pd-scan-status-badge[data-status=completed]{background:#f0fdf4;color:#15803d}.pd-scan-status-badge[data-status=failed]{background:#fef2f2;color:#dc2626}.pd-scan-status-badge[data-status=cancelled]{background:#fffbeb;color:#92400e}.pd-scan-url-row{display:flex;flex-direction:column;gap:2px}.pd-scan-url-label{color:#a1a1aa;color:var(--color-text-tertiary,#a1a1aa);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.pd-scan-url-text{color:#6366f1;color:var(--color-accent,#6366f1);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono,"JetBrains Mono","Fira Code",monospace);font-size:.78rem;word-break:break-all}.pd-scan-progress-section{display:flex;flex-direction:column;gap:6px}.pd-scan-progress-bar{background:#f4f4f5;background:var(--color-bg-tertiary,#f4f4f5);border-radius:9999px;height:6px;overflow:hidden;width:100%}.pd-scan-progress-fill{border-radius:9999px;height:100%;min-width:2px;transition:width .5s ease}.pd-scan-progress-fill--running{animation:pd-progress-pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#6366f1,#818cf8)}@keyframes pd-progress-pulse{0%,to{opacity:1}50%{opacity:.7}}.pd-scan-progress-fill--paused{background:#f59e0b;background:var(--color-warning,#f59e0b)}.pd-scan-progress-fill--completed{background:#22c55e;background:var(--color-success,#22c55e)}.pd-scan-progress-fill--failed{background:#ef4444;background:var(--color-error,#ef4444)}.pd-scan-progress-fill--cancelled{background:#f59e0b;background:var(--color-warning,#f59e0b)}.pd-scan-progress-info{align-items:center;color:#71717a;color:var(--color-text-secondary,#71717a);display:flex;font-size:.75rem;gap:12px;gap:var(--space-md,12px)}.pd-scan-progress-pct{color:#18181b;color:var(--color-text-primary,#18181b);font-weight:700;min-width:32px}.pd-scan-elapsed,.pd-scan-pages{color:#a1a1aa;color:var(--color-text-tertiary,#a1a1aa)}.pd-scan-elapsed{align-items:center;display:inline-flex;gap:3px;margin-left:auto}.pd-scan-current-url{color:#a1a1aa;color:var(--color-text-tertiary,#a1a1aa);font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-scan-message{color:#71717a;color:var(--color-text-secondary,#71717a);font-size:.75rem}.pd-scan-actions{align-items:center;border-top:1px solid #f0f0f2;border-top:1px solid var(--color-border-light,#f0f0f2);display:flex;gap:8px;gap:var(--space-sm,8px);padding-top:8px;padding-top:var(--space-sm,8px)}.pd-scan-action-btn{font-size:.78rem!important;padding:4px 10px!important}.pd-scan-action-btn--danger{color:#ef4444!important;color:var(--color-error,#ef4444)!important}.pd-scan-action-btn--danger:hover{background:#fef2f2!important;background:var(--color-error-bg,#fef2f2)!important}@media (max-width:768px){.pd-health-row{grid-template-columns:1fr}.pd-hero-summary{align-items:flex-start;flex-direction:column}.pd-hero-modules-mini{flex-wrap:wrap}.pd-hero-top{flex-direction:column;gap:16px;gap:var(--space-lg,16px)}.pd-module-grid,.pd-url-module-grid{grid-template-columns:repeat(2,1fr)}.pd-url-actions-bar{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--space-sm,8px)}.pd-url-actions-right{flex-wrap:wrap}.pd-accordion-left{min-width:0}.pd-accordion-url{font-size:.75rem}.pd-subtabs{overflow-x:auto}.pd-running-grid{grid-template-columns:1fr}}.settings-page{display:flex;flex-direction:column;height:100%}.settings-header{align-items:center;background:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;height:64px;justify-content:space-between;padding:var(--space-xl) var(--space-3xl);position:sticky;top:0;z-index:40}.settings-header-left{align-items:center;display:flex;gap:var(--space-lg)}.settings-header-title{color:var(--color-text-primary);font-size:1.15rem;font-weight:700;margin:0}.settings-header-desc{color:var(--color-text-tertiary);font-size:.8rem}.settings-body{display:flex;flex:1 1;overflow:hidden}.settings-nav{border-right:1px solid var(--color-border);flex-shrink:0;overflow-y:auto;padding:var(--space-xl);width:220px}.settings-nav-group-title{color:var(--color-text-tertiary);font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-top:var(--space-lg);padding:var(--space-sm) var(--space-md);text-transform:uppercase}.settings-nav-group-title:first-child{margin-top:0}.settings-nav-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.85rem;font-weight:500;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);text-align:left;transition:all .15s;width:100%}.settings-nav-item--active,.settings-nav-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.settings-nav-item--active{font-weight:600}.settings-content{flex:1 1;min-width:0;overflow-y:auto;padding:var(--space-3xl)}.settings-section{margin-bottom:var(--space-4xl)}.settings-section-title{color:var(--color-text-primary);font-size:1.05rem;font-weight:700;margin-bottom:var(--space-xs)}.settings-section-desc{color:var(--color-text-secondary);font-size:.82rem;margin-bottom:var(--space-2xl)}.settings-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-2xl)}.settings-row{align-items:flex-start;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--color-border-light,#f0f0f0);display:flex;gap:var(--space-2xl);justify-content:space-between;padding:var(--space-xl) 0}.settings-row:last-child{border-bottom:none}.settings-row-info{flex:1 1;max-width:400px}.settings-row-label{color:var(--color-text-primary);font-size:.85rem;font-weight:600;margin-bottom:2px}.settings-row-desc{color:var(--color-text-tertiary);font-size:.78rem;line-height:1.4}.settings-row-control{flex-shrink:0}.settings-toggle{background:var(--color-border);border:none;border-radius:12px;cursor:pointer;height:24px;padding:0;position:relative;transition:background .2s;width:44px}.settings-toggle--on{background:#22c55e;background:var(--color-success,#22c55e)}.settings-toggle:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .2s;width:20px}.settings-toggle--on:after{transform:translateX(20px)}.settings-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:.85rem;padding:var(--space-sm) var(--space-md);transition:border-color .15s,box-shadow .15s}.settings-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.settings-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;min-width:200px;padding-right:32px}.settings-profile-card{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;gap:var(--space-xl);margin-bottom:var(--space-xl);padding:var(--space-2xl)}.settings-profile-avatar{align-items:center;background:#6366f1;background:var(--color-brand,#6366f1);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:72px;justify-content:center;overflow:hidden;width:72px}.settings-profile-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.settings-profile-info{flex:1 1;min-width:0}.settings-profile-name{color:var(--color-text-primary);font-size:1.1rem;font-weight:700;margin-bottom:2px}.settings-profile-email{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:var(--space-xs)}.settings-profile-role{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.03em;padding:2px var(--space-sm);text-transform:uppercase}.settings-profile-form{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:1fr 1fr}.settings-form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.settings-form-group--full{grid-column:1/-1}.settings-form-label{color:var(--color-text-secondary);font-size:.8rem;font-weight:600}.settings-theme-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.settings-theme-option{align-items:center;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);text-align:center;transition:all .15s}.settings-theme-option:hover{border-color:var(--color-accent)}.settings-theme-option--selected{background:#f0f0ff;background:var(--color-accent-light,#f0f0ff);border-color:var(--color-accent,var(--color-brand))}.settings-theme-swatch{border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;height:32px;width:32px}.settings-theme-label{color:var(--color-text-primary);font-size:.78rem;font-weight:600}.settings-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-md);color:#16a34a;font-size:.85rem;margin-bottom:var(--space-xl);padding:var(--space-lg)}.settings-toast{animation:settingsToastIn .2s ease-out;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;border-radius:var(--radius-md,8px);box-shadow:0 10px 25px #0000001f;color:#166534;font-size:.875rem;font-weight:500;padding:12px 16px;padding:var(--space-md,12px) var(--space-lg,16px);position:fixed;right:24px;top:24px;z-index:1100}@keyframes settingsToastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.settings-toast{left:12px;right:12px;text-align:center;top:72px}}.settings-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:#991b1b;font-size:.85rem;margin-bottom:var(--space-xl);padding:var(--space-lg)}.settings-save-bar{border-top:1px solid var(--color-border);display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-2xl);padding-top:var(--space-2xl)}.settings-btn{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.85rem;font-weight:600;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);transition:all .15s}.settings-btn--secondary{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-primary)}.settings-btn--secondary:hover{background:var(--color-bg-tertiary)}.settings-btn--primary{background:var(--color-brand);border:1px solid var(--color-brand);color:var(--color-text-inverse)}.settings-btn--primary:hover{opacity:.9;transform:translateY(-1px)}.settings-btn--primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.settings-custom-color{align-items:center;display:flex;gap:var(--space-md);margin-top:var(--space-md)}.settings-color-picker{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;height:36px;padding:2px;width:48px}.settings-table{border-collapse:collapse;font-size:.85rem;table-layout:auto;width:100%}.settings-table td,.settings-table th{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-table thead{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.settings-table th{color:var(--color-text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-align:left;text-transform:uppercase}.settings-table td,.settings-table th{padding:var(--space-md) var(--space-xl)}.settings-table td{border-bottom:1px solid #f0f0f2;border-bottom:1px solid var(--color-border-light,#f0f0f2);color:var(--color-text-primary)}.settings-table tbody tr:last-child td{border-bottom:none}.settings-table tbody tr:hover{background:var(--color-bg-secondary)}.settings-table-row--editing{background:var(--color-accent-light)!important}.settings-user-cell{align-items:center;display:flex;gap:var(--space-md)}.settings-user-avatar{align-items:center;background:#18181b;background:var(--color-brand,#18181b);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:32px;justify-content:center;overflow:hidden;width:32px}.settings-user-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.settings-user-name{font-weight:600}.settings-badge{border-radius:var(--radius-full);display:inline-block;font-size:.68rem;font-weight:600;letter-spacing:.02em;padding:2px var(--space-sm);text-transform:capitalize;white-space:nowrap}.settings-badge--dark{background:#18181b;background:var(--color-brand,#18181b);color:#fff;color:var(--color-text-inverse,#fff)}.settings-badge--neutral{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.settings-badge--success{background:var(--color-success-bg);color:var(--color-success)}.settings-badge--error{background:var(--color-error-bg);color:var(--color-error)}.settings-action-btns{align-items:center;display:flex;gap:var(--space-xs)}.settings-action-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;padding:var(--space-xs);transition:all .15s}.settings-action-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.settings-action-btn--danger:hover{background:var(--color-error-bg);color:var(--color-error)}.settings-inline-form{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr}.settings-btn--danger{background:var(--color-error);border:1px solid var(--color-error);color:#fff}.settings-btn--danger:hover{opacity:.9}.settings-btn--danger:disabled{cursor:not-allowed;opacity:.6}.settings-modal-backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-xl);position:fixed;right:0;top:0;z-index:1000}.settings-modal{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow:auto;width:100%}.settings-modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-xl) var(--space-2xl)}.settings-modal-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.settings-modal-icon--danger{background:var(--color-error-bg);color:var(--color-error)}.settings-modal-title{color:var(--color-text-primary);font-size:1.05rem;font-weight:700}.settings-modal-desc{color:var(--color-text-secondary);font-size:.82rem;margin-top:2px}.settings-modal-body{padding:var(--space-2xl)}.settings-modal-info{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.85rem;margin-bottom:var(--space-xl);padding:var(--space-lg)}.settings-modal-options{display:flex;flex-direction:column;gap:var(--space-md)}.settings-modal-option{align-items:flex-start;border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-lg);transition:all .15s}.settings-modal-option:hover{border-color:var(--color-text-tertiary)}.settings-modal-option--selected{background:var(--color-bg-secondary);border-color:var(--color-brand)}.settings-modal-option input[type=radio]{accent-color:var(--color-brand);flex-shrink:0;margin-top:3px}.settings-modal-footer{border-top:1px solid var(--color-border);display:flex;gap:var(--space-md);justify-content:flex-end;padding:var(--space-xl) var(--space-2xl)}@media (max-width:768px){.settings-body{flex-direction:column}.settings-nav{border-bottom:1px solid var(--color-border);border-right:none;display:flex;flex-direction:row;gap:var(--space-xs);overflow-x:auto;padding:var(--space-sm);width:100%}.settings-nav-group-title{display:none}.settings-nav-item{white-space:nowrap}.settings-content{padding:var(--space-xl)}.settings-profile-form{grid-template-columns:1fr}.settings-row{flex-direction:column;gap:var(--space-md)}.settings-theme-grid{grid-template-columns:repeat(3,1fr)}.settings-inline-form{grid-template-columns:1fr}.settings-table{font-size:.78rem}.settings-table td,.settings-table th{padding:var(--space-sm) var(--space-md)}}.pc-page{margin:0 auto;max-width:1280px;padding:24px}.pc-header{margin-bottom:24px}.pc-header-title{align-items:center;color:#111827;color:var(--color-text-primary,#111827);display:flex;font-size:1.5rem;font-weight:700;gap:10px;margin:0 0 4px}.pc-header-subtitle{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.9rem;margin:0}.pc-form-card{background:#fff;background:var(--color-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:12px;margin-bottom:20px;padding:24px}.pc-form-row{align-items:flex-end;display:flex;gap:12px}.pc-form-group{flex:1 1}.pc-form-arrow{align-items:center;color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);display:flex;padding-bottom:8px}.pc-label{color:#6b7280;color:var(--color-text-secondary,#6b7280);display:block;font-size:.82rem;font-weight:600;letter-spacing:.4px;margin-bottom:6px;text-transform:uppercase}.pc-input-wrap{align-items:center;display:flex;position:relative}.pc-input-icon{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);left:12px;pointer-events:none;position:absolute}.pc-input{background:#fff;background:var(--color-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;color:#111827;color:var(--color-text-primary,#111827);font-family:inherit;font-size:.9rem;padding:10px 12px 10px 36px;transition:border-color .15s;width:100%}.pc-input:focus{border-color:#111827;border-color:var(--color-primary,#111827);box-shadow:0 0 0 3px #11182714;outline:none}.pc-input:disabled{cursor:not-allowed;opacity:.6}.pc-input--plain,.pc-select-btn{padding-left:12px}.pc-select-btn{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;overflow:hidden;padding-right:32px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.pc-url-picker{background:#fff;background:var(--color-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;box-shadow:0 4px 16px #0000001a;left:0;margin-top:4px;max-height:min(55vh,420px);overflow-y:auto;position:absolute;right:0;top:calc(100% - 44px);z-index:50}.pc-url-picker-group{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb)}.pc-url-picker-group:last-child{border-bottom:none}.pc-url-picker-project{background:#fafafb;background:var(--color-bg-tertiary,#fafafb);font-size:.82rem;padding:8px 12px}.pc-url-picker-project,.pc-url-picker-url{color:#111827;color:var(--color-text-primary,#111827)}.pc-url-picker-url{cursor:pointer;font-size:.8rem;line-height:1.4;padding:8px 12px 8px 24px}.pc-url-picker-url:hover{background:#fafafb;background:var(--color-bg-tertiary,#fafafb)}.pc-url-picker-url--selected{background:#eff6ff;color:#2563eb}.pc-url-picker-url-text{overflow-wrap:anywhere;word-break:break-word}.pc-url-picker-empty{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.82rem;padding:16px;text-align:center}.pc-form-options-row{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-top:16px}.pc-checkbox-label{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:.85rem;gap:8px;white-space:nowrap}.pc-checkbox-label input[type=checkbox]{accent-color:#111827;height:16px;width:16px}.pc-email-field{flex:1 1;min-width:200px;position:relative}.pc-email-icon{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.pc-email-input{background:#fff;background:var(--color-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;color:#111827;color:var(--color-text-primary,#111827);font-family:inherit;font-size:.85rem;padding:8px 10px 8px 32px;transition:border-color .15s;width:100%}.pc-email-input:focus{border-color:#111827;border-color:var(--color-primary,#111827);box-shadow:0 0 0 3px #11182714;outline:none}.pc-email-input:disabled{opacity:.5}.pc-progress-bar-wrap{background:#e5e7eb;border-radius:3px;height:6px;margin-bottom:16px;max-width:400px;overflow:hidden;width:100%}.pc-progress-bar-fill{background:#111827;border-radius:3px;height:100%;transition:width .5s ease}.pc-job-id-hint{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.78rem;margin:4px 0 0}.pc-job-bar{align-items:center;background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:14px;padding:10px 14px}.pc-job-bar-id{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-family:SF Mono,monospace;font-size:.8rem}.pc-job-bar-actions{display:flex;gap:8px}.pc-job-bar-actions .pc-btn--ghost{font-size:.8rem;padding:6px 12px}.pc-job-bar-actions a{text-decoration:none}.pc-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.88rem;font-weight:600;gap:6px;padding:10px 20px;transition:all .15s ease}.pc-btn:disabled{cursor:not-allowed;opacity:.5}.pc-btn--primary{background:#111827;color:#fff}.pc-btn--primary:hover:not(:disabled){background:#1f2937;box-shadow:0 4px 12px #11182733}.pc-btn--ghost{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);color:#6b7280;color:var(--color-text-secondary,#6b7280)}.pc-btn--ghost:hover:not(:disabled){background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);color:#111827;color:var(--color-text-primary,#111827)}.pc-spin{animation:pcSpin 1s linear infinite}@keyframes pcSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pc-error-banner{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.88rem;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px}.pc-loading-state{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;flex-direction:column;gap:12px;padding:60px 24px}.pc-loading-state p{font-size:.9rem;margin:0}.pc-empty-state{align-items:center;color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);display:flex;flex-direction:column;gap:12px;padding:48px 24px;text-align:center}.pc-diff-summary-card{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin-bottom:16px;padding:20px}.pc-diff-summary-title{align-items:center;color:#92400e;display:flex;font-size:1rem;font-weight:700;gap:8px;margin:0 0 12px}.pc-diff-summary-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.pc-diff-summary-list{display:flex;flex-direction:column;gap:6px}.pc-diff-summary-item{align-items:center;background:#ffffffb3;border-radius:6px;display:flex;flex-wrap:wrap;font-size:.84rem;gap:8px;padding:8px 12px}.pc-diff-summary-category{color:#111827;color:var(--color-text-primary,#111827);font-weight:600}.pc-diff-summary-field{color:#6b7280;color:var(--color-text-secondary,#6b7280)}.pc-diff-summary-detail{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.8rem;margin-left:auto;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-no-diff-card{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d;display:flex;font-size:.92rem;font-weight:600;gap:10px;margin-bottom:16px;padding:16px 20px}.pc-no-diff-card,.pc-severity{align-items:center;border-radius:10px}.pc-severity{display:inline-flex;font-size:.72rem;font-weight:700;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.pc-severity--critical{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.pc-severity--high{background:#fff7ed;border:1px solid #fed7aa;color:#ea580c}.pc-severity--medium{background:#fffbeb;border:1px solid #fde68a;color:#d97706}.pc-severity--low{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.pc-severity--info{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.pc-page-nav{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:16px;padding:12px}.pc-page-nav-info{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.85rem;font-weight:500}.pc-tabs{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border,#e5e7eb);display:flex;gap:4px;margin-bottom:0;overflow-x:auto}.pc-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:6px;margin-bottom:-2px;padding:10px 16px;transition:all .15s;white-space:nowrap}.pc-tab--active,.pc-tab:hover{color:#111827;color:var(--color-text-primary,#111827)}.pc-tab--active{border-bottom-color:#111827}.pc-tab-content{background:#fff;background:var(--color-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:0 0 12px 12px;border-top:none;min-height:300px;padding:24px}.pc-visual-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr auto 1fr}.pc-visual-col{min-width:0}.pc-visual-label{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.78rem;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.pc-visual-url{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.82rem;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-visual-img-wrap{border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;max-height:600px;overflow:hidden;overflow-y:auto}.pc-visual-img{display:block;height:auto;width:100%}.pc-visual-placeholder{background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border:1px dashed #e5e7eb;border:1px dashed var(--color-border,#e5e7eb);border-radius:8px;font-size:.9rem;height:300px}.pc-visual-divider,.pc-visual-placeholder{align-items:center;color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);display:flex;justify-content:center}.pc-visual-divider{padding-top:120px}.pc-warning-banner{align-items:center;background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-size:.82rem;gap:6px;margin-top:14px}.pc-diff-stats-bar,.pc-warning-banner{border-radius:8px;display:flex;padding:10px 14px}.pc-diff-stats-bar{background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);flex-wrap:wrap;gap:12px;margin-bottom:14px}.pc-diff-stat{font-size:.82rem;font-weight:600}.pc-diff-stat--added{color:#16a34a}.pc-diff-stat--removed{color:#dc2626}.pc-diff-stat--unchanged{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af)}.pc-sbs-container{border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;overflow:hidden}.pc-sbs-header{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border,#e5e7eb);display:grid;grid-template-columns:1fr 1fr}.pc-sbs-header-cell{background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.78rem;font-weight:700;letter-spacing:.4px;padding:8px 14px;text-transform:uppercase}.pc-sbs-header-cell:first-child{border-right:1px solid #e5e7eb;border-right:1px solid var(--color-border,#e5e7eb)}.pc-sbs-body{font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.78rem;line-height:1.55;max-height:650px;overflow-y:auto}.pc-sbs-row{display:grid;grid-template-columns:1fr 1fr;min-height:24px}.pc-sbs-row:hover .pc-sbs-cell{filter:brightness(.97)}.pc-sbs-cell{align-items:stretch;border-bottom:1px solid #f0f0f0;display:flex;min-height:24px}.pc-sbs-cell--left{border-right:1px solid #e5e7eb;border-right:1px solid var(--color-border,#e5e7eb)}.pc-sbs-linenum{align-items:center;background:#00000005;border-right:1px solid #f0f0f0;color:#a1a1aa;display:inline-flex;flex-shrink:0;font-size:.72rem;justify-content:flex-end;min-width:44px;padding:1px 10px 1px 6px;-webkit-user-select:none;user-select:none}.pc-sbs-code{display:inline-block;flex:1 1;min-width:0;padding:1px 10px;white-space:pre-wrap;word-break:break-all}.pc-sbs-cell--unchanged{background:#fff}.pc-sbs-cell--unchanged .pc-sbs-code{color:#374151}.pc-sbs-cell--removed{background:#fff1f2}.pc-sbs-cell--removed .pc-sbs-linenum{background:#ffe4e6;color:#be123c}.pc-sbs-cell--removed .pc-sbs-code{color:#9f1239}.pc-sbs-cell--added{background:#f0fdf4}.pc-sbs-cell--added .pc-sbs-linenum{background:#dcfce7;color:#15803d}.pc-sbs-cell--added .pc-sbs-code{color:#14532d}.pc-sbs-row--modified .pc-sbs-cell--left:not(.pc-sbs-cell--empty){background:#fff1f2}.pc-sbs-row--modified .pc-sbs-cell--left:not(.pc-sbs-cell--empty) .pc-sbs-linenum{background:#ffe4e6;color:#be123c}.pc-sbs-row--modified .pc-sbs-cell--left:not(.pc-sbs-cell--empty) .pc-sbs-code{color:#9f1239}.pc-sbs-row--modified .pc-sbs-cell--right:not(.pc-sbs-cell--empty){background:#f0fdf4}.pc-sbs-row--modified .pc-sbs-cell--right:not(.pc-sbs-cell--empty) .pc-sbs-linenum{background:#dcfce7;color:#15803d}.pc-sbs-row--modified .pc-sbs-cell--right:not(.pc-sbs-cell--empty) .pc-sbs-code{color:#14532d}.pc-tok--removed{background:#fecdd3;border-radius:3px;color:#9f1239;padding:0 2px;text-decoration:line-through;text-decoration-color:#9f122f73}.pc-tok--added{background:#bbf7d0;border-radius:3px;color:#14532d;padding:0 2px}.pc-sbs-cell--empty{background:#f9fafb}.pc-sbs-cell--empty .pc-sbs-linenum{background:#f3f4f6}.pc-sbs-cell--empty .pc-sbs-code{color:#0000}.pc-sbs-body::-webkit-scrollbar{width:8px}.pc-sbs-body::-webkit-scrollbar-track{background:#f9fafb}.pc-sbs-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.pc-sbs-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.pc-meta-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:14px}.pc-meta-filter-group{display:flex;flex-wrap:wrap;gap:6px}.pc-meta-filter-btn{align-items:center;background:#fff;background:var(--color-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.82rem;font-weight:600;gap:5px;padding:6px 14px;transition:all .15s}.pc-meta-filter-btn:hover{border-color:#9ca3af}.pc-meta-filter-btn--match{border-color:#bbf7d0;color:#16a34a}.pc-meta-filter-btn--match:hover{background:#f0fdf4}.pc-meta-filter-btn--match.pc-meta-filter-btn--active{background:#16a34a;border-color:#16a34a;color:#fff}.pc-meta-filter-btn--mismatch{border-color:#fecaca;color:#dc2626}.pc-meta-filter-btn--mismatch:hover{background:#fef2f2}.pc-meta-filter-btn--mismatch.pc-meta-filter-btn--active{background:#dc2626;border-color:#dc2626;color:#fff}.pc-meta-filter-btn--active{background:#111827;border-color:#111827;color:#fff}.pc-meta-sev-btn{align-items:center;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.72rem;font-weight:700;gap:4px;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase;transition:all .15s}.pc-meta-sev-btn--critical{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.pc-meta-sev-btn--critical:hover{background:#fee2e2}.pc-meta-sev-btn--critical.pc-meta-sev-btn--active{background:#dc2626;border-color:#dc2626;color:#fff}.pc-meta-sev-btn--high{background:#fff7ed;border:1px solid #fed7aa;color:#ea580c}.pc-meta-sev-btn--high:hover{background:#ffedd5}.pc-meta-sev-btn--high.pc-meta-sev-btn--active{background:#ea580c;border-color:#ea580c;color:#fff}.pc-meta-sev-btn--medium{background:#fffbeb;border:1px solid #fde68a;color:#d97706}.pc-meta-sev-btn--medium:hover{background:#fef3c7}.pc-meta-sev-btn--medium.pc-meta-sev-btn--active{background:#d97706;border-color:#d97706;color:#fff}.pc-meta-sev-btn--low{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.pc-meta-sev-btn--low:hover{background:#dcfce7}.pc-meta-sev-btn--low.pc-meta-sev-btn--active{background:#16a34a;border-color:#16a34a;color:#fff}.pc-meta-sev-btn--info{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.pc-meta-sev-btn--info:hover{background:#dbeafe}.pc-meta-sev-btn--info.pc-meta-sev-btn--active{background:#2563eb;border-color:#2563eb;color:#fff}.pc-meta-filter-info{align-items:center;color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);display:flex;font-size:.82rem;gap:10px;margin-bottom:10px}.pc-meta-filter-clear{background:none;border:none;color:#2563eb;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600;padding:0;text-decoration:underline}.pc-meta-filter-clear:hover{color:#1d4ed8}.pc-table-empty{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.88rem;padding:32px 16px!important;text-align:center}.pc-table-wrap{overflow-x:auto}.pc-table{border-collapse:collapse;font-size:.84rem;width:100%}.pc-table th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border,#e5e7eb);color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.72rem;font-weight:700;letter-spacing:.4px;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.pc-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-border-light,#f3f4f6);color:#111827;color:var(--color-text-primary,#111827);padding:10px 12px;vertical-align:top}.pc-table-row--mismatch{background:#fffbeb}.pc-table-field-name{font-weight:600;white-space:nowrap}.pc-table-value{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-family:SF Mono,monospace;font-size:.8rem;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-match-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.76rem;font-weight:600;gap:4px;padding:2px 8px;white-space:nowrap}.pc-match-badge--match{background:#f0fdf4;color:#16a34a}.pc-match-badge--mismatch{background:#fef2f2;color:#dc2626}.pc-sbs-container--content .pc-sbs-body{font-family:inherit;font-size:.85rem;line-height:1.7}.pc-sbs-container--content .pc-sbs-text{padding:4px 12px;white-space:pre-wrap;word-break:break-word}.pc-perf-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.pc-perf-card{background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:10px;padding:16px;text-align:center}.pc-perf-card-label{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.76rem;font-weight:700;letter-spacing:.3px;margin-bottom:10px;text-transform:uppercase}.pc-perf-card-values{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:8px}.pc-perf-val{align-items:center;display:flex;flex-direction:column;gap:2px}.pc-perf-val-label{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.7rem;text-transform:uppercase}.pc-perf-val-num{color:#111827;color:var(--color-text-primary,#111827);font-size:1.1rem;font-weight:700}.pc-perf-arrow{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af)}.pc-perf-indicator{border-radius:10px;display:inline-flex;font-size:.72rem;font-weight:700;padding:2px 10px;text-transform:uppercase}.pc-perf-indicator--same{background:#f3f4f6;color:#6b7280}.pc-perf-indicator--better{background:#f0fdf4;color:#16a34a}.pc-perf-indicator--worse{background:#fef2f2;color:#dc2626}.pc-a11y-summary-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:20px}.pc-a11y-summary-card{background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:10px;padding:16px;text-align:center}.pc-a11y-summary-title{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.78rem;font-weight:700;letter-spacing:.4px;margin-bottom:6px;text-transform:uppercase}.pc-a11y-summary-count{color:#111827;color:var(--color-text-primary,#111827);font-size:1.4rem;font-weight:700;margin-bottom:4px}.pc-a11y-summary-detail{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.78rem}.pc-a11y-issues-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.pc-a11y-issues-col h4{color:#111827;color:var(--color-text-primary,#111827);font-size:.85rem;font-weight:600;margin:0 0 10px}.pc-a11y-issue-list{display:flex;flex-direction:column;gap:10px}.pc-a11y-issue-list--scrollable{max-height:520px;overflow-y:auto;padding-right:4px}.pc-a11y-issue-list--scrollable::-webkit-scrollbar{width:6px}.pc-a11y-issue-list--scrollable::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.pc-a11y-issue-list--scrollable::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.pc-a11y-issue-list--scrollable::-webkit-scrollbar-thumb:hover{background:#9ca3af}.pc-a11y-issue-card{background:#fff;background:var(--color-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;padding:12px 14px;transition:box-shadow .15s}.pc-a11y-issue-card:hover{box-shadow:0 2px 8px #0000000f}.pc-a11y-issue-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.pc-a11y-issue-type{color:#111827;color:var(--color-text-primary,#111827);font-size:.84rem;font-weight:700}.pc-a11y-issue-el{background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6);border-radius:4px;color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-family:SF Mono,monospace;font-size:.72rem;padding:1px 6px}.pc-a11y-issue-desc{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.8rem;line-height:1.5;margin-bottom:8px}.pc-a11y-issue-details{display:flex;flex-direction:column;gap:4px}.pc-a11y-detail-row{align-items:baseline;display:flex;font-size:.78rem;gap:8px;padding:3px 0}.pc-a11y-detail-label{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);flex-shrink:0;font-size:.7rem;font-weight:600;letter-spacing:.3px;min-width:70px;text-transform:uppercase}.pc-a11y-detail-value{color:#374151;color:var(--color-text-secondary,#374151);line-height:1.4;word-break:break-all}.pc-a11y-detail-value code{background:#f3f4f6;border-radius:3px;color:#6366f1;font-family:SF Mono,monospace;font-size:.76rem;padding:1px 4px}.pc-a11y-detail-mono{background:#f5f3ff;border-radius:4px;color:#6366f1;font-family:SF Mono,Consolas,monospace;font-size:.76rem;padding:2px 6px}.pc-a11y-more{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.82rem;font-weight:500;padding:10px;text-align:center}.pc-a11y-no-issues{align-items:center;color:#16a34a;display:flex;font-size:.88rem;font-weight:500;gap:6px;padding:16px}@media (max-width:768px){.pc-page{padding:16px}.pc-form-row{flex-direction:column;gap:12px}.pc-form-arrow{display:none}.pc-form-actions{align-items:stretch;flex-direction:column;gap:12px}.pc-btn--primary{justify-content:center}.pc-visual-grid{grid-template-columns:1fr}.pc-visual-divider{padding:8px 0}.pc-tabs{gap:0}.pc-tab{font-size:.78rem;padding:8px 10px}.pc-a11y-issues-grid,.pc-a11y-summary-grid{grid-template-columns:1fr}.pc-perf-grid{grid-template-columns:1fr 1fr}.pc-diff-summary-detail{margin-left:0;max-width:100%}.pc-diff-summary-item{align-items:flex-start;flex-direction:column}}.rv-page{margin:0 auto;max-width:1100px;padding:32px 24px}.rv-error,.rv-loading{align-items:center;color:var(--color-text-secondary);display:flex;font-size:15px;justify-content:center;min-height:300px}.rv-error{color:var(--color-error)}.rv-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.rv-header-info h1{align-items:center;color:var(--color-text-primary);display:flex;font-size:22px;font-weight:600;gap:8px;margin:0 0 6px}.rv-header-meta{align-items:center;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:13px;gap:16px}.rv-header-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.rv-btn{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .15s}.rv-btn:hover{background:var(--color-bg-tertiary)}.rv-btn--primary{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-text-inverse)}.rv-btn--primary:hover{opacity:.9}.rv-badge{border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:500;padding:2px 10px}.rv-badge--success{background:var(--color-success-bg);color:var(--color-success)}.rv-badge--error{background:var(--color-error-bg);color:var(--color-error)}.rv-badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.rv-share-toast{align-items:center;background:var(--color-success-bg);border:1px solid var(--color-success-border,var(--color-success));border-radius:var(--radius-md);color:var(--color-success);display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:10px 16px}.rv-share-toast input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);flex:1 1;font-size:12px;padding:4px 8px}.rv-share-info{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:20px;padding:12px 16px}.rv-share-info-row{align-items:center;display:flex;gap:8px}.rv-share-info-row input{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;flex:1 1;font-size:13px;padding:6px 10px}.rv-share-info-row input:hover{background:var(--color-bg-tertiary)}.rv-share-expiry{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:12px;gap:6px;margin-top:8px}.rv-public-banner{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:13px;margin-bottom:20px;padding:10px 16px;text-align:center}.rv-results{margin-top:4px}.rv-section{margin-bottom:20px}.rv-empty,.rv-empty-results{color:var(--color-text-tertiary);font-size:14px;padding:32px;text-align:center}.rv-empty-results{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-top:20px}.rv-security-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:12px;overflow:hidden}.rv-security-header{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.rv-security-url{color:var(--color-accent);font-size:14px;font-weight:500;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.rv-security-url:hover{text-decoration:underline}.rv-security-grade-wrap{align-items:center;display:flex;flex-shrink:0;gap:8px}.rv-security-grade{align-items:center;border:2px solid;border-radius:50%;display:inline-flex;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.rv-security-grade--good{border-color:var(--color-success);color:var(--color-success)}.rv-security-grade--ok{border-color:var(--color-warning);color:var(--color-warning)}.rv-security-grade--bad{border-color:var(--color-error);color:var(--color-error)}.rv-security-score{color:var(--color-text-primary);font-size:14px;font-weight:600}.rv-security-issues{border-top:1px solid var(--color-border);padding:12px 20px}.rv-security-issue{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;gap:8px;padding:6px 0}.rv-security-priority{border-radius:var(--radius-full);display:inline-flex;flex-shrink:0;font-size:11px;font-weight:500;padding:1px 8px}.rv-security-priority--critical,.rv-security-priority--high{background:var(--color-error-bg);color:var(--color-error)}.rv-security-priority--medium{background:var(--color-warning-bg);color:var(--color-warning)}.rv-security-priority--info,.rv-security-priority--low{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.sidebar{background:#fafafb;background:var(--color-bg-secondary,#fafafb);border-right:1px solid #e4e4e7;border-right:1px solid var(--color-border,#e4e4e7);display:flex;flex-direction:column;height:100vh;min-width:260px;min-width:var(--sidebar-width,260px);transition:width .2s ease,min-width .2s ease;width:260px;width:var(--sidebar-width,260px);z-index:50}.sidebar--collapsed{min-width:72px;min-width:var(--sidebar-collapsed,72px);width:72px;width:var(--sidebar-collapsed,72px)}.sidebar--collapsed .sidebar-logo-text,.sidebar--collapsed .sidebar-nav-badge,.sidebar--collapsed .sidebar-nav-label,.sidebar--collapsed .sidebar-nav-section-title,.sidebar--collapsed .sidebar-user-chevron,.sidebar--collapsed .sidebar-user-info{display:none!important}.sidebar--collapsed .sidebar-header{justify-content:center}.sidebar--collapsed .sidebar-nav-item{justify-content:center;padding-left:0;padding-right:0}.sidebar--collapsed .sidebar-user{justify-content:center;padding:8px}.sidebar-header{border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--color-border,#e4e4e7);flex-shrink:0;height:64px;justify-content:space-between;padding:0 20px;padding:0 var(--space-xl,20px)}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{color:#18181b;color:var(--color-text-primary,#18181b);cursor:pointer;font-size:1.05rem;font-weight:700;gap:8px;gap:var(--space-sm,8px)}.sidebar-logo-icon{align-items:center;background:#18181b;background:var(--color-brand,#18181b);border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;color:var(--color-text-inverse,#fff);display:flex;flex-shrink:0;font-size:.85rem;font-weight:800;height:32px;justify-content:center;width:32px}.sidebar-logo-text{white-space:nowrap}.sidebar-collapse{align-items:center;background:#fff;background:var(--color-bg,#fff);border:1px solid #e4e4e7;border:1px solid var(--color-border,#e4e4e7);border-radius:6px;border-radius:var(--radius-sm,6px);color:#71717a;color:var(--color-text-secondary,#71717a);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:background .15s;width:28px}.sidebar-collapse:hover{background:#f4f4f5;background:var(--color-bg-tertiary,#f4f4f5)}.sidebar-collapse-icon{flex-shrink:0}.sidebar--collapsed .sidebar-collapse-icon{transform:rotate(180deg)}.sidebar-nav{flex:1 1;min-height:0;overflow-y:auto;padding:12px;padding:var(--space-md,12px)}.sidebar-nav-section{margin-bottom:20px;margin-bottom:var(--space-xl,20px)}.sidebar-nav-section-title{color:#a1a1aa;color:var(--color-text-tertiary,#a1a1aa);font-size:.7rem;font-weight:600;letter-spacing:.06em;margin-bottom:4px;margin-bottom:var(--space-xs,4px);text-transform:uppercase}.sidebar-nav-item,.sidebar-nav-section-title{padding:8px 12px;padding:var(--space-sm,8px) var(--space-md,12px)}.sidebar-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:#71717a;color:var(--color-text-secondary,#71717a);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:12px;gap:var(--space-md,12px);margin-bottom:2px;text-align:left;transition:all .15s;width:100%}.sidebar-nav-item:hover{background:#f4f4f5;background:var(--color-bg-tertiary,#f4f4f5)}.sidebar-nav-item--active,.sidebar-nav-item:hover{color:#18181b;color:var(--color-text-primary,#18181b)}.sidebar-nav-item--active{box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-xs,0 1px 2px #0000000a);font-weight:600}.sidebar-nav-item--active,.sidebar-nav-item--active:hover{background:#fff;background:var(--color-bg,#fff)}.sidebar-nav-icon{flex-shrink:0;opacity:.7}.sidebar-nav-item--active .sidebar-nav-icon{opacity:1}.sidebar-nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav-badge{background:#ef4444;background:var(--color-error,#ef4444);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#fff;font-size:.65rem;font-weight:700;margin-left:auto;min-width:18px;padding:1px 6px;text-align:center}.sidebar-footer{border-top:1px solid #e4e4e7;border-top:1px solid var(--color-border,#e4e4e7);flex-shrink:0;padding:12px;padding:var(--space-md,12px)}.sidebar-user-wrapper{position:relative}.sidebar-user{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:flex;font-family:inherit;gap:12px;gap:var(--space-md,12px);padding:8px 12px;padding:var(--space-sm,8px) var(--space-md,12px);text-align:left;transition:background .15s;width:100%}.sidebar-user:hover{background:#f4f4f5;background:var(--color-bg-tertiary,#f4f4f5)}.sidebar-user-avatar{align-items:center;background:#6366f1;background:var(--color-accent,#6366f1);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#fff;display:flex;font-size:.8rem;font-weight:700;height:36px;justify-content:center;min-width:36px;overflow:hidden;width:36px}.sidebar-user-avatar img{height:100%;object-fit:cover;width:100%}.sidebar-user-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.sidebar-user-name{color:#18181b;color:var(--color-text-primary,#18181b);font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{font-size:.72rem;text-transform:capitalize}.sidebar-user-chevron,.sidebar-user-role{color:#a1a1aa;color:var(--color-text-tertiary,#a1a1aa)}.sidebar-user-chevron{flex-shrink:0}.sidebar-user-menu{animation:sidebarMenuSlide .15s ease-out;background:#fff;background:var(--color-bg,#fff);border:1px solid #e4e4e7;border:1px solid var(--color-border,#e4e4e7);border-radius:12px;border-radius:var(--radius-lg,12px);bottom:calc(100% + 8px);box-shadow:0 10px 15px -3px #00000014;box-shadow:var(--shadow-lg,0 10px 15px -3px #00000014);left:0;overflow:hidden;position:absolute;right:0;z-index:1001}@keyframes sidebarMenuSlide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sidebar-user-menu-item{align-items:center;background:none;border:none;color:#18181b;color:var(--color-text-primary,#18181b);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:12px;gap:var(--space-md,12px);padding:12px 16px;padding:var(--space-md,12px) var(--space-lg,16px);text-align:left;transition:background .15s;width:100%}.sidebar-user-menu-item:hover{background:#f4f4f5;background:var(--color-bg-tertiary,#f4f4f5)}.sidebar-user-menu-item svg{flex-shrink:0}.sidebar-user-menu-item.logout{color:#ef4444;color:var(--color-error,#ef4444)}.sidebar-user-menu-item.logout:hover{background:#fef2f2;background:var(--color-error-bg,#fef2f2)}.sidebar-mobile-overlay,.sidebar-mobile-toggle{display:none}@media (max-width:1024px){.sidebar--collapsed .sidebar-logo-text,.sidebar--collapsed .sidebar-nav-label,.sidebar--collapsed .sidebar-nav-section-title,.sidebar--collapsed .sidebar-user-chevron,.sidebar--collapsed .sidebar-user-info{display:block!important}.sidebar--collapsed .sidebar-header{justify-content:space-between}.sidebar--collapsed .sidebar-nav-item{justify-content:flex-start;padding-left:12px;padding-right:12px}.sidebar--collapsed .sidebar-user{justify-content:flex-start;padding:8px 12px}}@media (max-width:768px){.sidebar{box-shadow:none;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease}.sidebar--mobile-open{box-shadow:0 10px 25px #00000026;transform:translateX(0)}.sidebar.sidebar--collapsed{min-width:260px;min-width:var(--sidebar-width,260px);width:260px;width:var(--sidebar-width,260px)}.sidebar.sidebar--collapsed .sidebar-logo-text,.sidebar.sidebar--collapsed .sidebar-nav-badge,.sidebar.sidebar--collapsed .sidebar-nav-label,.sidebar.sidebar--collapsed .sidebar-nav-section-title,.sidebar.sidebar--collapsed .sidebar-user-chevron,.sidebar.sidebar--collapsed .sidebar-user-info{display:inline!important;display:initial!important}.sidebar.sidebar--collapsed .sidebar-nav-item{justify-content:flex-start;padding-left:12px;padding-left:var(--space-md,12px);padding-right:12px;padding-right:var(--space-md,12px)}.sidebar.sidebar--collapsed .sidebar-user{justify-content:flex-start;padding:8px 12px;padding:var(--space-sm,8px) var(--space-md,12px)}.sidebar.sidebar--collapsed .sidebar-collapse-icon{transform:none}.sidebar-mobile-toggle{align-items:center;background:#fff;background:var(--color-bg,#fff);border:1px solid #e4e4e7;border:1px solid var(--color-border,#e4e4e7);border-radius:8px;border-radius:var(--radius-md,8px);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-xs,0 1px 2px #0000000a);color:#18181b;color:var(--color-text-primary,#18181b);cursor:pointer;display:flex;height:40px;justify-content:center;left:12px;position:fixed;top:12px;width:40px;z-index:60}.sidebar-mobile-toggle:hover{background:#f4f4f5;background:var(--color-bg-tertiary,#f4f4f5)}.sidebar-mobile-overlay{animation:sidebarOverlayFade .2s ease;background:#00000080;display:block;inset:0;position:fixed;z-index:49}@keyframes sidebarOverlayFade{0%{opacity:0}to{opacity:1}}}:root{--color-bg:#fff;--color-bg-secondary:#fafafb;--color-bg-tertiary:#f4f4f5;--color-bg-dark:#18181b;--color-bg-card:#fff;--color-border:#e4e4e7;--color-border-light:#f0f0f2;--color-text-primary:#18181b;--color-text-secondary:#71717a;--color-text-tertiary:#a1a1aa;--color-text-inverse:#fff;--color-brand:#18181b;--color-brand-hover:#27272a;--color-brand-light:#f4f4f5;--color-accent:#6366f1;--color-accent-light:#eef2ff;--color-accent-hover:#4f46e5;--color-success:#22c55e;--color-success-bg:#f0fdf4;--color-success-border:#bbf7d0;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-error:#ef4444;--color-error-bg:#fef2f2;--color-error-border:#fecaca;--color-info:#3b82f6;--color-info-bg:#eff6ff;--color-info-border:#bfdbfe;--color-critical:#dc2626;--color-high:#ea580c;--color-medium:#d97706;--color-low:#2563eb;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:40px;--space-5xl:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a;--sidebar-width:260px;--sidebar-collapsed:72px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace}[data-theme=dark]{--color-bg:#0f0f10;--color-bg-secondary:#18181b;--color-bg-tertiary:#27272a;--color-bg-dark:#000;--color-bg-card:#1c1c1f;--color-border:#2e2e32;--color-border-light:#232326;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-text-inverse:#18181b;--color-brand:#f4f4f5;--color-brand-hover:#e4e4e7;--color-brand-light:#27272a;--color-accent:#818cf8;--color-accent-light:#1e1b4b;--color-accent-hover:#6366f1;--color-success-bg:#052e16;--color-success-border:#166534;--color-warning-bg:#451a03;--color-warning-border:#92400e;--color-error-bg:#450a0a;--color-error-border:#991b1b;--color-info-bg:#172554;--color-info-border:#1e40af;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006,0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -4px #0000004d;color-scheme:dark}.stats-grid{grid-gap:16px;grid-gap:var(--space-lg);display:grid;gap:16px;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px;margin-bottom:var(--space-3xl)}.stat-card{background:#fff;background:var(--color-bg-card);border:1px solid #e4e4e7;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);flex-direction:column;padding:20px;padding:var(--space-xl)}.stat-card,.stat-card-label{display:flex;gap:8px;gap:var(--space-sm)}.stat-card-label{align-items:center;color:#71717a;color:var(--color-text-secondary);font-size:.78rem;font-weight:500}.stat-card-value{color:#18181b;color:var(--color-text-primary);font-size:1.75rem;font-weight:700;line-height:1.1}.stat-card-trend{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:3px}.stat-card-trend.up{color:#22c55e;color:var(--color-success)}.stat-card-trend.down{color:#ef4444;color:var(--color-error)}.stat-card-trend.neutral{color:#a1a1aa;color:var(--color-text-tertiary)}.ds-card{background:#fff;background:var(--color-bg-card);border:1px solid #e4e4e7;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);overflow:hidden}.ds-card-header{align-items:center;border-bottom:1px solid #f0f0f2;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:16px 20px;padding:var(--space-lg) var(--space-xl)}.ds-card-title{color:#18181b;color:var(--color-text-primary);font-size:.9rem;font-weight:600}.ds-card-subtitle{color:#a1a1aa;color:var(--color-text-tertiary);font-size:.78rem;margin-top:2px}.ds-card-body{padding:20px;padding:var(--space-xl)}.ds-card-body-flush{padding:0}.ds-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.72rem;font-weight:600;gap:4px;letter-spacing:.01em;padding:2px 10px}.ds-badge-success{background:#f0fdf4;background:var(--color-success-bg);border:1px solid #bbf7d0;border:1px solid var(--color-success-border);color:#15803d}.ds-badge-warning{background:#fffbeb;background:var(--color-warning-bg);border:1px solid #fde68a;border:1px solid var(--color-warning-border);color:#92400e}.ds-badge-error{background:#fef2f2;background:var(--color-error-bg);border:1px solid #fecaca;border:1px solid var(--color-error-border);color:#991b1b}.ds-badge-info{background:#eff6ff;background:var(--color-info-bg);border:1px solid #bfdbfe;border:1px solid var(--color-info-border);color:#1e40af}.ds-badge-neutral{background:#f4f4f5;background:var(--color-bg-tertiary);border:1px solid #e4e4e7;border:1px solid var(--color-border);color:#71717a;color:var(--color-text-secondary)}.health-bar{align-items:center;display:flex;gap:12px;gap:var(--space-md)}.health-bar-track{background:#f4f4f5;background:var(--color-bg-tertiary);flex:1 1;height:8px;overflow:hidden}.health-bar-fill,.health-bar-track{border-radius:9999px;border-radius:var(--radius-full)}.health-bar-fill{height:100%;transition:width .4s ease}.health-bar-fill.green{background:#22c55e;background:var(--color-success)}.health-bar-fill.blue{background:#6366f1;background:var(--color-accent)}.health-bar-fill.yellow{background:#f59e0b;background:var(--color-warning)}.health-bar-fill.red{background:#ef4444;background:var(--color-error)}.health-bar-label{font-size:.8rem;font-weight:700;min-width:40px;text-align:right}.severity-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.severity-dot.critical{background:#dc2626;background:var(--color-critical)}.severity-dot.high{background:#ea580c;background:var(--color-high)}.severity-dot.medium{background:#d97706;background:var(--color-medium)}.severity-dot.low{background:#2563eb;background:var(--color-low)}.severity-dot.info{background:#3b82f6;background:var(--color-info)}.ds-issue-list{display:flex;flex-direction:column}.ds-issue-item{align-items:flex-start;border-bottom:1px solid #f0f0f2;border-bottom:1px solid var(--color-border-light);display:flex;gap:12px;gap:var(--space-md);padding:12px 16px;padding:var(--space-md) var(--space-lg);transition:background .1s}.ds-issue-item:hover{background:#fafafb;background:var(--color-bg-secondary)}.ds-issue-item:last-child{border-bottom:none}.ds-issue-content{flex:1 1;min-width:0}.ds-issue-title{color:#18181b;color:var(--color-text-primary);font-size:.85rem;font-weight:600;margin-bottom:2px}.ds-issue-meta{color:#a1a1aa;color:var(--color-text-tertiary);font-size:.75rem}.ds-table{border-collapse:collapse;width:100%}.ds-table th{border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--color-border);color:#a1a1aa;color:var(--color-text-tertiary);font-size:.72rem;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}.ds-table td,.ds-table th{padding:12px 16px;padding:var(--space-md) var(--space-lg)}.ds-table td{border-bottom:1px solid #f0f0f2;border-bottom:1px solid var(--color-border-light);color:#18181b;color:var(--color-text-primary);font-size:.85rem;vertical-align:middle}.ds-table tr:hover td{background:#fafafb;background:var(--color-bg-secondary)}.ds-table tr:last-child td{border-bottom:none}.ds-page-header{align-items:center;background:#fff;background:var(--color-bg);border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--color-border);display:flex;height:64px;justify-content:space-between;padding:20px 32px;padding:var(--space-xl) var(--space-3xl);position:sticky;top:0;z-index:40}.ds-page-header-left{align-items:center;display:flex;gap:16px;gap:var(--space-lg)}.ds-page-title{color:#18181b;color:var(--color-text-primary);font-size:1.15rem;font-weight:700;margin:0}.ds-page-header-right{align-items:center;display:flex;gap:12px;gap:var(--space-md)}.ds-search-box{align-items:center;background:#f4f4f5;background:var(--color-bg-tertiary);border:1px solid #e4e4e7;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:8px;gap:var(--space-sm);padding:8px 12px;padding:var(--space-sm) var(--space-md);transition:border-color .15s,width .2s;width:240px}.ds-search-box:focus-within{border-color:#6366f1;border-color:var(--color-accent);width:320px}.ds-search-box input{background:#0000;border:none;color:#18181b;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-family:var(--font-family);font-size:.82rem;outline:none;width:100%}.ds-search-box-icon{color:#a1a1aa;color:var(--color-text-tertiary);flex-shrink:0;height:16px;width:16px}.ds-notification-btn{align-items:center;background:#fff;background:var(--color-bg);border:1px solid #e4e4e7;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#71717a;color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;width:36px}.ds-notification-btn .dot{background:#ef4444;background:var(--color-error);border:2px solid #fff;border:2px solid var(--color-bg);border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.ds-page-body{max-width:1440px;padding:32px;padding:var(--space-3xl)}.ds-grid-2{grid-gap:20px;grid-gap:var(--space-xl);grid-template-columns:1fr 1fr}.ds-grid-2,.ds-grid-3{display:grid;gap:20px;gap:var(--space-xl)}.ds-grid-3{grid-gap:20px;grid-gap:var(--space-xl);grid-template-columns:repeat(3,1fr)}.ds-grid-2-1{grid-gap:20px;grid-gap:var(--space-xl);display:grid;gap:20px;gap:var(--space-xl);grid-template-columns:2fr 1fr}.ds-btn{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-family:var(--font-family);font-size:.85rem;font-weight:600;gap:8px;gap:var(--space-sm);justify-content:center;padding:8px 16px;padding:var(--space-sm) var(--space-lg);transition:all .15s;white-space:nowrap}.ds-btn,.ds-btn:hover{text-decoration:none}.ds-btn-primary{background:#18181b;background:var(--color-brand);border-color:#18181b;border-color:var(--color-brand);color:#fff;color:var(--color-text-inverse)}.ds-btn-primary:hover{background:#27272a;background:var(--color-brand-hover);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ds-btn-secondary{background:#fff;background:var(--color-bg);border-color:#e4e4e7;border-color:var(--color-border);color:#18181b;color:var(--color-text-primary)}.ds-btn-secondary:hover{background:#f4f4f5;background:var(--color-bg-tertiary)}.ds-btn-ghost{background:#0000;border-color:#0000;color:#71717a;color:var(--color-text-secondary)}.ds-btn-ghost:hover{background:#f4f4f5;background:var(--color-bg-tertiary);color:#18181b;color:var(--color-text-primary)}.ds-btn-sm{font-size:.8rem;padding:4px 12px;padding:var(--space-xs) var(--space-md)}.ds-btn-lg{font-size:.95rem;padding:12px 24px;padding:var(--space-md) var(--space-2xl)}.ds-placeholder{align-items:center;background:#f4f4f5;background:var(--color-bg-tertiary);border:2px dashed #e4e4e7;border:2px dashed var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#a1a1aa;color:var(--color-text-tertiary);display:flex;flex-direction:column;font-size:.85rem;gap:8px;gap:var(--space-sm);justify-content:center;min-height:200px}.text-sm{font-size:.8rem}.text-xs{font-size:.72rem}.text-secondary{color:#71717a;color:var(--color-text-secondary)}.text-tertiary{color:#a1a1aa;color:var(--color-text-tertiary)}.text-success{color:#22c55e;color:var(--color-success)}.text-error{color:#ef4444;color:var(--color-error)}.text-warning{color:#f59e0b;color:var(--color-warning)}.font-bold{font-weight:700}.font-semibold{font-weight:600}@media (max-width:1024px){.ds-grid-2{grid-template-columns:1fr}.ds-grid-3{grid-template-columns:1fr 1fr}.ds-grid-2-1{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.ds-page-body{padding:20px;padding:var(--space-xl)}.ds-grid-3,.stats-grid{grid-template-columns:1fr}}