{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["file:///home/micro/Documents/Cursor/AI%20Model/app/dashboard/layout.module.css"],"sourcesContent":["/* Layout Container */\n.container {\n    display: flex;\n    min-height: 100vh;\n    background: var(--bg-app);\n    color: var(--text-main);\n}\n\n/* Loading State */\n.loadingContainer {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 100vh;\n    background: var(--bg-app);\n}\n\n.spinner {\n    width: 40px;\n    height: 40px;\n    border: 3px solid rgba(99, 102, 241, 0.3);\n    border-top-color: var(--primary);\n    border-radius: 50%;\n    animation: spin 0.8s ease infinite;\n}\n\n@keyframes spin {\n    to {\n        transform: rotate(360deg);\n    }\n}\n\n/* Mobile Header */\n.mobileHeader {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 60px;\n    background: var(--bg-surface);\n    border-bottom: 1px solid var(--border-subtle);\n    z-index: 50;\n    padding: 0 16px;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.logoMobile {\n    font-weight: 800;\n    font-size: 1.25rem;\n    color: var(--primary);\n    letter-spacing: -0.03em;\n}\n\n.menuToggle {\n    color: var(--text-secondary);\n    padding: 8px;\n    margin-right: -8px;\n}\n\n/* Sidebar */\n.sidebar {\n    width: 280px;\n    background: var(--bg-surface);\n    border-right: 1px solid var(--border-subtle);\n    display: flex;\n    flex-direction: column;\n    padding: 24px;\n    position: fixed;\n    height: 100vh;\n    top: 0;\n    left: 0;\n    z-index: 40;\n    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.sidebarHeader {\n    margin-bottom: 40px;\n}\n\n.logoText {\n    font-size: 1.5rem;\n    font-weight: 800;\n    color: var(--primary);\n    letter-spacing: -0.03em;\n    line-height: 1;\n}\n\n.logoTagline {\n    font-size: 0.75rem;\n    color: var(--text-tertiary);\n    margin-top: 4px;\n    font-weight: 500;\n}\n\n/* Navigation */\n.nav {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    flex: 1;\n}\n\n.navItem {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 16px;\n    border-radius: var(--radius-md);\n    color: var(--text-secondary);\n    text-decoration: none;\n    font-weight: 500;\n    transition: all 0.2s;\n    position: relative;\n    font-size: 0.95rem;\n}\n\n.navItem:hover {\n    color: var(--primary);\n    background: var(--bg-subtle);\n}\n\n.navItem.active {\n    color: var(--primary);\n    background: var(--primary-light);\n}\n\n.navIcon {\n    opacity: 0.7;\n}\n\n.navItem.active .navIcon {\n    opacity: 1;\n}\n\n/* User Section */\n.userSection {\n    margin-top: auto;\n    padding-top: 24px;\n    border-top: 1px solid var(--border-subtle);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.userInfo {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    min-width: 0;\n}\n\n.userAvatar {\n    width: 36px;\n    height: 36px;\n    background: var(--primary);\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 600;\n    font-size: 14px;\n}\n\n.userDetails {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n}\n\n.userEmail {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: var(--text-main);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 140px;\n}\n\n.userRole {\n    font-size: 0.75rem;\n    color: var(--text-tertiary);\n}\n\n.logoutBtn {\n    padding: 8px;\n    color: var(--text-tertiary);\n    border-radius: 8px;\n    transition: all 0.2s;\n}\n\n.logoutBtn:hover {\n    color: var(--error);\n    background: var(--error-bg);\n}\n\n/* Main Content */\n.main {\n    flex: 1;\n    margin-left: 280px;\n    /* Sidebar width */\n    min-height: 100vh;\n    padding: 32px;\n    width: calc(100% - 280px);\n}\n\n.contentWrapper {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n/* Mobile Responsive */\n@media (max-width: 1024px) {\n    .mobileHeader {\n        display: flex;\n    }\n\n    .sidebar {\n        transform: translateX(-100%);\n        box-shadow: var(--shadow-hover);\n    }\n\n    .sidebar.open {\n        transform: translateX(0);\n    }\n\n    .main {\n        margin-left: 0;\n        width: 100%;\n        padding: 80px 16px 32px 16px;\n        /* Top padding for header */\n    }\n\n    .backdrop {\n        position: fixed;\n        inset: 0;\n        background: rgba(0, 0, 0, 0.4);\n        z-index: 30;\n        backdrop-filter: blur(2px);\n    }\n}"],"names":[],"mappings":"AACA;;;;;;;AAQA;;;;;;;;AAQA;;;;;;;;;AASA;;;;;;AAOA;;;;;;;;;;;;;;;AAeA;;;;;;;AAOA;;;;;;AAOA;;;;;;;;;;;;;;;AAeA;;;;AAIA;;;;;;;;AAQA;;;;;;;AAQA;;;;;;;AAOA;;;;;;;;;;;;;;AAcA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAKA;;;;;;;;;AASA;;;;;;;AAOA;;;;;;;;;;;;;AAaA;;;;;;AAMA;;;;;;;;;;AAUA;;;;;AAKA;;;;;;;AAOA;;;;;AAMA;;;;;;;;AASA;;;;;AAMA;EACI;;;;EAIA;;;;;EAKA;;;;EAIA;;;;;;EAOA"}}]
}