body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:Roboto,Helvetica Neue,Arial,sans-serif;margin:0}#root,body{overflow-x:hidden}#root{max-width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.loading{animation:pulse 2s infinite}.mermaid-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;contain:strict;height:100%;overflow:auto;width:100%}.mermaid-diagram{display:inline-block;min-height:400px}.mermaid-diagram svg{height:auto!important;max-width:100%}.mermaid-diagram svg .label,.mermaid-diagram svg .nodeLabel,.mermaid-diagram svg foreignObject{overflow:visible!important}.mermaid-diagram svg foreignObject div{word-wrap:break-word!important;max-width:200px!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}.file-upload-area{background-color:#fafafa;border:2px dashed #1976d2;border-radius:8px;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.file-upload-area:hover{background-color:#f0f7ff;border-color:#1565c0}.file-upload-area.drag-over{background-color:#e3f2fd;border-color:#1565c0;transform:scale(1.02)}.error-message{background-color:#ffebee;border-left:4px solid #d32f2f;color:#d32f2f}.error-message,.success-message{border-radius:4px;margin:1rem 0;padding:1rem}.success-message{background-color:#e8f5e8;border-left:4px solid #2e7d32;color:#2e7d32}.info-message{background-color:#e3f2fd;border-left:4px solid #1976d2;border-radius:4px;color:#1976d2;margin:1rem 0;padding:1rem}@media (max-width:768px){.mobile-hidden{display:none!important}.mobile-full-width{width:100%!important}}@media print{.no-print{display:none!important}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.full-width{width:100%}.full-height{height:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.form-section{margin-bottom:2rem}.form-section-title{color:#333;font-size:1.125rem;font-weight:500;margin-bottom:1rem}.button-group{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.button-group.center{justify-content:center}.button-group.end{justify-content:flex-end}.status-indicator{align-items:center;border-radius:16px;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.25rem .75rem}.status-indicator.online{background-color:#e8f5e8;color:#2e7d32}.status-indicator.offline{background-color:#ffebee;color:#d32f2f}.status-indicator.connecting{background-color:#fff3e0;color:#f57c00}.sidebar{background:#fff;border-right:1px solid #e0e0e0;height:100vh;overflow-y:auto}.sidebar-header{background:#fafafa;border-bottom:1px solid #e0e0e0;padding:1rem}.sidebar-content{padding:1rem}.main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.content-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:1rem}.content-body{flex:1 1;overflow:auto;padding:1rem}.export-options{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.export-button{min-width:auto!important;padding:.5rem 1rem!important}.loading-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-content{background:#fff;border-radius:8px;min-width:200px;padding:2rem;text-align:center}
/*# sourceMappingURL=main.2dfe2f8c.css.map*/