{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["file:///home/micro/Documents/Cursor/AI%20Model/app/dashboard/brands/%5BimportId%5D/import-details.module.css"],"sourcesContent":[".container {\n    padding: 2rem;\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n.loading,\n.error {\n    text-align: center;\n    padding: 60px 20px;\n    color: var(--text-muted);\n    font-size: 18px;\n}\n\n.error {\n    color: #ef4444;\n}\n\n/* Header */\n.header {\n    margin-bottom: 32px;\n}\n\n.backBtn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--primary);\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 500;\n    margin-bottom: 16px;\n    transition: all 0.2s;\n}\n\n.backBtn:hover {\n    color: #4f46e5;\n    gap: 12px;\n}\n\n.titleRow {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}\n\n.icon {\n    color: var(--primary);\n    flex-shrink: 0;\n}\n\n.title {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--text-main);\n    margin: 0;\n}\n\n.subtitle {\n    font-size: 14px;\n    color: var(--text-muted);\n    margin: 8px 0 0 0;\n}\n\n/* Stats Bar */\n.statsBar {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 16px;\n    margin-bottom: 24px;\n}\n\n.statCard {\n    background: white;\n    border: 1px solid var(--border-subtle);\n    border-radius: 16px;\n    padding: 20px;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.statCard svg {\n    color: var(--primary);\n    flex-shrink: 0;\n}\n\n.statValue {\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--text-main);\n    line-height: 1;\n    margin-bottom: 4px;\n}\n\n.statLabel {\n    font-size: 12px;\n    color: var(--text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n/* Search */\n.searchBox {\n    margin-bottom: 24px;\n}\n\n.searchBox input {\n    width: 100%;\n    background: white;\n    border: 1px solid var(--border-subtle);\n    border-radius: 12px;\n    padding: 12px 20px;\n    color: var(--text-main);\n    font-size: 14px;\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.searchBox input::placeholder {\n    color: #94a3b8;\n}\n\n.searchBox input:focus {\n    outline: none;\n    border-color: var(--primary);\n    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.1);\n}\n\n/* Brands Card */\n.brandsCard {\n    background: white;\n    border: 1px solid var(--border-subtle);\n    border-radius: 20px;\n    padding: 24px;\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n}\n\n.brandsCard h2 {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 20px;\n    font-weight: 700;\n    color: var(--text-main);\n    margin: 0 0 24px 0;\n}\n\n.brandsCard h2 svg {\n    color: var(--primary);\n}\n\n.emptyState {\n    text-align: center;\n    padding: 60px 20px;\n    color: var(--text-muted);\n    font-size: 16px;\n}\n\n/* Table */\n.tableWrapper {\n    overflow-x: auto;\n}\n\n.brandsTable {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.brandsTable thead tr {\n    border-bottom: 1px solid var(--border-subtle);\n}\n\n.brandsTable th {\n    text-align: left;\n    padding: 12px 16px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.brandsTable tbody tr {\n    border-bottom: 1px solid #f1f5f9;\n    transition: all 0.2s;\n}\n\n.brandsTable tbody tr:hover {\n    background: #f8fafc;\n}\n\n.brandsTable td {\n    padding: 16px;\n    font-size: 14px;\n    color: #475569;\n}\n\n.brandName {\n    font-weight: 600;\n    color: var(--text-main) !important;\n}\n\n.logoText {\n    font-size: 12px;\n    color: var(--primary);\n    font-family: monospace;\n    background: #eef2ff;\n    padding: 2px 6px;\n    border-radius: 4px;\n}\n\n.regNumber {\n    font-family: monospace;\n    color: var(--primary);\n    font-weight: 500;\n}\n\n.noData {\n    color: #cbd5e1;\n}\n\n.statusBadge {\n    display: inline-block;\n    padding: 4px 12px;\n    background: #ecfdf5;\n    border: 1px solid #d1fae5;\n    color: #059669;\n    border-radius: 6px;\n    font-size: 12px;\n    font-weight: 600;\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n    .container {\n        padding: 20px;\n    }\n\n    .title {\n        font-size: 20px;\n    }\n\n    .statsBar {\n        grid-template-columns: 1fr;\n    }\n\n    .brandsTable {\n        font-size: 12px;\n    }\n\n    .brandsTable th,\n    .brandsTable td {\n        padding: 8px;\n    }\n}"],"names":[],"mappings":"AAAA;;;;;;AAMA;;;;;;;AAQA;;;;AAKA;;;;AAIA;;;;;;;;;;;;AAYA;;;;;AAKA;;;;;;AAMA;;;;;AAKA;;;;;;;AAOA;;;;;;AAOA;;;;;;;AAOA;;;;;;;;;;;AAWA;;;;;AAKA;;;;;;;;AAQA;;;;;;;AAQA;;;;AAIA;;;;;;;;;;;AAWA;;;;AAIA;;;;;;AAOA;;;;;;;;AAQA;;;;;;;;;;AAUA;;;;AAIA;;;;;;;AAQA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;;;;;;AAUA;;;;;AAKA;;;;AAIA;;;;;;AAMA;;;;;AAKA;;;;;;;;;AASA;;;;;;AAMA;;;;AAIA;;;;;;;;;;;AAYA;EACI;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA"}}]
}