:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#111827;background-color:#16181d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;margin:0;padding:0}*{box-sizing:border-box}#root{display:flex;height:100%;width:100%;margin:0 auto;box-sizing:border-box}.container{display:flex;flex:1;flex-direction:column;height:100%;overflow:hidden}.header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:linear-gradient(180deg,#0f172a,#020617);border-bottom:1px solid #1e293b}.header h1{font-size:1.4rem;font-weight:600;color:#67e8f9;letter-spacing:.2px}.header-right{display:flex;flex-direction:row;gap:20px;align-items:center}.body{display:flex;flex:1;overflow:auto;min-height:0}.link{color:#61dafb;text-decoration:none;font-weight:500}.link:hover{text-decoration:underline}.link:active{color:#f0f8ff}.gantt-container{display:flex;flex-direction:column;width:100%;height:100%}.buttons-container{height:40px;display:flex;gap:10px;padding:10px 0}.canvas-container{margin-top:5px;flex:1;width:100%;display:flex;overflow:auto}canvas{display:block;width:100%;height:100%;border:1px solid #ccc}.format-button{cursor:pointer;background-color:#f0f8ff;color:#000;border:none;border-radius:5px;min-width:50px;min-height:30px}.action-button{background-color:#61dafb;color:#111827}.gantt-header{display:flex;flex-direction:row;justify-content:space-between}.btn-primary{background:#67e8f9;color:#020617;border:none;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer}.btn-primary:hover{background:#22d3ee}.toolbar-right{display:flex;gap:6px;background:#020617;padding:6px;border-radius:10px;border:1px solid #1e293b}.btn-segment{background:transparent;color:#e5e7eb;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.btn-segment:hover{background:#1e293b}.btn-segment.active{background:#67e8f9;color:#020617;font-weight:600}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:#020617;border-bottom:1px solid #1e293b}.suspense-container{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#4a5568}.loader{width:36px;height:36px;border:4px solid #e2e8f0;border-top-color:#3182ce;border-radius:50%;animation:spin .9s linear infinite}.loader-text{font-size:.95rem;color:#f0f8ff}.loader-title{color:#d2691e;font-size:x-large}@keyframes spin{to{transform:rotate(360deg)}}