{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["file:///home/micro/Documents/Cursor/AI%20Model/app/dashboard/help/help.module.css"],"sourcesContent":[".container {\n    padding: 2rem;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.header {\n    margin-bottom: 2rem;\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.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/* Flow Diagram */\n.flowCard {\n    background: var(--bg-surface);\n    border: 1px solid var(--border-subtle);\n    border-radius: var(--radius-lg);\n    padding: 2rem;\n    overflow-x: auto;\n    box-shadow: var(--shadow-sm);\n}\n\n.flowDiagram {\n    display: flex;\n    align-items: center;\n    gap: 1rem;\n    min-width: max-content;\n}\n\n.flowStep {\n    background: var(--bg-subtle);\n    border: 1px solid var(--border-subtle);\n    border-radius: var(--radius-md);\n    padding: 1.5rem;\n    text-align: center;\n    min-width: 150px;\n    box-shadow: var(--shadow-sm);\n}\n\n.stepNumber {\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: 700;\n    margin: 0 auto 0.75rem;\n}\n\n.flowStep h3 {\n    font-size: 1rem;\n    font-weight: 600;\n    color: var(--text-main);\n    margin-bottom: 0.5rem;\n}\n\n.flowStep p {\n    font-size: 0.875rem;\n    color: var(--text-secondary);\n}\n\n.flowArrow {\n    color: var(--primary);\n    font-size: 1.5rem;\n    font-weight: 700;\n}\n\n/* Code Cards */\n.codeCard {\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.explanation {\n    color: var(--text-main);\n    line-height: 1.6;\n    margin-bottom: 1.5rem;\n}\n\n.explanation strong {\n    color: var(--primary);\n}\n\n.codeBlock {\n    background: #1e293b;\n    /* Keep dark for code contrast */\n    border: 1px solid var(--border-subtle);\n    border-radius: var(--radius-md);\n    padding: 1.5rem;\n    overflow-x: auto;\n    font-family: 'Courier New', monospace;\n    font-size: 0.875rem;\n    line-height: 1.6;\n    color: #e2e8f0;\n    margin-bottom: 1rem;\n}\n\n.techDetails {\n    background: var(--bg-subtle);\n    border-left: 3px solid var(--primary);\n    padding: 1rem 1.25rem;\n    border-radius: var(--radius-md);\n    color: var(--text-secondary);\n    font-size: 0.875rem;\n    line-height: 1.8;\n}\n\n.exampleBox {\n    background: var(--success-bg);\n    border: 1px solid var(--success-bg);\n    border-radius: var(--radius-md);\n    padding: 1.5rem;\n    margin-top: 1rem;\n}\n\n.exampleBox h4 {\n    color: var(--success);\n    font-size: 1rem;\n    font-weight: 600;\n    margin-bottom: 0.75rem;\n}\n\n.exampleBox p {\n    color: var(--text-main);\n    margin-bottom: 0.5rem;\n    font-size: 0.9rem;\n}\n\n.exampleBox p:last-child {\n    margin-bottom: 0;\n}\n\n/* FAQ */\n.faqList {\n    background: var(--bg-surface);\n    border: 1px solid var(--border-subtle);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.faqItem {\n    border-bottom: 1px solid var(--border-subtle);\n}\n\n.faqItem:last-child {\n    border-bottom: none;\n}\n\n.faqQuestion {\n    width: 100%;\n    padding: 1.25rem 1.5rem;\n    background: none;\n    border: none;\n    color: var(--text-main);\n    font-size: 1rem;\n    font-weight: 600;\n    text-align: left;\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    transition: background 0.2s ease;\n}\n\n.faqQuestion:hover {\n    background: var(--bg-subtle);\n}\n\n.faqAnswer {\n    padding: 0 1.5rem 1.25rem;\n    color: var(--text-secondary);\n    line-height: 1.6;\n}\n\n/* Contact */\n.contactCard {\n    background: var(--bg-surface);\n    border: 1px solid var(--border-subtle);\n    border-radius: var(--radius-lg);\n    padding: 2rem;\n    text-align: center;\n    box-shadow: var(--shadow-sm);\n}\n\n.contactCard h3 {\n    color: var(--text-main);\n    font-size: 1.25rem;\n    margin-bottom: 0.75rem;\n}\n\n.contactCard p {\n    color: var(--text-secondary);\n    margin-bottom: 0.5rem;\n}\n\n.contactCard p:last-child {\n    margin-bottom: 0;\n}\n\n.contactCard strong {\n    color: var(--text-main);\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n    .container {\n        padding: 16px;\n    }\n\n    .title {\n        font-size: 1.5rem;\n    }\n\n    .flowDiagram {\n        flex-direction: column;\n    }\n\n    .flowArrow {\n        transform: rotate(90deg);\n        margin: 0.5rem 0;\n    }\n\n    .codeBlock {\n        font-size: 0.75rem;\n        padding: 1rem;\n    }\n}"],"names":[],"mappings":"AAAA;;;;;;AAMA;;;;AAIA;;;;;;;;;;AAUA;;;;;AAKA;;;;AAIA;;;;;;;;;;AAWA;;;;;;;;;AASA;;;;;;;AAOA;;;;;;;;;;AAUA;;;;;;;;;;;;;AAaA;;;;;;;AAOA;;;;;AAKA;;;;;;AAOA;;;;;;;;AAQA;;;;;;AAMA;;;;AAIA;;;;;;;;;;;;;AAcA;;;;;;;;;;AAUA;;;;;;;;AAQA;;;;;;;AAOA;;;;;;AAMA;;;;AAKA;;;;;;;AAOA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;AAgBA;;;;AAIA;;;;;;AAOA;;;;;;;;;AASA;;;;;;AAMA;;;;;AAKA;;;;AAIA;;;;AAKA;EACI;;;;EAIA;;;;EAIA;;;;EAIA;;;;;EAKA"}}]
}