*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f8fafc;color:#1e293b;line-height:1.6}.analytics-dashboard{min-height:100vh}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center;box-shadow:0 4px 6px -1px #0000001a}.dashboard-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.view-selector{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.view-selector button{padding:.75rem 1.5rem;background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600}.view-selector button:hover,.view-selector button.active{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px)}.dashboard-layout{display:flex;gap:2rem;padding:2rem;max-width:1400px;margin:0 auto}.sidebar{flex:0 0 300px;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;height:fit-content}.dashboard-content{flex:1}.filter-panel h3{color:#374151;margin-bottom:1.5rem;font-size:1.25rem}.filter-section{margin-bottom:2rem}.filter-section h4{color:#6b7280;margin-bottom:.75rem;font-size:1rem}.filter-checkboxes{display:flex;flex-direction:column;gap:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s}.checkbox-label:hover{background-color:#f3f4f6}.filter-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.filter-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.reset-button{width:100%;padding:.75rem;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;margin-top:1rem}.reset-button:hover{background:#dc2626}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.metrics-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;border-left:4px solid #6366f1}.metrics-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.metrics-icon{font-size:1.5rem}.metrics-title{color:#6b7280;font-size:.875rem;font-weight:600;text-transform:uppercase}.metrics-value{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.metrics-subtitle{color:#6b7280;font-size:.875rem}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem}.chart-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a}.chart-title{color:#374151;font-size:1.125rem;font-weight:600;margin-bottom:1rem;text-align:center}.screens-table,.countries-table{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-top:2rem}.screens-table h3,.countries-table h3{color:#374151;margin-bottom:1rem}table{width:100%;border-collapse:collapse}th,td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}th{background-color:#f9fafb;font-weight:600;color:#374151}tr:hover{background-color:#f9fafb}.comparison-view h2{color:#374151;margin-bottom:2rem;font-size:1.875rem}.comparison-controls{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem}.metric-selector{margin-bottom:1.5rem}.metric-selector label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151}.select-input{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;width:100%;max-width:300px}.month-selector h4{color:#374151;margin-bottom:1rem}.month-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.additional-info{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-top:2rem}.additional-info h3{color:#374151;margin-bottom:1.5rem}.top-screens-grid,.top-countries-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.top-screen-card,.top-country-card{background:#f8fafc;padding:1rem;border-radius:8px;border-left:3px solid #6366f1}.top-screen-card h4,.top-country-card h4{color:#374151;margin-bottom:.5rem}.top-screen-card p,.top-country-card p{color:#6366f1;font-weight:600}.top-screen-card small,.top-country-card small{color:#6b7280}.loading{display:flex;justify-content:center;align-items:center;height:50vh;font-size:1.25rem;color:#6b7280}@media (max-width: 480px){.dashboard-header{padding:1rem}.dashboard-header h1{font-size:1.5rem;margin-bottom:.5rem}.view-selector{flex-direction:column;gap:.5rem}.view-selector button{padding:.5rem 1rem;font-size:.875rem}.dashboard-layout{flex-direction:column;padding:1rem;gap:1rem}.sidebar{flex:none;order:2}.dashboard-content{order:1}.metrics-grid,.charts-grid,.concepts-grid,.summary-grid{grid-template-columns:1fr;gap:1rem}.metrics-explanation-grid{grid-template-columns:1fr}.table-container{font-size:.75rem}.screen-name{flex-direction:column;align-items:flex-start;gap:.25rem}.screen-icon{font-size:1rem}th,td{padding:.5rem .25rem}.filter-panel{padding:1rem}.filter-checkboxes{max-height:150px;overflow-y:auto}}@media (min-width: 481px) and (max-width: 768px){.dashboard-header{padding:1.5rem}.dashboard-header h1{font-size:2rem}.view-selector{flex-wrap:wrap;gap:.75rem}.dashboard-layout{flex-direction:column;padding:1.5rem}.sidebar{flex:none}.metrics-grid{grid-template-columns:repeat(2,1fr)}.charts-grid,.concepts-grid{grid-template-columns:1fr}.summary-grid,.metrics-explanation-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 769px) and (max-width: 1024px){.dashboard-layout{max-width:100%}.sidebar{flex:0 0 250px}.metrics-grid,.concepts-grid,.summary-grid{grid-template-columns:repeat(2,1fr)}.view-selector{flex-wrap:wrap}}@media (min-width: 1025px){.dashboard-layout{max-width:1600px}.concepts-grid{grid-template-columns:repeat(2,1fr)}.summary-grid{grid-template-columns:repeat(4,1fr)}.metrics-explanation-grid{grid-template-columns:repeat(2,1fr)}}.concepts-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem}.concepts-section h3{color:#374151;margin-bottom:1.5rem;font-size:1.5rem}.concepts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.concept-card{background:#f8fafc;padding:1.5rem;border-radius:8px;border-left:4px solid #6366f1}.concept-card h4{color:#374151;margin-bottom:1rem;font-size:1.125rem}.concept-card p{color:#6b7280;line-height:1.6;font-size:.875rem}.table-stats{background:#f3f4f6;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem}.table-stats p{color:#374151;font-size:.875rem;margin:0}.table-container{overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb}.screen-name{display:flex;align-items:center;gap:.75rem}.screen-icon{font-size:1.25rem}.screen-description{display:block;color:#6b7280;font-size:.75rem;margin-top:.25rem}.engagement-badge,.time-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.engagement-badge.very-high{background:#dcfce7;color:#166534}.engagement-badge.high{background:#dbeafe;color:#1e40af}.engagement-badge.medium{background:#fef3c7;color:#92400e}.engagement-badge.low{background:#fee2e2;color:#991b1b}.engagement-badge.very-low,.engagement-badge.unknown{background:#f3f4f6;color:#6b7280}.time-badge.very-high{background:#fecaca;color:#991b1b}.time-badge.high{background:#fed7aa;color:#9a3412}.time-badge.medium{background:#dcfce7;color:#166534}.time-badge.low{background:#dbeafe;color:#1e40af}.time-badge.very-low,.time-badge.unknown{background:#f3f4f6;color:#6b7280}.category-tag{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.category-tag.education{background:#ddd6fe;color:#6b21a8}.category-tag.finance{background:#dcfce7;color:#166534}.category-tag.auth{background:#fecaca;color:#991b1b}.category-tag.communication{background:#dbeafe;color:#1e40af}.category-tag.navigation{background:#fed7aa;color:#9a3412}.category-tag.location{background:#fef3c7;color:#92400e}.category-tag.content{background:#e0e7ff;color:#3730a3}.category-tag.other{background:#f3f4f6;color:#6b7280}.status-indicator{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.status-indicator.excellent{background:#dcfce7;color:#166534}.status-indicator.good{background:#dbeafe;color:#1e40af}.status-indicator.needs-improvement{background:#fef3c7;color:#92400e}.status-indicator.critical{background:#fee2e2;color:#991b1b}.screen-row.excellent{background:#dcfce74d}.screen-row.good{background:#dbeafe4d}.screen-row.needs-improvement{background:#fef3c74d}.screen-row.critical{background:#fee2e24d}.screens-summary{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-top:2rem}.screens-summary h3{color:#374151;margin-bottom:1.5rem;font-size:1.25rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.summary-card{background:#f8fafc;padding:1.5rem;border-radius:8px;border-left:4px solid #6366f1}.summary-card h4{color:#374151;margin-bottom:.5rem;font-size:1rem}.summary-card p{color:#6366f1;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.summary-card small{color:#6b7280;font-size:.75rem}.concepts-analysis h2{color:#374151;margin-bottom:2rem;font-size:1.875rem;text-align:center}.concept-examples{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.concept-examples h5{color:#6366f1;font-size:.875rem;font-weight:600;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.concept-examples ul,.concept-examples ol{margin:0;padding-left:1.25rem}.concept-examples li{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:.5rem}.concept-examples strong{color:#374151}.global-metrics{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-top:2rem}.global-metrics h3{color:#374151;margin-bottom:1.5rem;font-size:1.5rem;text-align:center}.metrics-explanation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.metric-explanation{background:#f8fafc;padding:1.25rem;border-radius:8px;border-left:4px solid #10b981}.metric-explanation h4{color:#374151;margin-bottom:.75rem;font-size:1.125rem}.metric-explanation p{color:#6b7280;line-height:1.6;font-size:.875rem}.interpretation-guide{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-top:2rem}.interpretation-guide h3{color:#374151;margin-bottom:1.5rem;font-size:1.5rem;text-align:center}.guide-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.guide-section{background:#f9fafb;padding:1.5rem;border-radius:8px;border-top:4px solid #f59e0b}.guide-section h4{color:#374151;margin-bottom:1rem;font-size:1.125rem}.guide-section ol,.guide-section ul{margin:0;padding-left:1.25rem}.guide-section li{color:#6b7280;line-height:1.6;margin-bottom:.75rem;font-size:.875rem}.guide-section strong{color:#374151;font-weight:600}@media (max-width: 480px){.concepts-analysis h2{font-size:1.5rem}.global-metrics h3,.interpretation-guide h3{font-size:1.25rem}.guide-sections{grid-template-columns:1fr;gap:1rem}.guide-section{padding:1rem}.concept-examples{padding-top:.75rem}.concept-examples h5{font-size:.75rem}.concept-examples li,.guide-section li{font-size:.8125rem}}@media (min-width: 481px) and (max-width: 768px){.guide-sections,.metrics-explanation-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid #e5e7eb}.modal-title-section{display:flex;align-items:center;gap:1rem}.modal-title-section h2{color:#374151;margin:0;font-size:1.5rem;font-weight:700}.modal-close{background:#f3f4f6;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;color:#6b7280;transition:all .2s}.modal-close:hover{background:#e5e7eb;color:#374151}.modal-body{padding:1.5rem 2rem}.screen-image-section{margin-bottom:2rem;text-align:center}.screen-image{width:100%;max-width:300px;height:auto;border-radius:12px;box-shadow:0 8px 20px #0000001a;border:1px solid #e5e7eb}.image-caption{margin-top:.75rem;color:#6b7280;font-size:.875rem;font-style:italic}.navigation-section{margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:12px;border-left:4px solid #3b82f6}.navigation-section h3{color:#374151;margin-bottom:1rem;font-size:1.125rem}.navigation-path{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.nav-step{background:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;color:#374151;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.nav-arrow{color:#3b82f6;font-weight:600;font-size:1rem}.navigation-description{color:#6b7280;font-size:.875rem;margin:0;line-height:1.5}.metrics-section{margin-bottom:2rem}.metrics-section h3{color:#374151;margin-bottom:1rem;font-size:1.125rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.metric-card{background:#f9fafb;padding:1.25rem;border-radius:10px;border:1px solid #e5e7eb}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.metric-label{color:#6b7280;font-size:.875rem;font-weight:500}.metric-badge{color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.metric-value{font-size:1.75rem;font-weight:700;color:#374151;margin-bottom:.5rem}.metric-description{color:#6b7280;font-size:.75rem;line-height:1.4}.description-section{margin-bottom:2rem}.description-section h3,.description-section h4{color:#374151;margin-bottom:.75rem}.description-section h3{font-size:1.125rem}.description-section h4{font-size:1rem;margin-top:1.5rem}.description-section p{color:#6b7280;line-height:1.6;margin-bottom:1rem}.features-list{list-style:none;padding:0;margin:0}.features-list li{color:#6b7280;border-bottom:1px solid #f3f4f6;position:relative;padding:.5rem 0 .5rem 1.5rem}.features-list li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:600}.features-list li:last-child{border-bottom:none}.recommendations-section{margin-bottom:1rem}.recommendations-section h3{color:#374151;margin-bottom:1rem;font-size:1.125rem}.recommendation{display:flex;gap:1rem;padding:1rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid}.recommendation.success{background:#ecfdf5;border-left-color:#10b981}.recommendation.warning{background:#fffbeb;border-left-color:#f59e0b}.recommendation.info{background:#eff6ff;border-left-color:#3b82f6}.rec-icon{font-size:1.25rem;flex-shrink:0}.rec-content strong{color:#374151;display:block;margin-bottom:.25rem;font-size:.875rem}.rec-content p{color:#6b7280;font-size:.8125rem;line-height:1.4;margin:0}.modal-footer{padding:1.5rem 2rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:1rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:.875rem}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.clickable-row{cursor:pointer;transition:all .2s}.clickable-row:hover{background-color:#f9fafb!important;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}@media (max-width: 480px){.modal-overlay{padding:.5rem}.modal-content{max-height:95vh;margin:.5rem}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-title-section h2{font-size:1.25rem}.modal-body,.modal-footer{padding:1rem 1.5rem}.navigation-path{flex-direction:column;align-items:flex-start}.nav-arrow{transform:rotate(90deg)}.metrics-grid{grid-template-columns:1fr}.recommendation{flex-direction:column;text-align:center}}@media (min-width: 481px) and (max-width: 768px){.modal-content{max-width:95%}.metrics-grid{grid-template-columns:1fr}}