:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.login-card{background:#fff;padding:2rem;border-radius:.5rem;border:1px solid hsl(214.3 31.8% 91.4%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;width:100%;max-width:400px;text-align:center}.login-header h1{margin:0 0 .5rem;color:#020817;font-size:1.875rem;font-weight:600;line-height:1.25;letter-spacing:-.025em}.login-header p{margin:0 0 2rem;color:#64748b;font-size:.875rem;line-height:1.25}.login-form{margin:1.5rem 0;display:flex;justify-content:center}.login-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid hsl(214.3 31.8% 91.4%)}.login-footer p{margin:.25rem 0;color:#64748b;font-size:.75rem;line-height:1}.login-footer p:first-child{font-weight:500;color:#64748b}.login-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#fff;color:#020817;font-size:1rem;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}@media (max-width: 500px){.login-card{margin:1rem;padding:1.5rem}.login-header h1{font-size:1.5rem}}.user-profile{position:fixed;top:20px;right:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;padding:1rem;display:flex;align-items:center;gap:1rem;z-index:1000;border:1px solid #e1e8ed}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid #e1e8ed}.user-details{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:600;color:#2c3e50;font-size:.875rem}.user-email{color:#7f8c8d;font-size:.75rem}.logout-button{background:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.logout-button:hover{background:#c0392b}@media (max-width: 768px){.user-profile{position:relative;top:auto;right:auto;margin:1rem;width:calc(100% - 2rem);justify-content:space-between}.user-details{flex:1}}.unauthorized-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}.unauthorized-card{background:#fff;padding:2rem;border-radius:.5rem;border:1px solid hsl(0 84.2% 60.2%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;width:100%;max-width:450px;text-align:center}.unauthorized-header{margin-bottom:1.5rem}.unauthorized-icon{font-size:3rem;margin-bottom:1rem}.unauthorized-header h1{margin:0 0 .5rem;color:#ef4444;font-size:1.875rem;font-weight:600;line-height:1.25;letter-spacing:-.025em}.unauthorized-header p{margin:0;color:#64748b;font-size:1rem;line-height:1.5}.unauthorized-content{padding:1.5rem 0;border-top:1px solid hsl(214.3 31.8% 91.4%);border-bottom:1px solid hsl(214.3 31.8% 91.4%);margin-bottom:1.5rem}.unauthorized-content p{margin:.75rem 0;color:#64748b;font-size:.875rem;line-height:1.5}.unauthorized-content p:first-child{margin-top:0}.unauthorized-content p:last-child{margin-bottom:0}.unauthorized-content strong{color:#020817;font-weight:600}.unauthorized-actions{display:flex;justify-content:center}.try-again-button{background:#020817;color:#f8fafc;border:none;padding:.625rem 1.5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out;font-family:inherit}.try-again-button:hover{background:#020817e6}.try-again-button:focus{outline:2px solid hsl(222.2 84% 4.9%);outline-offset:2px}@media (max-width: 500px){.unauthorized-card{margin:1rem;padding:1.5rem}.unauthorized-header h1{font-size:1.5rem}}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{width:100vw;height:100vh;margin:0;padding:0}.node{cursor:move}.node.active{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.node rect{transition:filter .2s ease}.node:hover rect{filter:brightness(1.1)}.edge{transition:all .2s ease;cursor:pointer;stroke-linejoin:round;stroke-linecap:round}.edge:hover{stroke:#007bff!important;stroke-width:3;stroke-opacity:1!important;filter:drop-shadow(0 0 4px rgba(0,123,255,.3))}.container-edge{transition:all .2s ease;cursor:pointer;stroke-linejoin:round;stroke-linecap:round}.container-edge:hover{stroke-opacity:.6!important;filter:drop-shadow(0 0 6px rgba(0,0,0,.3))}.legend{position:absolute;top:80px;left:20px;background:#fffffff2;padding:15px;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-size:12px;z-index:1000;pointer-events:none}.legend-item{display:flex;align-items:center;margin-bottom:5px}.legend-line{width:20px;height:2px;margin-right:8px;border-radius:1px}svg{background:radial-gradient(circle at 1px 1px,rgba(0,0,0,.15) 1px,transparent 0);background-size:20px 20px}.container{pointer-events:none}.container rect{opacity:.8}.container text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.sticky-note{pointer-events:none}.sticky-note text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.sticky-connection{pointer-events:none}.app-container{width:100vw;height:100vh;position:relative;display:flex;flex-direction:column}.title-overlay{position:absolute;top:10px;left:35%;transform:translate(-50%);z-index:1000;background:#fffffff2;padding:10px 20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-weight:700;font-size:16px;color:#333;text-align:center;pointer-events:none}.split-pane{display:flex;width:100%;height:100%}.diagram-pane{width:70%;height:100%;position:relative;border-right:2px solid #e0e0e0}.documentation-pane{width:30%;height:100%;background:#f8f9fa;overflow-y:auto;padding:20px;box-sizing:border-box}.documentation-placeholder,.documentation-content{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.documentation-placeholder h3,.documentation-content h3{color:#2c3e50;margin-top:0;margin-bottom:20px;font-size:20px;border-bottom:2px solid #3498db;padding-bottom:10px}.documentation-placeholder p,.documentation-content p{line-height:1.6;color:#555;margin-bottom:15px}.doc-tip{background:#e8f4fd;border-left:4px solid #3498db;padding:15px;margin:20px 0;border-radius:4px}.doc-tip strong{color:#2c3e50}.doc-tip ul{margin:10px 0 0;padding-left:20px}.doc-tip li{margin-bottom:5px;color:#666}.doc-section{margin-bottom:25px;background:#fff;padding:15px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.doc-section h4{color:#3498db;margin-top:0;margin-bottom:10px;font-size:16px;font-weight:600}.doc-section p{margin-bottom:0}.node.selected rect{stroke:#e74c3c!important;stroke-width:3px!important;filter:drop-shadow(0 0 8px rgba(231,76,60,.5))}