{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["file:///home/micro/Documents/Cursor/AI%20Model/app/dashboard/settings/settings.module.css"],"sourcesContent":[".container {\n    padding: 2rem;\n    max-width: 1200px;\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    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n}\n\n.subtitle {\n    color: var(--text-secondary);\n    font-size: 1rem;\n}\n\n.sectionsGrid {\n    display: grid;\n    gap: 1.5rem;\n    margin-bottom: 2rem;\n}\n\n.section {\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.section:hover {\n    box-shadow: var(--shadow-md);\n    border-color: var(--primary-light);\n    transform: translateY(-2px);\n}\n\n.sectionTitle {\n    font-size: 1.25rem;\n    font-weight: 600;\n    color: var(--text-main);\n    margin-bottom: 1.5rem;\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n}\n\n.sectionTitle svg {\n    color: var(--primary);\n}\n\n.settingItem {\n    margin-bottom: 1.5rem;\n}\n\n.settingItem:last-child {\n    margin-bottom: 0;\n}\n\n.label {\n    display: block;\n    color: var(--text-main);\n    font-weight: 500;\n    margin-bottom: 0.5rem;\n}\n\n.description {\n    color: var(--text-secondary);\n    font-size: 0.875rem;\n    margin-top: 0.25rem;\n}\n\n.input {\n    width: 100%;\n    padding: 0.875rem 1rem;\n    background: var(--bg-surface);\n    border: 1px solid var(--border-subtle);\n    border-radius: var(--radius-md);\n    color: var(--text-main);\n    font-size: 0.95rem;\n    transition: all 0.2s ease;\n}\n\n.input:focus {\n    outline: none;\n    background: var(--bg-surface);\n    border-color: var(--primary);\n    box-shadow: 0 0 0 3px var(--primary-light);\n}\n\n.hint {\n    color: var(--text-tertiary);\n    font-size: 0.8rem;\n    margin-top: 0.5rem;\n}\n\n.toggleRow {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 1rem;\n}\n\n.toggle {\n    position: relative;\n    display: inline-block;\n    width: 52px;\n    height: 28px;\n    flex-shrink: 0;\n}\n\n.toggle input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n}\n\n.slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: var(--border-subtle);\n    transition: 0.3s;\n    border-radius: 28px;\n}\n\n.slider:before {\n    position: absolute;\n    content: \"\";\n    height: 20px;\n    width: 20px;\n    left: 4px;\n    bottom: 4px;\n    background-color: white;\n    transition: 0.3s;\n    border-radius: 50%;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.toggle input:checked+.slider {\n    background-color: var(--primary);\n}\n\n.toggle input:checked+.slider:before {\n    transform: translateX(24px);\n}\n\n.dangerBtn {\n    padding: 0.75rem 1.5rem;\n    background: var(--bg-surface);\n    border: 1px solid var(--error-bg);\n    border-radius: var(--radius-md);\n    color: var(--error);\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.dangerBtn:hover {\n    background: var(--error-bg);\n    border-color: var(--error);\n}\n\n.saveSection {\n    display: flex;\n    justify-content: flex-end;\n}\n\n.saveBtn {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.875rem 2rem;\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.saveBtn:hover {\n    transform: translateY(-2px);\n    box-shadow: var(--shadow-md);\n    background: var(--primary-hover);\n}\n\n@media (max-width: 768px) {\n    .container {\n        padding: 16px;\n    }\n\n    .header {\n        flex-direction: column;\n        gap: 0.5rem;\n    }\n\n    .title {\n        font-size: 1.5rem;\n    }\n\n    .saveSection {\n        justify-content: stretch;\n    }\n\n    .saveBtn {\n        width: 100%;\n        justify-content: center;\n    }\n\n    .toggleRow {\n        gap: 0.5rem;\n    }\n}"],"names":[],"mappings":"AAAA;;;;;;AAMA;;;;;;;AAOA;;;;;;;;;;AAUA;;;;;AAKA;;;;;;AAMA;;;;;;;;;AASA;;;;;;AAMA;;;;;;;;;;AAUA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;AAOA;;;;;;AAMA;;;;;;;;;;;AAWA;;;;;;;AAOA;;;;;;AAMA;;;;;;;AAOA;;;;;;;;AAQA;;;;;;AAMA;;;;;;;;;AAYA;;;;;;;;;;;;;AAaA;;;;AAIA;;;;AAIA;;;;;;;;;;;AAWA;;;;;AAKA;;;;;AAKA;;;;;;;;;;;;;;;AAeA;;;;;;AAMA;EACI;;;;EAIA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;;EAKA"}}]
}