.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-box{background:#fff;border-radius:10px;width:100%;max-width:400px;padding:40px;box-shadow:0 10px 25px #0003}.login-logo-container{justify-content:center;margin-bottom:20px;display:flex}.login-logo{max-width:250px;height:auto;display:block}.login-box h2{color:#333;text-align:center;margin:0 0 10px}.login-box p{color:#666;text-align:center;margin:0 0 30px;font-size:14px}.form-group{margin-bottom:20px}.login-box .form-group label{color:#000;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{box-sizing:border-box;border:2px solid #e0e0e0;border-radius:6px;width:100%;padding:12px;font-size:16px;transition:border-color .3s}.form-group input:focus{border-color:#667eea;outline:none}.error-message{color:#c33;text-align:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;margin-bottom:20px;padding:12px;font-size:14px}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;width:100%;padding:12px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s}.login-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.login-button:active{transform:translateY(0)}
.features-page{color:#333;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px}.features-header{text-align:center;color:#fff;max-width:1200px;margin:0 auto 40px}.back-link{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:6px;margin-bottom:20px;padding:10px 20px;font-size:16px;font-weight:600;text-decoration:none;transition:background .3s;display:inline-block}.back-link:hover{background:#ffffff4d}.features-header h1{text-shadow:2px 2px 4px #0003;margin:20px 0 10px;font-size:2.5em}.subtitle{opacity:.9;margin-top:10px;font-size:1.1em}.features-content{max-width:1200px;margin:0 auto}.feature-category{background:#fff;border-radius:12px;margin-bottom:30px;padding:30px;box-shadow:0 4px 6px #0000001a}.category-title{color:#667eea;border-bottom:3px solid #667eea;margin-bottom:25px;padding-bottom:10px;font-size:1.8em}.feature-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-bottom:30px;padding:20px}.feature-item:last-child{margin-bottom:0}.feature-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.feature-name{color:#333;margin:0;font-size:1.4em}.feature-status{color:#fff;white-space:nowrap;background:#28a745;border-radius:20px;padding:5px 15px;font-size:.9em;font-weight:600}.feature-description{color:#666;margin:10px 0 15px;font-size:1.1em;line-height:1.6}.feature-details{margin:15px 0 0;padding:0;list-style:none}.feature-details li{color:#555;padding:8px 0 8px 25px;line-height:1.6;position:relative}.feature-details li:before{content:"✓";color:#28a745;font-size:1.2em;font-weight:700;position:absolute;left:0}.features-footer{text-align:center;color:#fff;opacity:.9;max-width:1200px;margin:40px auto 0;padding:20px}.last-updated{opacity:.8;margin-top:10px;font-size:.9em}.back-to-top-button{color:#fff;cursor:pointer;z-index:1000;background:#667eea;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;font-weight:700;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 12px #667eea66}.back-to-top-button:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.back-to-top-button:active{transform:translateY(0)}@media (max-width:768px){.features-header h1{font-size:2em}.feature-header{flex-direction:column;align-items:flex-start}.category-title{font-size:1.5em}.back-to-top-button{width:45px;height:45px;font-size:20px;bottom:20px;right:20px}}
.error-log-page{color:#333;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px}.error-log-header{text-align:center;color:#fff;max-width:1200px;margin:0 auto 30px}.back-link{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:6px;margin-bottom:20px;padding:10px 20px;font-size:16px;font-weight:600;text-decoration:none;transition:background .3s;display:inline-block}.back-link:hover{background:#ffffff4d}.error-log-header h1{text-shadow:2px 2px 4px #0003;margin:20px 0 10px;font-size:2.5em}.subtitle{opacity:.9;margin-top:10px;font-size:1.1em}.error-log-controls{background:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:15px;max-width:1200px;margin:0 auto 20px;padding:15px 20px;display:flex;box-shadow:0 2px 8px #0000001a}.error-log-controls .clear-button{margin-left:auto}.filter-group,.search-group{align-items:center;gap:10px;display:flex}.filter-group label{color:#555;font-weight:600}.filter-group select{cursor:pointer;border:2px solid #ddd;border-radius:6px;padding:8px 12px;font-size:14px}.search-input{border:2px solid #ddd;border-radius:6px;min-width:200px;padding:8px 12px;font-size:14px}.search-input:focus{border-color:#667eea;outline:none}.export-button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:background .3s}.export-button:hover{background:#5568d3}.clear-button{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:6px;margin-left:auto;padding:8px 16px;font-size:14px;font-weight:600;transition:background .3s}.clear-button:hover{background:#c82333}.error-log-stats{background:#fff;border-radius:8px;gap:20px;max-width:1200px;margin:0 auto 20px;padding:15px 20px;display:flex;box-shadow:0 2px 8px #0000001a}.stat{align-items:center;gap:10px;display:flex}.stat-label{color:#666;font-weight:600}.stat-value{color:#667eea;font-size:1.2em;font-weight:700}.error-log-list{max-width:1200px;margin:0 auto}.error-log-entry{background:#fff;border-left:4px solid #dc3545;border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #0000001a}.error-log-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.error-type-badge{color:#fff;text-transform:uppercase;background:#dc3545;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.error-timestamp{color:#666;font-size:14px}.error-component,.error-message{color:#333;background:#f8f9fa;border-radius:6px;margin:10px 0;padding:10px;line-height:1.6}.error-component strong,.error-message strong{color:#dc3545;margin-right:8px}.error-message{color:#721c24;background:#fff5f5;border-left:3px solid #dc3545}.error-details,.error-context{margin:10px 0}.error-details summary,.error-context summary{cursor:pointer;color:#667eea;-webkit-user-select:none;user-select:none;background:#f8f9fa;border-radius:6px;padding:8px;font-weight:600}.error-details summary:hover,.error-context summary:hover{background:#e9ecef}.error-stack{background:#f8f9fa;border-radius:6px;margin-top:10px;padding:15px}.error-stack-trace{margin-top:10px}.error-stack-trace pre{color:#f8f8f2;background:#2d2d2d;border-radius:6px;margin-top:10px;padding:15px;font-size:12px;line-height:1.5;overflow-x:auto}.error-context pre{background:#f8f9fa;border-radius:6px;margin-top:10px;padding:15px;font-size:12px;line-height:1.5;overflow-x:auto}.error-meta{color:#666;border-top:1px solid #eee;margin-top:15px;padding-top:15px;font-size:12px}.error-meta div{margin:5px 0}.no-errors{text-align:center;background:#fff;border-radius:8px;padding:60px 20px;box-shadow:0 2px 8px #0000001a}.no-errors p{color:#666;font-size:1.2em}@media (max-width:768px){.error-log-controls{flex-direction:column;align-items:stretch}.clear-button{margin-left:0}.error-log-header-row{flex-direction:column;align-items:flex-start}}
.settings-page{color:#333;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px}.settings-header{text-align:center;color:#fff;max-width:900px;margin:0 auto 40px}.back-link{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:6px;margin-bottom:20px;padding:10px 20px;font-size:16px;font-weight:600;text-decoration:none;transition:background .3s;display:inline-block}.back-link:hover{background:#ffffff4d}.settings-header h1{text-shadow:2px 2px 4px #0003;margin:20px 0 10px;font-size:2.5em}.subtitle{opacity:.9;margin-top:10px;font-size:1.1em}.settings-content{max-width:900px;margin:0 auto}.settings-section{background:#fff;border-radius:12px;margin-bottom:30px;padding:30px;box-shadow:0 4px 6px #0000001a}.section-title{color:#667eea;border-bottom:3px solid #667eea;margin-bottom:25px;padding-bottom:10px;font-size:1.8em}.setting-item{margin-bottom:30px}.setting-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.setting-label{color:#333;margin:0;font-size:1.2em;font-weight:600}.setting-value{color:#667eea;background:#f0f4ff;border-radius:8px;padding:8px 16px;font-size:1.4em;font-weight:700}.setting-description{color:#666;margin:10px 0 20px;font-size:1em;line-height:1.6}.profile-input{box-sizing:border-box;border:2px solid #ddd;border-radius:6px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:16px;transition:border-color .3s}.profile-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.profile-input::placeholder{color:#999}.threshold-control{margin:20px 0}.threshold-slider{-webkit-appearance:none;background:#e0e0e0;border-radius:4px;outline:none;width:100%;height:8px;margin-bottom:10px}.threshold-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#667eea;border-radius:50%;width:24px;height:24px;transition:all .2s;box-shadow:0 2px 6px #667eea66}.threshold-slider::-webkit-slider-thumb:hover{background:#5568d3;transform:scale(1.1)}.threshold-slider::-moz-range-thumb{cursor:pointer;background:#667eea;border:none;border-radius:50%;width:24px;height:24px;transition:all .2s;box-shadow:0 2px 6px #667eea66}.threshold-slider::-moz-range-thumb:hover{background:#5568d3;transform:scale(1.1)}.threshold-labels{color:#666;justify-content:space-between;margin-top:5px;font-size:.85em;display:flex}.threshold-info{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-top:20px;padding:15px}.info-text{color:#555;margin:8px 0;font-size:.95em;line-height:1.6}.info-text strong{color:#333}.save-message{text-align:center;border-radius:8px;margin:20px 0;padding:15px 20px;font-weight:600}.save-message.success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.save-message.info{color:#0c5460;background:#d1ecf1;border:1px solid #bee5eb}.settings-actions{justify-content:center;gap:15px;margin-top:30px;display:flex}.save-button,.reset-button{cursor:pointer;border:none;border-radius:6px;padding:12px 30px;font-size:16px;font-weight:600;transition:all .3s}.save-button{color:#fff;background:#667eea}.save-button:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.save-button:disabled{opacity:.6;cursor:not-allowed}.reset-button{color:#fff;background:#6c757d}.reset-button:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d66}@media (max-width:768px){.settings-header h1{font-size:2em}.setting-header{flex-direction:column;align-items:flex-start}.settings-actions{flex-direction:column}.save-button,.reset-button{width:100%}}@media (prefers-color-scheme:dark){.settings-section{color:#e0e0e0;background:#1a1a1a}.section-title{color:#667eea}.setting-label{color:#e0e0e0}.setting-value{color:#667eea;background:#2a2a2a}.setting-description{color:#b0b0b0}.threshold-slider{background:#404040}.threshold-labels{color:#b0b0b0}.threshold-info{background:#2a2a2a;border-left-color:#667eea}.info-text{color:#b0b0b0}.info-text strong{color:#e0e0e0}.profile-input{color:#e0e0e0;background:#2a2a2a;border-color:#404040}.profile-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.profile-input::placeholder{color:#666}}.team-display{cursor:default;pointer-events:none;display:block}.team-display:focus{box-shadow:none;border-color:#ddd}.team-display-empty{color:#666;font-style:italic}@media (prefers-color-scheme:dark){.team-display:focus{box-shadow:none;border-color:#404040}.team-display-empty{color:#999}}.toggle-visibility-button{color:#333;cursor:pointer;background:#f0f0f0;border:1px solid #ccc;border-radius:4px;margin-left:10px;padding:4px 8px;font-size:12px;font-weight:500;transition:all .2s}.toggle-visibility-button:hover{background:#e0e0e0;border-color:#999}@media (prefers-color-scheme:dark){.toggle-visibility-button{color:#e0e0e0;background:#404040;border-color:#555}.toggle-visibility-button:hover{background:#505050;border-color:#667eea}}
.admin-dashboard{max-width:1200px;margin:0 auto;padding:20px}.admin-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.admin-header h1{color:#333;margin:0}@media (prefers-color-scheme:dark){.admin-header h1{color:#e0e0e0}}.back-button{color:#fff;cursor:pointer;background:#999;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .3s}.back-button:hover{background:#777}.admin-actions{margin-bottom:20px}.create-user-button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .3s}.create-user-button:hover{background:#5568d3}.user-form{background:#f5f5f5;border-radius:8px;max-height:calc(100vh - 200px);margin:20px 0;padding:20px;overflow:hidden auto}.user-form::-webkit-scrollbar{width:8px}.user-form::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.user-form::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.user-form::-webkit-scrollbar-thumb:hover{background:#999}@media (prefers-color-scheme:dark){.user-form::-webkit-scrollbar-track{background:#1a1a1a}.user-form::-webkit-scrollbar-thumb{background:#404040}.user-form::-webkit-scrollbar-thumb:hover{background:#555}.user-form{background:#2a2a2a}}.user-form h2{color:#333;margin-top:0}@media (prefers-color-scheme:dark){.user-form h2{color:#e0e0e0}}.form-group{margin-bottom:15px}.user-form .form-group label{color:#333;margin-bottom:5px;font-weight:600;display:block}@media (prefers-color-scheme:dark){.user-form .form-group label{color:#e0e0e0}}.form-group input,.form-group select{color:#333;background:#fff;border:1px solid #ddd;border-radius:4px;width:100%;padding:8px;font-size:14px}@media (prefers-color-scheme:dark){.form-group input,.form-group select{color:#e0e0e0;background:#1a1a1a;border-color:#404040}.form-group select[multiple]{color:#e0e0e0;background:#1a1a1a}}.form-group input:disabled{cursor:not-allowed;background:#f0f0f0}@media (prefers-color-scheme:dark){.form-group input:disabled{color:#888;background:#2a2a2a}}.form-group select option{color:#333;background:#fff;padding:8px}@media (prefers-color-scheme:dark){.form-group select option{color:#e0e0e0;background:#1a1a1a}.form-group select option:checked{color:#fff;background:#667eea}.form-group select option:hover{background:#2a2a2a}}.form-group small,.form-help-text{color:#666;margin-top:5px;display:block}@media (prefers-color-scheme:dark){.form-group small,.form-help-text{color:#999}}.form-group input[type=checkbox]{cursor:pointer;width:auto;margin-right:5px}.user-form .form-group label{cursor:pointer}.form-row{gap:10px;display:flex}.form-actions{border-top:1px solid #ddd;gap:10px;margin-top:20px;margin-bottom:10px;padding-top:10px;display:flex}@media (prefers-color-scheme:dark){.form-actions{border-top-color:#404040}}.cancel-button{color:#fff;cursor:pointer;background:#999;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .3s}.cancel-button:hover{background:#777}.submit-button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .3s}.submit-button:hover{background:#5568d3}.users-list{margin-top:30px}.users-list h2{color:#333;margin-bottom:15px}@media (prefers-color-scheme:dark){.users-list h2{color:#e0e0e0}}table{border-collapse:collapse;width:100%;margin-top:15px}th{text-align:left;color:#333;background:#f5f5f5;border-bottom:2px solid #ddd;padding:12px;font-weight:600}@media (prefers-color-scheme:dark){th{color:#e0e0e0;background:#2a2a2a;border-bottom-color:#404040}}td{color:inherit;border-bottom:1px solid #eee;padding:12px}@media (prefers-color-scheme:dark){td{color:#e0e0e0;border-bottom-color:#404040}}tr:hover{background:#f9f9f9}@media (prefers-color-scheme:dark){tr:hover{background:#667eea26}}.error-message{color:#c33;background:#fee;border:1px solid #fcc;border-radius:4px;margin:20px 0;padding:10px}@media (prefers-color-scheme:dark){.error-message{color:#ff6b6b;background:#4a1a1a;border-color:#6a2a2a}}.teams-grid{grid-template-columns:1fr;gap:20px;margin-top:30px;display:grid}.teams-grid.two-columns{grid-template-columns:1fr 1fr}.teams-list{margin-top:30px}.teams-list h2{color:#333;margin-bottom:15px}@media (prefers-color-scheme:dark){.teams-list h2{color:#e0e0e0}}.teams-container{flex-direction:column;gap:10px;margin-top:15px;display:flex}.team-card{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:15px;transition:all .2s}.team-card:hover{box-shadow:0 2px 8px #0000001a}.team-card.selected{background:#f0f4ff;border:2px solid #667eea}@media (prefers-color-scheme:dark){.team-card{background:#2a2a2a;border-color:#404040}.team-card:hover{box-shadow:0 2px 8px #667eea33}.team-card.selected{background:#667eea26;border-color:#667eea}}.team-card-content{justify-content:space-between;align-items:start;display:flex}.team-card-info{flex:1}.team-name{color:#333;margin:0 0 5px;font-size:16px;font-weight:600}@media (prefers-color-scheme:dark){.team-name{color:#e0e0e0}}.team-description{color:#666;margin:0 0 10px;font-size:14px}@media (prefers-color-scheme:dark){.team-description{color:#999}}.team-details{color:#666;font-size:12px}@media (prefers-color-scheme:dark){.team-details{color:#999}}.status-badge{font-weight:600}.status-badge.active{color:#4caf50}.status-badge.inactive{color:#f44336}.team-card-actions{gap:8px;margin-left:10px;display:flex}.edit-button,.delete-button{color:#fff;cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:12px;transition:opacity .2s}.edit-button{background:#667eea}.edit-button:hover{opacity:.9}.delete-button{background:#f44336}.delete-button:hover{opacity:.9}.team-members{margin-top:30px}.team-members h2{color:#333;margin-bottom:15px}@media (prefers-color-scheme:dark){.team-members h2{color:#e0e0e0}}.team-members-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.add-member-button{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:4px;padding:8px 16px;font-size:14px;transition:background .2s}.add-member-button:hover{background:#45a049}.add-member-form{background:#f5f5f5;border-radius:6px;margin-bottom:20px;padding:15px}@media (prefers-color-scheme:dark){.add-member-form{background:#2a2a2a}}.add-member-form h3{color:#333;margin-top:0}@media (prefers-color-scheme:dark){.add-member-form h3{color:#e0e0e0}}.available-users{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.user-button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:4px;padding:8px 12px;font-size:12px;transition:background .2s}.user-button:hover{background:#5568d3}.no-users-message{color:#666;font-size:14px}@media (prefers-color-scheme:dark){.no-users-message{color:#999}}.cancel-button-small{color:#fff;cursor:pointer;background:#999;border:none;border-radius:4px;margin-top:10px;padding:6px 12px;font-size:12px;transition:background .2s}.cancel-button-small:hover{background:#777}.members-table{border-collapse:collapse;width:100%}.member-username{color:#333;font-weight:600}@media (prefers-color-scheme:dark){.member-username{color:#e0e0e0}}.member-name{color:#666;font-size:12px}@media (prefers-color-scheme:dark){.member-name{color:#999}}.role-badge{color:#fff;text-transform:capitalize;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600}.role-badge.manager{background:#ff9800}.role-badge.user{background:#999}.joined-date{color:#666;font-size:12px}@media (prefers-color-scheme:dark){.joined-date{color:#999}}.remove-button{color:#fff;cursor:pointer;background:#f44336;border:none;border-radius:4px;padding:6px 12px;font-size:12px;transition:opacity .2s}.remove-button:hover{opacity:.9}.loading-message,.empty-message{text-align:center;color:#666;padding:20px}@media (prefers-color-scheme:dark){.loading-message,.empty-message{color:#999}}.form-textarea{color:#333;resize:vertical;background:#fff;border:1px solid #ddd;border-radius:4px;width:100%;margin-top:5px;padding:8px;font-family:inherit;font-size:14px}@media (prefers-color-scheme:dark){.form-textarea{color:#e0e0e0;background:#1a1a1a;border-color:#404040}}.selected-teams-display{color:#333;background:#f0f0f0;border-radius:4px;margin-top:8px;padding:8px}.selected-teams-display strong{margin-bottom:5px;display:block}.selected-teams-display ul{margin:5px 0 0;padding-left:20px;list-style-type:disc}.selected-teams-display li{margin:3px 0}@media (prefers-color-scheme:dark){.selected-teams-display{color:#e0e0e0;background:#2a2a2a;border:1px solid #404040}.selected-teams-display strong,.selected-teams-display li{color:#e0e0e0}}
.super-dashboard{max-width:1400px;margin:0 auto;padding:20px}.super-header{border-bottom:2px solid #667eea;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}@media (prefers-color-scheme:dark){.super-header{border-bottom-color:#667eea}}.super-header h1{color:#667eea;margin:0;font-size:28px}@media (prefers-color-scheme:dark){.super-header h1{color:#667eea}}.back-button{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .3s}.back-button:hover{background:#5a6268}@media (prefers-color-scheme:dark){.back-button{background:#5a6268}.back-button:hover{background:#4a5056}}.super-actions{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.test-email-form{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:20px}@media (prefers-color-scheme:dark){.test-email-form{background:#2a2a2a;border-color:#404040}}.test-email-form h2{color:#333;margin-top:0;margin-bottom:20px}@media (prefers-color-scheme:dark){.test-email-form h2{color:#e0e0e0}}.form-group{margin-bottom:15px}.form-group label,.filters-section label{color:#333;margin-bottom:5px;font-size:14px;font-weight:600;display:block}@media (prefers-color-scheme:dark){.form-group label,.filters-section label{color:#e0e0e0}}.form-group input,.form-group select{color:#333;background:#fff;border:1px solid #ddd;border-radius:4px;width:100%;padding:8px;font-size:14px}@media (prefers-color-scheme:dark){.form-group input,.form-group select{color:#e0e0e0;background:#1a1a1a;border-color:#404040}}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}@media (prefers-color-scheme:dark){.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}}.form-actions{margin-top:15px}.filters-section{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:15px 35px}@media (prefers-color-scheme:dark){.filters-section{background:#2a2a2a;border-color:#404040}}.filters-section h3{color:#333;margin-top:0;margin-bottom:15px}@media (prefers-color-scheme:dark){.filters-section h3{color:#e0e0e0}}.email-logs-section{margin-top:30px}.email-logs-section h2{color:#333;margin-bottom:15px}@media (prefers-color-scheme:dark){.email-logs-section h2{color:#e0e0e0}}.error-message{color:#c33;background:#fee;border:1px solid #fcc;border-radius:4px;margin:20px 0;padding:10px}@media (prefers-color-scheme:dark){.error-message{color:#ff6b6b;background:#4a1a1a;border-color:#6a2a2a}}table{border-collapse:collapse;width:100%;margin-top:15px}table thead{background:#f5f5f5}@media (prefers-color-scheme:dark){table thead{background:#2a2a2a}}table th{text-align:left;color:#333;border-bottom:2px solid #ddd;padding:12px;font-weight:600}@media (prefers-color-scheme:dark){table th{color:#e0e0e0;background:#2a2a2a;border-bottom-color:#404040}}table td{color:inherit;border-bottom:1px solid #eee;padding:12px}@media (prefers-color-scheme:dark){table td{color:#e0e0e0;border-bottom-color:#404040}}table tbody tr:hover{background:#f9f9f9}@media (prefers-color-scheme:dark){table tbody tr:hover{background:#667eea26}}.super-action-button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .3s}.super-action-button:hover{background:#5568d3}@media (prefers-color-scheme:dark){.super-action-button{background:#667eea}.super-action-button:hover{background:#5568d3}}.super-action-button-secondary{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .3s}.super-action-button-secondary:hover{background:#5a6268}@media (prefers-color-scheme:dark){.super-action-button-secondary{background:#5a6268}.super-action-button-secondary:hover{background:#4a5056}}.super-action-button:disabled{opacity:.6;cursor:not-allowed}.resend-button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:4px;padding:6px 12px;font-size:12px;transition:background .2s}.resend-button:hover:not(:disabled){background:#5568d3}.resend-button:disabled{cursor:not-allowed;background:#ccc}@media (prefers-color-scheme:dark){.resend-button{background:#667eea}.resend-button:hover:not(:disabled){background:#5568d3}.resend-button:disabled{color:#999;background:#555}}.form-input-inline{color:#333;background:#fff;border:1px solid #ddd;border-radius:4px;width:100%;padding:8px;font-size:14px}@media (prefers-color-scheme:dark){.form-input-inline{color:#e0e0e0;background:#1a1a1a;border-color:#404040}}.form-input-inline:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}@media (prefers-color-scheme:dark){.form-input-inline:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}}.loading-message,.empty-message{text-align:center;color:#666;padding:20px}@media (prefers-color-scheme:dark){.loading-message,.empty-message{color:#999}}.table-cell-muted{color:#666;padding:12px;font-size:12px}@media (prefers-color-scheme:dark){.table-cell-muted{color:#999}}.table-cell-small{color:#666;font-size:11px}@media (prefers-color-scheme:dark){.table-cell-small{color:#999}}.table-cell-error{color:#f44336;margin-top:4px;font-size:11px}@media (prefers-color-scheme:dark){.table-cell-error{color:#ff6b6b}}.table-cell-ellipsis{text-overflow:ellipsis;white-space:nowrap;max-width:300px;padding:12px;overflow:hidden}
.crawler-container{max-width:1400px;margin:0 auto;padding:20px}.crawler-header{text-align:center;margin-bottom:30px}.crawler-header h2{color:#fff;margin-bottom:10px}.crawler-header p{color:#ccc;font-size:14px}.url-input-section{margin-bottom:30px}.url-input-group{gap:10px;max-width:600px;margin:0 auto;display:flex}.url-input{border:2px solid #ddd;border-radius:6px;outline:none;flex:1;padding:12px 16px;font-size:16px;transition:border-color .3s}.url-input:focus{border-color:#667eea}.url-input:disabled{cursor:not-allowed;background-color:#f5f5f5}.crawl-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s}.crawl-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.crawl-button:disabled{cursor:not-allowed;background:#ccc;transform:none}.sitemap-mode-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;gap:12px;max-width:600px;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:15px;display:flex}.mode-label{color:#ffffffe6;white-space:nowrap;font-size:14px;font-weight:600}.sitemap-mode-dropdown{color:#fffffff2;cursor:pointer;background:#ffffff26;border:2px solid #ffffff4d;border-radius:6px;outline:none;flex:1;max-width:300px;padding:10px 16px;font-size:14px;transition:all .3s}.sitemap-mode-dropdown option{color:#fffffff2;background:#2a2a2a}.sitemap-mode-dropdown:focus{background:#fff3;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.sitemap-mode-dropdown:disabled{cursor:not-allowed;opacity:.5;color:#ffffff80;background:#ffffff0d;border-color:#ffffff1a}.sitemap-mode-dropdown:hover:not(:disabled){background:#fff3;border-color:#667eea}.paste-xml-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;flex-direction:column;gap:12px;max-width:600px;margin-top:20px;margin-left:auto;margin-right:auto;padding:20px;display:flex}.paste-crawl-button{width:100%;margin-top:8px}.paste-xml-input label{color:#ffffffe6;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.xml-textarea{resize:vertical;box-sizing:border-box;border:2px solid #ddd;border-radius:6px;outline:none;width:100%;padding:12px;font-family:Courier New,monospace;font-size:14px;transition:border-color .3s}.xml-textarea:focus{border-color:#667eea}.xml-textarea:disabled{cursor:not-allowed;background-color:#f5f5f5}.help-text{color:#fff9;margin-top:8px;font-size:12px;font-style:italic;line-height:1.4}.error-message{color:#c33;text-align:center;background-color:#fee;border-radius:6px;max-width:600px;margin-top:10px;margin-left:auto;margin-right:auto;padding:12px}.crawl-results{align-items:flex-start;gap:20px;margin-top:40px;display:flex}.pages-section{background:#fff;border-radius:8px;flex-direction:column;flex:0 0 calc(50% - 10px);min-width:0;height:600px;padding:20px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.pages-section .pages-header{flex-shrink:0}.pages-section .page-selector{flex:1;min-height:0;overflow-y:auto}.results-right-panel{flex:0 0 calc(50% - 10px);align-items:stretch;min-width:0;display:flex}.content-cross-check{background:#fff;border-radius:8px;flex-direction:column;width:100%;height:600px;padding:20px;display:flex;box-shadow:0 2px 8px #0000001a}.content-cross-check h3{color:#333;border-bottom:2px solid #eee;margin:0 0 20px;padding-bottom:15px;font-size:18px}.document-upload-section{flex:1;margin-bottom:20px}.upload-label{color:#333;margin-bottom:10px;font-size:14px;font-weight:600;display:block}.file-upload-area{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.upload-button{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;width:fit-content;padding:10px 20px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-block}.upload-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.upload-hint{color:#666;font-size:12px;font-style:italic}.uploaded-documents-list{margin-top:20px}.uploaded-documents-list h4{color:#333;margin:0 0 10px;font-size:14px;font-weight:600}.uploaded-documents-list ul{max-height:200px;margin:0;padding:0;list-style:none;overflow-y:auto}.document-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 12px;display:flex}.document-name{color:#333;word-break:break-word;flex:1;margin-right:10px;font-size:13px}.remove-document-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:18px;line-height:1;transition:background .2s;display:flex}.remove-document-btn:hover{background:#c82333}.cross-check-actions{border-top:2px solid #eee;margin-top:auto;padding-top:20px}.start-cross-check-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;width:100%;margin-bottom:10px;padding:12px 24px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s}.start-cross-check-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.start-cross-check-button:disabled{cursor:not-allowed;background:#ccc;transform:none}.cross-check-info{color:#666;text-align:center;margin:0;font-size:12px;font-style:italic}.pages-header{border-bottom:2px solid #eee;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.pages-header h3{color:#333;margin:0;font-size:18px}.select-actions{color:#667eea;align-items:center;gap:5px;display:flex}.select-link{color:#667eea;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.select-link:hover{color:#764ba2}.migration-url-inputs{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:20px;max-width:1100px;margin:0 auto 20px;display:flex}.migration-url-group{flex:1;min-width:250px;max-width:350px}.migration-url-label{color:#ffffffe6;text-align:center;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.migration-arrow{color:#fffc;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:8px;padding:0 10px;display:flex}.migration-arrow svg{width:40px;height:40px}.migration-crawl-button-wrapper{align-items:flex-end;margin-bottom:0;display:flex}.migration-results{margin-top:40px}.migration-pages-section{flex:calc(50% - 10px);min-width:0}@media (max-width:768px){.url-input-group{flex-direction:column}.pages-header{flex-direction:column;align-items:flex-start;gap:10px}.crawl-results{flex-direction:column}.pages-section,.results-right-panel{flex:100%}.migration-url-inputs{flex-direction:column;align-items:stretch}.migration-url-group{max-width:100%}.migration-arrow{margin:10px 0;transform:rotate(90deg)}.migration-pages-section{flex:100%}}.content-check-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;max-width:600px;margin-top:30px;margin-left:auto;margin-right:auto;padding:20px}.business-info-check-section{max-width:1400px;margin:20px auto}.headings-check-section,.migration-check-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;max-width:600px;margin-top:30px;margin-left:auto;margin-right:auto;padding:20px}.migration-check-actions{text-align:center}.migration-check-actions .start-cross-check-button{width:100%;margin-bottom:10px}.migration-check-actions .cross-check-info{color:#fffc;margin:0;font-size:12px}.back-button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s}.back-button:hover{background:#5568d3}
.page-selector{text-align:left;padding:10px 0}.page-item{text-align:left;border-bottom:1px solid #f0f0f0;padding:8px 0}.page-item:last-child{border-bottom:none}.page-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.page-checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0;width:18px;height:18px}.page-path{color:#333;text-align:left;flex:1;font-size:14px}.page-link{color:#667eea;text-align:left;text-decoration:none;display:inline-block}.page-link:hover{text-decoration:underline}.page-link:after{content:"🔗";opacity:.6;font-size:12px}.folder-item{text-align:left;border-bottom:1px solid #f0f0f0;padding:8px 0}.folder-checkbox-label{-webkit-user-select:none;user-select:none;align-items:center;gap:10px;width:100%;display:flex}.folder-checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0;width:18px;height:18px}.folder-toggle{cursor:pointer;color:#555;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:8px;padding:4px 0;font-size:14px;transition:color .2s;display:flex}.folder-toggle:hover{color:#667eea}.folder-icon{width:20px;margin-right:4px;font-size:16px;display:inline-block}.folder-caret{color:#667eea;width:16px;margin-left:4px;font-weight:700;display:inline-block}.folder-path{color:#333;flex:1;font-weight:600}.folder-count{color:#999;font-size:12px;font-weight:400}.folder-children{border-left:2px solid #ddd;margin-top:2px;margin-left:0;padding-left:0}.no-pages{text-align:center;color:#999;padding:40px 20px;font-style:italic}
.results-display{color:#213547;background:#f8f9fa;min-height:100vh;padding:20px}.results-header{align-items:center;gap:20px;max-width:1400px;margin:0 auto 20px;display:flex}.back-button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s}.back-button:hover{background:#5568d3}.results-header h2{color:#333;margin:0;font-size:24px}.results-layout{align-items:flex-start;gap:20px;max-width:1400px;margin:0 auto;display:flex}.results-sidebar{background:#fff;border-radius:8px;flex:0 0 300px;align-self:flex-start;padding:20px;overflow-y:auto;box-shadow:0 2px 8px #0000001a}.results-sidebar h3{color:#333;border-bottom:2px solid #eee;margin:0 0 15px;padding-bottom:10px;font-size:18px}.results-list{margin:0;padding:0;list-style:none}.result-item{cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:6px;margin-bottom:10px;padding:12px;transition:all .2s}.result-item:hover{background:#f8f9fa;border-color:#667eea}.result-item.active{background:#e8f0fe;border-color:#667eea}.result-item-name{color:#333;word-break:break-word;margin-bottom:5px;font-size:13px;font-weight:600}.result-item-url{color:#667eea;word-break:break-all;margin-bottom:5px;font-size:11px}.result-item-similarity{color:#666;font-size:12px;font-weight:500}.results-main{flex:1;min-width:0}.report-container{color:#213547;background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a}.header{margin-bottom:30px}.header h1{color:#2c3e50;margin:0 0 20px;font-size:32px}.color-key{background:#f8f9fa;border-radius:5px;margin-bottom:20px;padding:15px}.color-key ul{margin:10px 0;padding-left:0;list-style-type:none}.color-key li{margin:5px 0}.matched-text{color:#28a745}.partial-text{color:#ffc107}.missing-text{color:#dc3545}.current-text{color:#007bff}.page-info{background-color:#f8f9fa;border-radius:5px;margin-bottom:30px;padding:20px}.page-info h2{color:#2c3e50;margin-top:0}.page-info p{margin:10px 0}.document-metadata{background-color:#f0f4f8;border-left:4px solid #6c757d;border-radius:5px;margin-bottom:30px;padding:20px}.document-metadata h3{color:#2c3e50;margin-top:0;margin-bottom:15px;font-size:18px}.metadata-grid{grid-template-columns:1fr;gap:12px;display:grid}.metadata-item{flex-direction:column;gap:4px;display:flex}.metadata-item strong{color:#495057;font-size:14px;font-weight:600}.metadata-item span{color:#6c757d;word-break:break-word;font-size:14px}.similarity-high{color:#28a745}.similarity-medium{color:#ffc107}.similarity-low{color:#dc3545}.column-headers{justify-content:space-between;margin-bottom:15px;display:flex}.column-headers h3{text-align:center;color:#2c3e50;background-color:#f8f9fa;border-radius:5px;flex:1;margin:0;padding:10px}.content-container{flex-direction:column;gap:15px;display:flex}.content-row{gap:15px;min-height:fit-content;display:flex}.content-block{white-space:pre-wrap;word-break:break-word;border-radius:5px;flex:1;min-height:50px;padding:15px;box-shadow:0 1px 3px #0000001a}.matched-content{background-color:#e8f5e9;border:1px solid #c8e6c9}.partial-content{background-color:#fff3cd;border:1px solid #ffeeba}.missing-content{background-color:#ffebee;border:1px solid #ffcdd2}.current-content{background-color:#e3f2fd;border:1px solid #bbdefb}.placeholder{color:#6c757d;background-color:#f8f9fa;border:1px dashed #dee2e6;justify-content:center;align-items:center;font-style:italic;display:flex}.no-results,.no-comparison-data{text-align:center;color:#999;padding:40px}.results-main a{color:#007bff;text-decoration:none}.results-main a:hover{text-decoration:underline}.back-to-top-button{color:#fff;cursor:pointer;z-index:1000;background:#667eea;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;font-weight:700;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 12px #667eea66}.back-to-top-button:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.back-to-top-button:active{transform:translateY(0)}
.unmatched-dialog-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.unmatched-dialog{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 10px 40px #0000004d}.unmatched-dialog-header{background:#f8f9fa;border-bottom:2px solid #e0e0e0;justify-content:space-between;align-items:center;padding:24px;display:flex}.unmatched-dialog-header h3{color:#333;margin:0;font-size:20px;font-weight:600}.unmatched-dialog-progress{color:#666;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:500}.unmatched-dialog-content{flex:1;padding:24px;overflow-y:auto}.unmatched-document-info{margin-bottom:24px}.unmatched-document-info h4{color:#333;margin:0 0 12px;font-size:16px;font-weight:600}.document-name-display{background:#f0f4ff;border:2px solid #667eea;border-radius:8px;margin-bottom:12px;padding:16px}.document-name-display strong{color:#333;word-break:break-word;font-size:16px}.document-help-text{color:#666;margin:0;font-size:14px;line-height:1.5}.potential-matches-section{margin-bottom:24px}.potential-matches-section h4{color:#333;margin:0 0 16px;font-size:16px;font-weight:600}.potential-matches-list{flex-direction:column;gap:12px;display:flex}.potential-match-item{cursor:pointer;border:2px solid #e0e0e0;border-radius:8px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex}.potential-match-item:hover{background:#f8f9ff;border-color:#667eea}.match-url{color:#333;word-break:break-all;font-size:15px;font-weight:500;line-height:1.4}.match-scores{flex-wrap:wrap;gap:16px;display:flex}.score-item{align-items:center;gap:6px;display:flex}.score-label{color:#666;font-size:13px}.score-value{color:#333;background:#f0f0f0;border-radius:4px;padding:4px 8px;font-size:13px;font-weight:600}.select-match-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;align-self:flex-start;padding:8px 20px;font-size:14px;font-weight:600;transition:background .2s}.select-match-btn:hover{background:#5568d3}.all-urls-section{margin-bottom:24px}.all-urls-section h4{color:#333;margin:0 0 16px;font-size:16px;font-weight:600}.all-urls-list{border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;gap:8px;max-height:200px;padding:12px;display:flex;overflow-y:auto}.url-item{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:10px;transition:background .2s;display:flex}.url-item:hover{background:#f5f5f5}.url-text{color:#333;word-break:break-all;flex:1;margin-right:12px;font-size:14px}.select-url-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;flex-shrink:0;padding:6px 16px;font-size:13px;font-weight:600;transition:background .2s}.select-url-btn:hover{background:#5568d3}.no-matches-message{text-align:center;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:20px}.no-matches-message p{color:#856404;margin:0;font-size:14px}.unmatched-dialog-actions{background:#f8f9fa;border-top:2px solid #e0e0e0;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.skip-btn{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .2s}.skip-btn:hover{background:#5a6268}.cancel-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .2s}.cancel-btn:hover{background:#c82333}@media (prefers-color-scheme:dark){.unmatched-dialog{color:#e0e0e0;background:#1a1a1a}.unmatched-dialog-header{background:#2a2a2a;border-bottom-color:#404040}.unmatched-dialog-header h3{color:#e0e0e0}.unmatched-dialog-progress{color:#e0e0e0;background:#1a1a1a;border-color:#404040}.unmatched-document-info h4,.potential-matches-section h4,.all-urls-section h4{color:#e0e0e0}.document-name-display{background:#2a2a2a;border-color:#667eea}.document-name-display strong{color:#e0e0e0}.document-help-text{color:#b0b0b0}.potential-match-item{background:#2a2a2a;border-color:#404040}.potential-match-item:hover{background:#333;border-color:#667eea}.match-url{color:#e0e0e0}.score-label{color:#b0b0b0}.score-value{color:#e0e0e0;background:#1a1a1a}.url-text{color:#e0e0e0}.url-item:hover{background:#333}.all-urls-list{background:#1a1a1a;border-color:#404040}.unmatched-dialog-actions{background:#2a2a2a;border-top-color:#404040}}
.progress-indicator{background:#fffffff2;border:2px solid #667eea;border-radius:8px;align-items:center;gap:16px;margin:20px 0;padding:20px;display:flex;box-shadow:0 4px 12px #667eea26}.progress-spinner{flex-shrink:0}.spinner{border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-content{flex-direction:column;flex:1;gap:8px;display:flex}.progress-message{color:#333;margin:0;font-size:16px;font-weight:600}.progress-details{color:#666;align-items:center;gap:12px;font-size:14px;display:flex}.progress-count{font-weight:500}.progress-percentage{color:#667eea;font-weight:600}.progress-bar-container{background:#e0e0e0;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border-radius:4px;height:100%;transition:width .3s}@media (prefers-color-scheme:dark){.progress-indicator{background:#1a1a1af2;border-color:#667eea}.spinner{border-color:#667eea #404040 #404040}.progress-message{color:#e0e0e0}.progress-details{color:#b0b0b0}.progress-bar-container{background:#404040}}
.results-history{color:#ffffffde;background:#242424;min-height:100vh;padding:20px}.results-history-header{align-items:center;gap:20px;max-width:1400px;margin:0 auto 20px;display:flex}.results-history-header h2{color:#e0e0e0;margin:0}.results-history-filters{background:#1a1a1a;border:1px solid #404040;max-width:1400px;margin:0 auto}.results-history-filters label{color:#e0e0e0}.results-history-filters select{color:#e0e0e0;background:#2a2a2a;border:1px solid #404040}.results-history-filters select:focus{border-color:#667eea;outline:none}.results-history-list{max-width:1400px;margin:0 auto}.result-history-item{color:#e0e0e0;background:#1a1a1a!important;border:1px solid #404040!important}.result-history-item:hover{transform:translateY(-2px);border-color:#667eea!important;box-shadow:0 4px 8px #667eea4d!important}.result-history-item h3{color:#e0e0e0!important}.result-history-item p,.result-history-item .result-stats,.result-history-item .result-timestamp{color:#b0b0b0!important}.result-history-item .result-link{color:#667eea!important}.back-button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s}.back-button:hover{background:#5568d3}.error-message{color:#ff6b6b;background:#3a1a1a;border:1px solid #8b3a3a;max-width:1400px;margin:0 auto}.loading-message,.empty-message{color:#b0b0b0}@media (prefers-color-scheme:dark){.results-history{color:#ffffffde;background:#242424}.results-history-header h2{color:#e0e0e0}.results-history-filters{background:#1a1a1a;border-color:#404040}.results-history-filters label{color:#e0e0e0}.results-history-filters select{color:#e0e0e0;background:#2a2a2a;border-color:#404040}.result-history-item{background:#1a1a1a;border-color:#404040}.result-history-item:hover{border-color:#667eea}}
.analytics-container{max-width:1400px;margin:0 auto;padding:20px}.analytics-header{border-bottom:2px solid #667eea;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.analytics-header h1{color:#667eea;margin:0;font-size:28px}.back-button{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .3s}.back-button:hover{background:#5a6268}@media (prefers-color-scheme:dark){.analytics-header{border-bottom-color:#667eea}.analytics-header h1{color:#667eea}.back-button{background:#5a6268}.back-button:hover{background:#4a5056}}.analytics-filters{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;gap:20px;margin-bottom:30px;padding:20px;display:flex}@media (prefers-color-scheme:dark){.analytics-filters{background:#2a2a2a;border-color:#404040}}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-group label{color:#333;font-size:14px;font-weight:600}@media (prefers-color-scheme:dark){.filter-group label{color:#e0e0e0}}.filter-select{color:#333;background:#fff;border:1px solid #ddd;border-radius:4px;min-width:200px;padding:8px 12px;font-size:14px}@media (prefers-color-scheme:dark){.filter-select{color:#e0e0e0;background:#1a1a1a;border-color:#404040}}.filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.analytics-section{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:40px;padding:20px}@media (prefers-color-scheme:dark){.analytics-section{background:#2a2a2a;border-color:#404040}}.analytics-section h2{color:#333;margin-top:0;margin-bottom:20px;font-size:24px}@media (prefers-color-scheme:dark){.analytics-section h2{color:#e0e0e0}}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.summary-card{text-align:center;background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px}@media (prefers-color-scheme:dark){.summary-card{background:#1a1a1a;border-color:#404040}}.summary-card-label{color:#666;margin-bottom:10px;font-size:14px}@media (prefers-color-scheme:dark){.summary-card-label{color:#999}}.summary-card-value{color:#667eea;font-size:32px;font-weight:700}.checker-analytics{flex-direction:column;gap:30px;display:flex}.analytics-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.stat-item{background:#fff;border:1px solid #ddd;border-radius:6px;flex-direction:column;gap:5px;padding:15px;display:flex}@media (prefers-color-scheme:dark){.stat-item{background:#1a1a1a;border-color:#404040}}.stat-label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:12px}@media (prefers-color-scheme:dark){.stat-label{color:#999}}.stat-value{color:#333;font-size:24px;font-weight:700}@media (prefers-color-scheme:dark){.stat-value{color:#e0e0e0}}.chart-container{margin-top:20px}.chart-container h3{color:#333;margin-bottom:15px;font-size:18px}@media (prefers-color-scheme:dark){.chart-container h3{color:#e0e0e0}}.bar-chart{flex-direction:column;gap:10px;display:flex}.bar-item{align-items:center;gap:15px;display:flex}.bar-label{color:#333;min-width:100px;font-size:14px;font-weight:600}@media (prefers-color-scheme:dark){.bar-label{color:#e0e0e0}}.bar-wrapper{background:#f0f0f0;border-radius:4px;flex:1;height:30px;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.bar-wrapper{background:#1a1a1a}}.bar-fill{border-radius:4px;justify-content:flex-end;align-items:center;height:100%;padding-right:10px;transition:width .3s;display:flex}.bar-value{color:#fff;text-shadow:0 1px 2px #0000004d;font-size:12px;font-weight:600}.error-types-list{flex-direction:column;gap:10px;display:flex}.error-type-item{background:#fff;border:1px solid #ddd;border-radius:6px;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}@media (prefers-color-scheme:dark){.error-type-item{background:#1a1a1a;border-color:#404040}}.error-type-name{color:#333;font-size:14px}@media (prefers-color-scheme:dark){.error-type-name{color:#e0e0e0}}.error-type-count{color:#667eea;font-size:18px;font-weight:700}.domain-scores-table{overflow-x:auto}.domain-scores-table table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden}@media (prefers-color-scheme:dark){.domain-scores-table table{background:#1a1a1a}}.domain-scores-table thead{color:#fff;background:#667eea}.domain-scores-table th{text-align:left;padding:12px;font-size:14px;font-weight:600;position:relative}.domain-scores-table th:hover{background:#ffffff1a}@media (prefers-color-scheme:dark){.domain-scores-table th:hover{background:#ffffff26}}.domain-scores-table td{color:#333;border-bottom:1px solid #eee;padding:12px}@media (prefers-color-scheme:dark){.domain-scores-table td{color:#e0e0e0;border-bottom-color:#404040}}.domain-scores-table tbody tr:hover{background:#f9f9f9}@media (prefers-color-scheme:dark){.domain-scores-table tbody tr:hover{background:#667eea26}}.domain-name{color:#667eea;font-weight:600}.overall-score-cell{flex-direction:column;gap:4px;display:flex}.overall-score-value{font-size:20px;font-weight:700}.overall-score-label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:12px}@media (prefers-color-scheme:dark){.overall-score-label{color:#999}}.no-data-cell{color:#999;font-style:italic}.loading-message,.empty-message,.no-data{text-align:center;color:#666;padding:40px;font-size:16px}@media (prefers-color-scheme:dark){.loading-message,.empty-message,.no-data{color:#999}}.error-message{color:#c33;background:#fee;border:1px solid #fcc;border-radius:4px;margin:20px 0;padding:15px}@media (prefers-color-scheme:dark){.error-message{color:#ff6b6b;background:#4a1a1a;border-color:#6a2a2a}}
.app-container{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.logo-container-top{z-index:10;position:absolute;top:20px;left:20px}.logo-container-top a{cursor:pointer;text-decoration:none;transition:opacity .2s;display:inline-block}.logo-container-top a:hover{opacity:.8}.logo-top{max-width:150px;height:auto;display:block}.logo-container{justify-content:center;margin-top:40px;margin-bottom:20px;display:flex}.logo-container a{cursor:pointer;text-decoration:none;transition:opacity .2s;display:inline-block}.logo-container a:hover{opacity:.8}.logo{max-width:300px;height:auto;display:block}.app-container h1.main-heading{color:#333;margin:80px 0 10px;font-size:2.5rem;font-weight:700;animation:1.5s ease-out fadeInUp}@media (prefers-color-scheme:dark){.app-container h1.main-heading{color:#e0e0e0}}.app-container h2.sub-heading{color:#666;margin:0 0 30px;font-size:1.5rem;font-weight:400;animation:1.5s ease-out .5s both fadeInUp}@media (prefers-color-scheme:dark){.app-container h2.sub-heading{color:#999}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.card{padding:10px 2em}.card p{font-size:30px}@media (prefers-color-scheme:dark){footer{border-top-color:#333!important}footer p{color:#999!important}footer a{color:#8b9aff!important}}