.tabs-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.tabs-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.tabs-actions .search-box.prompts-search-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;flex:auto;align-items:center;gap:.5rem;width:min(360px,40vw);min-width:180px;padding:.5rem 1rem;display:flex}.tabs-actions .search-box.prompts-search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px}.tabs-actions .search-box.prompts-search-box i{color:var(--text-secondary);flex-shrink:0}.tabs{background:var(--bg-secondary);border-radius:12px;gap:.5rem;width:fit-content;padding:.5rem;display:flex}.tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:flex}.tab:hover{background:var(--bg-card)}.tab.active{background:var(--bg-card);color:var(--primary-color);box-shadow:var(--shadow)}.tab-content{display:none}.tab-content.active{display:block}.section-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;min-height:300px;display:grid}.section-grid .empty-state{grid-column:1/-1}.section-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;transition:all .2s;overflow:hidden}.section-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.section-card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.section-type-badge{border-radius:6px;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:12px;font-weight:600;display:inline-flex}.badge-intro{color:#10b981;background:#10b98126}.badge-exclusion{color:#ef4444;background:#ef444426}.badge-required_fields{color:#f59e0b;background:#f59e0b26}.badge-field_definition{color:#3b82f6;background:#3b82f626}.badge-important_notes{color:#8b5cf6;background:#8b5cf626}.badge-company_rules{color:#ec4899;background:#ec489926}.badge-output_format{color:#6366f1;background:#6366f126}.section-card-body{padding:1.25rem}.section-name{margin-bottom:.5rem;font-size:16px;font-weight:600}.section-key{color:var(--text-secondary);background:var(--bg-secondary);border-radius:4px;margin-bottom:.75rem;padding:.25rem .5rem;font-family:monospace;font-size:12px;display:inline-block}.section-description{color:var(--text-secondary);margin-bottom:1rem;font-size:14px}.section-content-preview{background:var(--bg-secondary);white-space:pre-wrap;word-break:break-word;border-radius:8px;max-height:150px;padding:1rem;font-family:monospace;font-size:13px;position:relative;overflow:hidden}.section-content-preview:after{content:"";background:linear-gradient(transparent, var(--bg-secondary));height:40px;position:absolute;bottom:0;left:0;right:0}.section-card-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.status-badge{border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:11px;font-weight:600;display:inline-flex}.status-active{color:#10b981;background:#10b98126}.status-inactive{color:#6b7280;background:#6b728026}.status-required{color:#f59e0b;background:#f59e0b26}.card-actions{gap:.5rem;display:flex}.icon-btn{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);border-radius:6px;padding:.5rem;transition:all .2s}.icon-btn:hover{background:var(--bg-secondary);color:var(--primary-color)}.icon-btn.danger:hover{color:var(--danger-color)}.field-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;transition:all .2s}.field-card:hover{box-shadow:var(--shadow-lg)}.field-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.field-info{flex:1}.field-name{margin-bottom:.25rem;font-size:15px;font-weight:600}.field-display-name{color:var(--text-secondary);font-size:13px}.field-badges{flex-wrap:wrap;gap:.5rem;display:flex}.category-badge{border-radius:4px;padding:.25rem .5rem;font-size:11px;font-weight:600}.category-payment{color:#10b981;background:#10b98126}.category-shipping{color:#3b82f6;background:#3b82f626}.category-property{color:#8b5cf6;background:#8b5cf626}.category-work_order{color:#f59e0b;background:#f59e0b26}.category-access{color:#ec4899;background:#ec489926}.category-general{color:#6b7280;background:#6b728026}.field-prompt{color:var(--text-secondary);font-size:13px;line-height:1.5}.exclusion-card{background:var(--bg-card);border:1px solid var(--border-color);border-left:4px solid var(--danger-color);border-radius:12px;padding:1.25rem}.exclusion-values{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.exclusion-value{color:var(--danger-color);background:#ef44441a;border-radius:20px;padding:.25rem .75rem;font-size:12px;font-weight:500}.modal-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:2rem 2.5rem;display:none;position:fixed;inset:0}.modal-overlay.show{display:flex}.modal-dialog.prompt-form-modal{width:min(1120px,94vw);max-width:min(1120px,94vw);min-height:min(640px,88vh);max-height:min(92vh,960px)}.modal-dialog.prompt-preview-modal{width:min(1200px,96vw);max-width:min(1200px,96vw);min-height:min(720px,90vh);max-height:min(92vh,960px)}.prompt-form-modal .modal-header,.prompt-preview-modal .modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.75rem 2.25rem;display:flex}.prompt-form-modal .modal-header h3,.prompt-preview-modal .modal-header h3{align-items:center;gap:.75rem;font-size:1.35rem;font-weight:600;display:flex}.prompt-form-modal .modal-close,.prompt-preview-modal .modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;padding:.4rem;font-size:1.5rem;transition:color .2s}.prompt-form-modal .modal-close:hover,.prompt-preview-modal .modal-close:hover{color:var(--text-primary);background:var(--hover-bg)}.prompt-form-modal .modal-body,.prompt-preview-modal .modal-body{flex:1;padding:2rem 2.25rem;overflow-y:auto}.prompt-form-modal .form-group{margin-bottom:1.75rem}.prompt-form-modal .form-group label{margin-bottom:.65rem;font-size:.9375rem;font-weight:500;display:block}.prompt-form-modal .form-group label .required{color:var(--danger-color)}.prompt-form-modal .form-control{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:10px;padding:.875rem 1.125rem;font-size:.9375rem;line-height:1.5;transition:all .2s}.prompt-form-modal .form-control:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #1a7f5f1f}.prompt-form-modal textarea.form-control{resize:vertical;min-height:220px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.6}.prompt-form-modal .form-row{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:.25rem;display:grid}.prompt-form-modal .checkbox-group{align-items:center;gap:.65rem;padding:.5rem 0;display:flex}.prompt-form-modal .checkbox-group input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary-color)}.prompt-form-modal .checkbox-group label{margin-bottom:0;font-size:.9375rem}.prompt-form-modal .modal-footer,.prompt-preview-modal .modal-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);justify-content:flex-end;gap:1rem;padding:1.35rem 2.25rem;display:flex}@media (max-width:768px){.modal-dialog.prompt-form-modal,.modal-dialog.prompt-preview-modal{width:100%;max-width:100%;min-height:auto}.prompt-form-modal .form-row{grid-template-columns:1fr}.prompt-form-modal .modal-body,.prompt-preview-modal .modal-body,.prompt-form-modal .modal-header,.prompt-preview-modal .modal-header,.prompt-form-modal .modal-footer,.prompt-preview-modal .modal-footer{padding:1.25rem}}.prompt-preview-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.preview-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.preview-header h3{align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;display:flex}.prompt-preview-modal .prompt-preview-box{background:var(--bg-secondary);white-space:pre-wrap;word-break:break-word;border-radius:10px;min-height:420px;max-height:min(58vh,560px);padding:1.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.65;overflow-y:auto}.preview-stats{color:var(--text-secondary);gap:2rem;margin-top:1rem;font-size:13px;display:flex}.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:4rem 2rem;display:flex}.empty-state i{opacity:.5;margin-bottom:1rem;font-size:4rem}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem}.empty-state p{color:var(--text-secondary);margin-bottom:1.5rem}.loading-spinner{justify-content:center;align-items:center;padding:4rem;display:flex}.spinner{border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{z-index:1100;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:1.5rem;right:2rem}.toast{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:8px;align-items:center;gap:.75rem;padding:1rem 1.5rem;animation:.3s slideIn;display:flex}.toast.success{border-left:4px solid var(--success-color)}.toast.error{border-left:4px solid var(--danger-color)}.toast.warning{border-left:4px solid var(--warning-color)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.theme-toggle{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:14px;font-weight:500;transition:all .2s;display:flex}.theme-toggle:hover{border-color:var(--primary-color);color:var(--primary-color)}@media (max-width:768px){.tabs-actions .search-box.prompts-search-box{flex:100%;order:10;width:100%;min-width:0}}.prompts-stat-grid .app-stat-card{border:1px solid var(--border-color);background:var(--bg-card);border-radius:14px;height:100%;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f172a0f}.prompts-stat-grid .app-stat-card:before{content:"";background:var(--prompt-stat-accent,var(--primary-color));border-radius:14px 0 0 14px;width:4px;position:absolute;inset:0 auto 0 0}.prompts-stat-grid .app-stat-card:hover{border-color:color-mix(in srgb, var(--prompt-stat-accent,var(--primary-color)) 35%, var(--border-color));transform:translateY(-3px);box-shadow:0 10px 24px #0f172a1a}.prompts-stat-grid .app-stat-card .card-body{padding:1.1rem 1.15rem 1.15rem 1.35rem!important}.prompts-stat-grid .hyper-statistic-title{letter-spacing:.01em;font-weight:600;color:var(--text-secondary)!important;margin-bottom:.35rem!important;font-size:.8125rem!important}.prompts-stat-grid .hyper-statistic-content{color:var(--text-primary);font-size:1.75rem!important;line-height:1.15!important}.prompts-stat-grid .hyper-statistic-prefix{background:color-mix(in srgb, var(--prompt-stat-accent,var(--primary-color)) 14%, transparent);width:2.25rem;height:2.25rem;color:var(--prompt-stat-accent,var(--primary-color));border-radius:10px;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.app-stat-card--prompts-sections{--prompt-stat-accent:#1a7f5f}.app-stat-card--prompts-fields{--prompt-stat-accent:#2563eb}.app-stat-card--prompts-exclusions{--prompt-stat-accent:#dc3545}.app-stat-card--prompts-templates{--prompt-stat-accent:#7c3aed}[data-theme=dark] .prompts-stat-grid .app-stat-card,html[data-bs-theme=dark] .prompts-stat-grid .app-stat-card{background:linear-gradient(145deg, var(--bg-card) 0%, color-mix(in srgb, var(--bg-card) 88%, #000) 100%);box-shadow:0 2px 10px #00000047}[data-theme=dark] .prompts-stat-grid .app-stat-card:hover,html[data-bs-theme=dark] .prompts-stat-grid .app-stat-card:hover{box-shadow:0 12px 28px #0000006b}[data-theme=dark] .prompts-stat-grid .hyper-statistic-prefix,html[data-bs-theme=dark] .prompts-stat-grid .hyper-statistic-prefix{background:color-mix(in srgb, var(--prompt-stat-accent) 22%, transparent)}.app-card-grid>[class*=col-]{display:flex}.app-card-grid>[class*=col-]>*{width:100%;height:100%}.app-prompt-entity-card{flex-direction:column;width:100%;height:100%;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0f172a0f;border:1px solid var(--border-color)!important;background:var(--bg-card)!important;border-radius:14px!important}.app-prompt-entity-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #0f172a1f;border-color:color-mix(in srgb, var(--primary-color) 30%, var(--border-color))!important}.app-prompt-entity-accent{background:linear-gradient(90deg, var(--primary-color), color-mix(in srgb, var(--primary-color) 45%, #2dd4bf));height:4px}.app-prompt-entity-card--inactive .app-prompt-entity-accent{background:linear-gradient(90deg,#94a3b8,#cbd5e1)}.app-prompt-entity-card .card-header{background:0 0!important;border-bottom:none!important}.app-prompt-entity-badges{width:100%}.app-prompt-entity-card .card-body{flex-direction:column;flex:1;min-height:0;display:flex}.app-prompt-entity-body{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex}.app-prompt-entity-title{color:var(--text-primary);margin:0!important;font-size:1rem!important;font-weight:600!important;line-height:1.35!important}.app-prompt-entity-key{background:var(--bg-secondary);border:1px solid var(--border-color);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;width:fit-content;max-width:100%;padding:.2rem .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:hidden;font-size:.75rem!important;display:inline-block!important}.app-prompt-entity-desc{line-height:1.5;margin-bottom:0!important;font-size:.875rem!important}.app-prompt-entity-preview-wrap{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;margin-top:.25rem;position:relative;overflow:hidden}.app-prompt-entity-preview-wrap:after{content:"";pointer-events:none;background:linear-gradient(transparent, var(--bg-secondary));height:2rem;position:absolute;bottom:0;left:0;right:0}.app-prompt-entity-preview{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;margin:0!important;padding:.75rem .85rem!important;font-size:.8125rem!important;line-height:1.55!important}.app-prompt-entity-footer-meta{letter-spacing:.02em;text-transform:uppercase;border-top:1px dashed var(--border-color);padding-top:.65rem;font-weight:500;color:var(--text-muted)!important;margin-top:auto!important;font-size:.75rem!important;display:block!important}.app-prompt-entity-card .card-footer{background:var(--bg-secondary)!important;border-top:1px solid var(--border-color)!important;padding:.45rem .65rem!important}.app-prompt-entity-action{justify-content:center;align-items:center;width:2rem;height:2rem;transition:background .18s,color .18s;border-radius:8px!important;display:inline-flex!important}.app-prompt-entity-action:hover{background:var(--hover-bg)!important}[data-theme=dark] .app-prompt-entity-card,html[data-bs-theme=dark] .app-prompt-entity-card{box-shadow:0 2px 12px #00000052;background:linear-gradient(160deg, var(--bg-card) 0%, color-mix(in srgb, var(--bg-card) 90%, #000) 100%)!important}[data-theme=dark] .app-prompt-entity-card:hover,html[data-bs-theme=dark] .app-prompt-entity-card:hover{box-shadow:0 16px 36px #0000007a;border-color:color-mix(in srgb, var(--primary-color) 45%, var(--border-color))!important}[data-theme=dark] .app-prompt-entity-key,html[data-bs-theme=dark] .app-prompt-entity-key{background:color-mix(in srgb, var(--bg-secondary) 80%, #000);border-color:color-mix(in srgb, var(--border-color) 80%, #fff)}[data-theme=dark] .app-prompt-entity-preview-wrap,html[data-bs-theme=dark] .app-prompt-entity-preview-wrap{background:color-mix(in srgb, var(--bg-secondary) 75%, #000);border-color:color-mix(in srgb, var(--border-color) 85%, #fff)}[data-theme=dark] .app-prompt-entity-preview-wrap:after,html[data-bs-theme=dark] .app-prompt-entity-preview-wrap:after{background:linear-gradient(transparent, color-mix(in srgb, var(--bg-secondary) 75%, #000))}[data-theme=dark] .app-prompt-entity-card .card-footer,html[data-bs-theme=dark] .app-prompt-entity-card .card-footer{background:color-mix(in srgb, var(--bg-secondary) 85%, #000)!important}@media (max-width:992px){.tabs-container{flex-direction:column;align-items:stretch}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;width:100%;overflow-x:auto}.tab{flex:none;padding:.65rem 1rem;font-size:.875rem}.tabs-actions{justify-content:flex-start;width:100%}}@media (max-width:576px){.prompts-stat-grid .hyper-statistic-content{font-size:1.5rem!important}.app-prompt-entity-title{font-size:.9375rem!important}.tabs-actions .btn{flex:auto;min-width:0}}
