:root{--primary: #005a8d;--primary-hover: #004a75;--bg-main: #f4f7f9;--bg-sidebar: #ffffff;--text-main: #2d3e50;--text-muted: #64748b;--border-color: #e2e8f0;--input-bg: #f8fafc;--badge-active: #ccfbf1;--badge-active-text: #0d9488;--accent: #0ea5e9;--sidebar-active: #f1f5f9}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5}h1,h2,h3,h4{font-family:inherit;font-weight:700;color:var(--primary)}.dashboard-layout{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.5rem;position:fixed;height:100vh}.sidebar-logo{font-size:1.25rem;font-weight:800;letter-spacing:2px;color:var(--primary);margin-bottom:2.5rem;padding-left:.75rem}.sidebar-nav{flex:1}.nav-item{display:flex;align-items:center;padding:.75rem 1rem;border-radius:8px;color:var(--text-muted);cursor:pointer;margin-bottom:.5rem;transition:all .2s}.nav-item:hover,.nav-item.active{background:var(--sidebar-active);color:var(--primary)}.nav-link.active:after{content:"";position:absolute;right:0;width:3px;height:20px;background:var(--primary)}.btn-new-scrape{background:var(--primary);color:#fff;border:none;padding:.75rem;border-radius:6px;font-weight:600;letter-spacing:.5px;cursor:pointer;margin-top:auto;margin-bottom:1.5rem;transition:background .2s}.btn-new-scrape:hover{background:var(--primary-hover)}.user-profile{display:flex;align-items:center;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-color)}.user-avatar{width:40px;height:40px;border-radius:8px;background:#cbd5e1}.user-info h4{font-size:.875rem;margin:0;color:var(--text-main)}.user-info p{font-size:.75rem;color:var(--text-muted)}.main-wrapper{margin-left:260px;flex:1;display:flex;flex-direction:column}.auth-page-wrapper{--primary-blue: #005a8d;--primary-dark: #003e61;--bg-gradient: linear-gradient(135deg, #f0f7ff 0%, #ffffff 50%, #e6f0f9 100%);--input-bg: #e5e7eb;--text-main: #1f2937;--text-muted: #6b7280;--card-shadow: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);display:flex;flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,sans-serif;background:var(--bg-gradient);color:var(--text-main)}.auth-navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;background:transparent}.auth-logo{font-size:1.5rem;font-weight:800;color:#1e3a8a;letter-spacing:-.025em}.auth-nav-links{display:flex;gap:2rem;color:var(--text-muted);font-size:.9rem;font-weight:500}.auth-nav-links span{cursor:pointer;transition:color .2s}.auth-nav-links span:hover{color:#005a8d}.btn-demo{background:#004d71;color:#fff;padding:.6rem 1.2rem;border-radius:6px;font-weight:600;font-size:.85rem;border:none;cursor:pointer}.auth-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.auth-card{background:white;width:100%;max-width:440px;padding:3rem 2.5rem;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;text-align:center}.auth-icon-shield{background:#005a8d;color:#fff;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:8px;margin:0 auto 1.5rem}.auth-card h1{font-size:1.75rem;font-weight:800;margin:0;color:#111827!important;letter-spacing:.05em}.auth-subtitle{color:#6b7280;font-size:.95rem;margin:.5rem 0 2.5rem}.auth-form{text-align:left}.auth-field-group{margin-bottom:1.5rem}.auth-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.auth-label{font-size:.75rem;font-weight:700;color:#374151;letter-spacing:.05em}.auth-link-small{font-size:.75rem;color:#005a8d;text-decoration:none;font-weight:600}.auth-input-wrapper{position:relative}.auth-input{width:100%;padding:.85rem 1rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;box-sizing:border-box;transition:all .2s;color:#1f2937}.auth-input:focus{outline:none;border-color:#005a8d;background:white;box-shadow:0 0 0 3px #005a8d1a}.btn-auth-submit{width:100%;background:#005a8d;color:#fff;padding:.9rem;border:none;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem;transition:background .2s}.btn-auth-submit:hover{background:#00466e}.auth-switch-text{margin-top:2rem;font-size:.9rem;color:#6b7280;text-align:center}.auth-switch-link{color:#005a8d;font-weight:700;text-decoration:none;margin-left:.5rem;cursor:pointer}.auth-security-footer{display:flex;justify-content:center;gap:2rem;margin-top:3rem;color:#6b7280;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.security-item{display:flex;align-items:center;gap:.5rem}.app-footer{padding:2rem 5%;border-top:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#6b7280;background:white}.footer-links{display:flex;gap:1.5rem}.footer-links span{cursor:pointer}.auth-eye-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);cursor:pointer;color:#6b7280;display:flex;align-items:center}.status-msg{margin-bottom:1.5rem;padding:.75rem;border-radius:8px;font-size:.85rem;font-weight:600;text-align:center}.status-msg.error{background:#fef2f2;color:#b91c1c;border:1px solid #fee2e2}.status-msg.success{background:#f0fdf4;color:#15803d;border:1px solid #dcfce7}@media (max-width: 640px){.auth-nav-links,.btn-demo{display:none}.auth-card{padding:2rem 1.5rem;box-shadow:none;background:transparent}.app-footer{flex-direction:column;gap:1rem;text-align:center}}.header{height:64px;background:white;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #00000005}.content-body{padding:2rem;display:grid;grid-template-columns:1fr 340px;gap:2rem}.card{background:white;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.badge{padding:.25rem .75rem;border-radius:100px;font-size:.65rem;font-weight:700;letter-spacing:.5px}.badge-active{background:#ccfbf1;color:#0d9488}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;letter-spacing:.5px}.form-control{width:100%;padding:.75rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;color:var(--text-main)}.form-control.with-toggle{padding-right:50px}.password-input-wrapper{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;font-weight:700;padding:4px;text-transform:uppercase;letter-spacing:.5px}.password-toggle:hover{color:var(--primary)}.form-row{display:flex;gap:1.5rem}.form-row .form-group{flex:1}.btn-start-search{width:100%;background:var(--primary);color:#fff;border:none;padding:1rem;border-radius:8px;font-weight:700;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer}.btn-cancel-search{background:#ef4444;color:#fff;border:none;padding:0 24px;border-radius:8px;font-weight:700;font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.action-row{display:flex;gap:10px;margin-top:1.5rem;align-items:stretch}.video-box{width:100%;aspect-ratio:16/9;background:#000;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.stat-item label{font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;display:block;margin-bottom:.5rem}.stat-value{font-size:1.75rem;font-weight:800;color:var(--primary)}.bottom-section{grid-column:1 / span 2;display:grid;grid-template-columns:1fr 1.5fr;gap:2rem}.table-card{padding:0;overflow:hidden}.table-header{background:var(--primary);color:#fff;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.table-header h2,.table-header h3{color:#fff!important;margin:0}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:.65rem;text-transform:uppercase;color:var(--text-muted);padding:1rem;border-bottom:1px solid var(--border-color)}td{padding:1rem;font-size:.8125rem;border-bottom:1px solid #f8fafc}.count-badge{background:#f1f5f9;color:#475569;padding:4px 12px;border-radius:20px;font-weight:700}.count-badge.high{background:#fff5f5;color:#c53030;border:1px solid #feb2b2}.btn-action{padding:6px 12px;border-radius:4px;border:none;font-size:.75rem;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-action.matched{background:#ccfbf1;color:#0d9488;margin-right:12px}.btn-action.all{background:#f1f5f9;color:#475569}.search-input{background:rgba(255,255,255,.2)!important;border:none;padding:.5rem 1rem;border-radius:6px;width:180px;font-size:.875rem;color:#fff}.search-input::placeholder{color:#fff9}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,#005a8d 0%,#f4f7f9 100%);padding:1rem}.login-card{width:100%;max-width:400px;background:white;padding:3rem 2.5rem;border-radius:20px;box-shadow:0 20px 40px #0000001a}.login-logo{text-align:center;margin-bottom:2rem;font-size:1.5rem;font-weight:800;color:var(--primary);letter-spacing:2px}.btn-clear-filter{margin:1rem;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s}.btn-clear-filter:hover{background:#e2e8f0;color:#0f172a}.btn-login{width:100%;background:var(--primary);color:#fff;border:none;padding:1rem;border-radius:8px;font-weight:700;margin-top:1rem;cursor:pointer}.highlight-text{background:#fef08a;color:#854d0e;padding:0 4px;border-radius:4px;font-weight:700}.badge-filter{background:rgba(255,255,255,.2);color:#fff;padding:4px 10px;border-radius:6px;font-size:.65rem;font-weight:800;letter-spacing:.5px;margin-left:12px;border:1px solid rgba(255,255,255,.3);display:inline-flex;align-items:center;text-transform:uppercase;margin-right:12px}.message-tag{background:#f1f5f9;color:#475569;padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:600}