@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.analytics-dashboard{gap:var(--sp-6);padding:var(--sp-6);background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.analytics-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-6);flex-wrap:wrap;display:flex}.analytics-header-left{flex:1;min-width:250px}.analytics-header-left h1{font-size:var(--text-xl);color:var(--text);margin-bottom:var(--sp-2);font-weight:700}.analytics-header-left p{font-size:var(--text-sm);color:var(--text-muted)}.analytics-header-right{gap:var(--sp-4);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.alert{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4);border-radius:var(--radius);font-size:var(--text-sm);animation:.3s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.alert-error{color:var(--red);background:#ef44441a;border:1px solid #ef44444d}.alert-warning{color:var(--yellow);background:#f59e0b1a;border:1px solid #f59e0b4d}.alert-success{color:var(--green);background:#10b9811a;border:1px solid #10b9814d}.alert button{flex-shrink:0}.analytics-content{gap:var(--sp-6);flex-direction:column;display:flex}.analytics-section{background:var(--card);border-radius:var(--radius-lg);padding:var(--sp-6);box-shadow:var(--shadow);transition:box-shadow .2s}.analytics-section:hover{box-shadow:var(--shadow-lg)}.analytics-section-full{grid-column:1/-1}.analytics-section-half{flex:1;min-width:300px}.analytics-row{gap:var(--sp-6);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));display:grid}.analytics-no-access{justify-content:center;align-items:center;min-height:400px;display:flex}.btn{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius);font-size:var(--text-sm);cursor:pointer;background:var(--brand);color:var(--white);border:none;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn:hover{background:var(--brand-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-sm{padding:var(--sp-1) var(--sp-3);font-size:var(--text-xs)}.btn-secondary{background:var(--gray-200);color:var(--text)}.text-muted{color:var(--text-muted)}@media (width<=1199px){.analytics-dashboard{padding:var(--sp-4);gap:var(--sp-4)}.analytics-header{gap:var(--sp-4)}.analytics-header-right{gap:var(--sp-3);justify-content:flex-start;width:100%}.analytics-section{padding:var(--sp-4)}.analytics-row{grid-template-columns:1fr}.analytics-section-half{min-width:auto}}@media (width<=767px){.analytics-dashboard{padding:var(--sp-3);gap:var(--sp-3)}.analytics-header{gap:var(--sp-3);flex-direction:column}.analytics-header-left h1{font-size:var(--text-lg)}.analytics-header-right{gap:var(--sp-2);flex-direction:column;width:100%}.analytics-header-right>*{width:100%}.analytics-section{padding:var(--sp-3);border-radius:var(--radius)}.analytics-row{gap:var(--sp-3);grid-template-columns:1fr}.alert{align-items:flex-start;gap:var(--sp-3);flex-direction:column}.alert button,.btn{width:100%}}[data-theme=dark] .analytics-section{background:var(--card);box-shadow:var(--shadow)}[data-theme=dark] .analytics-section:hover{box-shadow:var(--shadow-lg)}[data-theme=dark] .alert-error{background:#ef444426;border-color:#ef444466}[data-theme=dark] .alert-warning{background:#f59e0b26;border-color:#f59e0b66}[data-theme=dark] .alert-success{background:#10b98126;border-color:#10b98166}.analytics-loading{min-height:200px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.analytics-loading:after{content:"";border:2px solid var(--gray-200);border-top-color:var(--brand);width:20px;height:20px;margin-left:var(--sp-2);border-radius:50%;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.btn:focus-visible,.analytics-section:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (prefers-contrast:more){.analytics-section{border:1px solid var(--border)}.btn{border:2px solid}.alert{border-width:2px}}@media (prefers-reduced-motion:reduce){.analytics-section,.btn,.alert{transition:none}@keyframes slideDown{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:none}}}.monitoring-container{background:#f5f5f5;min-height:100vh;padding:20px}.monitoring-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.monitoring-header h1{color:#333;margin:0;font-size:28px}.stat-card{text-align:center;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.stat-label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:14px}.filters{background:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:30px;padding:20px;display:flex;box-shadow:0 2px 4px #0000001a}.filters label{color:#333;font-weight:600}.filters input,.filters select{border:1px solid #ddd;border-radius:4px;flex:1;min-width:200px;padding:8px 12px;font-size:14px}.filters input:focus,.filters select:focus{border-color:#2196f3;outline:none;box-shadow:0 0 0 2px #2196f31a}.monitoring-section{background:#fff;border-radius:8px;margin-bottom:30px;padding:20px;box-shadow:0 2px 4px #0000001a}.monitoring-section h2{color:#333;margin:0 0 20px;font-size:20px}.monitoring-table{border-collapse:collapse;width:100%}.monitoring-table thead{background:#f9f9f9;border-bottom:2px solid #eee}.monitoring-table th{text-align:left;color:#666;text-transform:uppercase;letter-spacing:.5px;padding:15px;font-size:12px;font-weight:600}.monitoring-table td{border-bottom:1px solid #eee;padding:15px}.monitoring-table tbody tr:hover{background:#f9f9f9}.btn-primary:hover{background:#1976d2;box-shadow:0 2px 8px #2196f34d}.btn-secondary:hover{background:#e0e0e0}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 16px #0003}.modal-header h2{color:#333;margin:0;font-size:20px}.btn-close{color:#999;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:28px;display:flex}.btn-close:hover{color:#333}.monitoring-form{padding:20px}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;width:100%;padding:10px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2196f3;outline:none;box-shadow:0 0 0 2px #2196f31a}.form-group textarea{resize:vertical}.form-actions{border-top:1px solid #eee;justify-content:flex-end;gap:10px;padding-top:20px;display:flex}@media (width<=768px){.monitoring-header{flex-direction:column;align-items:flex-start;gap:15px}.filters{flex-direction:column}.filters input,.filters select{min-width:100%}.monitoring-table{font-size:12px}.monitoring-table th,.monitoring-table td{padding:10px}.form-row,.stats-grid{grid-template-columns:1fr}}.terminal-container{max-width:1400px;margin:0 auto;padding:2rem}.terminal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.terminal-header h1{color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:700}.terminal-header-actions{gap:.75rem;display:flex}.terminal-health{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.terminal-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:1.5rem;transition:all .2s;box-shadow:0 1px 3px #0000000d}.terminal-card:hover{border-color:var(--blue);box-shadow:0 4px 12px #0000001a}.terminal-card-header{justify-content:space-between;align-items:start;margin-bottom:1rem;display:flex}.terminal-card-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.terminal-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.75rem;font-weight:600;display:inline-flex}.terminal-status-badge.healthy{color:#22c55e;background:#22c55e1a}.terminal-status-badge.warning{color:#eab308;background:#eab3081a}.terminal-status-badge.critical{color:#ef4444;background:#ef44441a}.terminal-status-indicator{border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;display:inline-block}.terminal-status-badge.healthy .terminal-status-indicator{background:#22c55e}.terminal-status-badge.warning .terminal-status-indicator{background:#eab308}.terminal-status-badge.critical .terminal-status-indicator{background:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.terminal-metrics{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem;display:grid}.terminal-metric{flex-direction:column;display:flex}.terminal-metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.terminal-metric-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.terminal-metric-unit{color:var(--text-muted);margin-left:.25rem;font-size:.875rem}.terminal-control{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;display:grid}.terminal-control-panel{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.terminal-control-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.terminal-control-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.terminal-control-status{color:#22c55e;background:#22c55e1a;border-radius:6px;padding:.4rem .8rem;font-size:.875rem}.terminal-control-actions{flex-direction:column;gap:.75rem;display:flex}.terminal-action-btn{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.terminal-action-btn:hover{background:var(--gray-50);border-color:var(--blue);color:var(--blue)}.terminal-action-btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.terminal-action-btn.primary:hover{background:#2563eb;border-color:#2563eb}.terminal-action-btn.danger{color:#dc2626;background:#fee2e2;border-color:#fecaca}.terminal-action-btn.danger:hover{background:#fecaca;border-color:#dc2626}.terminal-action-btn:disabled{opacity:.5;cursor:not-allowed}.terminal-alerts{flex-direction:column;gap:1rem;display:flex}.terminal-alert-item{border:1px solid var(--border);border-left:4px solid var(--blue);border-radius:var(--radius);background:#fff;gap:1rem;padding:1rem;display:flex}.terminal-alert-item.critical{background:#fef2f2;border-left-color:#ef4444}.terminal-alert-item.warning{background:#fffbeb;border-left-color:#eab308}.terminal-alert-item.info{background:#eff6ff;border-left-color:#3b82f6}.terminal-alert-icon{flex-shrink:0;font-size:1.5rem}.terminal-alert-content{flex:1}.terminal-alert-title{color:var(--text-primary);margin:0 0 .25rem;font-weight:600}.terminal-alert-message{color:var(--text-muted);margin:0 0 .5rem;font-size:.875rem}.terminal-alert-time{color:var(--text-muted);font-size:.75rem}.terminal-logs{flex-direction:column;gap:1rem;display:flex}.terminal-logs-filter{gap:.75rem;margin-bottom:1rem;display:flex}.terminal-logs-filter input,.terminal-logs-filter select{border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;font-size:.875rem}.terminal-logs-filter input{flex:1}.terminal-log-viewer{border:1px solid var(--border);border-radius:var(--radius);color:#e2e8f0;background:#1e293b;max-height:500px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.5;overflow-y:auto}.terminal-log-line{gap:1rem;margin-bottom:.5rem;display:flex}.terminal-log-time{color:#94a3b8;flex-shrink:0;min-width:150px}.terminal-log-level{flex-shrink:0;min-width:60px;font-weight:600}.terminal-log-level.error{color:#ef4444}.terminal-log-level.warning{color:#eab308}.terminal-log-level.info{color:#3b82f6}.terminal-log-message{color:#e2e8f0;word-break:break-word;flex:1}.terminal-performance{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.terminal-chart{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.terminal-chart-title{color:var(--text-primary);margin:0 0 1rem;font-size:1rem;font-weight:600}.terminal-chart-placeholder{height:200px;color:var(--text-muted);background:linear-gradient(135deg,#f0f4f8 0%,#f8fafc 100%);border-radius:6px;justify-content:center;align-items:center;font-size:.875rem;display:flex}.terminal-backup{flex-direction:column;gap:1.5rem;display:flex}.terminal-backup-status{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.terminal-backup-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem;display:flex}.terminal-backup-item:last-child{border-bottom:none}.terminal-backup-info{flex:1}.terminal-backup-name{color:var(--text-primary);margin:0 0 .25rem;font-weight:600}.terminal-backup-details{color:var(--text-muted);margin:0;font-size:.875rem}.terminal-backup-actions{gap:.5rem;display:flex}.terminal-backup-btn{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:4px;padding:.4rem .8rem;font-size:.75rem;transition:all .2s}.terminal-backup-btn:hover{background:var(--gray-50);border-color:var(--blue);color:var(--blue)}.terminal-config{flex-direction:column;gap:1.5rem;display:flex}.terminal-config-section{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.terminal-config-title{color:var(--text-primary);border-bottom:1px solid var(--border);margin:0 0 1rem;padding-bottom:1rem;font-size:1.1rem;font-weight:600}.terminal-config-group{margin-bottom:1.5rem}.terminal-config-group:last-child{margin-bottom:0}.terminal-config-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.terminal-config-input{border:1px solid var(--border);width:100%;color:var(--text-primary);background:#fff;border-radius:6px;padding:.75rem;font-size:.875rem}.terminal-config-input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #3b82f61a}.terminal-config-help{color:var(--text-muted);margin-top:.25rem;font-size:.75rem}.terminal-config-actions{border-top:1px solid var(--border);gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.terminal-loading{color:var(--text-muted);justify-content:center;align-items:center;padding:3rem;display:flex}.terminal-error{border-radius:var(--radius);color:#dc2626;background:#fef2f2;border:1px solid #fecaca;margin-bottom:1rem;padding:1rem}.terminal-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.terminal-empty-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}@media (width<=768px){.terminal-container{padding:1rem}.terminal-header{flex-direction:column;align-items:flex-start;gap:1rem}.terminal-health,.terminal-control,.terminal-performance,.terminal-metrics{grid-template-columns:1fr}.terminal-logs-filter{flex-direction:column}.terminal-log-viewer{max-height:300px}}.crime-statistics-dashboard{max-width:1400px;margin:0 auto;padding:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{color:#333;margin:0 0 .5rem;font-size:2rem}.dashboard-header p{color:#666;margin:0}.dashboard-filters{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:2rem;display:flex}.dashboard-tabs{border-bottom:2px solid #ddd;flex-wrap:wrap;gap:0;margin-bottom:2rem;display:flex}.dashboard-content{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 1px 3px #0000001a}.dashboard-loading{text-align:center;color:#666;padding:3rem;font-size:1.1rem}.trends-container{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;display:grid}.trend-series{background-color:#fafafa;border:1px solid #ddd;border-radius:8px;padding:1.5rem}.trend-series h3{color:#333;margin:0 0 1rem;font-size:1.1rem}.trend-series .data-table{margin-top:0}.comparison-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.comparison-section h3{color:#333;margin:0 0 1.5rem;font-size:1.1rem}.comparison-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.stat{background:#fff;border:1px solid #eee;border-radius:6px;padding:1rem}.stat-label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.85rem}@media (width<=768px){.crime-statistics-dashboard{padding:1rem}.dashboard-header h1{font-size:1.5rem}.dashboard-filters{flex-direction:column}.filter-group select{width:100%;min-width:unset}.btn-export{width:100%}.overview-cards{grid-template-columns:1fr}.dashboard-tabs{overflow-x:auto}.tab{padding:.75rem 1rem;font-size:.85rem}.dashboard-content{padding:1rem}.trends-container,.comparison-container{grid-template-columns:1fr}.data-table{font-size:.9rem}.data-table th,.data-table td{padding:.5rem}}@media (width<=480px){.dashboard-header h1{font-size:1.25rem}.card-value{font-size:1.5rem}.tab{padding:.5rem .75rem;font-size:.75rem}}.crime-heatmap{max-width:1600px;margin:0 auto;padding:2rem}.heatmap-header{margin-bottom:2rem}.heatmap-header h1{color:#333;margin:0 0 .5rem;font-size:2rem}.heatmap-header p{color:#666;margin:0}.heatmap-filters{background:#fff;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000001a}.filter-group select,.filter-group input{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:4px;min-width:150px;padding:.5rem .75rem;font-size:.9rem}.filter-group select:hover,.filter-group input:hover{border-color:#999}.filter-group select:focus,.filter-group input:focus{border-color:#06c;outline:none;box-shadow:0 0 0 2px #0066cc1a}.search-box{min-width:200px;position:relative}.search-results{z-index:10;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.search-result{cursor:pointer;border-bottom:1px solid #eee;padding:.75rem;transition:background-color .2s}.search-result:hover{background-color:#f5f5f5}.search-result:last-child{border-bottom:none}.btn-export{color:#fff;cursor:pointer;background-color:#06c;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:background-color .2s}.realtime-toggle{align-items:center;gap:1rem;margin-left:auto;display:flex}.realtime-toggle label{cursor:pointer;align-items:center;gap:.5rem;margin:0;font-weight:600;display:flex}.realtime-toggle input[type=checkbox]{cursor:pointer;width:18px;height:18px}.ws-status{text-transform:uppercase;border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.ws-status.ws-connected{color:#155724;background-color:#d4edda}.ws-status.ws-disconnected{color:#721c24;background-color:#f8d7da}.ws-status.ws-error{color:#721c24;background-color:#f5c6cb}.heatmap-tabs{border-bottom:2px solid #ddd;flex-wrap:wrap;gap:0;margin-bottom:2rem;display:flex}.tab{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:3px solid #0000;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.heatmap-content{background:#fff;border-radius:8px;margin-bottom:2rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.heatmap-loading{text-align:center;color:#666;padding:3rem;font-size:1.1rem}.heatmap-visualization{grid-template-columns:1fr 200px;gap:2rem;display:grid}.map-container{background:linear-gradient(135deg,#e0e0e0 0%,#f5f5f5 100%);border:2px solid #ddd;border-radius:8px;justify-content:center;align-items:center;min-height:500px;display:flex}.map-placeholder{color:#999;text-align:center;font-size:1.1rem}.heatmap-legend{background:#fff;border:1px solid #ddd;border-radius:8px;height:fit-content;padding:1rem}.heatmap-legend h4{color:#333;margin:0 0 1rem;font-size:.95rem}.legend-item{align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.85rem;display:flex}.legend-item:last-child{margin-bottom:0}.legend-color{border:1px solid #ddd;border-radius:3px;width:20px;height:20px}.heatmap-stats{background:#fff;border:1px solid #ddd;border-radius:8px;height:fit-content;padding:1rem}.heatmap-stats h4{color:#333;margin:0 0 1rem;font-size:.95rem}.stat-row:last-child{margin-bottom:0}.data-table tbody tr{cursor:pointer;transition:background-color .2s}.risk-badge,.density-badge{text-transform:uppercase;border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.risk-critical{color:#721c24;background-color:#f8d7da}.risk-high{color:#856404;background-color:#fff3cd}.risk-medium{color:#0c5460;background-color:#d1ecf1}.risk-low{color:#155724;background-color:#d4edda}.risk-minimal{color:#383d41;background-color:#e2e3e5}.density-very-high{color:#721c24;background-color:#f8d7da}.density-high{color:#856404;background-color:#fff3cd}.density-medium{color:#0c5460;background-color:#d1ecf1}.density-low{color:#155724;background-color:#d4edda}.density-very-low{color:#383d41;background-color:#e2e3e5}.clusters-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.cluster-card{background-color:#fafafa;border:1px solid #ddd;border-radius:8px;padding:1.5rem}.cluster-card h4{color:#333;margin:0 0 1rem;font-size:1.1rem}.cluster-info{margin-bottom:1rem}.info-row{justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;display:flex}.info-row span{color:#666}.info-row strong{color:#06c;font-weight:700}.cluster-locations{border-top:1px solid #ddd;padding-top:1rem}.cluster-locations h5{color:#333;margin:0 0 .5rem;font-size:.9rem}.cluster-locations ul{margin:0;padding-left:1.5rem;font-size:.85rem}.cluster-locations li{color:#666;margin-bottom:.25rem}.location-details{background:#fff;border-radius:8px;margin-top:2rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.location-details h3{color:#333;margin:0 0 1rem;font-size:1.2rem}.location-info{background-color:#f5f5f5;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.location-info p{margin:.5rem 0;font-size:.95rem}.location-info strong{color:#06c}@media (width<=1024px){.heatmap-visualization{grid-template-columns:1fr}.heatmap-legend,.heatmap-stats{display:none}}@media (width<=768px){.crime-heatmap{padding:1rem}.heatmap-header h1{font-size:1.5rem}.heatmap-filters{flex-direction:column}.filter-group select,.filter-group input{width:100%;min-width:unset}.btn-export{width:100%}.realtime-toggle{width:100%;margin-left:0}.heatmap-tabs{overflow-x:auto}.tab{padding:.75rem 1rem;font-size:.85rem}.heatmap-content{padding:1rem}.map-container{min-height:300px}.clusters-grid{grid-template-columns:1fr}.data-table{font-size:.9rem}.data-table th,.data-table td{padding:.5rem}}@media (width<=480px){.heatmap-header h1{font-size:1.25rem}.tab{padding:.5rem .75rem;font-size:.75rem}.map-container{min-height:200px}}.victim-demographics-analysis{max-width:1400px;margin:0 auto;padding:2rem}.analysis-header{margin-bottom:2rem}.analysis-header h1{color:#333;margin:0 0 .5rem;font-size:2rem}.analysis-header p{color:#666;margin:0}.analysis-filters{background:#fff;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000001a}.filter-group select{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:4px;min-width:150px;padding:.5rem .75rem;font-size:.9rem}.filter-group select:hover{border-color:#999}.filter-group select:focus{border-color:#06c;outline:none;box-shadow:0 0 0 2px #0066cc1a}.btn-export{color:#fff;cursor:pointer;background-color:#06c;border:none;border-radius:4px;margin-left:auto;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:background-color .2s}.btn-export:hover{background-color:#0052a3}.btn-export:active{background-color:#003d7a}.analysis-tabs{border-bottom:2px solid #ddd;flex-wrap:wrap;gap:0;margin-bottom:2rem;display:flex;overflow-x:auto}.tab{cursor:pointer;color:#666;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.tab:hover{color:#333;background-color:#f5f5f5}.analysis-content{background:#fff;border-radius:8px;margin-bottom:2rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.demographics-loading{text-align:center;color:#666;padding:3rem;font-size:1.1rem}.error-message{color:#c33;background-color:#fee;border:1px solid #fcc;border-radius:4px;margin-bottom:1rem;padding:1rem}.overview-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;padding:1.5rem;box-shadow:0 4px 6px #0000001a}.card:nth-child(2){background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.card:nth-child(3){background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.card:nth-child(4){background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.card:nth-child(5){background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.card:nth-child(6){background:linear-gradient(135deg,#30cfd0 0%,#330867 100%)}.card-label{opacity:.9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.85rem}.card-value{margin-bottom:.25rem;font-size:2rem;font-weight:700}.card-unit{opacity:.8;font-size:.8rem}.distribution-container{margin-bottom:2rem}.distribution-container h3{color:#333;margin:0 0 1.5rem;font-size:1.2rem}.gender-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.gender-card{background-color:#fafafa;border:1px solid #ddd;border-radius:8px;padding:1.5rem}.gender-card h4{color:#333;margin:0 0 1rem;font-size:1.1rem}.stat{justify-content:space-between;margin-bottom:.75rem;font-size:.95rem;display:flex}.data-table{border-collapse:collapse;width:100%;margin-top:1rem}.data-table thead{background-color:#f5f5f5}.data-table th{text-align:left;color:#333;border-bottom:2px solid #ddd;padding:1rem;font-weight:600}.data-table td{border-bottom:1px solid #eee;padding:.75rem 1rem}.data-table tbody tr:hover{background-color:#f9f9f9}.data-table tbody tr:nth-child(2n){background-color:#fafafa}.progress-bar{background-color:#eee;border-radius:4px;height:24px;position:relative;overflow:hidden}.progress-label{color:#333;white-space:nowrap;font-size:.8rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.statistics-container{margin-bottom:2rem}.statistics-container h3{color:#333;margin:0 0 1.5rem;font-size:1.2rem}.stat-box{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;padding:1.5rem}.stat-box:nth-child(2){background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.stat-box:nth-child(3){background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.stat-box:nth-child(4){background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.stat-box:nth-child(5){background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.stat-box:nth-child(6){background:linear-gradient(135deg,#30cfd0 0%,#330867 100%)}.stat-box:nth-child(7){background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%)}.stat-box:nth-child(8){background:linear-gradient(135deg,#ff9a56 0%,#ff6a88 100%)}.stat-label{opacity:.9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.85rem;display:block}.stat-value{font-size:1.8rem;font-weight:700;display:block}.frequency-distribution{margin-top:2rem}.frequency-distribution h4{color:#333;margin:0 0 1rem;font-size:1.1rem}.trends-container{margin-bottom:2rem}.trends-container h3{color:#333;margin:0 0 1.5rem;font-size:1.2rem}.comparison-tool{background:#fff;border-radius:8px;margin-top:2rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.comparison-tool h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.comparison-controls{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:2rem;display:flex}.control-group{flex-direction:column;gap:.5rem;display:flex}.control-group label{color:#333;font-size:.9rem;font-weight:600}.control-group select{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:4px;min-width:200px;padding:.5rem .75rem;font-size:.9rem}.btn-compare{color:#fff;cursor:pointer;background-color:#28a745;border:none;border-radius:4px;padding:.5rem 1.5rem;font-size:.9rem;font-weight:600;transition:background-color .2s}.btn-compare:hover{background-color:#218838}.btn-compare:active{background-color:#1e7e34}.comparison-results{border-top:2px solid #ddd;margin-top:2rem;padding-top:2rem}.comparison-results h3{color:#333;margin:0 0 1.5rem;font-size:1.1rem}.comparison-section{background-color:#fafafa;border:1px solid #ddd;border-radius:8px;padding:1.5rem}.comparison-section h4{color:#333;margin:0 0 1rem;font-size:1rem}.stat-row{justify-content:space-between;margin-bottom:.75rem;font-size:.95rem;display:flex}.stat-row span{color:#666}.stat-row strong{color:#06c;font-weight:700}@media (width<=768px){.victim-demographics-analysis{padding:1rem}.analysis-header h1{font-size:1.5rem}.analysis-filters{flex-direction:column}.filter-group select{width:100%;min-width:unset}.btn-export{width:100%;margin-left:0}.analysis-tabs{overflow-x:auto}.tab{padding:.75rem 1rem;font-size:.85rem}.analysis-content{padding:1rem}.overview-cards{grid-template-columns:repeat(2,1fr)}.gender-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.comparison-controls{flex-direction:column}.control-group select{width:100%;min-width:unset}.btn-compare{width:100%}.comparison-grid{grid-template-columns:1fr}.data-table{font-size:.9rem}.data-table th,.data-table td{padding:.5rem}}@media (width<=480px){.analysis-header h1{font-size:1.25rem}.overview-cards{grid-template-columns:1fr}.tab{padding:.5rem .75rem;font-size:.75rem}.stats-grid{grid-template-columns:1fr}.card-value{font-size:1.5rem}}.crime-prediction-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:2rem}.crime-prediction-header{text-align:center;margin-bottom:2rem}.crime-prediction-header h1{color:#2c3e50;margin-bottom:.5rem;font-size:2.5rem}.crime-prediction-header p{color:#7f8c8d;font-size:1.1rem}.crime-prediction-filters{background:#fff;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:flex-end;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:grid;box-shadow:0 2px 8px #0000001a}.filter-group label{color:#2c3e50;margin-bottom:.5rem;font-weight:600}.filter-group input,.filter-group select{border:1px solid #bdc3c7;border-radius:4px;padding:.75rem;font-size:1rem;transition:border-color .3s}.filter-group input:focus,.filter-group select:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db1a}.filter-actions{flex-wrap:wrap;gap:.5rem;display:flex}.crime-prediction-tabs{background:#fff;border-radius:8px;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding:1rem;display:flex;box-shadow:0 2px 8px #0000001a}.crime-prediction-content{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.crime-prediction-content h2{color:#2c3e50;margin-bottom:1.5rem;font-size:1.8rem}.crime-prediction-content h3{color:#34495e;margin-bottom:1rem;font-size:1.3rem}.forecast-section{animation:.3s ease-in fadeIn}.forecast-info{background:#ecf0f1;border-radius:4px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1rem;display:grid}.forecast-info p{color:#2c3e50;margin:0}.forecast-chart{margin-bottom:2rem}.chart-placeholder{text-align:center;color:#7f8c8d;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:3rem;display:flex}.forecast-data{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem;display:grid}.forecast-item{background:#fff;border-left:4px solid #3498db;border-radius:4px;padding:1rem}.forecast-trend{background:#ecf0f1;border-left:4px solid #27ae60;border-radius:8px;padding:1.5rem}.trend-info{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.trend-info p{color:#2c3e50;margin:0}.anomalies-section{animation:.3s ease-in fadeIn}.anomalies-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.anomalies-list{margin-top:2rem}.anomalies-list table{border-collapse:collapse;width:100%;margin-top:1rem}.anomalies-list th,.anomalies-list td{text-align:left;border-bottom:1px solid #bdc3c7;padding:.75rem}.anomalies-list th{color:#fff;background:#34495e;font-weight:600}.anomalies-list tr:hover{background:#ecf0f1}.seasonality-section{animation:.3s ease-in fadeIn}.seasonality-strength{background:#ecf0f1;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.seasonality-strength p{color:#2c3e50;margin:0}.seasonality-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.seasonality-card{background:#ecf0f1;border-left:4px solid #e74c3c;border-radius:8px;padding:1.5rem}.seasonality-card h3{color:#2c3e50;margin-top:0}.seasonality-card ul{margin:0;padding:0;list-style:none}.seasonality-card li{color:#34495e;border-bottom:1px solid #bdc3c7;padding:.5rem 0}.seasonality-card li:last-child{border-bottom:none}.seasonality-chart{margin-top:2rem}.trends-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.trends-details{background:#ecf0f1;border-radius:8px;padding:1.5rem}.trends-details p{color:#2c3e50;margin:.5rem 0}.models-section{animation:.3s ease-in fadeIn}.models-table{border-collapse:collapse;width:100%;margin-top:1rem}.models-table th,.models-table td{text-align:left;border-bottom:1px solid #bdc3c7;padding:.75rem}.models-table th{color:#fff;background:#34495e;font-weight:600}.models-table tr:hover{background:#ecf0f1}.crime-prediction-loading,.crime-prediction-error{text-align:center;color:#7f8c8d;padding:2rem;font-size:1.1rem}.crime-prediction-error{color:#e74c3c;background:#fadbd8;border-radius:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.crime-prediction-container{padding:1rem}.crime-prediction-header h1{font-size:1.8rem}.crime-prediction-filters{grid-template-columns:1fr}.filter-actions{grid-column:1/-1}.crime-prediction-tabs{flex-direction:column}.tab{width:100%}.crime-prediction-content{padding:1rem}.anomalies-stats,.trends-stats,.seasonality-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.chart-placeholder{min-height:200px;padding:2rem 1rem}.anomalies-list table,.models-table{font-size:.9rem}.anomalies-list th,.anomalies-list td,.models-table th,.models-table td{padding:.5rem}}@media (width<=480px){.crime-prediction-header h1{font-size:1.5rem}.crime-prediction-header p{font-size:.95rem}.btn-primary,.btn-secondary{padding:.6rem 1rem;font-size:.85rem}.tab{padding:.6rem 1rem;font-size:.9rem}.stat-card h3{font-size:.85rem}.stat-value{font-size:1.3rem}}.profiling-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:2rem}.profiling-header{text-align:center;margin-bottom:2rem}.profiling-header h1{color:#2c3e50;margin-bottom:.5rem;font-size:2.5rem}.profiling-header p{color:#7f8c8d;font-size:1.1rem}.killer-selection{background:#fff;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 2px 8px #0000001a}.killer-selection label{color:#2c3e50;font-weight:600}.killer-selection input{border:1px solid #bdc3c7;border-radius:4px;min-width:150px;padding:.75rem;font-size:1rem}.killer-selection input:focus{border-color:#e74c3c;outline:none;box-shadow:0 0 0 3px #e74c3c1a}.btn-primary{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:4px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.risk-banner{color:#fff;border-radius:8px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 12px #0003}.risk-banner h2{margin:0 0 .5rem;font-size:1.5rem}.risk-banner p{margin:.25rem 0}.risk-critical{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%)}.risk-high{background:linear-gradient(135deg,#e67e22 0%,#d35400 100%)}.risk-moderate{background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%)}.risk-low{background:linear-gradient(135deg,#27ae60 0%,#229954 100%)}.profiling-tabs{background:#fff;border-radius:8px;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding:1rem;display:flex;box-shadow:0 2px 8px #0000001a}.profiling-content{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.profiling-content h2{color:#2c3e50;margin-bottom:1.5rem;font-size:1.8rem}.profiling-content h3{color:#34495e;margin-bottom:1rem;font-size:1.3rem}.behavioral-section{animation:.3s ease-in fadeIn}.behavioral-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.behavioral-card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #667eea4d}.behavioral-card h3{color:#fff;margin-top:0}.behavioral-details{flex-direction:column;gap:.5rem;display:flex}.behavioral-details p{margin:0;font-size:.95rem}.victim-section{animation:.3s ease-in fadeIn}.victim-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card h3{color:#fff;margin:0 0 .5rem;font-size:.95rem}.victim-patterns{margin-bottom:2rem}.patterns-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.pattern-card{background:#ecf0f1;border-left:4px solid #3498db;border-radius:8px;padding:1.5rem}.pattern-card h4{color:#2c3e50;margin-top:0}.pattern-card ul{margin:0;padding:0;list-style:none}.pattern-card li{color:#34495e;border-bottom:1px solid #bdc3c7;padding:.5rem 0}.pattern-card li:last-child{border-bottom:none}.victims-list{margin-top:2rem}.victims-list table{border-collapse:collapse;width:100%;margin-top:1rem}.victims-list th,.victims-list td{text-align:left;border-bottom:1px solid #bdc3c7;padding:.75rem}.victims-list th{color:#fff;background:#34495e;font-weight:600}.victims-list tr:hover{background:#ecf0f1}.geographic-section{animation:.3s ease-in fadeIn}.geographic-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.geographic-center{background:#ecf0f1;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.geographic-center p{color:#2c3e50;margin:0}.map-placeholder{text-align:center;color:#7f8c8d;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;margin-bottom:2rem;padding:3rem;display:flex}.locations-list{margin-top:2rem}.locations-list table{border-collapse:collapse;width:100%;margin-top:1rem}.locations-list th,.locations-list td{text-align:left;border-bottom:1px solid #bdc3c7;padding:.75rem}.locations-list th{color:#fff;background:#34495e;font-weight:600}.locations-list tr:hover{background:#ecf0f1}.temporal-section{animation:.3s ease-in fadeIn}.temporal-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.temporal-timeline{margin-top:2rem}.timeline{padding:1rem 0;position:relative}.timeline:before{content:"";background:#3498db;width:2px;position:absolute;top:0;bottom:0;left:20px}.timeline-item{margin-bottom:1.5rem;display:flex;position:relative}.timeline-marker{background:#3498db;border:3px solid #fff;border-radius:50%;width:40px;height:40px;position:absolute;top:0;left:0;box-shadow:0 0 0 2px #3498db}.timeline-content{background:#ecf0f1;border-radius:4px;margin-left:60px;padding:1rem}.timeline-content p{color:#2c3e50;margin:0}.profile-section{animation:.3s ease-in fadeIn}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.profile-card{background:#ecf0f1;border-left:4px solid #e74c3c;border-radius:8px;padding:1.5rem}.profile-card h3{color:#2c3e50;margin-top:0}.profile-card p{color:#34495e;margin:.5rem 0}.profile-details{margin-top:2rem}.profile-details h3{color:#2c3e50;margin-top:1.5rem;margin-bottom:.5rem}.profile-details p{color:#34495e;line-height:1.6}.similar-section{animation:.3s ease-in fadeIn}.similar-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.similar-card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #667eea4d}.similar-card h3{color:#fff;margin-top:0;font-size:1.1rem}.similarity-score{margin:.5rem 0;font-size:1.3rem;font-weight:700}.similarity-factors{flex-direction:column;gap:.25rem;margin-top:1rem;display:flex}.similarity-factors p{margin:0;font-size:.9rem}.profiling-loading,.profiling-error{text-align:center;color:#7f8c8d;padding:2rem;font-size:1.1rem}.profiling-error{color:#e74c3c;background:#fadbd8;border-radius:8px}@media (width<=768px){.profiling-container{padding:1rem}.profiling-header h1{font-size:1.8rem}.killer-selection{flex-direction:column;align-items:stretch}.killer-selection input{min-width:auto}.btn-primary{width:100%}.profiling-tabs{flex-direction:column}.tab{width:100%}.profiling-content{padding:1rem}.behavioral-grid,.victim-stats,.geographic-stats,.temporal-stats,.profile-grid,.patterns-grid,.similar-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.victims-list table,.locations-list table{font-size:.9rem}.victims-list th,.victims-list td,.locations-list th,.locations-list td{padding:.5rem}.map-placeholder{min-height:200px;padding:2rem 1rem}}@media (width<=480px){.profiling-header h1{font-size:1.5rem}.profiling-header p{font-size:.95rem}.btn-primary{padding:.6rem 1rem;font-size:.85rem}.tab{padding:.6rem 1rem;font-size:.9rem}.stat-card h3{font-size:.85rem}.stat-value{font-size:1.3rem}.risk-banner h2{font-size:1.2rem}.risk-banner p{font-size:.9rem}}.comparative-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:2rem}.comparative-header{text-align:center;margin-bottom:2rem}.comparative-header h1{color:#2c3e50;margin-bottom:.5rem;font-size:2.5rem}.comparative-header p{color:#7f8c8d;font-size:1.1rem}.comparative-filters{background:#fff;border-radius:8px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.filter-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.filter-group{flex-direction:column;display:flex}.filter-group label{color:#2c3e50;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.filter-group input{border:1px solid #bdc3c7;border-radius:4px;margin-bottom:.5rem;padding:.75rem;font-size:.95rem;transition:border-color .3s}.filter-group input:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db1a}.filter-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.btn-primary{color:#fff;background:#3498db}.btn-primary:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.btn-secondary{color:#2c3e50;background:#ecf0f1}.comparative-tabs{background:#fff;border-radius:8px;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding:1rem;display:flex;box-shadow:0 2px 8px #0000001a}.tab{color:#2c3e50;cursor:pointer;background:#ecf0f1;border:2px solid #0000;border-radius:4px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.tab:hover{background:#bdc3c7}.tab.active{color:#fff;background:#3498db;border-color:#2980b9}.comparative-content{background:#fff;border-radius:8px;min-height:400px;padding:2rem;box-shadow:0 2px 8px #0000001a}.comparative-content h2{color:#2c3e50;margin-bottom:1.5rem;font-size:1.8rem}.comparative-content h3{color:#34495e;margin-bottom:1rem;font-size:1.3rem}.loading,.error{text-align:center;padding:2rem;font-size:1.1rem}.loading{color:#7f8c8d}.error{color:#e74c3c;background:#fadbd8;border-radius:8px}.regions-section,.crime-types-section{animation:.3s ease-in fadeIn}.comparison-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.comparison-card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #667eea4d}.comparison-card h3{color:#fff;margin-top:0}.summary{flex-direction:column;gap:.5rem;display:flex}.summary p{margin:0;font-size:.95rem}.time-periods-section{animation:.3s ease-in fadeIn}.periods-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.period-card{background:#ecf0f1;border-left:4px solid #3498db;border-radius:8px;padding:1.5rem}.period-card h3{color:#2c3e50;margin-top:0}.period-card p{color:#34495e;margin:.5rem 0}.change-percentage{color:#fff;text-align:center;background:linear-gradient(135deg,#27ae60 0%,#229954 100%);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.change-percentage h3{color:#fff;margin:0}.comparison-table{margin-top:2rem;overflow-x:auto}.comparison-table table{border-collapse:collapse;width:100%}.comparison-table th,.comparison-table td{text-align:left;border-bottom:1px solid #bdc3c7;padding:.75rem}.comparison-table th{color:#fff;background:#34495e;font-weight:600}.comparison-table tr:hover{background:#ecf0f1}.benchmarks-section{animation:.3s ease-in fadeIn}.benchmarks-table{border-collapse:collapse;width:100%;margin-top:1rem}.benchmarks-table th,.benchmarks-table td{text-align:left;border-bottom:1px solid #bdc3c7;padding:.75rem}.benchmarks-table th{color:#fff;background:#34495e;font-weight:600}.benchmarks-table tr:hover{background:#ecf0f1}.metrics-section{animation:.3s ease-in fadeIn}.metrics-table{border-collapse:collapse;width:100%;margin-top:1rem}.metrics-table th,.metrics-table td{text-align:left;border-bottom:1px solid #bdc3c7;padding:.75rem}.metrics-table th{color:#fff;background:#34495e;font-weight:600}.metrics-table tr:hover{background:#ecf0f1}.trends-section{animation:.3s ease-in fadeIn}.trends-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.trend-card{background:#ecf0f1;border-left:4px solid #e74c3c;border-radius:8px;padding:1.5rem}.trend-card h3{color:#2c3e50;margin-top:0}.trend-card p{color:#34495e;margin:.5rem 0}.trend-data{border-top:1px solid #bdc3c7;margin-top:1rem;padding-top:1rem}.trend-data p{margin:.25rem 0;font-size:.9rem}.report-section{animation:.3s ease-in fadeIn}.report-info{background:#ecf0f1;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.report-info p{color:#2c3e50;margin:.5rem 0}.report-overview{margin-top:2rem}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.overview-item{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;padding:1.5rem}.overview-item p{margin:0;font-size:.95rem}@media (width<=768px){.comparative-container{padding:1rem}.comparative-header h1{font-size:1.8rem}.filter-row{grid-template-columns:1fr}.filter-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.comparative-tabs{flex-direction:column}.tab{width:100%}.comparative-content{padding:1rem}.comparison-grid,.periods-grid,.trends-grid,.overview-grid{grid-template-columns:1fr}.benchmarks-table,.metrics-table,.comparison-table table{font-size:.9rem}.benchmarks-table th,.benchmarks-table td,.metrics-table th,.metrics-table td,.comparison-table th,.comparison-table td{padding:.5rem}}@media (width<=480px){.comparative-header h1{font-size:1.5rem}.comparative-header p{font-size:.95rem}.filter-group label{font-size:.85rem}.filter-group input{font-size:.9rem}.btn-primary,.btn-secondary{padding:.6rem 1rem;font-size:.85rem}.tab{padding:.6rem 1rem;font-size:.9rem}.comparison-card,.period-card,.trend-card,.overview-item{padding:1rem}.comparison-card h3,.period-card h3,.trend-card h3{font-size:1rem}.summary p,.period-card p,.trend-card p{font-size:.85rem}}.resource-hub{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:20px}.resource-hub .header{text-align:center;margin-bottom:30px}.resource-hub .header h1{color:#2c3e50;margin:0 0 10px;font-size:2.5rem;font-weight:700}.resource-hub .header p{color:#555;margin:0;font-size:1.1rem}.resource-hub .error-message{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;margin-bottom:20px;padding:12px 20px;font-size:.95rem}.resource-hub .statistics-bar{background:#fff;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:25px;padding:20px;display:grid;box-shadow:0 2px 4px #0000001a}.resource-hub .stat-item{text-align:center;flex-direction:column;align-items:center;display:flex}.resource-hub .stat-label{color:#666;margin-bottom:5px;font-size:.85rem;font-weight:600}.resource-hub .stat-value{color:#3498db;font-size:2rem;font-weight:700}.resource-hub .tabs{background:#fff;border-radius:8px;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:10px;display:flex;box-shadow:0 2px 4px #0000001a}.resource-hub .tab-button{color:#333;cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:4px;padding:10px 20px;font-size:.95rem;font-weight:500;transition:all .3s}.resource-hub .tab-button:hover{color:#3498db;border-color:#3498db}.resource-hub .tab-button.active{color:#fff;background:#3498db;border-color:#3498db}.resource-hub .tab-container{background:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a}.resource-hub .tab-content{animation:.3s fadeIn}.resource-hub .library-header{border-bottom:2px solid #ecf0f1;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.resource-hub .library-header h3{color:#2c3e50;margin:0;font-size:1.5rem}.resource-hub .add-resource-form{background:#f8f9fa;border-left:4px solid #3498db;border-radius:6px;margin-bottom:25px;padding:20px}.resource-hub .add-resource-form h4{color:#2c3e50;margin-top:0}.resource-hub .form-group{margin-bottom:15px}.resource-hub .form-group label{color:#2c3e50;margin-bottom:5px;font-size:.9rem;font-weight:600;display:block}.resource-hub .form-group input,.resource-hub .form-group textarea,.resource-hub .form-group select{border:1px solid #ddd;border-radius:4px;width:100%;padding:10px;font-family:inherit;font-size:.95rem;transition:border-color .3s}.resource-hub .form-group input:focus,.resource-hub .form-group textarea:focus,.resource-hub .form-group select:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db1a}.resource-hub .form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.resource-hub .btn-save{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:4px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .3s}.resource-hub .btn-save:hover{background:#229954;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.resource-hub .filter-section{background:#f8f9fa;border-left:4px solid #3498db;border-radius:6px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px;padding:15px;display:grid}.resource-hub .filter-group{flex-direction:column;display:flex}.resource-hub .filter-group label{color:#2c3e50;margin-bottom:5px;font-size:.9rem;font-weight:600}.resource-hub .filter-group select{border:1px solid #ddd;border-radius:4px;padding:10px;font-size:.95rem;transition:border-color .3s}.resource-hub .filter-group select:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db1a}.resource-hub .filter-section button{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:4px;align-self:flex-end;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .3s}.resource-hub .filter-section button:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.resource-hub .btn-primary{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:4px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .3s}.resource-hub .btn-primary:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.resource-hub .btn-secondary{color:#fff;cursor:pointer;background:#95a5a6;border:none;border-radius:4px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .3s}.resource-hub .btn-secondary:hover{background:#7f8c8d;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.resource-hub .search-section{margin-bottom:25px}.resource-hub .search-section h3{color:#2c3e50;margin-bottom:15px}.resource-hub .search-bar{gap:10px;display:flex}.resource-hub .search-bar input{border:1px solid #ddd;border-radius:4px;flex:1;padding:12px;font-size:.95rem;transition:border-color .3s}.resource-hub .search-bar input:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db1a}.resource-hub .resources-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px;display:grid}.resource-hub .resource-card{background:#fff;border:1px solid #ecf0f1;border-radius:8px;padding:20px;transition:all .3s;box-shadow:0 2px 4px #0000001a}.resource-hub .resource-card:hover{border-color:#3498db;transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.resource-hub .resource-card.recommended{background:linear-gradient(135deg,#fff9e6 0%,#fff 100%);border-left:4px solid #f39c12}.resource-hub .resource-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.resource-hub .resource-header h4{color:#2c3e50;flex:1;margin:0;font-size:1.1rem}.resource-hub .badge{color:#fff;white-space:nowrap;background:#3498db;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.resource-hub .badge.training{background:#27ae60}.resource-hub .badge.practice{background:#e74c3c}.resource-hub .resource-category{color:#7f8c8d;margin:5px 0;font-size:.85rem;font-weight:600}.resource-hub .resource-description{color:#555;margin:10px 0;font-size:.9rem;line-height:1.5}.resource-hub .resource-link{color:#3498db;margin-top:10px;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s;display:inline-block}.resource-hub .resource-link:hover{color:#2980b9}.resource-hub .resource-date{color:#95a5a6;margin-top:10px;font-size:.8rem}.resource-hub .recommendation-reason{color:#f39c12;margin:10px 0;font-size:.85rem;font-weight:600}.resource-hub .score-bar{background:#ecf0f1;border-radius:3px;width:100%;height:6px;margin:10px 0;overflow:hidden}.resource-hub .score-fill{background:linear-gradient(90deg,#3498db,#2980b9);height:100%;transition:width .3s}.resource-hub .empty-state{text-align:center;color:#7f8c8d;padding:40px 20px}.resource-hub .empty-state p{margin:0;font-size:1.1rem}.resource-hub .loading{text-align:center;color:#3498db;padding:40px 20px;font-size:1.1rem;font-weight:600}@media (width<=768px){.resource-hub{padding:15px}.resource-hub .header h1{font-size:1.8rem}.resource-hub .tabs{flex-direction:column}.resource-hub .tab-button{width:100%}.resource-hub .filter-section{grid-template-columns:1fr}.resource-hub .filter-section button{align-self:stretch}.resource-hub .resources-grid,.resource-hub .form-row{grid-template-columns:1fr}.resource-hub .search-bar{flex-direction:column}.resource-hub .search-bar button{width:100%}.resource-hub .statistics-bar{grid-template-columns:1fr}}@media (width<=480px){.resource-hub .header h1{font-size:1.4rem}.resource-hub .header p{font-size:.9rem}.resource-hub .resource-card{padding:15px}.resource-hub .resource-header h4{font-size:.95rem}.resource-hub .badge{padding:3px 8px;font-size:.7rem}}.crowdsourced-hub{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:20px}.crowdsourced-hub .header{text-align:center;margin-bottom:30px}.crowdsourced-hub .header h1{color:#2c3e50;margin:0 0 10px;font-size:2.5rem;font-weight:700}.crowdsourced-hub .header p{color:#555;margin:0;font-size:1.1rem}.crowdsourced-hub .error-message{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;margin-bottom:20px;padding:12px 20px;font-size:.95rem}.crowdsourced-hub .tabs{background:#fff;border-radius:8px;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:10px;display:flex;box-shadow:0 2px 4px #0000001a}.crowdsourced-hub .tab-button{color:#333;cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:4px;padding:10px 20px;font-size:.95rem;font-weight:500;transition:all .3s}.crowdsourced-hub .tab-button:hover{color:#3498db;border-color:#3498db}.crowdsourced-hub .tab-button.active{color:#fff;background:#3498db;border-color:#3498db}.crowdsourced-hub .tab-container{background:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a}.crowdsourced-hub .tab-content{animation:.3s fadeIn}.crowdsourced-hub .submit-section{max-width:600px}.crowdsourced-hub .submit-section h3{color:#2c3e50;margin-bottom:10px}.crowdsourced-hub .subtitle{color:#7f8c8d;margin-bottom:20px;font-size:.95rem}.crowdsourced-hub .form-group{margin-bottom:15px}.crowdsourced-hub .form-group label{color:#2c3e50;margin-bottom:5px;font-size:.9rem;font-weight:600;display:block}.crowdsourced-hub .form-group input,.crowdsourced-hub .form-group textarea,.crowdsourced-hub .form-group select{border:1px solid #ddd;border-radius:4px;width:100%;padding:10px;font-family:inherit;font-size:.95rem;transition:border-color .3s}.crowdsourced-hub .form-group input:focus,.crowdsourced-hub .form-group textarea:focus,.crowdsourced-hub .form-group select:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db1a}.crowdsourced-hub .btn-primary{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:4px;padding:12px 30px;font-size:.95rem;font-weight:600;transition:all .3s}.crowdsourced-hub .btn-primary:hover:not(:disabled){background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.crowdsourced-hub .btn-primary:disabled{cursor:not-allowed;background:#95a5a6}.crowdsourced-hub .btn-secondary{color:#fff;cursor:pointer;background:#95a5a6;border:none;border-radius:4px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .3s}.crowdsourced-hub .btn-secondary:hover{background:#7f8c8d;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.crowdsourced-hub .submissions-list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px;display:grid}.crowdsourced-hub .submission-card{background:#fff;border:1px solid #ecf0f1;border-radius:8px;padding:20px;transition:all .3s;box-shadow:0 2px 4px #0000001a}.crowdsourced-hub .submission-card:hover{border-color:#3498db;transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.crowdsourced-hub .submission-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.crowdsourced-hub .submission-header h4{color:#2c3e50;flex:1;margin:0;font-size:1.1rem}.crowdsourced-hub .badge{white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.crowdsourced-hub .badge.pending{color:#856404;background:#fff3cd}.crowdsourced-hub .badge.verified{color:#155724;background:#d4edda}.crowdsourced-hub .badge.rejected{color:#721c24;background:#f8d7da}.crowdsourced-hub .submission-location,.crowdsourced-hub .submission-date{color:#7f8c8d;margin:5px 0;font-size:.9rem}.crowdsourced-hub .submission-description{color:#555;margin:10px 0;font-size:.9rem;line-height:1.5}.crowdsourced-hub .evidence-link{color:#3498db;margin-top:10px;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s;display:inline-block}.crowdsourced-hub .evidence-link:hover{color:#2980b9}.crowdsourced-hub .quality-score{color:#2c3e50;margin:10px 0;font-size:.9rem}.crowdsourced-hub .quality-score strong{color:#3498db;font-size:1.1rem}.crowdsourced-hub .verification-notes{color:#7f8c8d;margin:10px 0;font-size:.85rem;font-style:italic}.crowdsourced-hub .verification-controls{border-top:1px solid #ecf0f1;margin-top:15px;padding-top:15px}.crowdsourced-hub .quality-slider{width:100%;margin-bottom:10px}.crowdsourced-hub .button-group{gap:10px;display:flex}.crowdsourced-hub .btn-approve,.crowdsourced-hub .btn-reject{cursor:pointer;border:none;border-radius:4px;flex:1;padding:10px;font-size:.9rem;font-weight:600;transition:all .3s}.crowdsourced-hub .btn-approve{color:#fff;background:#27ae60}.crowdsourced-hub .btn-approve:hover{background:#229954;transform:translateY(-2px)}.crowdsourced-hub .btn-reject{color:#fff;background:#e74c3c}.crowdsourced-hub .btn-reject:hover{background:#c0392b;transform:translateY(-2px)}.crowdsourced-hub .filter-section{gap:10px;margin-bottom:20px;display:flex}.crowdsourced-hub .filter-section select{border:1px solid #ddd;border-radius:4px;flex:1;padding:10px;font-size:.95rem}.crowdsourced-hub .leaderboard-list{flex-direction:column;gap:15px;margin-top:20px;display:flex}.crowdsourced-hub .leaderboard-entry{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;align-items:center;gap:20px;padding:15px;transition:all .3s;display:flex}.crowdsourced-hub .leaderboard-entry:hover{background:#ecf0f1;transform:translate(5px)}.crowdsourced-hub .leaderboard-entry.rank-1{background:linear-gradient(135deg,#fff9e6 0%,#f8f9fa 100%);border-left-color:#f39c12}.crowdsourced-hub .leaderboard-entry.rank-2{border-left-color:#95a5a6}.crowdsourced-hub .leaderboard-entry.rank-3{border-left-color:#cd7f32}.crowdsourced-hub .rank-badge{color:#3498db;text-align:center;min-width:50px;font-size:1.5rem;font-weight:700}.crowdsourced-hub .leaderboard-entry.rank-1 .rank-badge{color:#f39c12}.crowdsourced-hub .user-info{flex:1}.crowdsourced-hub .user-info h4{color:#2c3e50;margin:0;font-size:1rem}.crowdsourced-hub .rank-title{color:#7f8c8d;margin:5px 0 0;font-size:.85rem;font-weight:600}.crowdsourced-hub .stats{gap:20px;display:flex}.crowdsourced-hub .stat{text-align:center;flex-direction:column;align-items:center;display:flex}.crowdsourced-hub .stat .label{color:#7f8c8d;margin-bottom:3px;font-size:.75rem;font-weight:600}.crowdsourced-hub .stat .value{color:#2c3e50;font-size:1.2rem;font-weight:700}.crowdsourced-hub .dashboard-section h3{color:#2c3e50;margin-bottom:20px}.crowdsourced-hub .stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px;display:grid}.crowdsourced-hub .stat-card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;padding:20px;transition:transform .3s;box-shadow:0 4px 6px #0000001a}.crowdsourced-hub .stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.crowdsourced-hub .stat-card h4,.crowdsourced-hub .stat-card h5{opacity:.9;margin:0 0 10px;font-size:.95rem}.crowdsourced-hub .stat-value{margin:10px 0;font-size:2rem;font-weight:700}.crowdsourced-hub .stat-label{opacity:.8;margin:0;font-size:.85rem}.crowdsourced-hub .verification-stats{border-top:2px solid #ecf0f1;margin-top:30px;padding-top:30px}.crowdsourced-hub .verification-stats h4{color:#2c3e50;margin-bottom:15px}.crowdsourced-hub .empty-state{text-align:center;color:#7f8c8d;padding:40px 20px}.crowdsourced-hub .empty-state p{margin:0;font-size:1.1rem}.crowdsourced-hub .loading{text-align:center;color:#3498db;padding:40px 20px;font-size:1.1rem;font-weight:600}@media (width<=768px){.crowdsourced-hub{padding:15px}.crowdsourced-hub .header h1{font-size:1.8rem}.crowdsourced-hub .tabs{flex-direction:column}.crowdsourced-hub .tab-button{width:100%}.crowdsourced-hub .submissions-list{grid-template-columns:1fr}.crowdsourced-hub .leaderboard-entry{flex-wrap:wrap}.crowdsourced-hub .stats{flex-wrap:wrap;gap:10px}.crowdsourced-hub .stats-grid{grid-template-columns:1fr}.crowdsourced-hub .button-group{flex-direction:column}.crowdsourced-hub .btn-approve,.crowdsourced-hub .btn-reject{width:100%}}@media (width<=480px){.crowdsourced-hub .header h1{font-size:1.4rem}.crowdsourced-hub .header p{font-size:.9rem}.crowdsourced-hub .submission-card,.crowdsourced-hub .stat-card{padding:15px}.crowdsourced-hub .stat-value{font-size:1.5rem}.crowdsourced-hub .leaderboard-entry{gap:10px;padding:10px}.crowdsourced-hub .rank-badge{min-width:40px;font-size:1.2rem}}.research-paper-library{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:20px}.library-header{text-align:center;color:#2c3e50;margin-bottom:30px}.library-header h1{margin:0 0 10px;font-size:2.5em;font-weight:700}.library-header p{color:#7f8c8d;margin:0;font-size:1.1em}.library-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;display:flex}.search-form{gap:10px;margin-bottom:20px;display:flex}.search-input:focus{border-color:#3498db;outline:none}.search-button{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:5px;padding:12px 30px;font-weight:600;transition:background .3s}.search-button:hover{background:#2980b9}.filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-input,.filter-select{border:2px solid #ecf0f1;border-radius:5px;padding:10px 15px;font-size:.95em;transition:border-color .3s}.filter-input:focus,.filter-select:focus{border-color:#3498db;outline:none}.export-button{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:5px;padding:10px 20px;font-weight:600;transition:background .3s}.export-button:hover{background:#229954}.papers-list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:20px;display:grid}.paper-card{cursor:pointer;background:#f8f9fa;border:2px solid #ecf0f1;border-radius:8px;padding:20px;transition:all .3s}.paper-card:hover{border-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 12px #3498db33}.paper-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.paper-header h3{color:#2c3e50;flex:1;margin:0;font-size:1.1em}.citation-count{color:#fff;white-space:nowrap;background:#3498db;border-radius:20px;padding:5px 10px;font-size:.85em;font-weight:600}.paper-authors{color:#7f8c8d;margin:5px 0;font-size:.95em}.paper-journal{color:#95a5a6;margin:5px 0;font-size:.9em}.paper-abstract{color:#34495e;margin:10px 0;font-size:.95em;line-height:1.5}.paper-actions{gap:10px;margin-top:15px;display:flex}.view-button,.author-button{cursor:pointer;border:none;border-radius:5px;flex:1;padding:8px 12px;font-size:.9em;font-weight:600;transition:all .3s}.author-button{color:#fff;background:#9b59b6}.author-button:hover{background:#8e44ad}.paper-details{max-width:900px;margin:0 auto}.paper-details h2{color:#2c3e50;margin-bottom:10px;font-size:2em}.paper-details .authors{color:#7f8c8d;margin-bottom:5px;font-size:1.1em}.paper-details .journal-info{color:#95a5a6;margin-bottom:20px;font-size:.95em}.abstract-section,.citations-section,.recommendations-section{border-bottom:2px solid #ecf0f1;margin-bottom:30px;padding-bottom:30px}.abstract-section h3,.citations-section h3,.recommendations-section h3{color:#2c3e50;margin-bottom:15px;font-size:1.3em}.abstract-section p{color:#34495e;font-size:1em;line-height:1.8}.metadata{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px;display:grid}.meta-item{background:#f8f9fa;border-left:4px solid #3498db;border-radius:5px;padding:15px}.meta-item strong{color:#2c3e50;margin-bottom:5px;display:block}.meta-item a{color:#3498db;text-decoration:none}.meta-item a:hover{text-decoration:underline}.citation-formats{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.citation-format{background:#f8f9fa;border:2px solid #ecf0f1;border-radius:5px;padding:15px}.citation-format h4{color:#2c3e50;margin-top:0;margin-bottom:10px}.citation-format pre{color:#34495e;background:#fff;border-radius:3px;margin:10px 0;padding:10px;font-size:.85em;overflow-x:auto}.copy-button{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:3px;width:100%;padding:8px;font-weight:600;transition:background .3s}.copy-button:hover{background:#229954}.recommendations-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;display:grid}.recommendation-item{background:#f8f9fa;border:2px solid #ecf0f1;border-radius:5px;padding:15px;transition:all .3s}.recommendation-item:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db1a}.recommendation-item h4{color:#2c3e50;margin:0 0 8px;font-size:.95em}.recommendation-item p{color:#7f8c8d;margin:0 0 10px;font-size:.85em}.author-profile{max-width:900px;margin:0 auto}.author-profile h2{color:#2c3e50;margin-bottom:20px;font-size:2em}.author-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:30px;display:grid}.stat{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;padding:20px}.stat strong{margin-bottom:5px;font-size:2em;display:block}.stat span{opacity:.9;font-size:.9em}.author-section{border-bottom:2px solid #ecf0f1;margin-bottom:30px;padding-bottom:30px}.author-section h3{color:#2c3e50;margin-bottom:15px;font-size:1.3em}.journals-list,.keywords-list{flex-wrap:wrap;gap:10px;display:flex}.journal-tag,.keyword-tag{color:#2c3e50;background:#ecf0f1;border-radius:20px;padding:8px 15px;font-size:.9em;transition:all .3s}.journal-tag:hover,.keyword-tag:hover{color:#fff;background:#3498db}.publications-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;display:grid}.publication-item{background:#f8f9fa;border:2px solid #ecf0f1;border-radius:5px;padding:15px;transition:all .3s}.publication-item:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db1a}.publication-item h4{color:#2c3e50;margin:0 0 8px;font-size:.95em}.publication-item p{color:#7f8c8d;margin:0 0 10px;font-size:.85em}.statistics{max-width:1000px;margin:0 auto}.most-cited-list{gap:15px;display:grid}.cited-item{background:#f8f9fa;border-left:4px solid #f39c12;border-radius:5px;align-items:center;gap:15px;padding:15px;display:flex}.rank{color:#fff;background:#f39c12;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.cited-info{flex:1}.cited-info h4{color:#2c3e50;margin:0 0 5px}.cited-info p{color:#7f8c8d;margin:0;font-size:.9em}.year-stats{gap:15px;display:grid}.year-item{align-items:center;gap:15px;display:flex}.year{color:#2c3e50;width:50px;font-weight:600}@media (width<=768px){.research-paper-library{padding:15px}.library-header h1{font-size:1.8em}.tab-content{padding:20px}.search-form,.filters{flex-direction:column}.filter-input,.filter-select,.export-button{width:100%}.papers-list{grid-template-columns:1fr}.paper-header,.paper-actions{flex-direction:column}.citation-formats,.author-stats,.stats-grid{grid-template-columns:1fr}.pagination{flex-direction:column;gap:10px}.pagination button{width:100%}}.educational-hub{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:20px}.hub-header{text-align:center;color:#2c3e50;margin-bottom:30px}.hub-header h1{margin:0 0 10px;font-size:2.5em;font-weight:700}.hub-header p{color:#7f8c8d;margin:0;font-size:1.1em}.hub-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;display:flex}.tab-button{color:#3498db;cursor:pointer;background:#fff;border:2px solid #3498db;border-radius:5px;padding:10px 20px;font-weight:600;transition:all .3s}.tab-button:hover:not(:disabled){color:#fff;background:#3498db;transform:translateY(-2px)}.tab-button.active{color:#fff;background:#3498db}.tab-button:disabled{opacity:.5;cursor:not-allowed}.tab-content{background:#fff;border-radius:10px;padding:30px;box-shadow:0 4px 6px #0000001a}.filters{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.filter-select,.filter-input{border:2px solid #ecf0f1;border-radius:5px;padding:10px 15px;font-size:.95em;transition:border-color .3s}.filter-select:focus,.filter-input:focus{border-color:#3498db;outline:none}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:20px;display:grid}.course-card{background:#f8f9fa;border:2px solid #ecf0f1;border-radius:8px;padding:20px;transition:all .3s}.course-card:hover{border-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 12px #3498db33}.course-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.course-header h3{color:#2c3e50;flex:1;margin:0;font-size:1.1em}.level-badge{color:#fff;white-space:nowrap;background:#3498db;border-radius:20px;padding:5px 10px;font-size:.8em;font-weight:600}.course-description{color:#34495e;margin:10px 0;font-size:.95em;line-height:1.5}.course-meta{color:#7f8c8d;gap:15px;margin:10px 0;font-size:.9em;display:flex}.course-actions{gap:10px;margin-top:15px;display:flex}.view-button,.enroll-button,.continue-button,.start-button,.download-button{cursor:pointer;border:none;border-radius:5px;flex:1;padding:8px 12px;font-size:.9em;font-weight:600;transition:all .3s}.view-button{color:#fff;background:#3498db}.enroll-button,.continue-button,.start-button{color:#fff;background:#27ae60}.enroll-button:hover,.continue-button:hover,.start-button:hover{background:#229954}.download-button{color:#fff;background:#f39c12}.download-button:hover{background:#e67e22}.my-courses-list{gap:15px;display:grid}.my-course-item{background:#f8f9fa;border:2px solid #ecf0f1;border-radius:8px;align-items:center;gap:20px;padding:20px;transition:all .3s;display:flex}.my-course-item:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db1a}.course-info{flex:1}.course-info h3{color:#2c3e50;margin:0 0 5px}.course-info p{color:#7f8c8d;margin:0 0 10px;font-size:.9em}.course-info .course-meta{margin:0}.progress-section{flex:0 0 200px}.progress-bar{background:#ecf0f1;border-radius:4px;height:8px;margin-bottom:5px;overflow:hidden}.progress-text{color:#7f8c8d;font-size:.85em;font-weight:600}.course-details{max-width:900px;margin:0 auto}.course-details h2{color:#2c3e50;margin-bottom:10px;font-size:2em}.course-details .course-description{color:#34495e;margin-bottom:20px;font-size:1em;line-height:1.8}.course-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px;display:grid}.info-item{background:#f8f9fa;border-left:4px solid #3498db;border-radius:5px;padding:15px}.info-item strong{color:#2c3e50;margin-bottom:5px;display:block}.modules-section{border-bottom:2px solid #ecf0f1;margin-bottom:30px;padding-bottom:30px}.modules-section h3{color:#2c3e50;margin-bottom:15px;font-size:1.3em}.modules-list{gap:15px;display:grid}.module-item{background:#f8f9fa;border-left:4px solid #f39c12;border-radius:5px;gap:15px;padding:15px;display:flex}.module-number{color:#fff;background:#f39c12;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.module-info{flex:1}.module-info h4{color:#2c3e50;margin:0 0 5px}.module-info p{color:#7f8c8d;margin:0 0 8px;font-size:.9em}.module-info .duration{color:#2c3e50;background:#ecf0f1;border-radius:3px;padding:3px 8px;font-size:.85em;display:inline-block}.certificates-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.certificate-item{color:#fff;text-align:center;background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);border-radius:8px;padding:30px;transition:all .3s;box-shadow:0 4px 12px #f39c124d}.certificate-item:hover{transform:translateY(-5px);box-shadow:0 8px 16px #f39c1266}.certificate-icon{margin-bottom:10px;font-size:3em}.certificate-info h3{margin:10px 0 5px;font-size:1.2em}.certificate-info p{opacity:.9;margin:5px 0;font-size:.9em}.path-card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;padding:25px;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.path-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #667eea66}.path-card h3{margin:0 0 10px;font-size:1.3em}.path-card p{opacity:.9;margin:0 0 15px;font-size:.95em}.path-meta{gap:10px;margin-bottom:15px;font-size:.9em;display:flex}.path-meta .level,.path-meta .duration{background:#fff3;border-radius:3px;padding:5px 10px}.path-courses{border-bottom:1px solid #fff3;margin-bottom:15px;padding-bottom:15px}.path-courses h4{margin:0 0 10px;font-size:.95em}.path-courses ul{margin:0;padding-left:20px;font-size:.9em}.path-courses li{margin:5px 0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:30px;display:grid}.stat-card{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;padding:25px;box-shadow:0 4px 6px #0000001a}.stat-card h3{opacity:.9;margin:0 0 10px;font-size:1em}.stat-value{margin:0;font-size:2.5em;font-weight:700}.stats-section{border-bottom:2px solid #ecf0f1;margin-bottom:30px;padding-bottom:30px}.stats-section h3{color:#2c3e50;margin-bottom:15px;font-size:1.3em}.level-stats{gap:15px;display:grid}.level-item{align-items:center;gap:15px;display:flex}.level-name{color:#2c3e50;width:100px;font-weight:600}.bar{background:linear-gradient(90deg,#3498db,#2980b9);border-radius:3px;flex:1;min-width:50px;height:30px}.count{text-align:right;color:#2c3e50;width:50px;font-weight:600}.loading{text-align:center;color:#7f8c8d;padding:40px;font-size:1.1em}.error-message{color:#fff;background:#e74c3c;border-radius:5px;margin-bottom:20px;padding:15px;font-weight:600}.no-results{text-align:center;color:#7f8c8d;padding:40px;font-size:1.1em}.pagination{border-top:2px solid #ecf0f1;justify-content:center;align-items:center;gap:20px;margin-top:30px;padding-top:20px;display:flex}.pagination button{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:5px;padding:10px 20px;font-weight:600;transition:background .3s}.pagination button:hover:not(:disabled){background:#2980b9}.pagination button:disabled{cursor:not-allowed;background:#bdc3c7}.pagination span{color:#7f8c8d;font-weight:600}@media (width<=768px){.educational-hub{padding:15px}.hub-header h1{font-size:1.8em}.tab-content{padding:20px}.courses-grid{grid-template-columns:1fr}.my-course-item{flex-direction:column;align-items:flex-start}.progress-section{flex:1;width:100%}.course-actions{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}.pagination{flex-direction:column;gap:10px}.pagination button{width:100%}}.knowledge-check-container{border-radius:var(--radius,8px);background:#fff;max-width:800px;margin:0 auto;padding:2rem;box-shadow:0 1px 3px #0000001a}.check-header{border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding-bottom:1.5rem}.check-header h2{color:#1e293b;margin:0 0 .5rem;font-size:1.75rem}.check-description{color:#64748b;margin:.5rem 0 1rem;font-size:.95rem}.difficulty-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;display:inline-block}.difficulty-badge[data-difficulty=beginner]{color:#065f46;background:#d1fae5}.difficulty-badge[data-difficulty=intermediate]{color:#92400e;background:#fef3c7}.difficulty-badge[data-difficulty=advanced]{color:#991b1b;background:#fee2e2}.progress-section{margin-bottom:2rem}.progress-text{color:#64748b;text-align:right;font-size:.85rem;display:block}.question-section{margin:2rem 0}.question-text{color:#1e293b;margin:0 0 1.5rem;font-size:1.25rem;line-height:1.6}.options-list{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.option-item{cursor:pointer;border:2px solid #e2e8f0;border-radius:8px;align-items:center;padding:1rem;transition:all .2s;display:flex}.option-item:hover{background:#f0f9ff;border-color:#3b82f6}.option-item input[type=radio]{cursor:pointer;width:18px;height:18px;margin-right:1rem}.option-item input[type=radio]:checked+.option-text{color:#3b82f6;font-weight:600}.option-text{color:#1e293b;flex:1;font-size:1rem}.hint-section{background:#f0f9ff;border-left:4px solid #3b82f6;border-radius:4px;margin-top:1rem;padding:1rem}.hint-section details{cursor:pointer}.hint-section summary{color:#3b82f6;-webkit-user-select:none;user-select:none;font-weight:600}.hint-section p{color:#64748b;margin:.5rem 0 0;font-size:.95rem}.navigation-buttons{justify-content:space-between;gap:1rem;margin:2rem 0 1rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background:#3b82f6;flex:1}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-primary:disabled{cursor:not-allowed;background:#cbd5e1}.btn-secondary{color:#3b82f6;background:#fff;border:2px solid #3b82f6}.btn-secondary:hover:not(:disabled){background:#f0f9ff}.btn-secondary:disabled{color:#cbd5e1;cursor:not-allowed;border-color:#cbd5e1}.answered-indicator{text-align:center;color:#64748b;margin-top:1rem;font-size:.9rem}.results-section{text-align:center}.score-display{margin:2rem 0}.score-circle{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;margin:0 auto 1.5rem;display:flex;box-shadow:0 8px 24px #3b82f64d}.score-value{color:#fff;font-size:3rem;font-weight:700}.score-display h3{color:#1e293b;margin:1rem 0 .5rem;font-size:1.5rem}.score-message{color:#64748b;margin:.5rem 0 2rem;font-size:1rem}.results-breakdown{text-align:left;background:#f8fafc;border-radius:8px;margin:2rem 0;padding:1.5rem}.results-breakdown h4{color:#1e293b;margin:0 0 1rem}.breakdown-list{flex-direction:column;gap:.75rem;display:flex}.breakdown-item{background:#fff;border-left:4px solid #e2e8f0;border-radius:6px;align-items:center;gap:1rem;padding:.75rem;display:flex}.breakdown-item.correct{background:#f0fdf4;border-left-color:#10b981}.breakdown-item.incorrect{background:#fef2f2;border-left-color:#ef4444}.question-number{color:#64748b;min-width:40px;font-weight:600}.question-preview{color:#1e293b;flex:1;font-size:.9rem}.result-icon{font-size:1.2rem;font-weight:700}.breakdown-item.correct .result-icon{color:#10b981}.breakdown-item.incorrect .result-icon{color:#ef4444}.results-actions{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.results-actions .btn-primary,.results-actions .btn-secondary{flex:0 auto;min-width:150px}.knowledge-check-empty{text-align:center;color:#64748b;padding:3rem 2rem}@media (width<=768px){.knowledge-check-container{padding:1.5rem}.check-header h2{font-size:1.5rem}.question-text{font-size:1.1rem}.navigation-buttons{flex-direction:column}.score-circle{width:120px;height:120px}.score-value{font-size:2.5rem}.results-actions{flex-direction:column}.results-actions .btn-primary,.results-actions .btn-secondary{width:100%}}.gamification-container{border-radius:var(--radius,8px);background:#fff;padding:2rem;box-shadow:0 1px 3px #0000001a}.gamification-header{border-bottom:2px solid #f0f0f0;grid-template-columns:1fr 1fr 1fr;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;display:grid}.level-display{align-items:center;gap:1rem;display:flex}.level-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 4px 12px #3b82f64d}.level-number{color:#fff;font-size:2rem;font-weight:700}.level-info h3{color:#1e293b;margin:0;font-size:1.25rem}.level-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:.25rem 0 0;font-size:.9rem}.points-display{text-align:center;background:#f8fafc;border-radius:8px;padding:1rem}.points-value{color:#3b82f6;font-size:2.5rem;font-weight:700}.points-label{color:#64748b;margin-top:.5rem;font-size:.9rem}.progress-to-next{flex-direction:column;justify-content:center;display:flex}.progress-label{color:#64748b;margin-bottom:.5rem;font-size:.9rem}.progress-bar{background:#e2e8f0;border-radius:6px;width:100%;height:12px;margin-bottom:.5rem;overflow:hidden}.progress-text{color:#64748b;text-align:right;font-size:.85rem}.gamification-tabs{border-bottom:2px solid #f0f0f0;gap:1rem;margin-bottom:2rem;display:flex}.tab-button{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.badges-section{margin-bottom:3rem}.section-title{color:#1e293b;margin:0 0 1.5rem;font-size:1.25rem}.badge-card{text-align:center;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s}.badge-card.unlocked{background:#f0fdf4;border-color:#10b981}.badge-card.unlocked:hover{transform:translateY(-8px);box-shadow:0 12px 24px #10b98133}.badge-card.locked{opacity:.6;border-color:#cbd5e1}.badge-icon{margin-bottom:.75rem;font-size:3rem;display:block}.badge-icon.locked-icon{font-size:2rem}.badge-card h4{color:#1e293b;margin:.75rem 0 .5rem;font-size:1rem}.badge-description{color:#64748b;margin:.5rem 0 1rem;font-size:.85rem;line-height:1.4}.badge-meta{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.badge-points{color:#fff;background:#3b82f6;border-radius:4px;padding:.25rem .5rem;font-weight:600}.badge-rarity{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:.25rem .5rem;font-weight:600}.badge-rarity.common{color:#4f46e5;background:#e0e7ff}.badge-rarity.uncommon{color:#065f46;background:#d1fae5}.badge-rarity.rare{color:#92400e;background:#fef3c7}.badge-rarity.epic{color:#6b21a8;background:#e9d5ff}.badge-rarity.legendary{color:#991b1b;background:#fecaca}.achievements-list{flex-direction:column;gap:1rem;display:flex}.achievement-item{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;align-items:center;gap:1.5rem;padding:1.5rem;transition:all .2s;display:flex}.achievement-item:hover{background:#f0f9ff;transform:translate(4px)}.achievement-icon{flex-shrink:0;font-size:2rem}.achievement-info{flex:1}.achievement-info h4{color:#1e293b;margin:0 0 .25rem}.achievement-info p{color:#64748b;margin:0 0 .5rem;font-size:.9rem}.achievement-date{color:#94a3b8;font-size:.8rem}.achievement-points{color:#3b82f6;flex-shrink:0;font-size:1.25rem;font-weight:700}.leaderboard{background:#f8fafc;border-radius:8px;overflow:hidden}.leaderboard-header{color:#1e293b;text-transform:uppercase;letter-spacing:.5px;background:#e2e8f0;grid-template-columns:60px 1fr 80px 100px;gap:1rem;padding:1rem 1.5rem;font-size:.9rem;font-weight:600;display:grid}.leaderboard-list{max-height:400px;overflow-y:auto}.leaderboard-entry{border-bottom:1px solid #e2e8f0;grid-template-columns:60px 1fr 80px 100px;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:all .2s;display:grid}.leaderboard-entry:hover{background:#fff}.leaderboard-entry.current-user{background:#f0f9ff;border-left:4px solid #3b82f6;font-weight:600}.leaderboard-entry .rank{text-align:center;font-size:1.25rem}.leaderboard-entry .name{color:#1e293b}.leaderboard-entry .level{color:#64748b;text-align:center}.leaderboard-entry .points{color:#3b82f6;text-align:right;font-weight:600}.empty-state{text-align:center;color:#64748b;padding:3rem 2rem}@media (width<=1024px){.gamification-header{grid-template-columns:1fr;gap:1.5rem}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (width<=768px){.gamification-container{padding:1.5rem}.gamification-header{gap:1rem}.level-badge{width:60px;height:60px}.level-number{font-size:1.5rem}.points-value{font-size:2rem}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.badge-card{padding:1rem}.badge-icon{font-size:2rem}.badge-card h4{font-size:.9rem}.achievement-item{text-align:center;flex-direction:column}.leaderboard-header,.leaderboard-entry{grid-template-columns:40px 1fr 60px 80px;gap:.5rem;padding:.75rem 1rem}.gamification-tabs{flex-wrap:wrap}.tab-button{padding:.5rem 1rem;font-size:.85rem}}.learn-hub-reorganized{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);min-height:100vh;padding:2rem}.hub-header{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;padding:2rem;display:flex;box-shadow:0 1px 3px #0000001a}.header-content h1{color:#1e293b;margin:0 0 .5rem;font-size:2rem}.header-content p{color:#64748b;margin:0;font-size:1rem}.header-stats{gap:2rem;display:flex}.stat-value{color:#3b82f6;font-size:2rem;font-weight:700;display:block}.stat-label{color:#64748b;margin-top:.25rem;font-size:.85rem;display:block}.search-input{border:2px solid #e2e8f0;border-radius:8px;width:100%;max-width:500px;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.hub-layout{grid-template-columns:250px 1fr 300px;gap:2rem;display:grid}.hub-sidebar{background:#fff;border-radius:12px;height:fit-content;padding:1.5rem;position:sticky;top:2rem;box-shadow:0 1px 3px #0000001a}.sidebar-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.sidebar-header h3{color:#1e293b;margin:0;font-size:1.1rem}.close-menu{cursor:pointer;color:#64748b;background:0 0;border:none;font-size:1.5rem;display:none}.category-nav{flex-direction:column;gap:.75rem;display:flex}.category-button{cursor:pointer;text-align:left;background:#f8fafc;border:2px solid #0000;border-radius:8px;align-items:flex-start;gap:1rem;padding:1rem;transition:all .2s;display:flex}.category-button:hover,.category-button.active{background:#f0f9ff;border-color:#3b82f6}.category-icon{flex-shrink:0;font-size:1.5rem}.category-text{flex-direction:column;gap:.25rem;display:flex}.category-name{color:#1e293b;font-size:.95rem;font-weight:600}.category-desc{color:#64748b;font-size:.8rem}.hub-main{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.mobile-menu-toggle{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;width:100%;margin-bottom:1rem;padding:.75rem;font-weight:600;display:none}.tab-navigation{border-bottom:2px solid #f0f0f0;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex;overflow-x:auto}.tab-button{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.tab-button:hover{color:#3b82f6}.tab-content-area{animation:.3s fadeIn}.content-section h2{color:#1e293b;margin:0 0 .5rem;font-size:1.5rem}.tab-description{color:#64748b;margin:0 0 2rem;font-size:1rem}.lessons-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.lesson-card{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s}.lesson-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 8px 24px #3b82f626}.lesson-card.completed{background:#f0fdf4;border-color:#10b981}.lesson-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.lesson-header h3{color:#1e293b;flex:1;margin:0;font-size:1.1rem}.completed-badge{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.9rem;font-weight:700;display:inline-flex}.lesson-description{color:#64748b;margin:0 0 1rem;font-size:.9rem;line-height:1.5}.lesson-meta{gap:1rem;margin-bottom:1rem;font-size:.85rem;display:flex}.duration{color:#64748b}.difficulty{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:.25rem .75rem;font-weight:600}.difficulty.beginner{color:#065f46;background:#d1fae5}.difficulty.intermediate{color:#92400e;background:#fef3c7}.difficulty.advanced{color:#991b1b;background:#fee2e2}.view-button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;width:100%;padding:.75rem;font-weight:600;transition:all .2s}.view-button:hover{background:#2563eb}.lesson-detail{animation:.3s slideIn}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.back-button{color:#3b82f6;cursor:pointer;background:#f0f9ff;border:2px solid #3b82f6;border-radius:6px;margin-bottom:1.5rem;padding:.5rem 1rem;font-weight:600;transition:all .2s}.back-button:hover{color:#fff;background:#3b82f6}.lesson-header-detail{border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding-bottom:1.5rem}.lesson-header-detail h2{color:#1e293b;margin:0 0 1rem;font-size:1.75rem}.lesson-meta-detail{gap:1rem;font-size:.9rem;display:flex}.lesson-content{color:#1e293b;background:#f8fafc;border-radius:8px;margin-bottom:2rem;padding:1.5rem;line-height:1.8}.knowledge-check-section{background:#f0f9ff;border-left:4px solid #3b82f6;border-radius:8px;margin:2rem 0;padding:2rem}.knowledge-check-section h3{color:#1e293b;margin:0 0 1.5rem}.lesson-actions{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.btn-complete{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-complete:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.hub-gamification{background:#fff;border-radius:12px;height:fit-content;padding:1.5rem;position:sticky;top:2rem;box-shadow:0 1px 3px #0000001a}.no-results{text-align:center;color:#64748b;padding:3rem 2rem}@media (width<=1400px){.hub-layout{grid-template-columns:200px 1fr}.hub-gamification{display:none}}@media (width<=1024px){.hub-layout{grid-template-columns:1fr}.hub-sidebar{z-index:1000;border-radius:0;width:250px;height:100vh;padding:2rem 1.5rem;display:none;position:fixed;top:0;left:0;overflow-y:auto}.hub-sidebar.open,.close-menu,.mobile-menu-toggle{display:block}.hub-gamification{display:none}}@media (width<=768px){.learn-hub-reorganized{padding:1rem}.hub-header{text-align:center;flex-direction:column}.header-content h1{font-size:1.5rem}.header-stats{justify-content:space-around;width:100%}.hub-main{padding:1.5rem}.lessons-grid{grid-template-columns:1fr}.tab-navigation{-webkit-overflow-scrolling:touch;overflow-x:auto}.lesson-header-detail h2{font-size:1.5rem}.search-input{max-width:100%}}.home-page{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);width:100%;min-height:100vh}.hero-section{background:linear-gradient(135deg,#fffc 0%,#f8fafccc 100%);border-radius:1rem;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;max-width:1200px;margin:0 auto 3rem;padding:4rem 2rem;display:grid}.hero-content h1{color:#0f172a;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3.5rem;font-weight:800}.hero-subtitle{color:#475569;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.hero-description{color:#64748b;margin-bottom:2rem;font-size:1rem;line-height:1.6}.hero-actions{gap:1rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #3b82f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-secondary{color:#3b82f6;cursor:pointer;background:#fff;border:2px solid #3b82f6;border-radius:.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-secondary:hover{background:#f0f9ff;transform:translateY(-2px)}.hero-visual{justify-content:center;align-items:center;display:flex}.hero-icon{font-size:8rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.stats-section{max-width:1200px;margin:0 auto;padding:3rem 2rem}.stats-section h2{color:#0f172a;text-align:center;margin-bottom:2rem;font-size:2rem}.stat-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:2rem;transition:all .3s;box-shadow:0 2px 8px #00000014}.stat-icon{margin-bottom:1rem;font-size:2.5rem}.featured-section{max-width:1200px;margin:0 auto;padding:3rem 2rem}.featured-section h2{color:#0f172a;margin-bottom:2rem;font-size:2rem}.featured-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.case-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #00000014}.case-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.case-image{text-align:center;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);padding:2rem;font-size:3rem}.case-content{padding:1.5rem}.case-content h3{color:#0f172a;margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.case-location{color:#64748b;margin-bottom:.25rem;font-size:.9rem}.case-year{color:#94a3b8;margin-bottom:.75rem;font-size:.85rem}.case-status{gap:.5rem;display:flex}.status-badge{border-radius:.25rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.status-badge.solved{color:#166534;background:#dcfce7}.status-badge.unsolved{color:#991b1b;background:#fee2e2}.categories-section{max-width:1200px;margin:0 auto;padding:3rem 2rem}.categories-section h2{color:#0f172a;margin-bottom:2rem;font-size:2rem}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.category-card{cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .3s}.category-card:hover{background:#f0f9ff;border-color:#3b82f6}.category-card.active{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-color:#2563eb}.category-label{margin-bottom:.5rem;font-size:1rem;font-weight:600}.category-count{opacity:.7;font-size:.85rem}.cta-section{color:#fff;text-align:center;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);margin-top:3rem;padding:3rem 2rem}.cta-section h2{margin-bottom:1rem;font-size:2rem}.cta-section p{opacity:.9;margin-bottom:2rem;font-size:1rem}.cta-section .btn-primary{color:#3b82f6;background:#fff;box-shadow:0 4px 15px #0003}.cta-section .btn-primary:hover{background:#f0f9ff}@media (width<=768px){.hero-section{grid-template-columns:1fr;gap:2rem;padding:2rem 1rem}.hero-content h1{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-icon{font-size:5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.featured-grid{grid-template-columns:1fr}.categories-grid{grid-template-columns:repeat(2,1fr)}.hero-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (width<=480px){.hero-content h1{font-size:2rem}.hero-subtitle{font-size:1rem}.stats-grid,.categories-grid{grid-template-columns:1fr}.stat-card{padding:1.5rem}.featured-section h2,.categories-section h2,.cta-section h2{font-size:1.5rem}}.search-navigation{background:#fff;border-radius:1rem;width:100%;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 8px #00000014}.search-container{margin-bottom:2rem}.search-form{margin-bottom:1.5rem;position:relative}.search-input-wrapper{gap:.5rem;display:flex;position:relative}.search-input{border:2px solid #e2e8f0;border-radius:.5rem;flex:1;padding:.75rem 1rem;font-size:1rem;transition:all .3s}.search-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;transition:all .3s}.search-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.suggestions-dropdown{z-index:10;background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 .5rem .5rem;max-height:300px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.suggestion-item{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:background .2s;display:flex}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#f8fafc}.suggestion-icon{opacity:.6;font-size:.9rem}.suggestion-text{color:#1e293b;font-size:.95rem}.search-filters{flex-wrap:wrap;gap:.75rem;display:flex}.filter-btn{cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.5rem;padding:.5rem 1rem;font-size:.9rem;transition:all .3s}.filter-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.search-categories{border-top:1px solid #e2e8f0;padding-top:1.5rem}.search-categories h3{color:#64748b;margin-bottom:1rem;font-size:.95rem;font-weight:600}.category-tags{flex-wrap:wrap;gap:.75rem;display:flex}.category-tag{color:#0369a1;cursor:pointer;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:2rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s}.category-tag:hover{background:linear-gradient(135deg,#e0f2fe 0%,#cffafe 100%);border-color:#7dd3fc;transform:translateY(-2px)}@media (width<=768px){.search-navigation{padding:1.5rem}.search-input{padding:.65rem .75rem;font-size:.95rem}.search-filters{gap:.5rem}.filter-btn{padding:.4rem .8rem;font-size:.85rem}.category-tags{gap:.5rem}.category-tag{padding:.4rem .8rem;font-size:.85rem}}@media (width<=480px){.search-navigation{padding:1rem}.search-input-wrapper{flex-direction:column}.search-button{width:100%}.search-filters{flex-direction:column}.filter-btn{width:100%}.category-tags{flex-direction:column}.category-tag{text-align:center;width:100%}}.browse-hubs{background:#fff;border-radius:1rem;width:100%;padding:2rem;box-shadow:0 2px 8px #00000014}.hubs-header{text-align:center;margin-bottom:2rem}.hubs-header h2{color:#0f172a;margin-bottom:.5rem;font-size:2rem}.hubs-header p{color:#64748b;font-size:1rem}.hubs-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.hub-card{cursor:pointer;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:2px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:.75rem;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.hub-card:before{content:"";opacity:0;background:linear-gradient(135deg,#3b82f60d 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.hub-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.hub-card:hover:before{opacity:1}.hub-card.active{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-color:#3b82f6;box-shadow:0 8px 16px #3b82f633}.hub-icon{margin-bottom:1rem;font-size:2.5rem}.hub-card h3{color:#0f172a;margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.hub-description{color:#64748b;margin-bottom:1rem;font-size:.9rem;line-height:1.5}.hub-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.hub-count{color:#94a3b8;font-size:.85rem;font-weight:600}.hub-arrow{color:#cbd5e1;font-size:1.2rem;transition:all .3s}.hub-card:hover .hub-arrow{color:#3b82f6;transform:translate(4px)}.hub-details{text-align:center;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:2px solid #bae6fd;border-radius:.75rem;padding:2rem;animation:.3s slideIn}.details-content h3{color:#0369a1;margin-bottom:.5rem;font-size:1.5rem}.details-content p{color:#0c4a6e;margin-bottom:1.5rem;font-size:1rem}@media (width<=768px){.browse-hubs{padding:1.5rem}.hubs-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.hub-card{padding:1rem}.hub-icon{font-size:2rem}.hub-card h3{font-size:1rem}.hub-description{font-size:.85rem}}@media (width<=480px){.browse-hubs{padding:1rem}.hubs-grid{grid-template-columns:1fr}.hubs-header h2{font-size:1.5rem}.hub-details{padding:1.5rem}.details-content h3{font-size:1.2rem}}.dynamic-modules{background:#fff;border-radius:1rem;width:100%;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 8px #00000014}.modules-header{margin-bottom:2rem}.modules-header h2{color:#0f172a;margin-bottom:1.5rem;font-size:1.8rem}.module-tabs{border-bottom:2px solid #e2e8f0;flex-wrap:wrap;gap:.75rem;padding-bottom:1rem;display:flex}.module-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.module-tab:hover{color:#3b82f6}.module-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}@media (width>=768px){.tab-label{display:inline}}.modules-content{animation:.3s fadeIn}.module-items{flex-direction:column;gap:1rem;display:flex}.module-item{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}.module-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translate(4px)}.item-icon{flex-shrink:0;font-size:2rem}.item-content{flex:1}.item-content h4{color:#0f172a;margin-bottom:.25rem;font-size:1rem;font-weight:700}.item-update{color:#64748b;margin-bottom:.25rem;font-size:.9rem}.item-date{color:#94a3b8;font-size:.8rem}.item-action{color:#cbd5e1;flex-shrink:0;font-size:1.2rem;transition:all .3s}.module-item:hover .item-action{color:#3b82f6;transform:translate(4px)}@media (width<=768px){.dynamic-modules{padding:1.5rem}.modules-header h2{font-size:1.5rem}.module-tabs{gap:.5rem}.module-tab{padding:.4rem .8rem;font-size:.85rem}.module-item{gap:.75rem;padding:.75rem}.item-icon{font-size:1.5rem}.item-content h4{font-size:.95rem}.item-update{font-size:.85rem}}@media (width<=480px){.dynamic-modules{padding:1rem}.modules-header h2{font-size:1.3rem}.module-tabs{gap:.25rem}.module-tab{padding:.3rem .6rem;font-size:.75rem}.tab-icon{font-size:1rem}.module-item{gap:.5rem;padding:.5rem}.item-icon{font-size:1.2rem}.item-content h4{font-size:.9rem}.item-update{font-size:.8rem}.item-action{font-size:1rem}}.fast-filters{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;padding:1.5rem;box-shadow:0 2px 8px #00000014}.filters-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.filters-header h3{color:#0f172a;font-size:1.1rem;font-weight:700}.reset-btn{color:#991b1b;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:.4rem;padding:.4rem .8rem;font-size:.85rem;font-weight:600;transition:all .3s}.reset-btn:hover{background:#fecaca;border-color:#f87171}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.filter-label{color:#475569;text-transform:capitalize;font-size:.85rem;font-weight:600}.filter-select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.4rem;padding:.5rem .75rem;font-size:.9rem;transition:all .3s}.filter-select:hover{border-color:#cbd5e1}.filters-actions{gap:1rem;margin-bottom:1rem;display:flex}.btn-apply,.btn-save{cursor:pointer;border:none;border-radius:.4rem;flex:1;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s}.btn-apply{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.btn-apply:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-save:hover{background:#e2e8f0;border-color:#cbd5e1}.active-filters{border-top:1px solid #e2e8f0;padding-top:1rem}.active-label{color:#64748b;margin-bottom:.75rem;font-size:.85rem;font-weight:600}.filter-tags{flex-wrap:wrap;gap:.5rem;display:flex}.filter-tag{color:#0369a1;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1px solid #7dd3fc;border-radius:.4rem;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.85rem;font-weight:600;display:inline-flex}.tag-remove{color:#0369a1;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.1rem;transition:all .2s}.tag-remove:hover{color:#0c4a6e;transform:scale(1.2)}@media (width<=768px){.fast-filters{padding:1rem}.filters-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.filters-actions{flex-direction:column;gap:.75rem}.btn-apply,.btn-save{width:100%}}@media (width<=480px){.fast-filters{padding:.75rem}.filters-grid{grid-template-columns:1fr}.filters-header{flex-direction:column;align-items:flex-start;gap:.75rem}.reset-btn{width:100%}.filter-tags{gap:.25rem}.filter-tag{padding:.3rem .5rem;font-size:.8rem}}.case-page-template{background:#fff;border-radius:1rem;width:100%;overflow:hidden;box-shadow:0 2px 8px #00000014}.case-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #e2e8f0;grid-template-columns:200px 1fr;gap:2rem;padding:2rem;display:grid}.case-image-large{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;justify-content:center;align-items:center;font-size:5rem;display:flex}.case-header-content h1{color:#0f172a;margin-bottom:.75rem;font-size:2.5rem;font-weight:800}.case-aliases{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.alias-tag{color:#92400e;background:#fef3c7;border-radius:.25rem;padding:.4rem .8rem;font-size:.85rem;font-weight:600}.case-meta{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.meta-item{flex-direction:column;gap:.25rem;display:flex}.meta-label{color:#94a3b8;text-transform:uppercase;font-size:.8rem;font-weight:600}.meta-value{color:#0f172a;font-size:1rem;font-weight:700}.meta-value.status-solved{color:#166534;background:#dcfce7;border-radius:.25rem;width:fit-content;padding:.25rem .5rem;display:inline-block}.meta-value.status-unsolved{color:#991b1b;background:#fee2e2;border-radius:.25rem;width:fit-content;padding:.25rem .5rem;display:inline-block}.case-tabs{background:#fff;border-bottom:2px solid #e2e8f0;gap:0;display:flex;overflow-x:auto}.tab-button{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.tab-button:hover{color:#3b82f6;background:#f8fafc}.tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6}.tab-icon{font-size:1.1rem}.tab-label{display:none}@media (width>=768px){.tab-label{display:inline}}.case-content{padding:2rem;animation:.3s fadeIn}.content-section h2{color:#0f172a;margin-bottom:1rem;font-size:1.8rem;font-weight:700}.content-section h3{color:#1e293b;margin-top:1.5rem;margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.content-section p{color:#475569;margin-bottom:1rem;font-size:1rem;line-height:1.7}.timeline{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.timeline-item{border-bottom:1px solid #e2e8f0;grid-template-columns:100px 1fr;gap:1.5rem;padding-bottom:1.5rem;display:grid}.timeline-item:last-child{border-bottom:none}.timeline-date{color:#3b82f6;font-size:1.2rem;font-weight:700}.timeline-content h4{color:#0f172a;margin-bottom:.25rem;font-size:1rem;font-weight:700}.timeline-content p{color:#64748b;font-size:.95rem}.victims-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.victim-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem}.victim-icon{margin-bottom:.5rem;font-size:2rem}.victim-card h4{color:#0f172a;margin-bottom:.5rem;font-size:1rem;font-weight:700}.victim-card p{color:#64748b;margin-bottom:.25rem;font-size:.85rem}.evidence-items{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.evidence-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem}.evidence-item h4{color:#0f172a;margin-bottom:.5rem;font-size:1rem;font-weight:700}.evidence-item p{color:#64748b;font-size:.95rem}.documentaries-list{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.doc-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem}.doc-item h4{color:#0f172a;margin-bottom:.25rem;font-size:1rem;font-weight:700}.doc-item p{color:#64748b;font-size:.9rem}.updates-list{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.update-item{background:#f8fafc;border-left:3px solid #3b82f6;border-radius:.25rem;padding:1rem}.update-item p{color:#475569;margin-top:.25rem;font-size:.95rem}@media (width<=768px){.case-header{grid-template-columns:1fr;gap:1rem;padding:1.5rem}.case-image-large{font-size:3rem}.case-header-content h1{font-size:1.8rem}.case-meta{grid-template-columns:repeat(2,1fr)}.case-tabs{overflow-x:auto}.tab-button{padding:.75rem 1rem;font-size:.85rem}.case-content{padding:1.5rem}.content-section h2{font-size:1.5rem}.victims-grid{grid-template-columns:repeat(2,1fr)}.evidence-items{grid-template-columns:1fr}}@media (width<=480px){.case-header{padding:1rem}.case-image-large{font-size:2rem}.case-header-content h1{font-size:1.5rem}.case-meta{grid-template-columns:1fr}.tab-button{padding:.5rem .75rem;font-size:.75rem}.case-content{padding:1rem}.content-section h2{font-size:1.3rem}.victims-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:80px 1fr;gap:1rem}}.quick-facts-panel{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:.75rem;width:100%;margin-bottom:2rem;padding:1.5rem}.quick-facts-panel h3{color:#0f172a;margin-bottom:1.5rem;font-size:1.3rem;font-weight:700}.facts-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.fact-item{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;gap:1rem;padding:1rem;transition:all .3s;display:flex}.fact-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #00000014}.fact-icon{flex-shrink:0;font-size:1.5rem}.fact-content{flex:1}.fact-label{color:#94a3b8;text-transform:uppercase;margin-bottom:.25rem;font-size:.8rem;font-weight:600}.fact-value{color:#0f172a;font-size:.95rem;font-weight:700}@media (width<=768px){.quick-facts-panel{padding:1rem}.facts-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.fact-item{gap:.75rem;padding:.75rem}.fact-icon{font-size:1.2rem}.fact-label{font-size:.75rem}.fact-value{font-size:.9rem}}@media (width<=480px){.quick-facts-panel{padding:.75rem}.facts-grid{grid-template-columns:1fr}.fact-item{padding:.5rem}.fact-icon{font-size:1rem}}.narrative-summary{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;margin-bottom:2rem;padding:1.5rem}.narrative-summary h3{color:#0f172a;margin-bottom:1.5rem;font-size:1.3rem;font-weight:700}.sections-container{flex-direction:column;gap:.75rem;display:flex}.narrative-section{border:1px solid #e2e8f0;border-radius:.5rem;overflow:hidden}.section-header{cursor:pointer;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:none;justify-content:space-between;align-items:center;width:100%;padding:1rem;transition:all .3s;display:flex}.section-header:hover{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%)}.section-title{color:#0f172a;text-align:left;font-size:1rem;font-weight:700}.section-toggle{color:#64748b;font-size:.8rem;transition:transform .3s}.section-toggle.expanded{transform:rotate(180deg)}.section-content{color:#475569;background:#fff;padding:1rem;font-size:.95rem;line-height:1.7;animation:.3s slideDown}@media (width<=768px){.narrative-summary{padding:1rem}.section-header{padding:.75rem}.section-title{font-size:.95rem}.section-content{padding:.75rem;font-size:.9rem}}@media (width<=480px){.narrative-summary{padding:.75rem}.section-header{padding:.5rem}.section-title{font-size:.9rem}.section-content{padding:.5rem;font-size:.85rem}}.interactive-timeline{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;margin-bottom:2rem;padding:1.5rem}.interactive-timeline h3{color:#0f172a;margin-bottom:1.5rem;font-size:1.3rem;font-weight:700}.timeline-container{padding:1rem 0;position:relative}.timeline-container:before{content:"";background:linear-gradient(#3b82f6 0%,#ef4444 50%,#6b7280 100%);width:2px;position:absolute;top:0;bottom:0;left:20px}.timeline-entry{gap:1.5rem;margin-bottom:1.5rem;display:flex;position:relative}.timeline-entry:last-child{margin-bottom:0}.timeline-marker{z-index:1;background:#fff;border:2px solid #3b82f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.marker-dot{background:#3b82f6;border-radius:50%;width:12px;height:12px}.timeline-content{flex:1;padding-top:.5rem}.timeline-year{color:#0f172a;margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.timeline-event{color:#475569;margin-bottom:.5rem;font-size:.95rem}.timeline-type{color:#64748b;text-transform:capitalize;background:#f1f5f9;border-radius:.25rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}@media (width<=768px){.interactive-timeline{padding:1rem}.timeline-container:before{left:15px}.timeline-marker{width:30px;height:30px}.marker-dot{width:8px;height:8px}.timeline-entry{gap:1rem;margin-bottom:1rem}.timeline-year{font-size:1rem}.timeline-event{font-size:.9rem}}@media (width<=480px){.interactive-timeline{padding:.75rem}.timeline-container:before{left:10px}.timeline-marker{width:24px;height:24px}.marker-dot{width:6px;height:6px}.timeline-entry{gap:.75rem;margin-bottom:.75rem}.timeline-year{font-size:.9rem}.timeline-event{font-size:.85rem}.timeline-type{font-size:.75rem}}.victim-section{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;margin-bottom:2rem;padding:1.5rem}.victim-section h3{color:#0f172a;margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.victim-intro{color:#64748b;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.victims-list{flex-direction:column;gap:1rem;display:flex}.victim-item{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:.5rem;gap:1rem;padding:1rem;transition:all .3s;display:flex}.victim-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #00000014}.victim-icon{flex-shrink:0;font-size:2rem}.victim-info{flex:1}.victim-info h4{color:#0f172a;margin-bottom:.5rem;font-size:1rem;font-weight:700}.victim-details{flex-wrap:wrap;gap:1rem;display:flex}.detail{color:#64748b;font-size:.85rem;font-weight:500}@media (width<=768px){.victim-section{padding:1rem}.victims-list{gap:.75rem}.victim-item{gap:.75rem;padding:.75rem}.victim-icon{font-size:1.5rem}.victim-info h4{font-size:.95rem}.detail{font-size:.8rem}}@media (width<=480px){.victim-section{padding:.75rem}.victims-list{gap:.5rem}.victim-item{gap:.5rem;padding:.5rem}.victim-icon{font-size:1.2rem}.victim-info h4{font-size:.9rem}.victim-details{gap:.5rem}.detail{font-size:.75rem}}.map-module{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;margin-bottom:2rem;padding:1.5rem}.map-module h3{color:#0f172a;margin-bottom:1.5rem;font-size:1.3rem;font-weight:700}.map-container{border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1.5rem;overflow:hidden}.map-placeholder{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:300px;display:flex}.map-icon{font-size:3rem}.map-placeholder p{color:#0369a1;font-size:.95rem;font-weight:500}.locations-list{border-top:1px solid #e2e8f0;padding-top:1.5rem}.locations-list h4{color:#0f172a;margin-bottom:1rem;font-size:1rem;font-weight:700}.location-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.4rem;align-items:center;gap:1rem;margin-bottom:.5rem;padding:.75rem;transition:all .3s;display:flex}.location-item:hover{background:#f1f5f9;border-color:#cbd5e1}.location-icon{flex-shrink:0;font-size:1.2rem}.location-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.location-name{color:#0f172a;font-size:.95rem;font-weight:700}.location-type{color:#94a3b8;font-size:.8rem;font-weight:500}.location-count{color:#3b82f6;background:#dbeafe;border-radius:.25rem;padding:.25rem .75rem;font-size:.9rem;font-weight:700}@media (width<=768px){.map-module{padding:1rem}.map-placeholder{height:200px}.map-icon{font-size:2rem}.location-item{padding:.5rem}.location-name{font-size:.9rem}.location-type{font-size:.75rem}}@media (width<=480px){.map-module{padding:.75rem}.map-placeholder{height:150px}.map-icon{font-size:1.5rem}.map-placeholder p{font-size:.85rem}.location-item{gap:.5rem;padding:.4rem}.location-icon{font-size:1rem}.location-name{font-size:.85rem}.location-type{font-size:.7rem}.location-count{padding:.2rem .5rem;font-size:.8rem}}.evidence-theories{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;margin-bottom:2rem;padding:1.5rem}.evidence-theories h3{color:#0f172a;margin-bottom:1.5rem;font-size:1.3rem;font-weight:700}.evidence-card{border:2px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;transition:all .3s}.evidence-card.verified{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#86efac}.evidence-card.verified:hover{border-color:#4ade80;box-shadow:0 4px 12px #4ade8033}.evidence-card.disputed{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-color:#fcd34d}.evidence-card.disputed:hover{border-color:#fbbf24;box-shadow:0 4px 12px #fbbf2433}.evidence-card h4{color:#0f172a;margin-bottom:.5rem;font-size:1rem;font-weight:700}.evidence-card p{color:#475569;margin-bottom:1rem;font-size:.9rem;line-height:1.5}.evidence-label{text-transform:uppercase;border-radius:.25rem;padding:.4rem .8rem;font-size:.8rem;font-weight:700;display:inline-block}.evidence-label.verified{color:#166534;background:#dcfce7}.evidence-label.disputed{color:#92400e;background:#fef3c7}@media (width<=768px){.evidence-theories{padding:1rem}.evidence-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.evidence-card{padding:1rem}.evidence-icon{font-size:1.5rem}.evidence-card h4{font-size:.95rem}.evidence-card p{font-size:.85rem}}@media (width<=480px){.evidence-theories{padding:.75rem}.evidence-grid{grid-template-columns:1fr}.evidence-card{padding:.75rem}.evidence-icon{font-size:1.2rem}.evidence-card h4{font-size:.9rem}.evidence-card p{font-size:.8rem}.evidence-label{padding:.3rem .6rem;font-size:.7rem}}.documentary-guide{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;margin-bottom:2rem;padding:1.5rem}.documentary-guide h3{color:#0f172a;margin-bottom:1.5rem;font-size:1.3rem;font-weight:700}.documentaries-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.doc-card{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;padding:1.5rem;transition:all .3s;display:flex}.doc-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.doc-icon{margin-bottom:.75rem;font-size:2rem}.doc-card h4{color:#0f172a;margin-bottom:.75rem;font-size:1rem;font-weight:700;line-height:1.4}.doc-meta{flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;display:flex}.platform,.year{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:.25rem;padding:.25rem .6rem;font-size:.8rem;font-weight:600}.doc-rating{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.stars{color:#f59e0b;font-size:.9rem;font-weight:700}.episodes{color:#94a3b8;font-size:.85rem;font-weight:600}.btn-watch{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:.4rem;margin-top:auto;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s}.btn-watch:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media (width<=768px){.documentary-guide{padding:1rem}.documentaries-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.doc-card{padding:1rem}.doc-icon{font-size:1.5rem}.doc-card h4{font-size:.95rem}.platform,.year{font-size:.75rem}.stars{font-size:.85rem}.episodes{font-size:.8rem}.btn-watch{padding:.5rem .8rem;font-size:.85rem}}@media (width<=480px){.documentary-guide{padding:.75rem}.documentaries-grid{grid-template-columns:1fr}.doc-card{padding:.75rem}.doc-icon{font-size:1.2rem}.doc-card h4{font-size:.9rem}.platform,.year{font-size:.7rem}.doc-rating{margin-bottom:.75rem;padding-bottom:.75rem}.stars{font-size:.8rem}.episodes{font-size:.75rem}.btn-watch{padding:.4rem .6rem;font-size:.8rem}}.related-cases{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;margin-bottom:2rem;padding:1.5rem}.related-cases h3{color:#0f172a;margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.related-intro{color:#64748b;margin-bottom:1.5rem;font-size:.9rem}.related-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.related-card{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;padding:1.25rem;transition:all .3s;display:flex}.related-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.related-icon{margin-bottom:.5rem;font-size:1.5rem}.related-card h4{color:#0f172a;margin-bottom:.75rem;font-size:1rem;font-weight:700}.related-info{flex-direction:column;flex:1;gap:.5rem;margin-bottom:1rem;display:flex}.info-item{color:#64748b;font-size:.85rem;font-weight:500}.btn-view{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s}.btn-view:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media (width<=768px){.related-cases{padding:1rem}.related-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.related-card{padding:1rem}.related-icon{font-size:1.2rem}.related-card h4{font-size:.95rem}.info-item{font-size:.8rem}.btn-view{padding:.4rem .8rem;font-size:.8rem}}@media (width<=480px){.related-cases{padding:.75rem}.related-grid{grid-template-columns:1fr}.related-card{padding:.75rem}.related-icon{font-size:1rem}.related-card h4{font-size:.9rem}.related-info{gap:.25rem;margin-bottom:.75rem}.info-item{font-size:.75rem}.btn-view{padding:.3rem .6rem;font-size:.75rem}}.update-log{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;margin-bottom:2rem;padding:1.5rem}.update-log h3{color:#0f172a;margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.log-intro{color:#64748b;margin-bottom:1.5rem;font-size:.9rem}.updates-timeline{flex-direction:column;gap:1rem;display:flex}.update-entry{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;gap:1rem;padding:1rem;transition:all .3s;display:flex}.update-entry:hover{background:#f1f5f9;border-color:#cbd5e1}.update-marker{border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:.5rem}.update-content{flex:1}.update-header{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.update-date{color:#94a3b8;font-size:.85rem;font-weight:600}.update-type{color:#fff;text-transform:capitalize;border-radius:.25rem;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.update-content h4{color:#0f172a;margin-bottom:.25rem;font-size:.95rem;font-weight:700}.update-author{color:#94a3b8;font-size:.8rem;font-weight:500}@media (width<=768px){.update-log{padding:1rem}.updates-timeline{gap:.75rem}.update-entry{gap:.75rem;padding:.75rem}.update-content h4{font-size:.9rem}.update-date{font-size:.8rem}.update-type{font-size:.7rem}.update-author{font-size:.75rem}}@media (width<=480px){.update-log{padding:.75rem}.updates-timeline{gap:.5rem}.update-entry{gap:.5rem;padding:.5rem}.update-marker{width:10px;height:10px}.update-content h4{font-size:.85rem}.update-date{font-size:.75rem}.update-type{padding:.2rem .4rem;font-size:.65rem}.update-author{font-size:.7rem}}.case-page-seo{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;margin-bottom:2rem;padding:1.5rem}.case-page-seo h3{color:#0f172a;margin-bottom:1.5rem;font-size:1.3rem;font-weight:700}.seo-info{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.seo-item{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:.5rem;padding:1.25rem}.seo-item h4{color:#0f172a;margin-bottom:.75rem;font-size:1rem;font-weight:700}.seo-item p{color:#475569;margin-bottom:.5rem;font-size:.9rem;line-height:1.5}.seo-item p:last-child{margin-bottom:0}@media (width<=768px){.case-page-seo{padding:1rem}.seo-info{grid-template-columns:repeat(2,1fr);gap:1rem}.seo-item{padding:1rem}.seo-item h4{font-size:.95rem}.seo-item p{font-size:.85rem}}@media (width<=480px){.case-page-seo{padding:.75rem}.seo-info{grid-template-columns:1fr}.seo-item{padding:.75rem}.seo-item h4{font-size:.9rem}.seo-item p{font-size:.8rem}}.case-page-performance{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;margin-bottom:2rem;padding:1.5rem}.case-page-performance h3{color:#0f172a;margin-bottom:1.5rem;font-size:1.3rem;font-weight:700}.metric-card{text-align:center;border:2px solid #e2e8f0;border-radius:.5rem;padding:1.25rem}.metric-card.excellent{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#86efac}.metric-card.good{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-color:#7dd3fc}.metric-label{color:#64748b;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.metric-value{color:#0f172a;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.metric-status{text-transform:uppercase;border-radius:.25rem;padding:.25rem .75rem;font-size:.8rem;font-weight:700;display:inline-block}.metric-status.excellent{color:#166534;background:#dcfce7}.metric-status.good{color:#0369a1;background:#dbeafe}.optimization-tips{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:.5rem;padding:1.25rem}.optimization-tips h4{color:#0f172a;margin-bottom:.75rem;font-size:1rem;font-weight:700}.optimization-tips ul{margin:0;padding:0;list-style:none}.optimization-tips li{color:#475569;padding:.4rem 0;font-size:.9rem;font-weight:500}@media (width<=768px){.case-page-performance{padding:1rem}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.metric-card{padding:1rem}.metric-value{font-size:1.2rem}.optimization-tips{padding:1rem}.optimization-tips li{font-size:.85rem}}@media (width<=480px){.case-page-performance{padding:.75rem}.metrics-grid{grid-template-columns:1fr}.metric-card{padding:.75rem}.metric-label{font-size:.8rem}.metric-value{font-size:1rem}.metric-status{font-size:.7rem}.optimization-tips{padding:.75rem}.optimization-tips h4{font-size:.95rem}.optimization-tips li{font-size:.8rem}}.collections-system{background:#fff;border-radius:1rem;width:100%;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 8px #00000014}.collections-system h3{color:#0f172a;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.collections-intro{color:#64748b;margin-bottom:2rem;font-size:.95rem}.collections-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.collection-card{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;padding:1.5rem;transition:all .3s;display:flex}.collection-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.collection-icon{margin-bottom:.75rem;font-size:2rem}.collection-card h4{color:#0f172a;flex:1;margin-bottom:1rem;font-size:1rem;font-weight:700;line-height:1.4}.collection-meta{border-bottom:1px solid #e2e8f0;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.case-count{color:#3b82f6;background:#dbeafe;border-radius:.25rem;padding:.25rem .75rem;font-size:.85rem;font-weight:700}.btn-explore{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:.4rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s}.btn-explore:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media (width<=768px){.collections-system{padding:1.5rem}.collections-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.collection-card{padding:1rem}.collection-icon{font-size:1.5rem}.collection-card h4{font-size:.95rem}.btn-explore{padding:.5rem .8rem;font-size:.85rem}}@media (width<=480px){.collections-system{padding:1rem}.collections-grid{grid-template-columns:1fr}.collection-card{padding:.75rem}.collection-icon{font-size:1.2rem}.collection-card h4{font-size:.9rem}.btn-explore{padding:.4rem .6rem;font-size:.8rem}}.explainers{background:#fff;border-radius:1rem;width:100%;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 8px #00000014}.explainers h3{color:#0f172a;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.explainers-intro{color:#64748b;margin-bottom:2rem;font-size:.95rem}.explainers-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.explainer-card{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;padding:1.5rem;transition:all .3s;display:flex}.explainer-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.explainer-icon{margin-bottom:.75rem;font-size:2rem}.explainer-card h4{color:#0f172a;margin-bottom:.5rem;font-size:1rem;font-weight:700}.explainer-card p{color:#475569;flex:1;margin-bottom:1rem;font-size:.9rem;line-height:1.5}.btn-read{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s}.btn-read:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media (width<=768px){.explainers{padding:1.5rem}.explainers-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.explainer-card{padding:1rem}.explainer-icon{font-size:1.5rem}.explainer-card h4{font-size:.95rem}.explainer-card p{font-size:.85rem}.btn-read{font-size:.8rem}}@media (width<=480px){.explainers{padding:1rem}.explainers-grid{grid-template-columns:1fr}.explainer-card{padding:.75rem}.explainer-icon{font-size:1.2rem}.explainer-card h4{font-size:.9rem}.explainer-card p{font-size:.8rem}.btn-read{padding:.4rem .8rem;font-size:.75rem}}.documentary-guides{background:#fff;border-radius:1rem;width:100%;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 8px #00000014}.documentary-guides h3{color:#0f172a;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.guides-intro{color:#64748b;margin-bottom:2rem;font-size:.95rem}.guides-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.guide-card{text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;padding:1.5rem;transition:all .3s;display:flex}.guide-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.guide-icon{margin-bottom:.75rem;font-size:2.5rem}.guide-card h4{color:#0f172a;margin-bottom:.75rem;font-size:1rem;font-weight:700;line-height:1.4}.guide-count{color:#3b82f6;background:#dbeafe;border-radius:.4rem;margin-bottom:1rem;padding:.5rem;font-size:.9rem;font-weight:700}.btn-view-guide{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:.4rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s}.btn-view-guide:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media (width<=768px){.documentary-guides{padding:1.5rem}.guides-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.guide-card{padding:1rem}.guide-icon{font-size:2rem}.guide-card h4{font-size:.95rem}.btn-view-guide{font-size:.85rem}}@media (width<=480px){.documentary-guides{padding:1rem}.guides-grid{grid-template-columns:1fr}.guide-card{padding:.75rem}.guide-icon{font-size:1.5rem}.guide-card h4{font-size:.9rem}.guide-count{font-size:.85rem}.btn-view-guide{font-size:.8rem}}.comparative-essays{background:#fff;border-radius:1rem;width:100%;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 8px #00000014}.comparative-essays h3{color:#0f172a;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.essays-intro{color:#64748b;margin-bottom:2rem;font-size:.95rem}.essays-list{flex-direction:column;gap:1.5rem;display:flex}.essay-item{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .3s}.essay-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.essay-item h4{color:#0f172a;margin-bottom:.75rem;font-size:1.1rem;font-weight:700;line-height:1.4}.essay-meta{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.author,.date{color:#64748b;font-size:.85rem;font-weight:500}.btn-read-essay{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:.4rem;width:fit-content;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s}.btn-read-essay:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media (width<=768px){.comparative-essays{padding:1.5rem}.essay-item{padding:1rem}.essay-item h4{font-size:1rem}.author,.date,.btn-read-essay{font-size:.8rem}}@media (width<=480px){.comparative-essays{padding:1rem}.essay-item{padding:.75rem}.essay-item h4{font-size:.95rem}.essay-meta{gap:.5rem}.author,.date{font-size:.75rem}.btn-read-essay{padding:.4rem .8rem;font-size:.75rem}}.new-evidence-desk{background:#fff;border-radius:1rem;width:100%;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 8px #00000014}.new-evidence-desk h3{color:#0f172a;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.desk-intro{color:#64748b;margin-bottom:2rem;font-size:.95rem}.news-list{flex-direction:column;gap:1rem;display:flex}.news-item{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:.75rem;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}.news-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.news-icon{flex-shrink:0;font-size:1.5rem}.news-content{flex-direction:column;flex:1;gap:.25rem;display:flex}.news-content h4{color:#0f172a;font-size:.95rem;font-weight:700;line-height:1.4}.news-date{color:#94a3b8;font-size:.8rem;font-weight:500}.btn-read-news{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:.4rem;flex-shrink:0;padding:.5rem .75rem;font-size:1rem;transition:all .3s}.btn-read-news:hover{transform:translate(4px);box-shadow:0 4px 12px #3b82f64d}@media (width<=768px){.new-evidence-desk{padding:1.5rem}.news-item{gap:.75rem;padding:.75rem}.news-icon{font-size:1.2rem}.news-content h4{font-size:.9rem}.news-date{font-size:.75rem}.btn-read-news{padding:.4rem .6rem;font-size:.9rem}}@media (width<=480px){.new-evidence-desk{padding:1rem}.news-item{gap:.5rem;padding:.5rem}.news-icon{font-size:1rem}.news-content h4{font-size:.85rem}.news-date{font-size:.7rem}.btn-read-news{padding:.3rem .5rem;font-size:.8rem}}.beginner-paths{background:#fff;border-radius:1rem;width:100%;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 8px #00000014}.beginner-paths h3{color:#0f172a;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.paths-intro{color:#64748b;margin-bottom:2rem;font-size:.95rem}.paths-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.path-card{text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;padding:1.5rem;transition:all .3s;display:flex}.path-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.path-icon{margin-bottom:.75rem;font-size:2.5rem}.path-card h4{color:#0f172a;margin-bottom:.75rem;font-size:1rem;font-weight:700;line-height:1.4}.path-count{color:#3b82f6;background:#dbeafe;border-radius:.4rem;margin-bottom:1rem;padding:.5rem;font-size:.9rem;font-weight:700}.btn-start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:.4rem;margin-top:auto;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s}.btn-start:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media (width<=768px){.beginner-paths{padding:1.5rem}.paths-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.path-card{padding:1rem}.path-icon{font-size:2rem}.path-card h4{font-size:.95rem}.btn-start{font-size:.85rem}}@media (width<=480px){.beginner-paths{padding:1rem}.paths-grid{grid-template-columns:1fr}.path-card{padding:.75rem}.path-icon{font-size:1.5rem}.path-card h4{font-size:.9rem}.path-count{font-size:.85rem}.btn-start{font-size:.8rem}}.newsletter-infrastructure{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:2px solid #bae6fd;border-radius:1rem;width:100%;margin-bottom:2rem;padding:2rem}.newsletter-infrastructure h3{color:#0369a1;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.newsletter-intro{color:#0c4a6e;margin-bottom:1.5rem;font-size:.95rem}.newsletter-signup{gap:.75rem;margin-bottom:2rem;display:flex}.email-input{background:#fff;border:2px solid #7dd3fc;border-radius:.5rem;flex:1;padding:.75rem 1rem;font-size:.95rem;transition:all .3s}.email-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.btn-subscribe{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:.5rem;padding:.75rem 2rem;font-size:.95rem;font-weight:700;transition:all .3s}.btn-subscribe:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.newsletter-features{background:#fff;border-radius:.75rem;padding:1.5rem}.newsletter-features h4{color:#0f172a;margin-bottom:1rem;font-size:1rem;font-weight:700}.features-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.feature-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;display:flex}.feature-icon{flex-shrink:0;font-size:1.5rem}.feature-text{color:#475569;font-size:.9rem;font-weight:500}@media (width<=768px){.newsletter-infrastructure{padding:1.5rem}.newsletter-signup{flex-direction:column}.email-input,.btn-subscribe{width:100%}.features-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.feature-item{padding:.5rem}.feature-icon{font-size:1.2rem}.feature-text{font-size:.85rem}}@media (width<=480px){.newsletter-infrastructure{padding:1rem}.newsletter-infrastructure h3{font-size:1.5rem}.newsletter-intro{font-size:.9rem}.email-input{padding:.6rem .75rem;font-size:.9rem}.btn-subscribe{padding:.6rem 1rem;font-size:.85rem}.newsletter-features{padding:1rem}.features-grid{grid-template-columns:1fr}.feature-item{padding:.4rem}.feature-icon{font-size:1rem}.feature-text{font-size:.8rem}}.recently-updated-module{background:#fff;border-radius:1rem;width:100%;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 8px #00000014}.module-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.module-header h3{color:#0f172a;font-size:1.5rem;font-weight:700}.view-all{color:#3b82f6;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s}.view-all:hover{color:#2563eb;transform:translate(4px)}.updates-carousel{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.update-card{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:.5rem;gap:1rem;padding:1rem;transition:all .3s;display:flex}.update-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.update-icon{flex-shrink:0;font-size:1.5rem}.update-info{flex:1}.update-info h4{color:#0f172a;margin-bottom:.25rem;font-size:.95rem;font-weight:700}.update-text{color:#64748b;margin-bottom:.5rem;font-size:.85rem;line-height:1.4}.update-time{color:#94a3b8;font-size:.8rem;font-weight:500}@media (width<=768px){.recently-updated-module{padding:1.5rem}.module-header h3{font-size:1.3rem}.updates-carousel{grid-template-columns:repeat(2,1fr);gap:.75rem}.update-card{gap:.75rem;padding:.75rem}.update-icon{font-size:1.2rem}.update-info h4{font-size:.9rem}.update-text{font-size:.8rem}.update-time{font-size:.75rem}}@media (width<=480px){.recently-updated-module{padding:1rem}.module-header{flex-direction:column;align-items:flex-start;gap:.75rem}.module-header h3{font-size:1.2rem}.view-all{font-size:.8rem}.updates-carousel{grid-template-columns:1fr}.update-card{gap:.5rem;padding:.5rem}.update-icon{font-size:1rem}.update-info h4{font-size:.85rem}.update-text{font-size:.75rem}.update-time{font-size:.7rem}}.user-account-system{background:#fff;border-radius:1rem;width:100%;overflow:hidden;box-shadow:0 2px 8px #00000014}.account-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0;align-items:center;gap:2rem;padding:2rem;display:flex}.user-avatar{background:#fff;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:4rem;display:flex}.user-info h2{color:#0f172a;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.user-info p{color:#64748b;margin-bottom:.25rem;font-size:.95rem}.account-stats{border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem 2rem;display:grid}.stat{text-align:center}.stat-value{color:#3b82f6;margin-bottom:.25rem;font-size:1.8rem;font-weight:700}.stat-label{color:#64748b;font-size:.85rem;font-weight:600}.account-tabs{border-bottom:2px solid #e2e8f0;gap:0;padding:0 2rem;display:flex}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.tab-btn:hover{color:#3b82f6}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.account-content{padding:2rem;animation:.3s fadeIn}.profile-section,.preferences-section,.activity-section{max-width:600px}.form-group label{color:#475569;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group textarea{border:1px solid #e2e8f0;border-radius:.5rem;width:100%;padding:.75rem;font-family:inherit;font-size:.95rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.preference-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1rem;display:flex}.preference-item label{color:#475569;margin:0;font-size:.95rem;font-weight:500}.preference-item input[type=checkbox]{cursor:pointer;width:20px;height:20px}.activity-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:all .3s;display:flex}.activity-item:hover{background:#f1f5f9;border-color:#cbd5e1}.activity-icon{flex-shrink:0;font-size:1.5rem}.activity-content p{color:#475569;margin-bottom:.25rem;font-size:.95rem;font-weight:500}.btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:.5rem;margin-top:1rem;padding:.75rem 2rem;font-size:.95rem;font-weight:600;transition:all .3s}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media (width<=768px){.account-header{text-align:center;flex-direction:column;gap:1rem;padding:1.5rem}.account-stats{grid-template-columns:repeat(3,1fr);padding:1rem 1.5rem}.account-tabs{padding:0 1rem;overflow-x:auto}.tab-btn{padding:.75rem 1rem;font-size:.85rem}.account-content{padding:1.5rem}}@media (width<=480px){.account-header{padding:1rem}.user-avatar{width:80px;height:80px;font-size:2.5rem}.account-stats{grid-template-columns:1fr;gap:.75rem;padding:1rem}.account-tabs{padding:0}.tab-btn{padding:.5rem .75rem;font-size:.75rem}.account-content{padding:1rem}}.saved-cases-lists{background:#fff;border-radius:1rem;width:100%;padding:2rem;box-shadow:0 2px 8px #00000014}.saved-cases-lists h3{color:#0f172a;margin-bottom:2rem;font-size:1.5rem;font-weight:700}.lists-section,.saved-cases-section{margin-bottom:2rem}.lists-section h4,.saved-cases-section h4{color:#1e293b;margin-bottom:1rem;font-size:1.1rem;font-weight:700}.lists-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.list-card{text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;padding:1.5rem;transition:all .3s;display:flex}.list-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.list-card.create-new{background:#f8fafc;border:2px dashed #cbd5e1}.list-icon{margin-bottom:.75rem;font-size:2rem}.list-card h5{color:#0f172a;margin-bottom:.5rem;font-size:1rem;font-weight:700}.list-count{color:#64748b;flex:1;margin-bottom:1rem;font-size:.85rem}.btn-view,.btn-create{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s}.btn-view:hover,.btn-create:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.case-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}.case-item:hover{background:#f1f5f9;border-color:#cbd5e1}.case-icon{flex-shrink:0;font-size:1.5rem}.case-info{flex:1}.case-info h5{color:#0f172a;margin-bottom:.25rem;font-size:.95rem;font-weight:700}.case-list{color:#64748b;margin-bottom:.25rem;font-size:.85rem}.case-date{color:#94a3b8;font-size:.8rem}.btn-remove{color:#991b1b;cursor:pointer;background:#fee2e2;border:none;border-radius:.4rem;padding:.4rem .6rem;font-size:1rem;transition:all .3s}.btn-remove:hover{background:#fecaca}@media (width<=768px){.saved-cases-lists{padding:1.5rem}.lists-grid{grid-template-columns:repeat(2,1fr)}.case-item{padding:.75rem}}@media (width<=480px){.saved-cases-lists{padding:1rem}.lists-grid{grid-template-columns:1fr}.case-item{text-align:center;flex-direction:column}.btn-remove{align-self:flex-end}}.follow-updates-alerts{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.alerts-container{background:#fff;border-radius:12px;max-width:1400px;margin:0 auto;overflow:hidden;box-shadow:0 10px 40px #0000001a}.alerts-header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:3rem 2rem}.alerts-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.alerts-header p{opacity:.95;margin:0;font-size:1.1rem}.alerts-grid{grid-template-columns:1fr 1fr;gap:2rem;min-height:600px;padding:2rem;display:grid}.alerts-column{flex-direction:column;gap:2rem;display:flex}.section-header{border-bottom:2px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.section-header h2{color:#333;margin:0;font-size:1.5rem;font-weight:600}.section-header .count{color:#fff;background:#667eea;border-radius:20px;padding:.25rem .75rem;font-size:.9rem;font-weight:600}.add-follow-section{background:#f8f9fa;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.input-group{gap:.5rem;display:flex}.follow-type-select,.follow-input{border:1px solid #ddd;border-radius:6px;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.follow-type-select{cursor:pointer;background:#fff;min-width:120px}.follow-input{background:#fff;flex:1}.follow-input:focus,.follow-type-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.btn-add-follow{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-add-follow:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-add-follow:active{transform:translateY(0)}.followed-items-list{flex-direction:column;gap:1rem;max-height:600px;padding-right:.5rem;display:flex;overflow-y:auto}.followed-items-list::-webkit-scrollbar{width:6px}.followed-items-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.followed-items-list::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.followed-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;transition:all .3s}.followed-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.item-info{flex-direction:column;flex:1;gap:.5rem;display:flex}.item-type-badge{color:#fff;text-transform:uppercase;background:#667eea;border-radius:20px;width:fit-content;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.followers-count{color:#666;font-size:.85rem}.checkbox-label{cursor:pointer;color:#333;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.frequency-select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:.5rem .75rem;font-size:.9rem;transition:all .3s}.frequency-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.frequency-select:disabled{cursor:not-allowed;opacity:.6;background:#e0e0e0}.preferences-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem}.preference-item{cursor:pointer;border-radius:6px;gap:1rem;padding:.75rem;transition:all .3s;display:flex}.history-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem}.history-controls{align-items:center;gap:1rem;display:flex}.unread-badge{color:#fff;background:#ff6b6b;border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.btn-mark-all{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.85rem;transition:all .3s}.btn-mark-all:hover{background:#5568d3}.notification-list{flex-direction:column;gap:.75rem;max-height:400px;display:flex;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.notification-list::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.notification-item{background:#f8f9fa;border-left:4px solid #ddd;border-radius:4px;justify-content:space-between;align-items:center;padding:1rem;transition:all .3s;display:flex}.notification-item.unread{background:#f0f4ff;border-left-color:#667eea}.notification-item:hover{box-shadow:0 2px 8px #0000001a}.notification-content{flex:1}.notification-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.notification-item-name{color:#333;font-weight:600}.notification-type{color:#fff;text-transform:uppercase;background:#667eea;border-radius:3px;padding:.2rem .5rem;font-size:.75rem}.notification-action{color:#666;margin:.5rem 0;font-size:.9rem}.notification-date{color:#999;font-size:.8rem}.btn-mark-read{color:#fff;cursor:pointer;background:#51cf66;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:1rem;font-size:.9rem;transition:all .3s;display:flex}.btn-mark-read:hover{background:#40c057;transform:scale(1.1)}.unsubscribe-section{text-align:center;background:#fff3cd;border-top:1px solid #e0e0e0;padding:2rem}.unsubscribe-section h3{color:#333;margin:0 0 .5rem;font-size:1.2rem}.unsubscribe-section p{color:#666;margin:0 0 1.5rem}.unsubscribe-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-unsubscribe-all,.btn-manage-email{cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.btn-unsubscribe-all{color:#fff;background:#ff6b6b}.btn-unsubscribe-all:hover{background:#ff5252;transform:translateY(-2px)}.btn-manage-email{color:#667eea;background:#fff;border:2px solid #667eea}.btn-manage-email:hover{color:#fff;background:#667eea;transform:translateY(-2px)}@media (width<=1024px){.alerts-grid{grid-template-columns:1fr;gap:1.5rem}.alerts-header h1{font-size:2rem}.alerts-header p{font-size:1rem}}@media (width<=768px){.follow-updates-alerts{padding:1rem}.alerts-container{border-radius:8px}.alerts-header{padding:2rem 1rem}.alerts-header h1{font-size:1.5rem}.alerts-grid{gap:1rem;padding:1rem}.input-group{flex-direction:column}.follow-type-select,.follow-input,.btn-add-follow{width:100%}.item-header{flex-direction:column;gap:1rem}.item-controls,.frequency-select{width:100%}.unsubscribe-actions{flex-direction:column}.btn-unsubscribe-all,.btn-manage-email{width:100%}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (width<=480px){.alerts-header h1{font-size:1.25rem}.alerts-header p{font-size:.9rem}.alerts-grid{padding:.75rem}.add-follow-section{padding:1rem}.followed-item{padding:.75rem}.preferences-section,.history-section{padding:1rem}.unsubscribe-section{padding:1.5rem 1rem}.notification-item{flex-direction:column;align-items:flex-start}.btn-mark-read{margin-top:.5rem;margin-left:0}}.weekly-digest-email{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.digest-container{background:#fff;border-radius:12px;max-width:1400px;margin:0 auto;overflow:hidden;box-shadow:0 20px 60px #00000026}.digest-header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:3rem 2rem}.digest-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.digest-header p{opacity:.95;margin:0;font-size:1.1rem}.digest-grid{grid-template-columns:1fr 1fr;gap:2rem;min-height:700px;padding:2rem;display:grid}.digest-column{flex-direction:column;display:flex}.settings-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:2rem}.settings-section h2{color:#333;margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.setting-group{margin-bottom:1.5rem}.setting-group label{color:#333;margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.setting-select,.setting-input{background:#fff;border:1px solid #ddd;border-radius:6px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.setting-select:focus,.setting-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.divider{background:#ddd;height:1px;margin:1.5rem 0}.content-preferences{margin-bottom:1.5rem}.content-preferences h3{color:#333;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.checkbox-label{cursor:pointer;color:#333;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.95rem;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#667eea;width:18px;height:18px}.btn-save-settings{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-save-settings:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.preview-controls{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.preview-controls h2{color:#333;margin:0;font-size:1.5rem;font-weight:600}.preview-mode-buttons{background:#f0f0f0;border-radius:6px;gap:.5rem;padding:.25rem;display:flex}.mode-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s}.mode-btn.active{color:#667eea;background:#fff;box-shadow:0 2px 4px #0000001a}.email-preview{background:#fff;border:1px solid #e0e0e0;border-radius:8px;max-height:700px;overflow:hidden auto;box-shadow:0 4px 12px #0000001a}.email-preview.mobile{max-width:400px;margin:0 auto}.email-header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:2rem}.email-logo{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.email-date{opacity:.9;margin:0;font-size:.9rem}.email-body{padding:2rem}.email-greeting{text-align:center;margin-bottom:2rem}.email-greeting h2{color:#333;margin:0 0 .5rem;font-size:1.5rem}.email-greeting p{color:#666;margin:0;font-size:1rem}.email-section{border-bottom:1px solid #e0e0e0;margin-bottom:2rem;padding-bottom:2rem}.email-section:last-of-type{border-bottom:none}.email-section h3{color:#333;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.email-items{flex-direction:column;gap:.75rem;display:flex}.email-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:6px;padding:1rem}.item-title{color:#333;margin-bottom:.25rem;font-weight:600}.item-meta{color:#666;font-size:.85rem}.recommendation-text{color:#666;margin:0;line-height:1.6}.email-footer{text-align:center;color:#666;border-top:1px solid #e0e0e0;padding-top:1.5rem;font-size:.9rem}.email-footer p{margin:.5rem 0}.footer-links{font-size:.85rem}.footer-links a{color:#667eea;text-decoration:none;transition:color .3s}.footer-links a:hover{text-decoration:underline}.digest-actions{background:#f8f9fa;border-top:1px solid #e0e0e0;justify-content:center;gap:1rem;padding:2rem;display:flex}.btn-send-test,.btn-preview-full{cursor:pointer;border:none;border-radius:6px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-send-test{color:#fff;background:#667eea}.btn-send-test:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-preview-full{color:#667eea;background:#fff;border:2px solid #667eea}.btn-preview-full:hover{color:#fff;background:#667eea;transform:translateY(-2px)}@media (width<=1024px){.digest-grid{grid-template-columns:1fr;gap:1.5rem}.digest-header h1{font-size:2rem}}@media (width<=768px){.weekly-digest-email{padding:1rem}.digest-container{border-radius:8px}.digest-header{padding:2rem 1rem}.digest-header h1{font-size:1.5rem}.digest-grid{gap:1rem;padding:1rem}.settings-section{padding:1.5rem}.email-preview{max-height:500px}.email-body{padding:1.5rem}.digest-actions{flex-direction:column;padding:1.5rem}.btn-send-test,.btn-preview-full{width:100%}}@media (width<=480px){.digest-header h1{font-size:1.25rem}.digest-grid{padding:.75rem}.settings-section{padding:1rem}.preview-controls{flex-direction:column;align-items:flex-start;gap:1rem}.email-preview{max-width:100%}.email-header{padding:1.5rem}.email-body{padding:1rem}.email-section{margin-bottom:1.5rem;padding-bottom:1.5rem}.email-item{padding:.75rem}}.on-this-day-module{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.otd-container{max-width:1200px;margin:0 auto}.otd-header{text-align:center;color:#fff;margin-bottom:3rem}.otd-header h1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:3rem;font-weight:700}.otd-header p{color:#aaa;margin:0;font-size:1.1rem}.date-selector{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.btn-nav,.btn-today{cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-nav{color:#fff;background:#667eea}.btn-nav:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-today{color:#fff;background:#51cf66}.btn-today:hover{background:#40c057;transform:translateY(-2px);box-shadow:0 4px 12px #51cf664d}.date-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 2rem;display:flex}.date-text{color:#fff;font-size:1.3rem;font-weight:600}.date-input{color:#fff;cursor:pointer;background:#667eea1a;border:1px solid #667eea;border-radius:4px;padding:.5rem 1rem;font-size:1rem}.date-input:focus{border-color:#764ba2;outline:none;box-shadow:0 0 0 3px #667eea33}.events-container{margin-bottom:3rem}.event-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #667eea4d;border-radius:8px;gap:2rem;padding:2rem;transition:all .3s;display:flex}.event-card:hover{background:#ffffff14;border-color:#667eea;transform:translate(10px);box-shadow:0 8px 24px #667eea33}.event-year{color:#667eea;text-align:center;min-width:100px;font-size:2.5rem;font-weight:700}.event-content{flex:1}.event-content h3{color:#fff;margin:0 0 .75rem;font-size:1.3rem;font-weight:600}.event-description{color:#ccc;margin:0 0 1rem;font-size:1rem;line-height:1.6}.event-meta{flex-wrap:wrap;gap:1rem;display:flex}.victims-badge,.years-ago{border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.victims-badge{color:#ff6b6b;background:#ff6b6b33;border:1px solid #ff6b6b4d}.years-ago{color:#667eea;background:#667eea33;border:1px solid #667eea4d}.no-events{text-align:center;color:#aaa;background:#ffffff0d;border:1px solid #667eea4d;border-radius:8px;padding:3rem 2rem}.no-events p{margin:.5rem 0;font-size:1.1rem}.no-events-hint{color:#888;font-size:.95rem}.archive-section{margin-bottom:3rem}.archive-section h2{color:#fff;margin:0 0 .5rem;font-size:1.8rem;font-weight:600}.archive-section>p{color:#aaa;margin:0 0 2rem}.archive-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.archive-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #667eea4d;border-radius:8px;padding:2rem;transition:all .3s}.archive-card:hover{background:#ffffff14;border-color:#667eea;transform:translateY(-5px);box-shadow:0 8px 24px #667eea33}.archive-icon{margin-bottom:1rem;font-size:3rem}.archive-card h3{color:#fff;margin:0 0 .5rem;font-size:1.2rem;font-weight:600}.archive-card p{color:#aaa;margin:0 0 1.5rem;font-size:.95rem}.btn-archive{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.btn-archive:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.statistics-section{margin-bottom:2rem}.statistics-section h2{color:#fff;margin:0 0 2rem;font-size:1.8rem;font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.stat-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #667eea4d;border-radius:8px;padding:2rem;transition:all .3s}.stat-card:hover{background:#ffffff14;border-color:#667eea;transform:translateY(-5px)}.stat-number{color:#667eea;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.stat-label{color:#aaa;font-size:.95rem}@media (width<=1024px){.otd-header h1{font-size:2.5rem}.event-card{flex-direction:column;gap:1rem}.event-year{text-align:left}}@media (width<=768px){.on-this-day-module{padding:1rem}.otd-header h1{font-size:2rem}.date-selector{gap:.5rem}.btn-nav,.btn-today{padding:.5rem 1rem;font-size:.9rem}.date-display{padding:.75rem 1.5rem}.date-text{font-size:1.1rem}.event-card{padding:1.5rem}.event-year{min-width:80px;font-size:2rem}.event-content h3{font-size:1.1rem}.archive-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.otd-header h1{font-size:1.5rem}.date-selector{flex-direction:column;width:100%}.btn-nav,.btn-today,.date-display{width:100%}.event-card{padding:1rem}.event-year{font-size:1.5rem}.event-content h3{font-size:1rem}.event-description{font-size:.9rem}.archive-grid,.stats-grid{grid-template-columns:1fr}.stat-number{font-size:2rem}}.case-of-the-week{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.cotw-container{max-width:1000px;margin:0 auto}.cotw-header{text-align:center;margin-bottom:3rem}.header-badge{color:#fff;text-transform:uppercase;background:#667eea;border-radius:20px;margin-bottom:1rem;padding:.5rem 1.5rem;font-size:.9rem;font-weight:600;display:inline-block}.cotw-header h1{color:#333;margin:0 0 .5rem;font-size:3rem;font-weight:700}.header-subtitle{color:#666;margin:0;font-size:1.1rem}.featured-case-card{background:#fff;border-radius:12px;grid-template-columns:200px 1fr;gap:2rem;margin-bottom:3rem;padding:2rem;display:grid;box-shadow:0 10px 40px #0000001a}.case-image{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;justify-content:center;align-items:center;font-size:5rem;display:flex}.case-info{flex-direction:column;justify-content:space-between;display:flex}.case-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.stat{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;align-items:center;padding:1rem;display:flex}.stat-label{color:#666;text-transform:uppercase;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.case-description{color:#555;margin-bottom:1.5rem;font-size:1rem;line-height:1.8}.btn-read-full{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;align-self:flex-start;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-read-full:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.tabs-container{background:#fff;border-radius:12px;margin-bottom:3rem;overflow:hidden;box-shadow:0 10px 40px #0000001a}.tabs{background:#f8f9fa;border-bottom:2px solid #e0e0e0;display:flex}.tab{color:#666;cursor:pointer;text-align:center;background:0 0;border:none;flex:1;padding:1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.tab:hover{color:#667eea;background:#667eea0d}.tab.active{color:#667eea;border-bottom:3px solid #667eea;margin-bottom:-2px}.tab-content{padding:2rem}.tab-pane{animation:.3s fadeIn}.tab-pane h2{color:#333;margin:0 0 1.5rem;font-size:1.5rem}.highlights-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.highlights-list li{color:#555;background:#f8f9fa;border-left:4px solid #667eea;border-radius:4px;padding:1rem;line-height:1.6}.evidence-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.evidence-item{text-align:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:all .3s}.evidence-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.evidence-icon{margin-bottom:.75rem;font-size:2rem}.evidence-item p{color:#555;margin:0;font-weight:600}.theories-list{flex-direction:column;gap:1rem;display:flex}.theory-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;gap:1.5rem;padding:1.5rem;display:flex}.theory-number{color:#fff;background:#667eea;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:40px;height:40px;font-weight:700;display:flex}.theory-item p{color:#555;margin:0;line-height:1.6}.add-comment-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.comment-input{resize:vertical;border:1px solid #ddd;border-radius:6px;width:100%;margin-bottom:1rem;padding:1rem;font-family:inherit;font-size:1rem}.btn-post-comment:hover:not(:disabled){background:#5568d3;transform:translateY(-2px)}.btn-post-comment:disabled{cursor:not-allowed;background:#ccc}.comments-list{flex-direction:column;gap:1.5rem;display:flex}.comment-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem}.comment-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.comment-date{color:#999;font-size:.85rem}.btn-like{cursor:pointer;color:#666;background:0 0;border:1px solid #ddd;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:all .3s}.btn-like:hover{color:#667eea;background:#667eea0d;border-color:#667eea}.past-features-section{margin-bottom:3rem}.past-features-section h2{color:#333;margin:0 0 1.5rem;font-size:1.5rem}.past-features-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.past-feature-card{text-align:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:all .3s;box-shadow:0 4px 12px #0000000d}.past-feature-card:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 8px 24px #667eea26}.past-feature-card h3{color:#333;margin:0 0 .75rem;font-size:1.1rem}.feature-week{color:#999;margin:.5rem 0;font-size:.85rem}.feature-views{color:#667eea;margin:.75rem 0;font-size:.9rem;font-weight:600}.btn-view-case{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:all .3s}.btn-view-case:hover{background:#5568d3}.share-section{text-align:center;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #0000001a}.share-section h3{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.share-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-share{cursor:pointer;color:#333;background:#f0f0f0;border:1px solid #ddd;border-radius:6px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.btn-share:hover{color:#fff;background:#667eea;border-color:#667eea;transform:translateY(-2px)}@media (width<=1024px){.featured-case-card{grid-template-columns:1fr}.case-image{min-height:150px}.case-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.case-of-the-week{padding:1rem}.cotw-header h1{font-size:2rem}.tabs{flex-wrap:wrap}.tab{flex:50%;padding:1rem}.case-stats{grid-template-columns:1fr}.past-features-grid{grid-template-columns:repeat(2,1fr)}.share-buttons{flex-direction:column}.btn-share{width:100%}}@media (width<=480px){.cotw-header h1{font-size:1.5rem}.featured-case-card{padding:1rem}.case-image{font-size:3rem}.tab-content{padding:1rem}.past-features-grid{grid-template-columns:1fr}.share-section{padding:1.5rem}}.personalized-recommendations{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.recommendations-container{max-width:1400px;margin:0 auto}.recommendations-header{text-align:center;color:#fff;margin-bottom:3rem}.recommendations-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.recommendations-header p{opacity:.95;margin:0;font-size:1.1rem}.recommendations-grid{grid-template-columns:300px 1fr;gap:2rem;margin-bottom:3rem;display:grid}.recommendations-column{flex-direction:column;gap:2rem;display:flex}.history-section,.categories-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 10px 40px #0000001a}.history-section h2,.categories-section h2{color:#333;margin:0 0 1rem;font-size:1.2rem;font-weight:600}.history-list{flex-direction:column;gap:.75rem;display:flex}.history-item{background:#f8f9fa;border-radius:6px;justify-content:space-between;align-items:center;padding:.75rem;transition:all .3s;display:flex}.history-item:hover{background:#f0f0f0}.history-info h4{color:#333;margin:0 0 .25rem;font-size:.95rem}.history-meta{color:#999;font-size:.8rem}.history-icon{font-size:1.2rem}.categories-list{flex-direction:column;gap:.75rem;display:flex}.category-item{cursor:pointer;background:#f8f9fa;border-radius:6px;align-items:center;gap:1rem;padding:.75rem;transition:all .3s;display:flex}.category-item:hover{background:#f0f0f0;transform:translate(5px)}.category-icon{font-size:1.5rem}.category-info h4{color:#333;margin:0 0 .25rem;font-size:.95rem}.category-count{color:#999;font-size:.8rem}.recommendations-main{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #0000001a}.recommendations-controls{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.filter-group,.sort-group{flex-direction:column;gap:.5rem;display:flex}.filter-group label,.sort-group label{color:#333;font-size:.9rem;font-weight:600}.filter-buttons{gap:.5rem;display:flex}.filter-btn{cursor:pointer;color:#666;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:all .3s}.sort-select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:.5rem 1rem;font-size:.9rem}.sort-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.recommendations-list{flex-direction:column;gap:1rem;display:flex}.recommendation-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:1.5rem;padding:1.5rem;transition:all .3s;display:flex}.recommendation-card:hover{border-color:#667eea;transform:translate(5px);box-shadow:0 4px 12px #667eea1a}.recommendation-rank{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;min-width:50px;height:50px;font-size:1.2rem;font-weight:700;display:flex}.recommendation-content{flex:1}.recommendation-content h3{color:#333;margin:0 0 .5rem;font-size:1.1rem}.recommendation-reason{color:#666;margin:0 0 .75rem;font-size:.9rem}.recommendation-stats{flex-wrap:wrap;gap:1.5rem;display:flex}.stat{flex-direction:column;gap:.25rem;display:flex}.recommendation-actions{gap:.75rem;display:flex}.btn-read,.btn-save{cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s}.btn-read{color:#fff;background:#667eea}.btn-read:hover{background:#5568d3;transform:translateY(-2px)}.btn-save{color:#667eea;background:#fff;border:1px solid #667eea}.btn-save:hover{color:#fff;background:#667eea}.algorithm-info{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #0000001a}.algorithm-info h2{color:#333;text-align:center;margin:0 0 2rem;font-size:1.5rem}.algorithm-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.algorithm-card{text-align:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:all .3s}.algorithm-card:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 4px 12px #667eea1a}.algorithm-icon{margin-bottom:1rem;font-size:2.5rem}.algorithm-card h3{color:#333;margin:0 0 .75rem;font-size:1.1rem}.algorithm-card p{color:#666;margin:0;font-size:.9rem;line-height:1.6}@media (width<=1024px){.recommendations-grid{grid-template-columns:1fr}.recommendations-header h1{font-size:2rem}}@media (width<=768px){.personalized-recommendations{padding:1rem}.recommendations-controls{flex-direction:column;gap:1rem}.filter-buttons{flex-wrap:wrap}.recommendation-card{text-align:center;flex-direction:column}.recommendation-stats,.recommendation-actions{justify-content:center}.algorithm-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.recommendations-header h1{font-size:1.5rem}.recommendations-main,.algorithm-info{padding:1rem}.algorithm-grid{grid-template-columns:1fr}.recommendation-card{padding:1rem}.btn-read,.btn-save{flex:1}}.watchlist-tracker{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.tracker-container{max-width:1200px;margin:0 auto}.tracker-header{text-align:center;margin-bottom:3rem}.tracker-header h1{color:#333;margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.tracker-header p{color:#666;margin:0;font-size:1.1rem}.statistics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.filters-section{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 12px #0000001a}.filter-group{margin-bottom:1.5rem}.filter-group:last-child{margin-bottom:0}.filter-group label{color:#333;margin-bottom:.75rem;font-size:.95rem;font-weight:600;display:block}.filter-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.filter-btn{cursor:pointer;color:#666;background:#f0f0f0;border:1px solid #ddd;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s}.filter-btn:hover{color:#667eea;border-color:#667eea}.filter-btn.active{color:#fff;background:#667eea;border-color:#667eea}.watchlist-items{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}.watchlist-item{background:#fff;border-left:4px solid #ddd;border-radius:12px;padding:1.5rem;transition:all .3s;box-shadow:0 4px 12px #0000001a}.watchlist-item.status-completed{border-left-color:#51cf66}.watchlist-item.status-inprogress{border-left-color:#667eea}.watchlist-item.status-planned{border-left-color:#ffa94d}.watchlist-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.item-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.item-info{flex:1;align-items:center;gap:1rem;display:flex}.item-type{font-size:1.5rem}.item-info h3{color:#333;margin:0;font-size:1.1rem}.status-badge{text-transform:uppercase;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.status-completed{color:#2f9e44;background:#d3f9d8}.status-reading,.status-watching{color:#1971c2;background:#d0ebff}.status-planned{color:#e67700;background:#ffe8a8}.btn-remove{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;transition:all .3s;display:flex}.btn-remove:hover{background:#ff5252;transform:scale(1.1)}.item-progress{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.progress-bar{background:#e0e0e0;border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);height:100%;transition:width .3s}.progress-text{text-align:right;color:#667eea;min-width:50px;font-size:.9rem;font-weight:600}.item-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.status-select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;transition:all .3s}.status-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.rating-section{align-items:center;gap:.75rem;display:flex}.rating-section label{color:#333;font-size:.9rem;font-weight:600}.rating-stars{gap:.25rem;display:flex}.star{cursor:pointer;opacity:.3;background:0 0;border:none;font-size:1.2rem;transition:all .3s}.star:hover,.star.filled{opacity:1;transform:scale(1.2)}.progress-slider{appearance:none;background:#e0e0e0;border-radius:3px;outline:none;flex:1;min-width:150px;height:6px}.progress-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#667eea;border-radius:50%;width:18px;height:18px;transition:all .3s}.progress-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 2px 8px #667eea4d}.progress-slider::-moz-range-thumb{cursor:pointer;background:#667eea;border:none;border-radius:50%;width:18px;height:18px;transition:all .3s}.progress-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 2px 8px #667eea4d}.no-items{text-align:center;color:#999;background:#fff;border-radius:12px;padding:3rem 2rem}.add-item-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a}.add-item-section h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.add-item-form{gap:1rem;display:flex}.search-input{border:1px solid #ddd;border-radius:6px;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.search-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.btn-add{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-add:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}@media (width<=1024px){.statistics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.watchlist-tracker{padding:1rem}.tracker-header h1{font-size:2rem}.statistics-grid{grid-template-columns:repeat(2,1fr)}.filter-buttons{gap:.25rem}.filter-btn{padding:.4rem .8rem;font-size:.85rem}.item-controls{flex-direction:column;align-items:flex-start}.status-select,.progress-slider{width:100%}.add-item-form{flex-direction:column}.btn-add{width:100%}}@media (width<=480px){.tracker-header h1{font-size:1.5rem}.statistics-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-icon{font-size:2rem}.stat-value{font-size:1.5rem}.watchlist-item{padding:1rem}.item-header{flex-direction:column;gap:.75rem}.item-info{width:100%}.item-progress{gap:.5rem}.progress-text{min-width:40px}}.reading-history{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.history-container{max-width:1400px;margin:0 auto}.history-header{text-align:center;color:#fff;margin-bottom:3rem}.history-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.history-header p{opacity:.95;margin:0;font-size:1.1rem}.statistics-section{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.stat-content{flex-direction:column;gap:.25rem;display:flex}.history-grid{grid-template-columns:350px 1fr;gap:2rem;margin-bottom:3rem;display:grid}.history-column{flex-direction:column;display:flex}.privacy-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #0000001a}.privacy-section h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem;font-weight:600}.privacy-controls{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.privacy-item{cursor:pointer;border-radius:6px;gap:1rem;padding:.75rem;transition:all .3s;display:flex}.privacy-item:hover{background:#f8f9fa}.privacy-item input[type=checkbox]{cursor:pointer;accent-color:#667eea;flex-shrink:0;width:20px;height:20px;margin-top:.25rem}.privacy-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.privacy-content{flex-direction:column;gap:.25rem;display:flex}.privacy-label{color:#333;font-size:.95rem;font-weight:600}.privacy-desc{color:#666;font-size:.85rem}.privacy-actions{flex-direction:column;gap:.75rem;display:flex}.btn-export,.btn-clear{cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.btn-export{color:#fff;background:#667eea}.btn-export:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-clear{color:#fff;background:#ff6b6b}.btn-clear:hover{background:#ff5252;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b4d}.history-list-column{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #0000001a}.history-filters{border-bottom:1px solid #e0e0e0;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.filter-group{flex-direction:column;gap:.5rem;display:flex}.filter-group label{color:#333;font-size:.9rem;font-weight:600}.filter-select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:.5rem 1rem;font-size:.9rem}.filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.history-items{flex-direction:column;gap:1rem;max-height:600px;display:flex;overflow-y:auto}.history-items::-webkit-scrollbar{width:6px}.history-items::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.history-items::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.history-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;transition:all .3s;display:flex}.history-item:hover{background:#f0f0f0;box-shadow:0 2px 8px #0000001a}.item-content h3{color:#333;margin:0 0 .5rem;font-size:1rem}.item-meta{flex-wrap:wrap;gap:1rem;font-size:.85rem;display:flex}.item-date,.item-category,.item-time{color:#666}.item-category{color:#1971c2;background:#e7f5ff;border-radius:3px;padding:.2rem .5rem;font-weight:600}.btn-delete{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.9rem;transition:all .3s;display:flex}.btn-delete:hover{background:#ff5252;transform:scale(1.1)}.no-history{text-align:center;color:#999;padding:2rem}.insights-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #0000001a}.insights-section h2{color:#333;text-align:center;margin:0 0 1.5rem;font-size:1.5rem}.insights-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.insight-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:all .3s}.insight-card:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 4px 12px #667eea1a}.insight-card h3{color:#333;margin:0 0 .75rem;font-size:1.1rem}.insight-card p{color:#666;margin:0;font-size:.95rem;line-height:1.6}@media (width<=1024px){.history-grid{grid-template-columns:1fr}.history-header h1{font-size:2rem}}@media (width<=768px){.reading-history{padding:1rem}.history-filters{flex-direction:column;gap:1rem}.insights-grid,.statistics-section{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.history-header h1{font-size:1.5rem}.statistics-section{grid-template-columns:1fr}.stat-card,.privacy-section,.history-list-column,.insights-section{padding:1rem}.insights-grid{grid-template-columns:1fr}.history-items{max-height:400px}.item-meta{flex-direction:column;gap:.25rem}}.discussion-threads{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.threads-container{max-width:1200px;margin:0 auto}.threads-header{text-align:center;margin-bottom:3rem}.threads-header h1{color:#333;margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.threads-header p{color:#666;margin:0;font-size:1.1rem}.create-thread-section{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 12px #0000001a}.create-thread-section h2{color:#333;margin:0 0 1rem;font-size:1.2rem}.create-thread-form{gap:1rem;display:flex}.thread-input{border:1px solid #ddd;border-radius:6px;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.thread-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.btn-create-thread{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-create-thread:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.threads-grid{grid-template-columns:350px 1fr;gap:2rem;margin-bottom:3rem;display:grid}.threads-list-column h2{color:#333;margin:0 0 1rem;font-size:1.2rem}.threads-list{background:#fff;border-radius:12px;flex-direction:column;gap:1rem;max-height:600px;padding:1.5rem;display:flex;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.thread-item{cursor:pointer;background:#f8f9fa;border-left:4px solid #ddd;border-radius:8px;padding:1rem;transition:all .3s;position:relative}.thread-item:hover{background:#f0f0f0;border-left-color:#667eea}.thread-item.pending{background:#fff3cd}.thread-info h3{color:#333;margin:0 0 .5rem;font-size:1rem}.thread-meta{color:#666;gap:1rem;font-size:.85rem;display:flex}.thread-stats{color:#999;gap:1rem;margin-top:.75rem;font-size:.85rem;display:flex}.pending-badge{color:#fff;background:#ff6b6b;border-radius:3px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;position:absolute;top:.5rem;right:.5rem}.thread-details-column{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a}.thread-details h2{color:#333;margin:0 0 1rem;font-size:1.5rem}.thread-header-info{color:#666;border-bottom:1px solid #e0e0e0;gap:1.5rem;margin-bottom:2rem;padding-bottom:1rem;font-size:.9rem;display:flex}.comments-section{margin-bottom:2rem}.comments-section h3{color:#333;margin:0 0 1rem}.comments-list{flex-direction:column;gap:1rem;max-height:300px;display:flex;overflow-y:auto}.comment{background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;padding:1rem}.comment-header{justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;display:flex}.comment-author{color:#333;font-weight:600}.comment-date{color:#999}.comment-text{color:#555;margin:0;line-height:1.6}.add-comment-section{flex-direction:column;gap:1rem;display:flex}.comment-input{resize:vertical;border:1px solid #ddd;border-radius:6px;padding:1rem;font-family:inherit;font-size:1rem}.comment-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.btn-post-comment{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-post-comment:hover{background:#5568d3;transform:translateY(-2px)}.no-thread-selected{color:#999;justify-content:center;align-items:center;height:300px;font-size:1.1rem;display:flex}.moderation-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a}.moderation-section h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.moderation-items{flex-direction:column;gap:1rem;display:flex}.moderation-item{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.moderation-info h4{color:#333;margin:0 0 .25rem}.moderation-info p{color:#666;margin:0;font-size:.85rem}.moderation-actions{gap:.75rem;display:flex}.btn-approve:hover{background:#40c057;transform:translateY(-2px)}.btn-reject:hover{background:#ff5252;transform:translateY(-2px)}@media (width<=1024px){.threads-grid{grid-template-columns:1fr}.threads-header h1{font-size:2rem}}@media (width<=768px){.discussion-threads{padding:1rem}.create-thread-form{flex-direction:column}.thread-input,.btn-create-thread{width:100%}.moderation-item{flex-direction:column;align-items:flex-start;gap:1rem}.moderation-actions{width:100%}.btn-approve,.btn-reject{flex:1}}@media (width<=480px){.threads-header h1{font-size:1.5rem}.thread-header-info{flex-direction:column;gap:.5rem}.threads-list{max-height:400px}.comments-list{max-height:200px}}.theory-submissions{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.submissions-container{max-width:1000px;margin:0 auto}.submissions-header{text-align:center;color:#fff;margin-bottom:3rem}.submissions-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.submissions-header p{opacity:.95;margin:0;font-size:1.1rem}.submission-form-section{background:#fff;border-radius:12px;margin-bottom:3rem;padding:2rem;box-shadow:0 10px 40px #0000001a}.submission-form-section h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.form-input{border:1px solid #ddd;border-radius:6px;width:100%;margin-bottom:.5rem;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.form-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.btn-add-source{cursor:pointer;color:#667eea;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s}.btn-add-source:hover{color:#fff;background:#667eea;border-color:#667eea}.btn-submit-theory{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-submit-theory:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.theories-list{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #0000001a}.theories-list h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.theory-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-bottom:1rem;padding:1.5rem;transition:all .3s}.theory-card:hover{transform:translate(5px);box-shadow:0 4px 12px #667eea1a}.theory-card.pending{background:#fff3cd;border-left-color:#ffc107}.theory-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.theory-header h3{color:#333;margin:0;font-size:1.1rem}.label-badge{text-transform:uppercase;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.label-badge.evidence-based{color:#2f9e44;background:#d3f9d8}.label-badge.speculation{color:#1971c2;background:#e7f5ff}.label-badge.pending-review{color:#e67700;background:#ffe8a8}.theory-meta{color:#666;gap:1rem;margin-bottom:1rem;font-size:.85rem;display:flex}.theory-actions{gap:.75rem;display:flex}.btn-vote{cursor:pointer;color:#667eea;background:#fff;border:1px solid #ddd;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s}.btn-vote:hover{background:#f0f4ff;border-color:#667eea}@media (width<=768px){.theory-submissions{padding:1rem}.submissions-header h1{font-size:2rem}.theory-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (width<=480px){.submissions-header h1{font-size:1.5rem}.submission-form-section,.theories-list{padding:1rem}.theory-meta{flex-direction:column;gap:.25rem}}.reader-contributions{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.contributions-container{max-width:1000px;margin:0 auto}.contributions-header{text-align:center;margin-bottom:2rem}.contributions-header h1{color:#333;margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.contributions-header p{color:#666;margin:0;font-size:1.1rem}.contribution-types{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.type-btn{cursor:pointer;color:#666;background:#fff;border:2px solid #ddd;border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.type-btn:hover{color:#667eea;border-color:#667eea}.type-btn.active{color:#fff;background:#667eea;border-color:#667eea}.type-icon{font-size:2rem}.contribution-form{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 12px #0000001a}.contribution-form h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;margin-bottom:.5rem;font-weight:600;display:block}.form-input,.form-textarea{border:1px solid #ddd;border-radius:6px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.btn-submit{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.contributions-list{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 12px #0000001a}.contributions-list h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.contribution-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;transition:all .3s;display:flex}.contribution-item:hover{box-shadow:0 2px 8px #0000001a}.contribution-item.pending{background:#fff3cd;border-left-color:#ffc107}.contribution-info{flex:1;align-items:center;gap:1rem;display:flex}.contribution-type{font-size:1.5rem}.contribution-details h3{color:#333;margin:0 0 .25rem;font-size:1rem}.contribution-date{color:#999;font-size:.85rem}.review-queue{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a}.review-queue h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.review-item{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;display:flex}.review-info h4{color:#333;margin:0 0 .25rem}.review-info p{color:#666;margin:0;font-size:.85rem}.review-actions{gap:.75rem;display:flex}.btn-approve,.btn-reject{cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s}@media (width<=768px){.reader-contributions{padding:1rem}.contributions-header h1{font-size:2rem}.contribution-item,.review-item{flex-direction:column;align-items:flex-start;gap:1rem}.status-badge{align-self:flex-start}.review-actions{width:100%}.btn-approve,.btn-reject{flex:1}}@media (width<=480px){.contributions-header h1{font-size:1.5rem}.contribution-types{grid-template-columns:repeat(2,1fr)}.contribution-form,.contributions-list,.review-queue{padding:1rem}}.user-profiles{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.profiles-container{max-width:1000px;margin:0 auto}.profile-header{background:#fff;border-radius:12px;align-items:center;gap:2rem;margin-bottom:2rem;padding:2rem;display:flex;box-shadow:0 10px 40px #0000001a}.profile-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:4rem;display:flex}.profile-info h1{color:#333;margin:0 0 .5rem;font-size:2rem}.profile-info p{color:#666;margin:0 0 .75rem;font-size:1rem}.join-date{color:#999;font-size:.9rem}.profile-stats{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.stat{text-align:center;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000001a}.stat-value{color:#667eea;margin-bottom:.5rem;font-size:2rem;font-weight:700;display:block}.stat-label{color:#666;font-size:.9rem;display:block}.badges-section{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 12px #0000001a}.badges-section h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.badges-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.badge{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;transition:all .3s;display:flex}.badge:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 4px 12px #667eea1a}.badge-icon{font-size:2rem}.badge-name{color:#333;text-align:center;font-weight:600}.activity-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a}.activity-section h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.activity-feed{flex-direction:column;gap:1rem;display:flex}.activity-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;gap:1rem;padding:1rem;transition:all .3s;display:flex}.activity-item:hover{box-shadow:0 2px 8px #0000001a}.activity-icon{min-width:30px;font-size:1.5rem}.activity-content p{color:#333;margin:0 0 .25rem;font-weight:500}.activity-date{color:#999;font-size:.85rem}@media (width<=768px){.user-profiles{padding:1rem}.profile-header{text-align:center;flex-direction:column}.profile-info h1{font-size:1.5rem}.profile-stats{grid-template-columns:repeat(3,1fr)}.badges-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.profile-avatar{width:80px;height:80px;font-size:3rem}.profile-info h1{font-size:1.3rem}.profile-stats,.badges-grid{grid-template-columns:1fr}.badges-section,.activity-section{padding:1rem}}.user-badges-achievements{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.badges-container{max-width:1200px;margin:0 auto}.badges-header{text-align:center;margin-bottom:3rem}.badges-header h1{color:#333;margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.badges-header p{color:#666;margin:0;font-size:1.1rem}.badges-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.badge-card{text-align:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:2rem;transition:all .3s;box-shadow:0 4px 12px #0000001a}.badge-card.earned{border-color:#667eea;box-shadow:0 8px 24px #667eea26}.badge-card:hover{transform:translateY(-5px)}.badge-card.locked{opacity:.6}.badge-icon{margin-bottom:1rem;font-size:3rem}.badge-card h3{color:#333;margin:0 0 .5rem;font-size:1.1rem}.badge-card p{color:#666;margin:0 0 1rem;font-size:.9rem;line-height:1.5}.earned-badge,.locked-badge{border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.earned-badge{color:#2f9e44;background:#d3f9d8}.locked-badge{color:#666;background:#e0e0e0}.leaderboard-section{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 12px #0000001a}.leaderboard-section h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.leaderboard-table{flex-direction:column;gap:.5rem;display:flex}.leaderboard-header{color:#333;background:#f8f9fa;border-radius:8px;grid-template-columns:60px 1fr 100px 100px;gap:1rem;padding:1rem;font-size:.9rem;font-weight:600;display:grid}.leaderboard-row{background:#f8f9fa;border-left:4px solid #ddd;border-radius:8px;grid-template-columns:60px 1fr 100px 100px;gap:1rem;padding:1rem;transition:all .3s;display:grid}.leaderboard-row:hover{background:#f0f0f0}.leaderboard-row.top-rank{background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border-left-color:#667eea}.leaderboard-row .rank{color:#667eea;font-weight:700}.leaderboard-row .username{color:#333;font-weight:600}.leaderboard-row .points,.leaderboard-row .badges{text-align:center;color:#666}.achievement-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.stat-card{background:#fff;border-radius:12px;align-items:center;gap:1.5rem;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 4px 12px #0000001a}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}@media (width<=1024px){.badges-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.leaderboard-header,.leaderboard-row{grid-template-columns:50px 1fr 80px 80px}}@media (width<=768px){.user-badges-achievements{padding:1rem}.badges-header h1{font-size:2rem}.badges-grid{grid-template-columns:repeat(2,1fr)}.leaderboard-header,.leaderboard-row{grid-template-columns:40px 1fr 60px 60px;gap:.5rem;padding:.75rem;font-size:.85rem}.achievement-stats{grid-template-columns:1fr}}@media (width<=480px){.badges-header h1{font-size:1.5rem}.badges-grid{grid-template-columns:1fr}.badge-icon{font-size:2.5rem}.leaderboard-header,.leaderboard-row{grid-template-columns:1fr;gap:.25rem}.leaderboard-header span,.leaderboard-row span{display:none}.leaderboard-header .rank,.leaderboard-row .rank,.leaderboard-header .username,.leaderboard-row .username{display:inline}}.community-prompts{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.prompts-container{max-width:1000px;margin:0 auto}.prompts-header{text-align:center;color:#fff;margin-bottom:3rem}.prompts-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.prompts-header p{opacity:.95;margin:0;font-size:1.1rem}.polls-section{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}.poll-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #0000001a}.poll-card h3{color:#333;margin:0 0 1.5rem;font-size:1.2rem}.poll-options{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}.poll-option{cursor:pointer;text-align:left;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;align-items:center;gap:1rem;padding:1rem;font-size:1rem;transition:all .3s;display:flex}.poll-option:hover:not(:disabled){background:#f0f4ff;border-color:#667eea}.poll-option:disabled{cursor:not-allowed}.poll-option.selected{background:#e7f5ff;border-color:#667eea}.option-content{flex-direction:column;flex:1;gap:.25rem;display:flex}.option-text{color:#333;font-weight:600}.option-votes{color:#999;font-size:.85rem}.option-bar{background:#e0e0e0;border-radius:3px;flex:1;min-width:100px;height:6px;overflow:hidden}.option-fill{background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);height:100%;transition:width .3s}.option-percentage{text-align:right;color:#667eea;min-width:40px;font-size:.9rem;font-weight:600}.total-votes{color:#666;margin:0;font-size:.9rem}.create-poll-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #0000001a}.create-poll-section h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.create-poll-form{flex-direction:column;gap:1rem;display:flex}.poll-input{border:1px solid #ddd;border-radius:6px;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.poll-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.btn-create-poll{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-create-poll:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}@media (width<=768px){.community-prompts{padding:1rem}.prompts-header h1{font-size:2rem}.poll-option{flex-direction:column;align-items:flex-start}.option-bar{width:100%;min-width:auto}.option-percentage{align-self:flex-end}}@media (width<=480px){.prompts-header h1{font-size:1.5rem}.poll-card,.create-poll-section{padding:1rem}.poll-option{padding:.75rem}.option-text{font-size:.9rem}}.community-recognition{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.recognition-container{max-width:1200px;margin:0 auto}.recognition-header{text-align:center;margin-bottom:3rem}.recognition-header h1{color:#333;margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.recognition-header p{color:#666;margin:0;font-size:1.1rem}.current-month-section{background:#fff;border-radius:12px;margin-bottom:3rem;padding:2rem;box-shadow:0 10px 40px #0000001a}.current-month-section h2{color:#333;margin:0 0 .5rem;font-size:1.5rem}.current-month-section>p{color:#666;margin:0 0 2rem}.nominees-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.nominee-card{text-align:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:2rem;transition:all .3s}.nominee-card:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 8px 24px #667eea26}.nominee-card.leading{background:linear-gradient(135deg,#ffc1071a 0%,#ffc1070d 100%);border-color:#ffc107}.nominee-avatar{margin-bottom:1rem;font-size:3rem}.nominee-card h3{color:#333;margin:0 0 .5rem;font-size:1.2rem}.contributions{color:#666;margin:0 0 1rem;font-size:.95rem}.vote-info{margin-bottom:1rem}.vote-count{color:#fff;background:#667eea;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:inline-block}.btn-vote{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-vote:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-vote:disabled{cursor:not-allowed;background:#ccc}.past-winners-section{background:#fff;border-radius:12px;margin-bottom:3rem;padding:2rem;box-shadow:0 10px 40px #0000001a}.past-winners-section h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.winners-list{flex-direction:column;gap:1rem;display:flex}.winner-item{background:#f8f9fa;border-left:4px solid #ffc107;border-radius:8px;align-items:center;gap:1.5rem;padding:1.5rem;transition:all .3s;display:flex}.winner-item:hover{box-shadow:0 4px 12px #0000001a}.winner-month{color:#667eea;min-width:120px;font-weight:600}.winner-info{flex:1}.winner-info h4{color:#333;margin:0 0 .25rem}.winner-info p{color:#666;margin:0;font-size:.85rem}.winner-badge{font-size:1.5rem}.recognition-info{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #0000001a}.recognition-info h2{color:#333;text-align:center;margin:0 0 2rem;font-size:1.3rem}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.info-card{text-align:center;background:#f8f9fa;border-radius:8px;padding:1.5rem;transition:all .3s}.info-card:hover{background:#f0f0f0;transform:translateY(-5px)}.info-icon{margin-bottom:1rem;font-size:2.5rem;display:block}@media (width<=1024px){.nominees-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (width<=768px){.community-recognition{padding:1rem}.recognition-header h1{font-size:2rem}.nominees-grid{grid-template-columns:repeat(2,1fr)}.winner-item{flex-direction:column;align-items:flex-start}.info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.recognition-header h1{font-size:1.5rem}.nominees-grid,.info-grid{grid-template-columns:1fr}.current-month-section,.past-winners-section,.recognition-info{padding:1rem}.nominee-card{padding:1.5rem}.winner-item{padding:1rem}}.moderation-dashboard{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.dashboard-container{max-width:1200px;margin:0 auto}.dashboard-header{text-align:center;color:#fff;margin-bottom:2rem}.dashboard-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.dashboard-header p{opacity:.95;margin:0;font-size:1.1rem}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.moderation-queue{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 10px 40px #0000001a}.moderation-queue h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.queue-items{flex-direction:column;gap:1rem;display:flex}.queue-item{background:#f8f9fa;border-left:4px solid #ffc107;border-radius:8px;padding:1.5rem;transition:all .3s}.queue-item:hover{box-shadow:0 4px 12px #0000001a}.item-header{flex-wrap:wrap;gap:1rem;margin-bottom:.75rem;font-size:.9rem;display:flex}.item-type{color:#fff;text-transform:uppercase;background:#667eea;border-radius:3px;padding:.25rem .75rem;font-weight:600}.item-author,.item-date{color:#666}.item-content{color:#333;margin:.75rem 0;line-height:1.6}.item-actions{flex-wrap:wrap;gap:.75rem;display:flex}.btn-approve,.btn-reject,.btn-flag{cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s}.btn-approve{color:#fff;background:#51cf66}.btn-approve:hover{background:#40c057}.btn-reject{color:#fff;background:#ff6b6b}.btn-reject:hover{background:#ff5252}.btn-flag{color:#fff;background:#ffa94d}.btn-flag:hover{background:#ff922b}.audit-log{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #0000001a}.audit-log h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.log-items{flex-direction:column;gap:.75rem;max-height:400px;display:flex;overflow-y:auto}.log-item{background:#f8f9fa;border-radius:6px;grid-template-columns:80px 1fr 100px 100px;align-items:center;gap:1rem;padding:1rem;font-size:.9rem;display:grid}.log-action{color:#667eea;font-weight:600}.log-item-name{color:#333}.log-date,.log-moderator{color:#666;text-align:right}@media (width<=1024px){.log-item{grid-template-columns:1fr;gap:.5rem}}@media (width<=768px){.moderation-dashboard{padding:1rem}.dashboard-header h1{font-size:2rem}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.item-actions{flex-direction:column}.btn-approve,.btn-reject,.btn-flag{width:100%}}@media (width<=480px){.dashboard-header h1{font-size:1.5rem}.dashboard-stats{grid-template-columns:1fr}.moderation-queue,.audit-log{padding:1rem}.item-header{flex-direction:column;gap:.25rem}.log-item{grid-template-columns:1fr}}.moderation-rules{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.rules-container{max-width:1200px;margin:0 auto}.rules-header{text-align:center;margin-bottom:3rem}.rules-header h1{color:#333;margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.rules-header p{color:#666;margin:0;font-size:1.1rem}.rules-section{margin-bottom:3rem}.rules-section h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.rules-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.rule-card{background:#fff;border-left:4px solid #ddd;border-radius:12px;padding:1.5rem;transition:all .3s;box-shadow:0 4px 12px #0000001a}.rule-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}.rule-card.severity-critical{background:#ff6b6b0d;border-left-color:#ff6b6b}.rule-card.severity-high{background:#ffa94d0d;border-left-color:#ffa94d}.rule-card.severity-medium{background:#667eea0d;border-left-color:#667eea}.rule-card h3{color:#333;margin:0 0 .75rem;font-size:1.1rem}.rule-card p{color:#666;margin:0 0 1rem;line-height:1.6}.severity-badge{text-transform:uppercase;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.rule-card.severity-critical .severity-badge{color:#ff6b6b;background:#ffe0e0}.rule-card.severity-high .severity-badge{color:#ffa94d;background:#ffe8c8}.rule-card.severity-medium .severity-badge{color:#667eea;background:#e7f5ff}.report-section{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 12px #0000001a}.report-section h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.report-form{flex-direction:column;gap:1rem;display:flex}.form-input,.form-select,.form-textarea{border:1px solid #ddd;border-radius:6px;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.btn-report{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-report:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.violations-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a}.violations-section h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.violations-list{flex-direction:column;gap:1rem;display:flex}.violation-item{background:#f8f9fa;border-left:4px solid #ddd;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;transition:all .3s;display:flex}.violation-item.pending{background:#fff3cd;border-left-color:#ffc107}.violation-item.resolved{background:#d3f9d8;border-left-color:#51cf66}.violation-info{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.violation-user{color:#333;font-weight:600}.violation-rule{color:#fff;background:#667eea;border-radius:3px;padding:.25rem .75rem;font-size:.85rem}.violation-date{color:#666;font-size:.85rem}.status-resolved{color:#2f9e44;background:#d3f9d8}@media (width<=768px){.moderation-rules{padding:1rem}.rules-header h1{font-size:2rem}.rules-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.violation-item{flex-direction:column;align-items:flex-start;gap:1rem}.violation-info{width:100%}}@media (width<=480px){.rules-header h1{font-size:1.5rem}.rules-grid{grid-template-columns:1fr}.report-section,.violations-section{padding:1rem}.violation-info{flex-direction:column;gap:.5rem}}.content-warnings{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.warnings-container{max-width:1200px;margin:0 auto}.warnings-header{text-align:center;color:#fff;margin-bottom:3rem}.warnings-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.warnings-header p{opacity:.95;margin:0;font-size:1.1rem}.warning-types{margin-bottom:3rem}.warning-types h2{color:#fff;margin:0 0 1.5rem;font-size:1.3rem}.warning-type-card{text-align:center;background:#fff;border-radius:12px;padding:1.5rem;transition:all .3s;box-shadow:0 4px 12px #0000001a}.warning-type-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}.warning-icon{margin-bottom:1rem;font-size:2.5rem;display:block}.warning-type-card h3{color:#333;margin:0 0 .5rem;font-size:1.1rem}.warning-type-card p{color:#666;margin:0;font-size:.9rem;line-height:1.5}.preferences-section{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 10px 40px #0000001a}.preferences-section h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.preferences-list{flex-direction:column;gap:1rem;display:flex}.preference-item{cursor:pointer;background:#f8f9fa;border-radius:8px;gap:1rem;padding:1rem;transition:all .3s;display:flex}.preference-item:hover{background:#f0f0f0}.preference-item input[type=checkbox]{cursor:pointer;accent-color:#667eea;flex-shrink:0;width:20px;height:20px;margin-top:.25rem}.preference-content{flex-direction:column;gap:.25rem;display:flex}.preference-label{color:#333;font-size:.95rem;font-weight:600}.preference-desc{color:#666;font-size:.85rem}.cases-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #0000001a}.cases-section h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.cases-list{flex-direction:column;gap:1rem;display:flex}.case-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:1.5rem;transition:all .3s}.case-item:hover{box-shadow:0 4px 12px #0000001a}.case-item h3{color:#333;margin:0 0 1rem;font-size:1.1rem}.case-warnings{flex-wrap:wrap;gap:.75rem;display:flex}.warning-tag{color:#fff;background:#ff6b6b;border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}@media (width<=768px){.content-warnings{padding:1rem}.warnings-header h1{font-size:2rem}.types-grid{grid-template-columns:repeat(2,1fr)}.preferences-section,.cases-section{padding:1rem}}@media (width<=480px){.warnings-header h1{font-size:1.5rem}.types-grid{grid-template-columns:1fr}.preference-item{flex-direction:column;align-items:flex-start}.case-warnings{flex-direction:column}.warning-tag{text-align:center;width:100%}}.corrections-policy{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.policy-container{max-width:1000px;margin:0 auto}.policy-header{text-align:center;margin-bottom:3rem}.policy-header h1{color:#333;margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.policy-header p{color:#666;margin:0;font-size:1.1rem}.policy-info{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 12px #0000001a}.policy-info h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.info-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.info-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:1.5rem;transition:all .3s}.info-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.info-card h3{color:#333;margin:0 0 .75rem;font-size:1rem}.revision-history{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 12px #0000001a}.revision-history h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.revisions-list{flex-direction:column;gap:1rem;display:flex}.revision-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;transition:all .3s;display:flex}.revision-item.pending{background:#fff3cd;border-left-color:#ffc107}.revision-item:hover{box-shadow:0 2px 8px #0000001a}.revision-info{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.revision-date{color:#667eea;font-weight:600}.revision-author,.revision-change{color:#666;font-size:.9rem}.status-badge{text-transform:uppercase;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-approved{color:#2f9e44;background:#d3f9d8}.status-pending{color:#e67700;background:#ffe8a8}.correction-form-section{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 12px #0000001a}.correction-form-section h2{color:#333;margin:0 0 .5rem;font-size:1.3rem}.correction-form-section>p{color:#666;margin:0 0 1.5rem}.correction-form{flex-direction:column;gap:1rem;display:flex}.form-input,.form-textarea{border:1px solid #ddd;border-radius:6px;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.form-input:focus,.form-textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.btn-submit{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-submit:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.family-contact{text-align:center;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a}.family-contact h2{color:#333;margin:0 0 .75rem;font-size:1.3rem}.family-contact>p{color:#666;margin:0 0 1.5rem;line-height:1.6}.btn-contact{color:#fff;cursor:pointer;background:#51cf66;border:none;border-radius:6px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-contact:hover{background:#40c057;transform:translateY(-2px);box-shadow:0 4px 12px #51cf664d}@media (width<=768px){.corrections-policy{padding:1rem}.policy-header h1{font-size:2rem}.info-cards{grid-template-columns:repeat(2,1fr)}.revision-item{flex-direction:column;align-items:flex-start;gap:1rem}.revision-info{width:100%}}@media (width<=480px){.policy-header h1{font-size:1.5rem}.info-cards{grid-template-columns:1fr}.policy-info,.revision-history,.correction-form-section,.family-contact{padding:1rem}.revision-info{flex-direction:column;gap:.25rem}}.monthly-live-events{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.events-container{max-width:1200px;margin:0 auto}.events-header{text-align:center;color:#fff;margin-bottom:3rem}.events-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.events-header p{opacity:.95;margin:0;font-size:1.1rem}.upcoming-events{margin-bottom:3rem}.upcoming-events h2{color:#fff;margin:0 0 1.5rem;font-size:1.3rem}.events-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.event-card{background:#fff;border-radius:12px;padding:1.5rem;transition:all .3s;box-shadow:0 10px 40px #0000001a}.event-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #00000026}.event-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.event-header h3{color:#333;flex:1;margin:0;font-size:1.1rem}.event-status{color:#fff;text-transform:uppercase;white-space:nowrap;background:#667eea;border-radius:20px;margin-left:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.event-details{color:#666;flex-direction:column;gap:.5rem;margin-bottom:1rem;font-size:.9rem;display:flex}.btn-register{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-register:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-register:disabled{cursor:default;background:#51cf66}.past-events{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 10px 40px #0000001a}.past-events h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.past-events-list{flex-direction:column;gap:1rem;display:flex}.past-event-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;justify-content:space-between;align-items:center;padding:1.5rem;transition:all .3s;display:flex}.past-event-item:hover{box-shadow:0 4px 12px #0000001a}.past-event-info h3{color:#333;margin:0 0 .5rem;font-size:1.1rem}.past-event-info p{color:#666;margin:0;font-size:.9rem}.btn-watch-recording{color:#fff;cursor:pointer;white-space:nowrap;background:#667eea;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.btn-watch-recording:hover{background:#5568d3;transform:translateY(-2px)}.event-types{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #0000001a}.event-types h2{color:#333;text-align:center;margin:0 0 1.5rem;font-size:1.3rem}.types-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.type-card{text-align:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:all .3s}.type-card:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 4px 12px #667eea1a}.type-icon{margin-bottom:1rem;font-size:2.5rem;display:block}.type-card h3{color:#333;margin:0 0 .5rem;font-size:1.1rem}.type-card p{color:#666;margin:0;font-size:.9rem;line-height:1.5}@media (width<=1024px){.events-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (width<=768px){.monthly-live-events{padding:1rem}.events-header h1{font-size:2rem}.past-event-item{flex-direction:column;align-items:flex-start;gap:1rem}.btn-watch-recording{width:100%}.types-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.events-header h1{font-size:1.5rem}.events-grid{grid-template-columns:1fr}.event-header{flex-direction:column;gap:.5rem}.event-status{margin-left:0}.past-events,.event-types{padding:1rem}.types-grid{grid-template-columns:1fr}}.event-calendar{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.calendar-container{max-width:1000px;margin:0 auto}.calendar-header{text-align:center;margin-bottom:3rem}.calendar-header h1{color:#333;margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.calendar-header p{color:#666;margin:0;font-size:1.1rem}.calendar-section{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 12px #0000001a}.calendar-section h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}.calendar-day-header{text-align:center;color:#667eea;padding:.75rem;font-size:.9rem;font-weight:600}.calendar-day{aspect-ratio:1;cursor:pointer;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:.5rem;transition:all .3s;display:flex;position:relative}.calendar-day:hover{background:#f0f0f0}.calendar-day.has-event{background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border-color:#667eea}.day-number{color:#333;font-size:.9rem;font-weight:600}.event-dot{color:#667eea;margin-top:.25rem;font-size:.8rem}.event-title{color:#667eea;text-align:center;margin-top:.25rem;font-size:.65rem;font-weight:600;line-height:1.2}.upcoming-section{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 12px #0000001a}.upcoming-section h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.events-list{flex-direction:column;gap:1rem;display:flex}.event-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;justify-content:space-between;align-items:center;padding:1.5rem;transition:all .3s;display:flex}.event-item:hover{box-shadow:0 4px 12px #0000001a}.event-info h3{color:#333;margin:0 0 .5rem;font-size:1.1rem}.event-info p{color:#666;margin:0;font-size:.9rem}.btn-register{color:#fff;cursor:pointer;white-space:nowrap;background:#667eea;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.btn-register:hover{background:#5568d3;transform:translateY(-2px)}.reminders-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a}.reminders-section h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.reminder-options{flex-direction:column;gap:1rem;display:flex}.reminder-option{cursor:pointer;border-radius:6px;align-items:center;gap:1rem;padding:.75rem;transition:all .3s;display:flex}.reminder-option:hover{background:#f8f9fa}.reminder-option input[type=checkbox]{cursor:pointer;accent-color:#667eea;width:18px;height:18px}.reminder-option span{color:#333;font-weight:500}@media (width<=768px){.event-calendar{padding:1rem}.calendar-header h1{font-size:2rem}.calendar-grid{gap:.25rem}.calendar-day{padding:.25rem}.day-number{font-size:.8rem}.event-title{font-size:.55rem}.event-item{flex-direction:column;align-items:flex-start;gap:1rem}.btn-register{width:100%}}@media (width<=480px){.calendar-header h1{font-size:1.5rem}.calendar-section,.upcoming-section,.reminders-section{padding:1rem}.calendar-grid{gap:.1rem}.calendar-day{padding:.1rem}.day-number{font-size:.7rem}.event-title{display:none}}.event-recording-archive{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.archive-container{max-width:1000px;margin:0 auto}.archive-header{text-align:center;color:#fff;margin-bottom:2rem}.archive-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.archive-header p{opacity:.95;margin:0;font-size:1.1rem}.search-section{margin-bottom:2rem}.search-input{border:none;border-radius:6px;width:100%;padding:1rem;font-family:inherit;font-size:1rem;box-shadow:0 4px 12px #0000001a}.search-input:focus{outline:none;box-shadow:0 4px 12px #0003}.recordings-section{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 10px 40px #0000001a}.recordings-section h2{color:#333;margin:0 0 1.5rem;font-size:1.3rem}.recordings-list{flex-direction:column;gap:1rem;display:flex}.recording-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;align-items:center;gap:1.5rem;padding:1.5rem;transition:all .3s;display:flex}.recording-item:hover{transform:translate(5px);box-shadow:0 4px 12px #0000001a}.recording-thumbnail{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;justify-content:center;align-items:center;width:120px;min-width:120px;height:80px;font-size:2rem;display:flex}.play-icon{opacity:.8}.recording-info{flex:1}.recording-info h3{color:#333;margin:0 0 .5rem;font-size:1.1rem}.recording-meta{color:#666;flex-wrap:wrap;gap:1rem;font-size:.85rem;display:flex}.recording-actions{gap:.75rem;display:flex}.btn-watch,.btn-transcript{cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s}.btn-watch{color:#fff;background:#667eea}.btn-watch:hover{background:#5568d3;transform:translateY(-2px)}.btn-transcript{color:#667eea;background:#fff;border:1px solid #667eea}.btn-transcript:hover{color:#fff;background:#667eea}.archive-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.stat-card{background:#fff;border-radius:12px;align-items:center;gap:1.5rem;padding:1.5rem;display:flex;box-shadow:0 4px 12px #0000001a}.stat-icon{font-size:2.5rem}.stat-info{flex-direction:column;gap:.25rem;display:flex}.stat-label{color:#999;text-transform:uppercase;font-size:.85rem;font-weight:600}.stat-value{color:#667eea;font-size:1.8rem;font-weight:700}@media (width<=768px){.event-recording-archive{padding:1rem}.archive-header h1{font-size:2rem}.recording-item{flex-direction:column;align-items:flex-start}.recording-thumbnail{width:100%;height:150px}.recording-actions{flex-direction:column;width:100%}.btn-watch,.btn-transcript{width:100%}.archive-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.archive-header h1{font-size:1.5rem}.recordings-section{padding:1rem}.recording-meta{flex-direction:column;gap:.25rem}.archive-stats{grid-template-columns:1fr}}.community-guidelines{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.guidelines-container{max-width:1200px;margin:0 auto}.guidelines-header{text-align:center;margin-bottom:3rem}.guidelines-header h1{color:#333;margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.guidelines-header p{color:#666;margin:0;font-size:1.1rem}.guidelines-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.guideline-card{text-align:center;background:#fff;border-top:4px solid #667eea;border-radius:12px;padding:2rem;transition:all .3s;box-shadow:0 4px 12px #0000001a}.guideline-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}.guideline-icon{margin-bottom:1rem;font-size:2.5rem;display:block}.guideline-card h3{color:#333;margin:0 0 .75rem;font-size:1.1rem}.guideline-card p{color:#666;margin:0;font-size:.95rem;line-height:1.6}.core-values{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 12px #0000001a}.core-values h2{color:#333;text-align:center;margin:0 0 1.5rem;font-size:1.3rem}.values-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.value-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:1.5rem}.value-item h3{color:#333;margin:0 0 .75rem;font-size:1.1rem}.value-item p{color:#666;margin:0;font-size:.95rem;line-height:1.6}.acknowledgment-section{text-align:center;background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 12px #0000001a}.acknowledgment-section h2{color:#333;margin:0 0 1rem;font-size:1.3rem}.acknowledgment-section>p{color:#666;margin:0 0 1.5rem;line-height:1.6}.acknowledgment-checkbox{cursor:pointer;color:#333;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:1rem;display:flex}.acknowledgment-checkbox input[type=checkbox]{cursor:pointer;accent-color:#667eea;width:20px;height:20px}.btn-continue{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-continue:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-continue:disabled{cursor:not-allowed;background:#ccc}.resources-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a}.resources-section h2{color:#333;text-align:center;margin:0 0 1.5rem;font-size:1.3rem}.resources-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.resource-card{text-align:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:all .3s}.resource-card:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 4px 12px #667eea1a}.resource-card h3{color:#333;margin:0 0 .75rem;font-size:1.1rem}.resource-card p{color:#666;margin:0 0 1rem;font-size:.95rem;line-height:1.5}.btn-resource{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:4px;padding:.5rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s}.btn-resource:hover{background:#5568d3;transform:translateY(-2px)}@media (width<=1024px){.guidelines-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (width<=768px){.community-guidelines{padding:1rem}.guidelines-header h1{font-size:2rem}.guidelines-grid{grid-template-columns:repeat(2,1fr)}.values-list{grid-template-columns:1fr}.resources-grid{grid-template-columns:repeat(2,1fr)}.acknowledgment-checkbox{text-align:center;flex-direction:column}}@media (width<=480px){.guidelines-header h1{font-size:1.5rem}.guidelines-grid{grid-template-columns:1fr}.core-values,.acknowledgment-section,.resources-section{padding:1rem}.resources-grid{grid-template-columns:1fr}.guideline-card{padding:1.5rem}}.rich-internal-linking{border-radius:var(--radius);width:100%;max-width:1400px;font-family:var(--font-family);color:var(--text-primary);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);margin:0 auto;padding:2rem}.linking-header{text-align:center;border-bottom:2px solid #3b82f61a;margin-bottom:2rem;padding-bottom:1.5rem}.linking-header h1{color:var(--blue);margin-bottom:.5rem;font-size:2rem;font-weight:700}.linking-header p{color:var(--text-muted);font-size:.95rem}.linking-tabs{border-bottom:2px solid #e2e8f0;gap:.5rem;margin-bottom:2rem;display:flex;overflow-x:auto}.tab{cursor:pointer;color:var(--text-muted);white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:.875rem 1.5rem;font-weight:600;transition:all .3s}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.metric-card{border-radius:var(--radius);background:#fff;border:1px solid #e2e8f0;align-items:center;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.metric-card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f61a}.metric-card.highlight{border-color:var(--blue);background:linear-gradient(135deg,#3b82f60d 0%,#3b82f605 100%)}.metric-icon{opacity:.8;font-size:2rem}.metric-content{flex:1}.metric-label{color:var(--text-muted);margin-bottom:.25rem;font-size:.85rem}.metric-value{color:var(--blue);font-size:1.75rem;font-weight:700}.cases-overview{border-radius:var(--radius);background:#fff;border:1px solid #e2e8f0;padding:1.5rem}.cases-overview h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.3rem;font-weight:600}.cases-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.case-overview-card{border-radius:var(--radius);background:#f8fafc;border:1px solid #e2e8f0;padding:1.25rem;transition:all .3s}.case-overview-card:hover{border-color:var(--blue);box-shadow:0 4px 12px #3b82f61a}.case-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.case-header h3{color:var(--blue);flex:1;margin:0;font-size:1.1rem;font-weight:600}.coverage-badge{background:linear-gradient(135deg, var(--blue) 0%, #2563eb 100%);color:#fff;white-space:nowrap;border-radius:.375rem;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.case-description{color:var(--text-muted);margin:.5rem 0 1rem;font-size:.9rem;line-height:1.5}.case-stats{gap:1rem;margin-bottom:1rem;font-size:.9rem;display:flex}.stat{color:var(--text-muted)}.coverage-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.coverage-fill{background:linear-gradient(90deg, var(--blue) 0%, #2563eb 100%);height:100%;transition:width .3s}.strategy-tab{border-radius:var(--radius);background:#fff;border:1px solid #e2e8f0;padding:1.5rem}.strategy-tab h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.3rem;font-weight:600}.strategy-description{color:var(--text-muted);margin-bottom:1.5rem}.strategies-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.strategy-card{border-radius:var(--radius);cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;padding:1.25rem;transition:all .3s}.strategy-card:hover{border-color:var(--blue);box-shadow:0 4px 12px #3b82f61a}.strategy-card.selected{border-color:var(--blue);background:linear-gradient(135deg,#3b82f60d 0%,#3b82f605 100%);box-shadow:0 4px 12px #3b82f626}.strategy-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.strategy-header h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.strategy-header input[type=radio]{cursor:pointer;width:20px;height:20px;accent-color:var(--blue)}.strategy-card .strategy-description{margin-bottom:1rem;font-size:.9rem}.strategy-stats{flex-direction:column;gap:.5rem;display:flex}.stat-item{justify-content:space-between;font-size:.9rem;display:flex}.stat-label{color:var(--text-muted)}.stat-value{color:var(--blue);font-weight:600}.strategy-details{border-radius:var(--radius);background:#f8fafc;border:1px solid #e2e8f0;padding:1.5rem}.strategy-details h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.details-content{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.detail-section h4{color:var(--text-primary);margin-bottom:1rem;font-size:1rem;font-weight:600}.link-types-list{flex-direction:column;gap:.75rem;display:flex}.link-type-item{background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;align-items:center;gap:.75rem;padding:.75rem;display:flex}.link-type-name{color:var(--text-primary);flex:1;font-weight:500}.link-type-status{color:#22c55e;font-size:.85rem;font-weight:600}.guidelines-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.guidelines-list li{color:var(--text-primary);padding-left:1.5rem;line-height:1.5;position:relative}.guidelines-list li:before{content:"✓";color:#22c55e;font-weight:600;position:absolute;left:0}.linking-tab{border-radius:var(--radius);background:#fff;border:1px solid #e2e8f0;padding:1.5rem}.linking-tab h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.3rem;font-weight:600}.case-selector{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.case-selector label{color:var(--text-primary);font-weight:600}.case-selector select{max-width:400px;color:var(--text-primary);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;flex:1;padding:.75rem;font-size:.95rem}.current-case-info{border-radius:var(--radius);background:#f8fafc;border:1px solid #e2e8f0;margin-bottom:1.5rem;padding:1.25rem}.current-case-info h3{color:var(--blue);margin:0 0 1rem;font-size:1.1rem;font-weight:600}.case-links-summary{flex-wrap:wrap;gap:2rem;display:flex}.summary-item{align-items:center;gap:.5rem;display:flex}.summary-item .label{color:var(--text-muted);font-size:.9rem}.summary-item .value{color:var(--blue);font-size:1.25rem;font-weight:700}.suggestions-section{border-radius:var(--radius);background:#f8fafc;border:1px solid #e2e8f0;padding:1.5rem}.suggestions-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.suggestions-header h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.suggestions-controls{gap:.5rem;display:flex}.quality-filter{color:var(--text-primary);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;padding:.5rem .75rem;font-size:.9rem}.suggestions-list{flex-direction:column;gap:.75rem;max-height:500px;display:flex;overflow-y:auto}.suggestion-item{background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;align-items:flex-start;gap:1rem;padding:1rem;transition:all .2s;display:flex}.suggestion-item:hover{border-color:var(--blue);box-shadow:0 2px 8px #3b82f61a}.suggestion-checkbox{cursor:pointer;width:20px;height:20px;accent-color:var(--blue);flex-shrink:0;margin-top:.25rem}.suggestion-content{flex:1}.suggestion-header{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.link-type-badge{color:#fff;white-space:nowrap;border-radius:.375rem;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:inline-flex}.suggestion-text{color:var(--text-primary);font-weight:500}.suggestion-metrics{color:var(--text-muted);gap:1rem;font-size:.85rem;display:flex}.metric{align-items:center;gap:.25rem;display:flex}.apply-links-section{border:1px solid var(--blue);background:linear-gradient(135deg,#3b82f60d 0%,#3b82f605 100%);border-radius:.375rem;justify-content:space-between;align-items:center;margin-top:1rem;padding:1rem;display:flex}.apply-links-section p{color:var(--blue);margin:0;font-weight:600}.apply-button{background:linear-gradient(135deg, var(--blue) 0%, #2563eb 100%);color:#fff;cursor:pointer;border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.apply-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.analytics-tab{border-radius:var(--radius);background:#fff;border:1px solid #e2e8f0;padding:1.5rem}.analytics-tab h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.3rem;font-weight:600}.analytics-view-selector{gap:.5rem;margin-bottom:1.5rem;display:flex}.view-btn{cursor:pointer;color:var(--text-muted);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.375rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.view-btn:hover{border-color:var(--blue)}.view-btn.active{background:var(--blue);color:#fff;border-color:var(--blue)}.analytics-content{animation:.3s fadeIn}.analytics-card{border-radius:var(--radius);background:#f8fafc;border:1px solid #e2e8f0;padding:1.5rem}.analytics-card h4{color:var(--text-primary);margin:0 0 1rem;font-size:1rem;font-weight:600}.distribution-chart{flex-direction:column;gap:1rem;display:flex}.distribution-item{align-items:center;gap:.75rem;display:flex}.distribution-label{align-items:center;gap:.5rem;min-width:120px;display:flex}.link-type-icon{font-size:1.25rem}.distribution-bar{background:#e2e8f0;border-radius:.375rem;flex:1;height:24px;overflow:hidden}.bar-fill{height:100%;transition:width .3s}.count{text-align:right;min-width:40px;color:var(--text-primary);font-weight:600}.quality-distribution{flex-direction:column;gap:1rem;display:flex}.quality-level{align-items:center;gap:.75rem;display:flex}.level-label{min-width:140px;color:var(--text-muted);font-size:.9rem}.level-bar{background:#e2e8f0;border-radius:.375rem;flex:1;height:24px;overflow:hidden}.level-fill{background:linear-gradient(90deg, var(--blue) 0%, #2563eb 100%);height:100%;transition:width .3s}.level-count{text-align:right;min-width:40px;color:var(--text-primary);font-weight:600}.performance-metrics{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;display:grid}.performance-card{border-radius:var(--radius);background:#f8fafc;border:1px solid #e2e8f0;padding:1.5rem}.performance-card h4{color:var(--text-primary);margin:0 0 1rem;font-size:1rem;font-weight:600}.ctr-list{flex-direction:column;gap:1rem;display:flex}.ctr-item{align-items:center;gap:.75rem;display:flex}.ctr-label{min-width:120px;color:var(--text-muted);font-size:.9rem}.ctr-bar{background:#e2e8f0;border-radius:.375rem;flex:1;height:24px;overflow:hidden}.ctr-fill{background:linear-gradient(90deg,#10b981 0%,#059669 100%);height:100%;transition:width .3s}.ctr-value{text-align:right;min-width:40px;color:var(--text-primary);font-weight:600}.engagement-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.engagement-item{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;padding:1rem}.metric-name{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem;display:block}.metric-value{color:var(--blue);font-size:1.5rem;font-weight:700;display:block}.coverage-analysis{border-radius:var(--radius);background:#f8fafc;border:1px solid #e2e8f0;padding:1.5rem}.coverage-analysis h4{color:var(--text-primary);margin:0 0 1rem;font-size:1rem;font-weight:600}.coverage-list{flex-direction:column;gap:1rem;display:flex}.coverage-item{align-items:center;gap:1rem;display:flex}.coverage-info{min-width:200px}.case-name{color:var(--text-primary);margin-bottom:.25rem;font-weight:600;display:block}.coverage-stats{color:var(--text-muted);font-size:.85rem;display:block}.coverage-bar-container{flex:1;align-items:center;gap:.75rem;display:flex}.coverage-bar{background:#e2e8f0;border-radius:.375rem;flex:1;height:24px;overflow:hidden}.coverage-percent{text-align:right;min-width:50px;color:var(--blue);font-weight:600}.linking-footer{text-align:center;color:var(--text-muted);border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:1rem;font-size:.9rem}@media (width<=768px){.rich-internal-linking{padding:1rem}.linking-header h1{font-size:1.5rem}.linking-tabs{gap:.25rem}.tab{padding:.75rem 1rem;font-size:.9rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.metric-card{text-align:center;flex-direction:column}.cases-list,.strategies-grid,.details-content{grid-template-columns:1fr}.suggestions-header{flex-direction:column;align-items:flex-start}.analytics-grid,.performance-metrics{grid-template-columns:1fr}.engagement-metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.rich-internal-linking{padding:.75rem}.linking-header h1{font-size:1.25rem}.linking-tabs{gap:.25rem;overflow-x:auto}.tab{padding:.5rem .75rem;font-size:.8rem}.metrics-grid{grid-template-columns:1fr}.metric-card{padding:1rem}.metric-value{font-size:1.5rem}.case-selector{flex-direction:column;align-items:flex-start}.case-selector select{width:100%;max-width:none}.case-links-summary{flex-direction:column;gap:.75rem}.engagement-metrics{grid-template-columns:1fr}}.rich-internal-linking :focus{outline:2px solid var(--blue);outline-offset:2px}.suggestions-list::-webkit-scrollbar{width:8px}.suggestions-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.suggestions-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.suggestions-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tag-graph{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}.tag-header{text-align:center;border-bottom:2px solid #3b82f61a;margin-bottom:2rem;padding-bottom:1.5rem}.tag-header h1{color:var(--blue);margin-bottom:.5rem;font-size:2rem;font-weight:700}.tag-header p{color:var(--text-muted)}.tag-tabs{border-bottom:2px solid #e2e8f0;gap:.5rem;margin-bottom:2rem;display:flex}.tag-controls{gap:1rem;margin-bottom:2rem;display:flex}.search-input,.filter-select{border-radius:var(--radius);border:1px solid #e2e8f0;padding:.75rem 1rem;font-size:.95rem}.search-input{flex:1}.tags-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.tag-card{border-radius:var(--radius);cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;padding:1.5rem;transition:all .3s}.tag-card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f61a}.tag-card.selected{border-color:var(--blue);background:linear-gradient(135deg,#3b82f60d 0%,#3b82f605 100%)}.tag-color{border-radius:50%;width:40px;height:40px;margin:0 auto 1rem}.tag-card h3{color:var(--text-primary);margin:0 0 .75rem;font-size:1.1rem;font-weight:600}.tag-stats{color:var(--text-muted);flex-direction:column;gap:.5rem;font-size:.9rem;display:flex}.tag-details{border-radius:var(--radius);background:#fff;border:1px solid #e2e8f0;padding:2rem}.tag-details h2{color:var(--blue);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.detail-item{flex-direction:column;gap:.5rem;display:flex}.detail-item .label{color:var(--text-muted);font-size:.85rem;font-weight:600}.detail-item .value{color:var(--blue);font-size:1.5rem;font-weight:700}.graph-container{border-radius:var(--radius);background:#fff;border:1px solid #e2e8f0;justify-content:center;align-items:center;min-height:400px;padding:3rem;display:flex}.graph-placeholder{text-align:center;color:var(--text-muted)}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.analytics-card{border-radius:var(--radius);text-align:center;background:#fff;border:1px solid #e2e8f0;padding:1.5rem}.analytics-card h3{color:var(--text-muted);margin-bottom:1rem;font-size:.95rem}.analytics-value{color:var(--blue);font-size:2rem;font-weight:700}@media (width<=768px){.tag-graph{padding:1rem}.tag-controls{flex-direction:column}.tags-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.details-grid{grid-template-columns:1fr}}.entity-pages{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}.entity-header{text-align:center;border-bottom:2px solid #3b82f61a;margin-bottom:2rem;padding-bottom:1.5rem}.entity-header h1{color:var(--blue);margin-bottom:.5rem;font-size:2rem;font-weight:700}.entity-header p{color:var(--text-muted)}.entity-tabs{border-bottom:2px solid #e2e8f0;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.entity-tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:3px solid #0000;padding:.875rem 1.5rem;font-weight:600;transition:all .3s}.entity-tab:hover{color:var(--blue)}.entity-tab.active{color:var(--blue);border-bottom-color:var(--blue)}.entity-content{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.entity-list{flex-direction:column;gap:1rem;display:flex}.entity-item{border-radius:var(--radius);cursor:pointer;background:#fff;border:2px solid #e2e8f0;padding:1.25rem;transition:all .3s}.entity-item:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f61a}.entity-item.selected{border-color:var(--blue);background:linear-gradient(135deg,#3b82f60d 0%,#3b82f605 100%)}.entity-item h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.entity-item p{color:var(--text-muted);margin:0;font-size:.9rem}.entity-detail{border-radius:var(--radius);background:#fff;border:1px solid #e2e8f0;padding:2rem;position:sticky;top:2rem}.entity-detail h2{color:var(--blue);margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.detail-info{flex-direction:column;gap:1rem;display:flex}.info-item{background:#f8fafc;border-radius:.375rem;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.info-item .label{color:var(--text-muted);text-transform:capitalize;font-weight:600}.info-item .value{color:var(--blue);font-weight:600}@media (width<=1024px){.entity-content{grid-template-columns:1fr}.entity-detail{position:static}}@media (width<=768px){.entity-pages{padding:1rem}.entity-header h1{font-size:1.5rem}.entity-tabs{gap:.25rem}.entity-tab{padding:.75rem 1rem;font-size:.9rem}}.smartrelatedcontentblocks{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.smartrelatedcontentblocks{padding:1rem}.component-header h1{font-size:1.5rem}}.searchlandingpages{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.searchlandingpages{padding:1rem}.component-header h1{font-size:1.5rem}}.schemamarkup{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.schemamarkup{padding:1rem}.component-header h1{font-size:1.5rem}}.evergreenglossarypages{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.evergreenglossarypages{padding:1rem}.component-header h1{font-size:1.5rem}}.seomonitoring{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.seomonitoring{padding:1rem}.component-header h1{font-size:1.5rem}}.contentoptimization{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.contentoptimization{padding:1rem}.component-header h1{font-size:1.5rem}}.dynamicsitemap{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.dynamicsitemap{padding:1rem}.component-header h1{font-size:1.5rem}}.userbehavioranalytics{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.userbehavioranalytics{padding:1rem}.component-header h1{font-size:1.5rem}}.cohortanalysis{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.cohortanalysis{padding:1rem}.component-header h1{font-size:1.5rem}}.contentperformanceanalytics{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.contentperformanceanalytics{padding:1rem}.component-header h1{font-size:1.5rem}}.recommendationperformance{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.recommendationperformance{padding:1rem}.component-header h1{font-size:1.5rem}}.customanalyticsreports{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.customanalyticsreports{padding:1rem}.component-header h1{font-size:1.5rem}}.premiumtier{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.premiumtier{padding:1rem}.component-header h1{font-size:1.5rem}}.advancedfilters{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.advancedfilters{padding:1rem}.component-header h1{font-size:1.5rem}}.timelineexports{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.timelineexports{padding:1rem}.component-header h1{font-size:1.5rem}}.adfreereading{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.adfreereading{padding:1rem}.component-header h1{font-size:1.5rem}}.earlyaccesscollections{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.earlyaccesscollections{padding:1rem}.component-header h1{font-size:1.5rem}}.affiliatedocumentaryguides{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.affiliatedocumentaryguides{padding:1rem}.component-header h1{font-size:1.5rem}}.membersonlybriefings{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.membersonlybriefings{padding:1rem}.component-header h1{font-size:1.5rem}}.sponsoredcontent{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.sponsoredcontent{padding:1rem}.component-header h1{font-size:1.5rem}}.merchandise{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.merchandise{padding:1rem}.component-header h1{font-size:1.5rem}}.premiumsubscription{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.premiumsubscription{padding:1rem}.component-header h1{font-size:1.5rem}}.mobileapppwa{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.mobileapppwa{padding:1rem}.component-header h1{font-size:1.5rem}}.pushnotifications{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.pushnotifications{padding:1rem}.component-header h1{font-size:1.5rem}}.offlinesupport{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.offlinesupport{padding:1rem}.component-header h1{font-size:1.5rem}}.mobileoptimization{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.mobileoptimization{padding:1rem}.component-header h1{font-size:1.5rem}}.appstoredeployment{border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;margin:0 auto;padding:2rem}.component-header{text-align:center;border-bottom:2px solid #3b82f61a;margin-bottom:2rem;padding-bottom:1.5rem}.component-header h1{color:var(--blue);margin-bottom:.5rem;font-size:2rem;font-weight:700}.component-header p{color:var(--text-muted)}.component-tabs{border-bottom:2px solid #e2e8f0;gap:.5rem;margin-bottom:2rem;display:flex}.tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:3px solid #0000;padding:.875rem 1.5rem;font-weight:600;transition:all .3s}.tab:hover{color:var(--blue)}.tab.active{color:var(--blue);border-bottom-color:var(--blue)}.tab-content{animation:.3s fadeIn}.overview-section,.details-section{border-radius:var(--radius);background:#fff;border:1px solid #e2e8f0;padding:2rem}.placeholder{text-align:center;color:var(--text-muted);padding:3rem 1rem}.placeholder-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.placeholder-text{margin-top:.5rem;font-size:.9rem}@media (width<=768px){.appstoredeployment{padding:1rem}.component-header h1{font-size:1.5rem}}[data-theme=dark] .opp-table th,[data-theme=dark] .sticky-header th{background:var(--gray-100)}[data-theme=dark] .row-actions-menu,[data-theme=dark] .analysis-dropdown{box-shadow:var(--shadow-lg)}@media (width<=768px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.opp-toolbar{flex-direction:column}.opp-filter{min-width:unset}.dashboard main{padding:1rem}.panel{width:100%;max-width:100vw}.topbar{padding:.75rem 1rem}.layout-topbar-right span,.layout-tab-label{display:none}.layout-tab{padding:.75rem 1rem}.layout-tab-icon{font-size:1.2rem}.layout-tab-badge{display:none}.layout-main{padding:1rem}.opp-table-wrap{-webkit-overflow-scrolling:touch}.opp-table{min-width:600px}.opp-table th,.opp-table td{padding:.5rem .75rem}.opp-header-actions{gap:.25rem}.icon-btn{padding:.2rem .35rem;font-size:.75rem}.home-banner{text-align:center;flex-direction:column;gap:1rem}.home-quick-actions{justify-content:center}.home-grid{grid-template-columns:1fr}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr}.login-card{width:95vw;padding:1.5rem}.modal{width:95vw}}@media print{.layout-topbar,.layout-sidebar,.layout-footer,.sub-tabs,.kpi-grid,.opp-toolbar,.opp-toolbar-sticky,.opp-pagination,.btn-save,.btn-cancel,.notif-bell-btn,.skip-link{display:none!important}body,.layout,.layout-body,.layout-main{color:#000!important;background:#fff!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.opp-section{box-shadow:none!important;border:none!important}.opp-table-wrap{max-height:none!important;overflow:visible!important}.opp-table{border-collapse:collapse!important;width:100%!important;font-size:10pt!important}.opp-table th,.opp-table td{color:#000!important;background:#fff!important;border:1px solid #ccc!important;padding:4pt 6pt!important}.opp-table thead th{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#fff!important;background:#1b2a6b!important}.opp-table tfoot td{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#f1f5f9!important;font-weight:700!important}.layout-main:before{content:"CardSparky — Collection Summary";color:#1b2a6b;margin-bottom:12pt;font-size:16pt;font-weight:700;display:block}}@media (width<=640px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}.layout-topbar{padding:0 var(--sp-3);gap:.5rem}.layout-topbar-right span{display:none}.layout-topbar-right{gap:.4rem}.layout-topbar-right button{padding:.3rem .6rem;font-size:.75rem}.layout-topbar>div:nth-child(2){display:none}.layout-sidebar{z-index:90;height:calc(100vh - 56px);box-shadow:none;transition:transform .25s,box-shadow .25s;position:fixed;top:56px;left:0;transform:translate(-100%);width:240px!important}.layout-sidebar .sidebar-label{display:inline!important}.layout-sidebar-mobile-open{transform:translate(0);box-shadow:4px 0 24px #0000002e}.sidebar-backdrop{z-index:89;background:#0006;animation:.2s fadeIn;position:fixed;inset:56px 0 0}.layout-main{padding:var(--sp-4)}.page-header{gap:var(--sp-3);flex-direction:column;align-items:flex-start}.page-header-title{font-size:var(--text-xl)}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.kpi-value{font-size:var(--text-lg)}.opp-table-wrap{-webkit-overflow-scrolling:touch;max-height:none;overflow-x:auto}.opp-table{min-width:480px;font-size:.78rem}.opp-table th,.opp-table td{padding:var(--sp-1) var(--sp-3)}.opp-toolbar{padding:.6rem var(--sp-3);gap:.5rem}.opp-filter{min-width:120px}.opp-toolbar-sticky{padding:var(--sp-2) var(--sp-3);gap:.4rem}.opp-pagination{padding:.6rem var(--sp-3);flex-wrap:wrap;justify-content:center;gap:.4rem}.opp-pagination button{padding:.3rem .6rem;font-size:.75rem}.sub-tabs{padding:0 var(--sp-3)}.modal{width:95vw}.panel{width:95vw;max-width:95vw}.notif-panel{width:calc(100vw - 2rem);right:-.5rem}.opp-header{padding:.75rem var(--sp-3)}.modal-body{padding:1rem}.modal-footer{padding:.75rem 1rem}.login-card{width:95vw;padding:1.75rem 1.25rem}}@media (width>=641px) and (width<=768px){.layout-main{padding:var(--sp-6)}.kpi-grid{grid-template-columns:repeat(3,1fr)}.opp-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media print{.layout-topbar,.layout-sidebar,.layout-footer,.sub-tabs,.page-header,.notif-bell-btn,.theme-toggle,button,.row-hover-actions,.row-hover-btn,.icon-btn,.opp-toolbar,.col-picker,.save-filter-bar,.opp-pagination,.modal,.notif-panel{display:none!important}body{color:#000;background:#fff}.layout-main{min-width:100%;padding:0}.article{max-width:100%;margin:0;padding:0}.article-hero{page-break-after:avoid;margin-bottom:1.5rem}.article-hero h1{color:#000;margin-bottom:.5rem;font-size:1.8rem}.article-hero p{color:#333;margin-bottom:1rem}.article h2{page-break-after:avoid;color:#000;border-bottom:2px solid #333;margin-top:1.5rem;margin-bottom:.75rem;padding-bottom:.5rem}.article h3{page-break-after:avoid;color:#000}.article p,.article ul,.article li{color:#333;orphans:3;widows:3}.article ul{margin-bottom:1rem}.article ul li{margin-bottom:.5rem}.callout{page-break-inside:avoid;color:#000;margin:1rem 0;padding:.75rem 1rem;background:#f5f5f5!important;border:1px solid #ccc!important;border-left:4px solid #333!important}.callout strong{color:#000}.callout-tip{background:#f0f8f0!important;border-left-color:#22c55e!important}.callout-warn{background:#fef8f0!important;border-left-color:#eab308!important}.info-grid{grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0;display:grid}.info-card{page-break-inside:avoid;color:#000;padding:.75rem;background:#f9f9f9!important;border:1px solid #ddd!important}.info-card-icon{margin-bottom:.25rem;font-size:1.2rem}.info-card h3{color:#000;margin-bottom:.25rem;font-size:.9rem}.info-card p{color:#333;margin:0;font-size:.8rem}.grade-table{border-collapse:collapse;page-break-inside:avoid;width:100%;margin:1rem 0}.grade-table th{text-align:left;padding:.5rem;font-weight:700;color:#fff!important;background:#333!important}.grade-table td{color:#000;border:1px solid #ddd;padding:.5rem}.compare-grid{grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0;display:grid}.compare-card{page-break-inside:avoid;color:#000;padding:.75rem;background:#f9f9f9!important;border:1px solid #ddd!important}.compare-card h3{color:#000;margin-bottom:.5rem;font-size:.95rem}.compare-card ul{margin:0;padding-left:1rem}.compare-card ul li{color:#333;margin-bottom:.25rem;font-size:.8rem}div[style*="borderLeft: '4px solid var(--orange)'"]{page-break-inside:avoid;color:#000;padding:1rem;background:#fef5f0!important;border:1px solid #ddd!important;border-left:4px solid #e05c4b!important}div[style*="borderLeft: '3px solid var(--blue)'"]{page-break-inside:avoid;color:#000;margin-bottom:.75rem;padding-left:1rem;border-left:3px solid #333!important}a{color:#06c;text-decoration:underline}a[href]:after{content:" (" attr(href) ")";color:#666;font-size:.8rem}.article h2:first-of-type{page-break-before:avoid}img{page-break-inside:avoid;max-width:100%;height:auto}*{box-shadow:none!important}}[data-theme=dark] .article,[data-theme=dark] .article h1,[data-theme=dark] .article h2,[data-theme=dark] .article h3,[data-theme=dark] .article p,[data-theme=dark] .article li{color:var(--text)}:root{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--brand:#1b2a6b;--brand-hover:#141f52;--brand-glow:#1b2a6b40;--brand-subtle:#1b2a6b14;--accent:#f59e0b;--accent-hover:#d97706;--accent-glow:#f59e0b40;--accent-subtle:#f59e0b1a;--primary:#18181b;--primary-light:#27272a;--white:#fff;--blue:#1b2a6b;--blue-hover:#141f52;--green:#10b981;--purple:#0d9488;--yellow:#f59e0b;--orange:#e05c4b;--red:#ef4444;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-400:#94a3b8;--gray-600:#475569;--text-xs:.7rem;--text-sm:.8rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.15rem;--text-xl:1.4rem;--text-2xl:1.75rem;--radius:10px;--radius-lg:16px;--shadow:0 4px 16px #1b2a6b14, 0 1px 4px #0000000f;--shadow-sm:0 1px 4px #0000000f;--shadow-lg:0 12px 40px #1b2a6b1f, 0 4px 16px #0000001a;--shadow-glow:0 0 20px #1b2a6b4d;--bg:var(--gray-50);--card:var(--white);--text:var(--primary);--text-muted:#64748b;--border:var(--gray-100)}[data-theme=dark]{--bg:#0f0f11;--card:#1a1a1f;--text:#e8eaf0;--text-muted:#6b7280;--border:#26262e;--gray-50:#141417;--gray-100:#1e1e24;--gray-200:#28282f;--gray-400:#52566b;--gray-600:#6e7288;--shadow-sm:0 0 0 1px #ffffff0a, 0 2px 8px #0006;--shadow:0 0 0 1px #ffffff0a, 0 4px 20px #00000080, 0 0 40px #1b2a6b14;--shadow-lg:0 0 0 1px #ffffff0d, 0 8px 40px #0009, 0 0 60px #1b2a6b1f;--shadow-glow:0 0 0 1px #1b2a6b4d, 0 0 32px #1b2a6b40;--brand-glow:#1b2a6b59;--accent-glow:#f59e0b4d}*{box-sizing:border-box;margin:0;padding:0}.skip-link{z-index:9999;background:var(--brand);color:var(--white);border-radius:0 0 var(--radius) var(--radius);padding:.5rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:top .1s;position:absolute;top:-100%;left:1rem}.skip-link:focus{outline:2px solid var(--accent);outline-offset:2px;top:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--text-base);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;transition:background .3s,color .3s}h1{font-family:Plus Jakarta Sans,sans-serif;font-size:var(--text-2xl);letter-spacing:-.03em;font-weight:800;line-height:1.2}h2{font-family:Plus Jakarta Sans,sans-serif;font-size:var(--text-xl);letter-spacing:-.02em;font-weight:700;line-height:1.3}h3{font-family:Plus Jakarta Sans,sans-serif;font-size:var(--text-lg);letter-spacing:-.01em;font-weight:700;line-height:1.4}h4{font-family:Plus Jakarta Sans,sans-serif;font-size:var(--text-md);letter-spacing:-.01em;font-weight:600}.kpi-value,.opp-table td{font-variant-numeric:tabular-nums}.login-page{background:#0f1117;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg), 0 0 60px #1b2a6b14;text-align:center;z-index:1;background:#1a1f2ef2;border:1px solid #1b2a6b33;width:400px;padding:2.5rem;position:relative}.login-card h1{color:#e2e8f0;margin-bottom:.25rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.75rem;font-weight:800}.login-card p{color:#64748b;margin-bottom:1.5rem;font-size:.9rem}.login-card label{text-align:left;color:#94a3b8;margin-bottom:.25rem;font-size:.8rem;font-weight:500;display:block}.login-card select,.login-card input[type=text],.login-card input[type=password]{border-radius:var(--radius);color:#e2e8f0;background:#ffffff0d;border:1px solid #1b2a6b33;width:100%;margin-bottom:.75rem;padding:.65rem .85rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.login-card select:focus,.login-card input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow);outline:none}.login-card button{background:var(--brand);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;padding:.75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #1b2a6b4d}.login-card button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #1b2a6b66}.login-card button:active{transform:translateY(0)}.login-card .btn-secondary{box-shadow:none;color:#94a3b8;background:#ffffff14;border:1px solid #ffffff26}.login-card .btn-secondary:hover{box-shadow:none;background:#ffffff1f;transform:none}.layout{flex-direction:column;min-height:100vh;display:flex}.layout-header{z-index:50;position:sticky;top:0}.layout-topbar{z-index:50;padding:0 var(--sp-6);color:#fff;background:#1b2a6b;border-bottom:1px solid #1b2a6b26;justify-content:space-between;align-items:center;height:56px;display:flex;position:sticky;top:0;box-shadow:0 2px 20px #0000004d}.sidebar-collapse-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.6rem;transition:background .2s;display:flex}.sidebar-collapse-btn:hover{background:#fff3}.layout-body{flex:1;min-height:calc(100vh - 56px);display:flex;overflow:hidden}.layout-sidebar{background:var(--card);border-right:1px solid var(--border);width:220px;padding:var(--sp-4) 0;flex-direction:column;flex-shrink:0;height:calc(100vh - 56px);transition:width .2s;display:flex;position:sticky;top:56px;overflow-y:auto}.layout-sidebar::-webkit-scrollbar{width:6px}.layout-sidebar::-webkit-scrollbar-track{background:0 0}.layout-sidebar::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:3px}.layout-sidebar::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.layout-sidebar-collapsed{width:56px}.sidebar-item{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);color:var(--text-muted);cursor:pointer;font-size:var(--text-base);text-align:left;white-space:nowrap;background:0 0;border:none;border-left:3px solid #0000;width:100%;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-item:hover{background:var(--gray-50);color:var(--text)}.sidebar-item-active{background:var(--brand-subtle);color:var(--brand);border-left-color:var(--brand);font-weight:600}.sidebar-icon{text-align:center;flex-shrink:0;width:24px;font-size:1.1rem}.sidebar-label{font-family:Plus Jakarta Sans,sans-serif}.page-header{margin-bottom:var(--sp-8);padding-bottom:var(--sp-6);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;display:flex}.page-header-text{gap:var(--sp-1);flex-direction:column;display:flex}.page-header-title{font-size:var(--text-2xl);color:var(--text);letter-spacing:-.03em;font-weight:800}.page-header-subtitle{font-size:var(--text-base);color:var(--text-muted);margin:0}.page-header-action{flex-shrink:0}.breadcrumb{margin-bottom:var(--sp-6);align-items:center;gap:var(--sp-1);flex-wrap:wrap;display:flex}.breadcrumb-item{align-items:center;gap:var(--sp-1);display:flex}.breadcrumb-sep{color:var(--text-muted);font-size:var(--text-sm)}.breadcrumb-link{cursor:pointer;font-size:var(--text-sm);color:var(--brand);background:0 0;border:none;padding:0;font-weight:500;transition:opacity .15s}.breadcrumb-link:hover{opacity:.7;text-decoration:underline}.breadcrumb-current{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.layout-topbar h2{letter-spacing:-.02em;color:var(--white);font-family:Plus Jakarta Sans,sans-serif;font-size:1.2rem;font-weight:800}.layout-topbar-right{align-items:center;gap:.75rem;font-size:.85rem;display:flex}.layout-topbar-right span{opacity:.8;color:#94a3b8}.layout-topbar-right button{color:#e2e8f0;border-radius:var(--radius);cursor:pointer;background:#1b2a6b1a;border:1px solid #1b2a6b40;padding:.35rem .85rem;font-size:.8rem;transition:all .2s}.layout-topbar-right button:hover{border-color:var(--brand);background:#1b2a6b33}.theme-toggle{cursor:pointer;line-height:1;background:0 0!important;border:none!important;padding:.25rem!important;font-size:1.1rem!important}.sub-tabs{background:var(--card);border-bottom:2px solid var(--border);scroll-behavior:smooth;gap:.1rem;padding:0 1.5rem;display:flex;overflow-x:auto}.sub-tabs::-webkit-scrollbar{height:4px}.sub-tabs::-webkit-scrollbar-track{background:0 0}.sub-tabs::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:2px}.sub-tabs::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.sub-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.3rem;margin-bottom:-2px;padding:.65rem 1rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex;position:relative}.sub-tab:hover{color:var(--text);background:#1b2a6b0a}.sub-tab-active{color:var(--brand);border-bottom-color:var(--brand);background:#1b2a6b14;font-weight:600}.sub-tab:after{content:"";transform-origin:0;background:currentColor;height:3px;transition:transform .3s;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.sub-tab-active:after{transform:scaleX(1)}.article{max-width:75%;margin:0 auto;padding:2rem 1.5rem}.article-hero{margin-bottom:2rem}.article-hero h1{color:var(--text);margin-bottom:.5rem;font-size:1.6rem;font-weight:700}.article-hero p{color:var(--text-muted);font-size:1rem;line-height:1.6}.article h2{color:var(--text);margin:2rem 0 .75rem;font-size:1.1rem;font-weight:700}.article p{color:var(--text);margin-bottom:.75rem;font-size:.92rem;line-height:1.7}.article ul{margin-bottom:.75rem;padding-left:1.25rem}.article ul li{color:var(--text);font-size:.92rem;line-height:1.7}.callout{border-left:4px solid var(--blue);border-radius:var(--radius);color:var(--text);background:#1b2a6b14;margin:1.25rem 0;padding:.85rem 1rem;font-size:.88rem}.callout strong{color:var(--blue)}.callout-tip{background:#22c55e14;border-left-color:#22c55e}.callout-tip strong{color:#22c55e}.callout-warn{background:#eab30814;border-left-color:#eab308}.callout-warn strong{color:#eab308}.info-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:1.25rem 0;display:grid}.info-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem 1.1rem}.info-card-icon{margin-bottom:.4rem;font-size:1.5rem}.info-card h3{color:var(--text);margin-bottom:.3rem;font-size:.9rem;font-weight:700}.info-card p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.5}.grade-table{border-collapse:collapse;width:100%;margin:1.25rem 0;font-size:.88rem}.grade-table th{background:var(--primary);color:#fff;text-align:left;padding:.6rem .85rem}.grade-table td{border-bottom:1px solid var(--border);color:var(--text);padding:.55rem .85rem}.grade-table tr:last-child td{border-bottom:none}.compare-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin:1.25rem 0;display:grid}.compare-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.1rem}.compare-card h3{color:var(--blue);margin-bottom:.5rem;font-size:.95rem;font-weight:700}.compare-card ul{margin:0;padding-left:1.1rem}.compare-card ul li{color:var(--text);font-size:.85rem;line-height:1.7}.layout-main{padding:var(--sp-8);flex:1;min-width:0;overflow-y:auto}.layout-footer{z-index:50;text-align:center;color:var(--text-muted);border-top:1px solid var(--border);background:var(--card);padding:0;font-size:.75rem;position:sticky;bottom:0}.layout-footer-text{padding:1rem 1.5rem}.notif-dot{background:var(--red);border:1.5px solid var(--card);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-4px}.notif-blue{background:var(--blue)}.notif-bell-btn{color:#fff;border-radius:var(--radius);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;transition:background .2s;display:flex;position:relative}.notif-bell-btn:hover{background:#fff3}.notif-badge{background:var(--red);color:#fff;border:1.5px solid #1b2a6b;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.6rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.notif-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:340px;max-height:480px;box-shadow:var(--shadow-lg);z-index:200;flex-direction:column;animation:.15s fadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.notif-panel-title{color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;font-weight:700}.notif-action-btn{border:1px solid var(--gray-200);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:.2rem .5rem;font-size:.72rem;transition:all .15s}.notif-action-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-subtle)}.notif-list{flex:1;overflow-y:auto}.notif-empty{text-align:center;color:var(--text-muted);padding:2.5rem 1rem;font-size:.85rem}.notif-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:.6rem;padding:.65rem 1rem;transition:background .15s;display:flex;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--gray-50)}.notif-item-unread{background:#1b2a6b0a}.notif-item-icon{flex-shrink:0;margin-top:1px;font-size:1rem}.notif-item-body{flex:1;min-width:0}.notif-item-msg{color:var(--text);word-break:break-word;font-size:.82rem;line-height:1.4}.notif-item-time{color:var(--text-muted);margin-top:.2rem;font-size:.72rem}.notif-unread-dot{background:var(--blue);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.kpi-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:transform .2s,box-shadow .2s;animation:.4s both fadeSlideUp;display:flex;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.kpi-accent{flex-shrink:0;width:4px}.kpi-content{flex-direction:column;gap:.2rem;padding:1rem 1.25rem;display:flex}.kpi-value{font-size:var(--text-xl);color:var(--text);letter-spacing:-.02em;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;line-height:1.1}.kpi-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--sp-1);font-weight:700}.opp-section{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);margin-bottom:1.5rem;animation:.3s both fadeSlideUp}.opp-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.opp-header h3{color:var(--text);align-items:center;gap:.5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700;display:flex}.opp-header-actions{align-items:center;gap:.5rem;display:flex}.record-count{color:var(--text-muted);font-size:.8rem}.icon-btn{border:1px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;color:var(--text-muted);background:0 0;padding:.3rem .5rem;font-size:.85rem;line-height:1;transition:all .2s}.icon-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-subtle)}.opp-toolbar{border-bottom:1px solid var(--border);background:var(--gray-50);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1.5rem;display:flex}.opp-search{border:1px solid var(--gray-200);border-radius:var(--radius);background:var(--card);min-width:150px;color:var(--text);flex:1;padding:.5rem .75rem;font-size:.85rem;transition:border-color .2s}.opp-search:focus{border-color:var(--blue);outline:none}.opp-search::placeholder{color:var(--text-muted)}.opp-filter{border:1px solid var(--gray-200);border-radius:var(--radius);background:var(--card);color:var(--text);min-width:160px;padding:.5rem .75rem;font-size:.85rem}.opp-filter:focus{border-color:var(--blue);outline:none}.toggle-group{border:1px solid var(--gray-200);border-radius:var(--radius);flex-shrink:0;display:flex;overflow:hidden}.toggle-btn{background:var(--card);color:var(--text-muted);cursor:pointer;border:none;padding:.45rem .85rem;font-size:.8rem;font-weight:500;transition:all .2s}.toggle-btn:not(:last-child){border-right:1px solid var(--gray-200)}.toggle-active{background:var(--blue);color:var(--white)}.col-picker{border-bottom:1px solid var(--border);background:var(--gray-50);flex-wrap:wrap;gap:.5rem;padding:.75rem 1.5rem;display:flex}.col-picker-item{color:var(--text-muted);cursor:pointer;align-items:center;gap:.3rem;font-size:.8rem;display:flex}.col-picker-item input{cursor:pointer}.save-filter-bar{border-bottom:1px solid var(--border);background:var(--gray-50);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 1.5rem;display:flex}.saved-filter-tag{color:var(--blue);background:#1b2a6b1a;border-radius:12px;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.75rem;font-weight:500;display:inline-flex}.saved-filter-tag button{color:var(--blue);cursor:pointer;background:0 0;border:none;padding:0;font-size:.7rem;line-height:1}.opp-table-wrap{max-height:600px;overflow:auto}.opp-table{border-collapse:collapse;width:100%;font-size:.85rem}.sticky-header{z-index:10;position:sticky;top:0}.opp-table th{text-align:left;padding:var(--sp-2) var(--sp-6);background:var(--gray-50);color:var(--text-muted);font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none}.opp-table th.sortable{cursor:pointer}.opp-table th.sortable:hover{color:var(--blue)}.opp-table th.actions-col{text-align:center;width:60px}.opp-table td{padding:var(--sp-2) var(--sp-6);border-bottom:1px solid var(--border);font-size:var(--text-base)}.opp-table tr:last-child td{border-bottom:none}.opp-row-clickable{cursor:pointer;transition:background .15s}.opp-row-clickable:hover td{background:var(--gray-50)}.row-focused td{outline:1px solid var(--blue);outline-offset:-1px;background:#1b2a6b0f!important}.opp-table .opp-name{color:var(--blue);font-weight:500}.cell-editable{cursor:pointer;border-bottom:1px dashed var(--gray-200);padding-bottom:1px;transition:border-color .2s}.cell-editable:hover{border-color:var(--blue);color:var(--blue)}.cell-edit{border:1px solid var(--blue);background:var(--card);color:var(--text);border-radius:4px;outline:none;max-width:140px;padding:.25rem .4rem;font-size:.85rem}.date-editable{cursor:pointer;border-bottom:1px dashed var(--gray-200);padding-bottom:1px;transition:border-color .2s}.date-editable:hover{border-color:var(--blue);color:var(--blue)}.date-edit{border:1px solid var(--blue);border-radius:var(--radius);background:var(--card);color:var(--text);outline:none;padding:.3rem .5rem;font-size:.85rem}.row-actions{text-align:center;position:relative}.row-actions-btn{cursor:pointer;color:var(--text-muted);letter-spacing:1px;background:0 0;border:none;border-radius:4px;padding:.2rem .4rem;font-size:1.1rem;transition:all .15s}.row-actions-btn:hover{background:var(--gray-100);color:var(--text)}.row-actions-menu{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:20;min-width:160px;animation:.15s fadeIn;position:absolute;top:100%;right:0;overflow:hidden}.row-action{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;padding:.55rem 1rem;font-size:.8rem;text-decoration:none;transition:background .15s;display:block}.row-action:hover{background:var(--gray-50)}.opp-pagination{border-top:1px solid var(--border);color:var(--text-muted);justify-content:center;align-items:center;gap:1rem;padding:.75rem 1.5rem;font-size:.8rem;display:flex}.opp-pagination button{border:1px solid var(--gray-200);border-radius:var(--radius);background:var(--card);color:var(--text);cursor:pointer;padding:.35rem .85rem;font-size:.8rem;transition:all .2s}.opp-pagination button:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.opp-pagination button:disabled{opacity:.35;cursor:default}.badge{white-space:nowrap;border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.table-density-compact td,.table-density-compact th{font-size:.78rem;padding:var(--sp-1) var(--sp-4)!important}.table-density-comfortable td,.table-density-comfortable th{font-size:var(--text-base);padding:var(--sp-2) var(--sp-6)!important}.table-density-spacious td,.table-density-spacious th{font-size:var(--text-base);padding:var(--sp-4) var(--sp-6)!important}.col-resize-handle{cursor:col-resize;background:0 0;width:4px;transition:background .15s;position:absolute;top:0;bottom:0;right:0}.col-resize-handle:hover,.col-resize-handle.resizing{background:var(--brand)}th{position:relative}.frozen-col{z-index:10;position:sticky!important}.frozen-col:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000000f,#0000);width:8px;position:absolute;top:0;bottom:0;right:-8px}@keyframes saveFlash{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.2)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.save-indicator{background:var(--green);color:#fff;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;animation:1s forwards saveFlash;display:inline-flex;position:absolute;top:-6px;right:-6px}.empty-state{padding:var(--sp-12) var(--sp-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--sp-4);filter:grayscale(.2);font-size:3.5rem;line-height:1}.empty-state-title{font-family:Plus Jakarta Sans,sans-serif;font-size:var(--text-lg);color:var(--text);margin-bottom:var(--sp-2);font-weight:700}.empty-state-message{font-size:var(--text-base);color:var(--text-muted);max-width:360px;margin-bottom:var(--sp-6);line-height:1.6}.opp-loading,.opp-error,.opp-empty{text-align:center;color:var(--text-muted);padding:2rem;font-size:.9rem}.opp-error{color:var(--orange)}.opp-toolbar-sticky{z-index:12;gap:var(--sp-3);padding:var(--sp-3) var(--sp-6);border-bottom:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;align-items:center;display:flex;position:sticky;top:0}.row-hover-actions{gap:var(--sp-1);opacity:0;justify-content:flex-end;align-items:center;transition:opacity .15s;display:flex}tr:hover .row-hover-actions{opacity:1}.row-hover-btn{background:var(--card);border:1px solid var(--border);font-size:var(--text-xs);cursor:pointer;color:var(--text-muted);white-space:nowrap;border-radius:6px;padding:.2rem .5rem;line-height:1.4;transition:all .15s}.row-hover-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-subtle)}.row-hover-btn.danger:hover{border-color:var(--red);color:var(--red);background:#ef444414}.modal{background:var(--card);border-radius:var(--radius);width:440px;max-width:95vw;box-shadow:var(--shadow-lg);margin:auto;animation:.2s scaleIn}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h3{color:var(--text);font-size:1rem;font-weight:600}.modal-body{padding:1.5rem}.modal-field{margin-bottom:1rem}.modal-field label{color:var(--text-muted);margin-bottom:.25rem;font-size:.8rem;font-weight:500;display:block}.modal-field input,.modal-field select,.modal-field textarea{border:1px solid var(--gray-200);border-radius:var(--radius);background:var(--card);width:100%;color:var(--text);padding:.5rem .75rem;font-family:inherit;font-size:.9rem}.modal-field input:focus,.modal-field select:focus,.modal-field textarea:focus{border-color:var(--blue);outline:none}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.btn-cancel{border:1px solid var(--gray-200);border-radius:var(--radius);background:var(--card);color:var(--text);cursor:pointer;padding:.5rem 1.25rem;font-size:.85rem;transition:all .2s}.btn-cancel:hover{border-color:var(--gray-400);background:var(--gray-50)}.btn-danger{border-radius:var(--radius);background:var(--red);color:#fff;cursor:pointer;border:none;padding:.5rem 1.25rem;font-size:.85rem;transition:all .2s}.btn-danger:hover{opacity:.85}.btn-save{padding:var(--sp-2) var(--sp-6);border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;font-size:var(--text-sm);letter-spacing:.01em;box-shadow:0 2px 8px var(--accent-glow);border:none;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;transition:all .2s}.btn-save:hover{box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.btn-save:active{transform:translateY(0)}.btn-save:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}.panel-overlay{z-index:100;background:#00213966;justify-content:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.panel{background:var(--card);flex-direction:column;width:400px;max-width:90vw;height:100%;animation:.25s slideIn;display:flex;box-shadow:-4px 0 24px #00000026}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.panel-header h3{color:var(--text);font-size:1rem;font-weight:600}.panel-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:.25rem;font-size:1.2rem;line-height:1}.panel-close:hover{color:var(--text)}.panel-body{flex:1;padding:1.5rem;overflow-y:auto}.panel-field{flex-direction:column;margin-bottom:1.25rem;display:flex}.panel-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--sp-1);font-weight:700}.panel-value{color:var(--text);font-size:.95rem}.toast-container{bottom:var(--sp-6);right:var(--sp-6);z-index:200;gap:var(--sp-2);flex-direction:column;max-width:360px;display:flex;position:fixed}.toast{gap:var(--sp-1);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);font-size:var(--text-base);color:var(--white);flex-direction:column;min-width:260px;font-weight:500;animation:.25s slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003}.toast-top{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.toast-dismiss{color:#ffffffb3;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:1rem;line-height:1}.toast-dismiss:hover{color:#fff}.toast-progress{transform-origin:0;height:3px;animation:toastProgress var(--toast-duration,3.5s) linear forwards;background:#ffffff59;border-radius:2px}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-success{background:var(--green)}.toast-error{background:var(--red)}.toast-info{background:var(--brand)}.toast-warning{background:var(--orange)}.wizard{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.wizard-nav{border-bottom:1px solid var(--border);display:flex}.wizard-step{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:.75rem;font-size:.85rem;transition:all .2s}.wizard-step.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.wizard-step.done{color:var(--green)}.wizard-body{min-height:200px;padding:2rem}.wizard-footer{border-top:1px solid var(--border);justify-content:space-between;padding:1rem 2rem;display:flex}.wizard-footer button{border:1px solid var(--gray-200);border-radius:var(--radius);background:var(--card);cursor:pointer;color:var(--text);padding:.5rem 1.5rem;font-size:.85rem;transition:all .2s}.wizard-footer button:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.wizard-footer button:disabled{opacity:.35;cursor:default}@keyframes slideUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.layout-main>*{animation:.3s both fadeSlideUp}.skeleton{background:linear-gradient(90deg, var(--gray-100) 25%, var(--gray-200) 50%, var(--gray-100) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}.skeleton-table{padding:var(--sp-4);gap:var(--sp-3);flex-direction:column;display:flex}.skeleton-row{gap:var(--sp-4);align-items:center;display:flex}.skeleton-cell{border-radius:6px;flex-shrink:0;height:18px}.skeleton-kpi-grid{gap:var(--sp-4);margin-bottom:var(--sp-6);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.skeleton-kpi{height:80px}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px var(--accent-glow)}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:.15s both pageFadeIn}@keyframes btnSpin{to{transform:rotate(360deg)}}.btn-spinner{vertical-align:middle;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-right:6px;animation:.6s linear infinite btnSpin;display:inline-block}.btn-spinner-dark{border-color:#00000026;border-top-color:var(--text)}.home-banner{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#1b2a6b;border:1px solid #1b2a6b4d;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:2rem 2.5rem;display:flex;position:relative;overflow:hidden}.home-greeting{color:#fff;letter-spacing:-.02em;font-family:Plus Jakarta Sans,sans-serif;font-size:1.6rem;font-weight:800}.home-slogan{color:#ffffff80;margin-top:.35rem;font-size:.9rem;font-style:italic}.home-date{color:#fff6;margin-top:.2rem;font-size:.85rem}.home-quick-actions{gap:.5rem;display:flex}.quick-action-btn{border-radius:var(--radius);color:var(--brand);cursor:pointer;background:#1b2a6b1a;border:1px solid #1b2a6b4d;padding:.5rem 1rem;font-size:.8rem;font-weight:500;transition:all .2s}.quick-action-btn:hover{border-color:var(--brand);background:#1b2a6b33}.home-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;display:grid}.home-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:transform .2s,box-shadow .2s;overflow:hidden}.home-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.home-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.home-card-header h3{color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:600}.home-view-all{color:var(--brand);cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:500;transition:opacity .2s}.home-view-all:hover{opacity:.7}.home-card-empty{text-align:center;color:var(--text-muted);padding:1.5rem;font-size:.85rem}.home-card-list{padding:.5rem 0}.home-list-item{justify-content:space-between;align-items:center;padding:.6rem 1.25rem;transition:background .15s;display:flex}.home-list-item:hover{background:var(--gray-50)}.home-list-main{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.home-list-title{color:var(--brand);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.home-list-sub{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.2rem;font-size:.75rem;display:flex}.home-list-meta{color:var(--text-muted);flex-shrink:0;margin-left:.75rem;font-size:.8rem;font-weight:500}.home-complete-btn{border:2px solid var(--green);width:28px;height:28px;color:var(--green);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:.75rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.home-complete-btn:hover{background:var(--green);color:#fff}.admin-content{padding:1.5rem}.admin-section-title{color:var(--text);margin-bottom:1rem;font-size:.9rem;font-weight:600}.admin-cred-card{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1rem}.admin-cred-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.admin-cred-header strong{color:var(--text);font-size:.9rem}.admin-status-ok{color:var(--green);font-size:.8rem}.admin-status-none{color:var(--text-muted);font-size:.8rem}.admin-cred-fields{flex-direction:column;gap:.5rem;display:flex}.admin-field label{color:var(--text-muted);margin-bottom:.2rem;font-size:.8rem;font-weight:500;display:block}.admin-field input{border:1px solid var(--gray-200);border-radius:var(--radius);background:var(--card);width:100%;color:var(--text);padding:.5rem .75rem;font-size:.85rem}.admin-field input:focus{border-color:var(--blue);outline:none}.admin-save-btn{background:var(--blue);color:var(--white);border-radius:var(--radius);cursor:pointer;border:none;align-self:flex-start;margin-top:.25rem;padding:.45rem 1.25rem;font-size:.85rem;font-weight:500;transition:background .2s}.admin-save-btn:hover{background:var(--blue-hover)}.admin-save-btn:disabled{opacity:.5;cursor:default}.admin-layout{gap:1.5rem;min-height:400px;display:flex}.admin-sidebar{background:var(--card);border-radius:var(--radius);width:220px;box-shadow:var(--shadow-sm);flex-direction:column;flex-shrink:0;padding:1rem 0;display:flex}.admin-sidebar-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:.5rem;padding:0 1.25rem .75rem;font-size:.75rem;font-weight:600}.admin-nav-btn{cursor:pointer;color:var(--text-muted);text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:.65rem;width:100%;padding:.6rem 1.25rem;font-size:.85rem;transition:all .15s;display:flex}.admin-nav-btn:hover{background:var(--gray-50);color:var(--text)}.admin-nav-active{background:var(--gray-50);color:var(--blue);border-left-color:var(--blue);font-weight:600}.admin-nav-icon{flex-shrink:0;font-size:1rem}.admin-body{flex:1;min-width:0}.page-layout-list{padding:.5rem 0}.page-layout-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:.75rem;padding:.7rem 1.5rem;transition:background .15s;display:flex}.page-layout-item:last-child{border-bottom:none}.page-layout-item:hover{background:var(--gray-50)}.page-layout-icon{flex-shrink:0;font-size:1.1rem}.page-layout-info{flex-direction:column;flex:1;gap:.15rem;display:flex}.page-layout-name{color:var(--text);font-size:.9rem;font-weight:500}.page-layout-desc{color:var(--text-muted);font-size:.75rem;line-height:1.4}.page-layout-arrow{color:var(--text-muted);flex-shrink:0;margin-left:.5rem;font-size:.65rem}.page-layout-editor{background:var(--gray-50);border-top:1px solid var(--border);padding:1rem 1.5rem}.page-layout-editor-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.8rem;font-weight:600;display:flex}.page-layout-section-row{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-bottom:.4rem;padding:.5rem .75rem;display:flex}.page-layout-toggle{color:var(--text);cursor:pointer;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.page-layout-toggle input{cursor:pointer}.page-layout-disabled{color:var(--text-muted);text-decoration:line-through}.page-layout-reorder{gap:.25rem;display:flex}.page-layout-reorder button{border:1px solid var(--gray-200);cursor:pointer;color:var(--text-muted);background:0 0;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;transition:all .15s}.page-layout-reorder button:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.page-layout-reorder button:disabled{opacity:.3;cursor:default}@media (width<=768px){.layout-body{flex-direction:column}.layout-sidebar{height:auto;padding:var(--sp-2) var(--sp-2);border-right:none;border-bottom:1px solid var(--border);flex-direction:row;position:static;overflow-x:auto;width:100%!important}.sidebar-item{padding:var(--sp-2) var(--sp-3);gap:var(--sp-1);font-size:var(--text-xs);border-bottom:3px solid #0000;border-left:none;flex-direction:column;min-width:60px}.sidebar-item-active{border-left-color:#0000;border-bottom-color:var(--brand)}.sidebar-label{font-size:.65rem}.sidebar-collapse-btn{display:none}.layout-main{padding:var(--sp-4)}.page-header{gap:var(--sp-4);flex-direction:column}.kpi-grid{grid-template-columns:repeat(2,1fr)}.opp-toolbar{flex-direction:column}.opp-filter{min-width:unset}.panel{width:100%;max-width:100vw}.layout-topbar-right span{display:none}.layout-topbar{padding:0 var(--sp-4)}.opp-table-wrap{-webkit-overflow-scrolling:touch}.opp-table{min-width:600px}.opp-table th,.opp-table td{padding:var(--sp-2) var(--sp-3)}.home-banner{gap:var(--sp-4);text-align:center;flex-direction:column}.home-quick-actions{justify-content:center}.home-grid{grid-template-columns:1fr}}.affiliate-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin:1.25rem 0;display:grid}.affiliate-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:inherit;flex-direction:column;gap:.5rem;padding:1.1rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.affiliate-card:hover{box-shadow:var(--shadow);border-color:var(--accent);transform:translateY(-2px)}.affiliate-icon{font-size:1.75rem;line-height:1}.affiliate-body h4{color:var(--text);margin-bottom:.25rem;font-size:.9rem;font-weight:700}.affiliate-body p{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.5}.affiliate-cta{color:var(--accent);margin-top:auto;font-size:.8rem;font-weight:700}.affiliate-tag{text-transform:uppercase;letter-spacing:.05em;background:var(--accent-subtle);color:var(--accent);border-radius:8px;padding:.15rem .45rem;font-size:.65rem;font-weight:700;position:absolute;top:.6rem;right:.6rem}.affiliate-disclosure{color:var(--text-muted);margin:.5rem 0 1rem;font-size:.75rem;font-style:italic}.rte-toolbar{border-bottom:1px solid var(--border);background:var(--gray-50);flex-wrap:wrap;align-items:center;gap:2px;padding:.5rem 1rem;display:flex}.rte-btn{background:var(--card);border:1px solid var(--gray-200);cursor:pointer;color:var(--text);text-align:center;border-radius:4px;min-width:28px;padding:.3rem .5rem;font-size:.8rem;line-height:1;transition:all .15s;position:relative}.rte-btn:hover{border-color:var(--blue);color:var(--blue)}.rte-sep{background:var(--gray-200);width:1px;height:20px;margin:0 .25rem}.rte-color-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.rte-editor{min-height:180px;max-height:400px;color:var(--text);outline:none;padding:1rem 1.25rem;font-size:.9rem;line-height:1.6;overflow-y:auto}.rte-editor:empty:before{content:attr(placeholder);color:var(--text-muted);pointer-events:none}.alert-toggle-label{color:var(--text-muted);cursor:pointer;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.alert-toggle-label input{cursor:pointer}.alert-preview{border-top:1px solid var(--border);padding:1rem 1.25rem}.alert-preview-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem;font-size:.7rem;font-weight:600}.footer-marquee{width:100%;overflow:hidden}.marquee-track{width:max-content;animation:30s linear infinite marquee;display:flex}.marquee-content{white-space:nowrap;color:var(--text);align-items:center;gap:2rem;padding:0 3rem;font-size:.8rem;display:inline-flex}.marquee-content *{margin:0;display:inline}.layout-footer:hover .marquee-track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.cody-spinner-wrap{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;font-size:.9rem;display:flex}.cody-spinner{border:4px solid var(--gray-200);border-top-color:var(--blue);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.analysis-chart{padding:1rem 1.5rem}.analysis-bar-row{cursor:pointer;border-radius:var(--radius);align-items:center;gap:1rem;padding:.5rem 0;transition:background .15s;display:flex}.analysis-bar-row:hover,.analysis-bar-selected{background:var(--gray-50)}.analysis-bar-label{flex-shrink:0;align-items:center;gap:.5rem;width:120px;display:flex;overflow:hidden}.analysis-bar-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.analysis-bar-type{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.analysis-bar-count{color:var(--text-muted);font-size:.75rem}.analysis-bar-track{background:var(--gray-100);border-radius:12px;flex:1;height:24px;overflow:hidden}.analysis-bar-fill{border-radius:12px;min-width:4px;height:100%;transition:width .6s}.analysis-bar-amount{color:var(--text);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;width:160px;font-size:.85rem;font-weight:600}.analysis-detail{border-top:1px solid var(--border)}.analysis-detail-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.analysis-detail-header h4{color:var(--text);font-size:.9rem;font-weight:600}.analysis-search-bar{flex-direction:column;gap:.5rem;padding:1rem 1.5rem;display:flex}.analysis-search-wrap{align-items:center;gap:.5rem;display:flex;position:relative}.analysis-search-wrap .opp-search{flex:1}.analysis-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1rem;line-height:1}.analysis-clear-btn:hover{color:var(--text)}.analysis-dropdown{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:30;max-height:240px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.analysis-dropdown-item{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;padding:.6rem 1rem;font-size:.85rem;transition:background .15s;display:block}.analysis-dropdown-item:hover{background:var(--gray-50)}.analysis-searching{color:var(--text-muted);font-size:.8rem}.analysis-selected-user{color:var(--text-muted);font-size:.85rem}.dash-module-summary{border-bottom:1px solid var(--border);flex-direction:column;align-items:center;padding:1rem;display:flex}.dash-module-total{color:var(--text);font-size:1.8rem;font-weight:700}.dash-module-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.15rem;font-size:.75rem}.opp-analysis-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.opp-analysis-card{border:1px solid var(--border);border-radius:var(--radius);display:flex;overflow:hidden}.opp-analysis-accent{flex-shrink:0;width:4px}.opp-analysis-info{flex-direction:column;gap:.15rem;padding:.75rem 1rem;display:flex}.opp-analysis-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:600}.opp-analysis-value{color:var(--text);font-size:1.5rem;font-weight:700}.opp-analysis-doors{color:var(--text-muted);font-size:.8rem}.bucket-header{min-width:70px;text-align:center!important;font-size:.7rem!important}.bucket-cell{text-align:center;white-space:nowrap;font-size:.8rem}.bucket-empty{color:var(--gray-200)}.bucket-count{font-weight:700}.bucket-doors{color:var(--text-muted);margin-left:2px;font-size:.7rem}[data-theme=dark] .layout-topbar{background:#0d0f1e;box-shadow:0 1px #ffffff0f,0 4px 24px #00000080}[data-theme=dark] .layout-sidebar{background:var(--card);box-shadow:1px 0 0 var(--border)}[data-theme=dark] .sidebar-item:hover{background:var(--gray-100)}[data-theme=dark] .sidebar-item-active{background:#1b2a6b26}[data-theme=dark] .opp-table th,[data-theme=dark] .sticky-header th{background:var(--gray-100)}[data-theme=dark] .opp-toolbar-sticky{background:var(--card);border-bottom-color:var(--border)}[data-theme=dark] .opp-toolbar{background:var(--gray-50)}[data-theme=dark] .kpi-card:hover{box-shadow:var(--shadow), 0 0 20px #1b2a6b1a}[data-theme=dark] .opp-section{box-shadow:var(--shadow-sm)}[data-theme=dark] .modal{box-shadow:var(--shadow-lg), 0 0 80px #00000080}[data-theme=dark] .panel{box-shadow:-4px 0 40px #00000080,0 0 60px #1b2a6b14}[data-theme=dark] .skeleton{background:linear-gradient(90deg, var(--gray-100) 25%, var(--gray-200) 50%, var(--gray-100) 75%)}[data-theme=dark] .row-actions-menu,[data-theme=dark] .analysis-dropdown{box-shadow:var(--shadow-lg)}[data-theme=dark] .frozen-col:after{background:linear-gradient(90deg,#0003,#0000)}@media (width<=768px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.opp-toolbar{flex-direction:column}.opp-filter{min-width:unset}.dashboard main{padding:1rem}.panel{width:100%;max-width:100vw}.topbar{padding:.75rem 1rem}.layout-topbar-right span,.layout-tab-label{display:none}.layout-tab{padding:.75rem 1rem}.layout-tab-icon{font-size:1.2rem}.layout-tab-badge{display:none}.layout-main{padding:1rem}.opp-table-wrap{-webkit-overflow-scrolling:touch}.opp-table{min-width:600px}.opp-table th,.opp-table td{padding:.5rem .75rem}.opp-header-actions{gap:.25rem}.icon-btn{padding:.2rem .35rem;font-size:.75rem}.home-banner{text-align:center;flex-direction:column;gap:1rem}.home-quick-actions{justify-content:center}.home-grid{grid-template-columns:1fr}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr}.login-card{width:95vw;padding:1.5rem}.modal{width:95vw}}@media print{.layout-topbar,.layout-sidebar,.layout-footer,.sub-tabs,.kpi-grid,.opp-toolbar,.opp-toolbar-sticky,.opp-pagination,.btn-save,.btn-cancel,.notif-bell-btn,.skip-link{display:none!important}body,.layout,.layout-body,.layout-main{color:#000!important;background:#fff!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.opp-section{box-shadow:none!important;border:none!important}.opp-table-wrap{max-height:none!important;overflow:visible!important}.opp-table{border-collapse:collapse!important;width:100%!important;font-size:10pt!important}.opp-table th,.opp-table td{color:#000!important;background:#fff!important;border:1px solid #ccc!important;padding:4pt 6pt!important}.opp-table thead th{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#fff!important;background:#1b2a6b!important}.opp-table tfoot td{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#f1f5f9!important;font-weight:700!important}.layout-main:before{content:"CardSparky — Collection Summary";color:#1b2a6b;margin-bottom:12pt;font-size:16pt;font-weight:700;display:block}}.hide-mobile{display:flex}.show-mobile{display:none}@media (width<=640px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}.layout-topbar{padding:0 var(--sp-3);gap:.5rem}.layout-topbar-right span{display:none}.layout-topbar-right{gap:.4rem}.layout-topbar-right button{padding:.3rem .6rem;font-size:.75rem}.layout-topbar>div:nth-child(2){display:none}.layout-sidebar{z-index:90;height:calc(100vh - 56px);box-shadow:none;transition:transform .25s,box-shadow .25s;position:fixed;top:56px;left:0;transform:translate(-100%);width:240px!important}.layout-sidebar .sidebar-label{display:inline!important}.layout-sidebar-mobile-open{transform:translate(0);box-shadow:4px 0 24px #0000002e}.sidebar-backdrop{z-index:89;background:#0006;animation:.2s fadeIn;position:fixed;inset:56px 0 0}.layout-main{padding:var(--sp-4)}.page-header{gap:var(--sp-3);flex-direction:column;align-items:flex-start}.page-header-title{font-size:var(--text-xl)}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.kpi-value{font-size:var(--text-lg)}.opp-table-wrap{-webkit-overflow-scrolling:touch;max-height:none;overflow-x:auto}.opp-table{min-width:480px;font-size:.78rem}.opp-table th,.opp-table td{padding:var(--sp-1) var(--sp-3)}.opp-toolbar{padding:.6rem var(--sp-3);gap:.5rem}.opp-filter{min-width:120px}.opp-toolbar-sticky{padding:var(--sp-2) var(--sp-3);gap:.4rem}.opp-pagination{padding:.6rem var(--sp-3);flex-wrap:wrap;justify-content:center;gap:.4rem}.opp-pagination button{padding:.3rem .6rem;font-size:.75rem}.sub-tabs{padding:0 var(--sp-3)}.modal{width:95vw}.panel{width:95vw;max-width:95vw}.notif-panel{width:calc(100vw - 2rem);right:-.5rem}.opp-header{padding:.75rem var(--sp-3)}.modal-body{padding:1rem}.modal-footer{padding:.75rem 1rem}.login-card{width:95vw;padding:1.75rem 1.25rem}}@media (width>=641px) and (width<=768px){.layout-main{padding:var(--sp-6)}.kpi-grid{grid-template-columns:repeat(3,1fr)}.opp-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media print{.layout-topbar,.layout-sidebar,.layout-footer,.sub-tabs,.page-header,.notif-bell-btn,.theme-toggle,button,.row-hover-actions,.row-hover-btn,.icon-btn,.opp-toolbar,.col-picker,.save-filter-bar,.opp-pagination,.modal,.notif-panel{display:none!important}body{color:#000;background:#fff}.layout-main{min-width:100%;padding:0}.article{max-width:100%;margin:0;padding:0}.article-hero{page-break-after:avoid;margin-bottom:1.5rem}.article-hero h1{color:#000;margin-bottom:.5rem;font-size:1.8rem}.article-hero p{color:#333;margin-bottom:1rem}.article h2{page-break-after:avoid;color:#000;border-bottom:2px solid #333;margin-top:1.5rem;margin-bottom:.75rem;padding-bottom:.5rem}.article h3{page-break-after:avoid;color:#000}.article p,.article ul,.article li{color:#333;orphans:3;widows:3}.article ul{margin-bottom:1rem}.article ul li{margin-bottom:.5rem}.callout{page-break-inside:avoid;color:#000;margin:1rem 0;padding:.75rem 1rem;background:#f5f5f5!important;border:1px solid #ccc!important;border-left:4px solid #333!important}.callout strong{color:#000}.callout-tip{background:#f0f8f0!important;border-left-color:#22c55e!important}.callout-warn{background:#fef8f0!important;border-left-color:#eab308!important}.info-grid{grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0;display:grid}.info-card{page-break-inside:avoid;color:#000;padding:.75rem;background:#f9f9f9!important;border:1px solid #ddd!important}.info-card-icon{margin-bottom:.25rem;font-size:1.2rem}.info-card h3{color:#000;margin-bottom:.25rem;font-size:.9rem}.info-card p{color:#333;margin:0;font-size:.8rem}.grade-table{border-collapse:collapse;page-break-inside:avoid;width:100%;margin:1rem 0}.grade-table th{text-align:left;padding:.5rem;font-weight:700;color:#fff!important;background:#333!important}.grade-table td{color:#000;border:1px solid #ddd;padding:.5rem}.compare-grid{grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0;display:grid}.compare-card{page-break-inside:avoid;color:#000;padding:.75rem;background:#f9f9f9!important;border:1px solid #ddd!important}.compare-card h3{color:#000;margin-bottom:.5rem;font-size:.95rem}.compare-card ul{margin:0;padding-left:1rem}.compare-card ul li{color:#333;margin-bottom:.25rem;font-size:.8rem}div[style*="borderLeft: '4px solid var(--orange)'"]{page-break-inside:avoid;color:#000;padding:1rem;background:#fef5f0!important;border:1px solid #ddd!important;border-left:4px solid #e05c4b!important}div[style*="borderLeft: '3px solid var(--blue)'"]{page-break-inside:avoid;color:#000;margin-bottom:.75rem;padding-left:1rem;border-left:3px solid #333!important}a{color:#06c;text-decoration:underline}a[href]:after{content:" (" attr(href) ")";color:#666;font-size:.8rem}.article h2:first-of-type{page-break-before:avoid}img{page-break-inside:avoid;max-width:100%;height:auto}*{box-shadow:none!important}}[data-theme=dark] .article,[data-theme=dark] .article h1,[data-theme=dark] .article h2,[data-theme=dark] .article h3,[data-theme=dark] .article p,[data-theme=dark] .article li{color:var(--text)}[data-theme=dark] .info-card{background:var(--card);border-color:var(--border)}[data-theme=dark] .info-card h3{color:var(--text)}[data-theme=dark] .info-card p{color:var(--text-muted)}[data-theme=dark] .compare-card{background:var(--card);border-color:var(--border)}[data-theme=dark] .compare-card h3{color:var(--blue)}[data-theme=dark] .compare-card ul li{color:var(--text)}[data-theme=dark] .grade-table th{background:var(--primary);color:var(--text)}[data-theme=dark] .grade-table td{border-color:var(--border);color:var(--text)}[data-theme=dark] .callout{border-color:var(--border);background:#1b2a6b26}[data-theme=dark] .callout-tip{background:#22c55e1a}[data-theme=dark] .callout-warn{background:#eab3081a}:root{--brand:#3b82f6;--brand-subtle:#3b82f60f;--brand-hover:#2563eb;--brand-dark:#1e40af;--blue:#3b82f6;--green:#10b981;--orange:#f59e0b;--red:#ef4444;--purple:#6366f1;--yellow:#eab308;--silver:#94a3b8;--text:#1e293b;--text-muted:#64748b;--sp-1:3px;--sp-2:6px;--sp-3:10px;--sp-4:14px;--sp-6:20px;--sp-8:28px;--text-xs:.7rem;--text-sm:.78rem;--text-base:.85rem}.layout-sidebar{box-shadow:none!important;background:#fff!important;border-right:1px solid #e2e8f0!important}.sidebar-item{color:#3b82f6!important;border-left-color:#0000!important;padding:.45rem 1rem!important;font-size:.82rem!important;transition:all .15s!important}.sidebar-item:hover{color:#2563eb!important;background:#3b82f60f!important}.sidebar-item-active{color:#3b82f6!important;background:#3b82f614!important;border-left-color:#3b82f6!important;font-weight:600!important}.sidebar-icon{font-size:.9rem!important}.sidebar-label{font-size:.82rem!important}.layout-topbar{box-shadow:none!important;background:#e2e8f0!important;border-bottom:1px solid #cbd5e1!important;min-height:auto!important;padding:.5rem 1.25rem!important}.layout-topbar h2{color:#1e293b!important;font-size:1rem!important}.layout-main{background:#f8fafc!important;padding:1.25rem!important}.kpi-grid{gap:.75rem!important}.kpi-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:.75rem 1rem!important;box-shadow:0 1px 3px #0000000a!important}.kpi-value{font-size:1.3rem!important}.kpi-label{text-transform:uppercase!important;letter-spacing:.04em!important;color:#64748b!important;font-size:.7rem!important}.opp-table th{color:#64748b!important;background:#f8fafc!important;padding:.4rem .75rem!important;font-size:.7rem!important}.opp-table td{padding:.4rem .75rem!important;font-size:.82rem!important}.opp-section{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 1px 3px #0000000a!important}.opp-header{border-bottom:1px solid #f1f5f9!important;padding:.75rem 1rem!important}.opp-header h3{font-size:.9rem!important}.opp-group{margin-bottom:1.5rem!important}.opp-group-header{background:#f8fafc!important;border-bottom:2px solid #e2e8f0!important;justify-content:space-between!important;align-items:center!important;padding:.6rem 1rem!important;display:flex!important}.opp-group-header h4{color:#3b82f6!important;margin:0!important;font-size:.85rem!important;font-weight:600!important}.opp-group-count{color:#64748b!important;background:#e2e8f0!important;border-radius:4px!important;padding:.2rem .5rem!important;font-size:.7rem!important}.opp-description{color:#64748b!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:300px!important;font-size:.78rem!important;overflow:hidden!important}.badge{padding:.15rem .5rem!important;font-size:.68rem!important}.btn-save{background:#3b82f6!important;padding:.35rem .9rem!important;font-size:.8rem!important}.btn-save:hover{background:#2563eb!important}.btn-cancel,.btn-danger{padding:.35rem .9rem!important;font-size:.8rem!important}.row-hover-btn{padding:.2rem .5rem!important;font-size:.72rem!important}.layout-footer{background:0 0!important;border-top:1px solid #e2e8f0!important}.layout-footer-text{color:#94a3b8!important;padding:.6rem 1rem!important;font-size:.75rem!important}.login-page{background:#fff!important}.login-card{background:#e2e8f0!important;border:1px solid #cbd5e1!important;box-shadow:0 4px 24px #0000000f!important}.login-card h1{color:#3b82f6!important}.login-card label{color:#64748b!important}.login-card input{color:#1e293b!important;background:#fff!important;border-color:#e2e8f0!important}.login-card button[type=submit]{color:#fff!important;background:#3b82f6!important}.login-card button[type=submit]:hover{background:#2563eb!important}.opp-toolbar{background:#f8fafc!important;gap:.5rem!important;padding:.5rem .75rem!important}.sub-tab{padding:.3rem .75rem!important;font-size:.78rem!important}.sub-tab-active{color:#3b82f6!important;border-color:#3b82f6!important}.panel{max-width:500px!important}.panel-header,.panel-body{padding:.75rem 1rem!important}.modal-field label{text-transform:uppercase!important;letter-spacing:.03em!important;color:#64748b!important;font-size:.75rem!important;font-weight:600!important}.home-card{border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 1px 3px #0000000a!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] .layout-sidebar{background:#0f172a!important;border-right-color:#1e293b!important}[data-theme=dark] .sidebar-item{color:#94a3b8!important}[data-theme=dark] .sidebar-item:hover{color:#e2e8f0!important;background:#3b82f614!important}[data-theme=dark] .sidebar-item-active{color:#60a5fa!important;background:#3b82f626!important}[data-theme=dark] .layout-topbar{box-shadow:none!important;background:#0f172a!important;border-bottom-color:#1e293b!important}[data-theme=dark] .layout-topbar h2{color:#e2e8f0!important}[data-theme=dark] .layout-main{background:#0f172a!important}[data-theme=dark] .kpi-card,[data-theme=dark] .opp-section,[data-theme=dark] .home-card{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .opp-table th{background:#1e293b!important}