{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["file:///home/micro/Documents/Cursor/AI%20Model/app/dashboard/analytics/analytics.module.css"],"sourcesContent":[".container {\n    padding: 2rem;\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n.header {\n    margin-bottom: 2rem;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n}\n\n.title {\n    font-size: 2rem;\n    font-weight: 700;\n    color: var(--text-main);\n    margin-bottom: 0.5rem;\n}\n\n.subtitle {\n    color: var(--text-secondary);\n    font-size: 1rem;\n}\n\n.exportBtn {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.75rem 1.5rem;\n    background: var(--primary);\n    color: white;\n    border: none;\n    border-radius: var(--radius-md);\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    box-shadow: var(--shadow-sm);\n}\n\n.exportBtn:hover {\n    background: var(--primary-hover);\n    transform: translateY(-2px);\n    box-shadow: var(--shadow-md);\n}\n\n/* Metrics */\n.metricsGrid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 1.5rem;\n    margin-bottom: 3rem;\n}\n\n.metricCard {\n    background: var(--bg-surface);\n    border: 1px solid var(--border-subtle);\n    border-radius: var(--radius-lg);\n    padding: 1.5rem;\n    display: flex;\n    align-items: center;\n    gap: 1.25rem;\n    transition: all 0.2s ease;\n    box-shadow: var(--shadow-sm);\n}\n\n.metricCard:hover {\n    transform: translateY(-4px);\n    box-shadow: var(--shadow-md);\n    border-color: var(--primary-light);\n}\n\n.metricIcon {\n    width: 56px;\n    height: 56px;\n    border-radius: var(--radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.metricLabel {\n    color: var(--text-secondary);\n    font-size: 0.875rem;\n    font-weight: 500;\n    margin-bottom: 0.25rem;\n}\n\n.metricValue {\n    font-size: 2rem;\n    font-weight: 700;\n    color: var(--text-main);\n    line-height: 1.1;\n}\n\n/* Sections */\n.section {\n    margin-bottom: 3rem;\n}\n\n.sectionTitle {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: var(--text-main);\n    margin-bottom: 1.5rem;\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n}\n\n/* Chart */\n.chartCard {\n    background: var(--bg-surface);\n    border: 1px solid var(--border-subtle);\n    border-radius: var(--radius-lg);\n    padding: 2rem;\n    box-shadow: var(--shadow-sm);\n}\n\n.barChart {\n    display: flex;\n    flex-direction: column;\n    gap: 1.25rem;\n}\n\n.barItem {\n    display: grid;\n    grid-template-columns: 200px 1fr 60px;\n    gap: 1rem;\n    align-items: center;\n}\n\n.barLabel {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n}\n\n.barRank {\n    font-weight: 700;\n    color: var(--primary);\n    font-size: 0.875rem;\n    background: var(--primary-light);\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.barName {\n    color: var(--text-main);\n    font-weight: 600;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.barWrapper {\n    height: 32px;\n    background: var(--bg-subtle);\n    border-radius: var(--radius-md);\n    overflow: hidden;\n    position: relative;\n}\n\n.barFill {\n    height: 100%;\n    background: linear-gradient(90deg, var(--primary), var(--primary-hover));\n    border-radius: var(--radius-md);\n    transition: width 0.6s ease;\n}\n\n.barCount {\n    color: var(--text-main);\n    font-weight: 700;\n    text-align: right;\n}\n\n/* Insights */\n.insightsGrid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 1.5rem;\n}\n\n.insightCard {\n    background: var(--bg-surface);\n    border: 1px solid var(--border-subtle);\n    border-radius: var(--radius-lg);\n    padding: 1.5rem;\n    box-shadow: var(--shadow-sm);\n    transition: all 0.2s ease;\n}\n\n.insightCard:hover {\n    transform: translateY(-2px);\n    box-shadow: var(--shadow-md);\n    border-color: var(--primary-light);\n}\n\n.insightTitle {\n    font-size: 1.125rem;\n    font-weight: 600;\n    color: var(--text-main);\n    margin-bottom: 0.75rem;\n}\n\n.insightText {\n    color: var(--text-secondary);\n    line-height: 1.6;\n    font-size: 0.95rem;\n}\n\n.emptyState {\n    color: var(--text-tertiary);\n    text-align: center;\n    padding: 3rem;\n    font-style: italic;\n    background: var(--bg-subtle);\n    border-radius: var(--radius-md);\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n    .container {\n        padding: 16px;\n    }\n\n    .header {\n        flex-direction: column;\n        gap: 1rem;\n    }\n\n    .title {\n        font-size: 1.5rem;\n    }\n\n    .barItem {\n        grid-template-columns: 1fr;\n        gap: 0.5rem;\n        border-bottom: 1px solid var(--border-subtle);\n        padding-bottom: 1rem;\n    }\n\n    .barItem:last-child {\n        border-bottom: none;\n        padding-bottom: 0;\n    }\n\n    .barLabel {\n        width: 100%;\n        margin-bottom: 0.25rem;\n    }\n\n    .barWrapper {\n        width: 100%;\n    }\n\n    .barCount {\n        text-align: left;\n        font-size: 0.9rem;\n        color: var(--text-secondary);\n    }\n\n    /* Format bar count to appear inline or below properly */\n    .barItem {\n        display: flex;\n        flex-direction: column;\n        align-items: stretch;\n    }\n\n    .exportBtn {\n        width: 100%;\n        justify-content: center;\n    }\n\n    .metricsGrid {\n        grid-template-columns: 1fr;\n        gap: 16px;\n    }\n\n    .insightsGrid {\n        grid-template-columns: 1fr;\n        gap: 16px;\n    }\n}"],"names":[],"mappings":"AAAA;;;;;;AAMA;;;;;;;AAOA;;;;;;;AAOA;;;;;AAKA;;;;;;;;;;;;;;;AAeA;;;;;;AAOA;;;;;;;AAOA;;;;;;;;;;;;AAYA;;;;;;AAMA;;;;;;;;;AASA;;;;;;;AAOA;;;;;;;AAQA;;;;AAIA;;;;;;;;;;AAWA;;;;;;;;AAQA;;;;;;AAMA;;;;;;;AAOA;;;;;;AAMA;;;;;;;;;;;;;AAaA;;;;;;;;AAQA;;;;;;;;AAQA;;;;;;;AAOA;;;;;;AAOA;;;;;;AAMA;;;;;;;;;AASA;;;;;;AAMA;;;;;;;AAOA;;;;;;AAMA;;;;;;;;;AAUA;EACI;;;;EAIA;;;;;EAKA;;;;EAIA;;;;;;;EAOA;;;;;EAKA;;;;;EAKA;;;;EAIA;;;;;;EAOA;;;;;;EAMA;;;;;EAKA"}}]
}