:root{--eko-orange: #f26522;--eko-cyan: #00b4c5;--eko-olive: #a0a524;--eko-teal: #1a7a72;--eko-dark: #333333}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:Poppins,sans-serif;color:var(--eko-dark);background:#f7f7f7}h1,h2,h3{font-family:Poppins,sans-serif}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:7px;padding:8px 16px;background:#fff;border-bottom:3px solid var(--eko-orange);flex-wrap:wrap}.topbar .title-input{font-family:Poppins,sans-serif;font-size:17px;font-weight:600;border:none;border-bottom:1px dashed transparent;color:var(--eko-dark);min-width:200px;margin-right:4px;outline:none}.topbar .title-input:hover,.topbar .title-input:focus{border-bottom:1px dashed #ccc}.spacer{flex:1}.btn{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;padding:4px 9px;border-radius:4px;border:1px solid #ccc;background:#fff;color:var(--eko-dark);cursor:pointer;white-space:nowrap}.btn:hover{border-color:#999}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--eko-orange);border-color:var(--eko-orange);color:#fff}.btn-primary:hover{background:#db571a}.btn-cyan{background:var(--eko-cyan);border-color:var(--eko-cyan);color:#fff}.btn-danger{background:#d23f3f;border-color:#d23f3f;color:#fff}.btn-danger:hover{background:#b93333;border-color:#b93333}.btn-danger:disabled{opacity:.45;cursor:not-allowed}.seg{display:inline-flex;border:1px solid #ccc;border-radius:5px;overflow:hidden}.seg button{border:none;background:#fff;padding:4px 9px;font-size:12px;cursor:pointer;border-right:1px solid #eee}.seg button:last-child{border-right:none}.seg button.active{background:var(--eko-orange);color:#fff;font-weight:600}.zoom{display:inline-flex;align-items:center;gap:6px}.zoom input[type=range]{width:104px;accent-color:var(--eko-orange);cursor:pointer}.zoom-btn{border:1px solid #ccc;background:#fff;border-radius:4px;width:23px;height:23px;font-size:13px;line-height:1;cursor:pointer;color:var(--eko-dark)}.zoom-btn.reset{width:auto;padding:0 6px;font-size:11px;font-weight:600}.zoom-btn:hover{border-color:#999}.btn-on{background:var(--eko-teal);border-color:var(--eko-teal);color:#fff}.gantt-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 20px 40px}.gantt-capture{background:#fff;border:1px solid #ccc;border-radius:6px;display:block;width:100%;overflow:hidden}.gantt-capture .gantt-horizontal-container,.gantt-capture .ganttVerticalContainer{overflow-x:auto}.empty{padding:60px;text-align:center;color:#888}.gantt-capture svg{display:block}.hint{font-size:12px;color:#888;padding:4px 20px 0}.row-del{position:absolute;left:1px;top:0;height:100%;width:17px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#c4c4c4;cursor:pointer;padding:0;opacity:0;z-index:7;transition:opacity .1s,color .1s}div:hover>.row-del{opacity:1}.row-del:hover{color:#d23f3f}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);background:#333;color:#fff;padding:12px 14px 12px 18px;border-radius:8px;box-shadow:0 6px 20px #00000047;display:flex;align-items:center;gap:14px;z-index:200;font-size:14px;max-width:90vw}.toast .t-msg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast .t-sub{color:#ffb38c}.toast button{border:none;border-radius:5px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif}.toast .t-cancel{background:transparent;color:#ddd;border:1px solid #666}.toast .t-cancel:hover{background:#444}.toast .t-confirm{background:#d23f3f;color:#fff}.toast .t-confirm:hover{background:#b93333}.fold-btn:hover{background:#ffe6d8}.drag-grip{width:12px;flex:0 0 12px;text-align:center;color:#bbb;cursor:grab;opacity:0;font-size:13px;line-height:1;-webkit-user-select:none;user-select:none}.drag-grip:active{cursor:grabbing}div:hover>.drag-grip{opacity:1}.dd-badge{display:inline-block;margin-left:6px;min-width:16px;padding:0 4px;background:var(--eko-orange);color:#fff;border-radius:9px;font-size:11px;line-height:16px;text-align:center}.dd-panel{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 14px #00000024;padding:6px;z-index:50;max-height:440px;overflow-y:auto}.dd-item{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:13px;border-radius:4px;cursor:pointer;white-space:nowrap}.dd-item:hover{background:#f5f5f5}.dd-actions{display:flex;gap:6px;padding:4px 6px 6px;border-top:1px solid #eee;margin-top:4px}.dd-link{background:none;border:none;color:var(--eko-cyan);font-size:12px;cursor:pointer;padding:2px 4px}.dd-link:hover{text-decoration:underline}.dd-section{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#999;padding:9px 8px 3px;font-weight:600}.dd-section:first-child{padding-top:2px}.dd-act{display:block;width:100%;text-align:left;border:none;background:transparent;padding:8px 10px;font-size:13px;border-radius:4px;cursor:pointer;font-family:Poppins,sans-serif;color:var(--eko-dark)}.dd-act:hover{background:#f5f5f5}.save-dot{width:9px;height:9px;border-radius:50%;background:var(--eko-teal);display:inline-block;flex:0 0 9px}.save-dot.saving{background:var(--eko-orange)}.save-dot.error,.save-dot.conflict{background:#d23f3f}.insert-handle{position:absolute;left:0;right:0;bottom:-8px;height:16px;display:flex;align-items:center;justify-content:center;z-index:5;opacity:0;transition:opacity .1s}.insert-handle span{width:20px;height:20px;border-radius:50%;background:var(--eko-orange);color:#fff;font-size:15px;line-height:18px;text-align:center;box-shadow:0 1px 3px #0000004d}.insert-handle:before{content:"";position:absolute;left:8px;right:8px;height:2px;background:var(--eko-orange);opacity:.5}div:hover>.insert-handle{opacity:.85}.insert-handle:hover{opacity:1}.boot{display:flex;align-items:center;justify-content:center;height:100vh;color:#888;font-size:15px}.muted{color:#999}.muted.pad{padding:16px 2px}.rule{height:2px;background:var(--eko-orange);margin:10px 0 16px}.form-error{color:#d23f3f;font-size:13px;margin-top:10px}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f7f7f7;padding:20px}.login-card{width:380px;max-width:92vw;background:#fff;border:1px solid #e2e2e2;border-top:4px solid var(--eko-orange);border-radius:8px;box-shadow:0 6px 24px #00000014;padding:28px 28px 32px}.login-title{font-family:Poppins,sans-serif;font-size:22px;margin:0;color:var(--eko-dark)}.login-label{display:block;font-weight:600;font-size:13px;margin:10px 0 6px}.login-input{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:15px;box-sizing:border-box;font-family:Poppins,sans-serif}.login-code{letter-spacing:8px;text-align:center;font-size:22px}.login-btn{width:100%;margin-top:16px;padding:11px;font-size:14px}.login-info{background:#fff3ec;border:1px solid #ffd6bf;color:#8a4b27;border-radius:6px;padding:10px 12px;font-size:13px;margin-bottom:6px}.list-page{max-width:1000px;margin:0 auto;padding:0 20px 60px}.list-header{display:flex;align-items:center;justify-content:space-between;padding:22px 0 12px}.list-header h1{font-family:Poppins,sans-serif;font-size:24px;margin:0}.list-user{display:flex;align-items:center;gap:12px;font-size:13px}.list-bar{height:3px;background:var(--eko-orange);border-radius:2px}.list-body{margin-top:22px}.create-row{display:flex;gap:8px;margin-bottom:22px}.create-row input{flex:1;padding:9px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;font-family:Poppins,sans-serif}.list-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e6e6e6;border-radius:8px;overflow:hidden}.list-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#888;padding:10px 14px;border-bottom:1px solid #eee;background:#fafafa}.list-table td{padding:12px 14px;border-bottom:1px solid #f0f0f0;font-size:14px}.list-row{cursor:pointer}.list-row:hover td{background:#fff7f2}.cell-title{font-weight:600;color:var(--eko-dark)}.cell-actions{text-align:right}.role-badge{display:inline-block;padding:2px 9px;border-radius:11px;font-size:11px;font-weight:600;color:#fff}.role-owner{background:var(--eko-orange)}.role-editor{background:var(--eko-teal)}.role-viewer{background:#9aa0a6}.dd-link.danger{color:#d23f3f}.save-state{font-size:12px;color:#888;white-space:nowrap}.save-state.saving{color:var(--eko-orange)}.save-state.error,.save-state.conflict{color:#d23f3f;font-weight:600}.back-btn{font-weight:600}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:150}.dialog{width:460px;max-width:92vw;background:#fff;border-radius:8px;box-shadow:0 10px 30px #0003;padding:20px 22px 18px}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font-family:Poppins,sans-serif;font-size:17px;margin:0}.dialog-head .x{border:none;background:transparent;font-size:18px;cursor:pointer;color:#666}.share-add{display:flex;gap:8px;margin-bottom:6px}.share-add input{flex:1;padding:8px 10px;border:1px solid #ccc;border-radius:5px;font-size:14px;font-family:Poppins,sans-serif}.share-add select{padding:8px 10px;border:1px solid #ccc;border-radius:5px;font-size:14px}.share-list{margin-top:12px;max-height:240px;overflow-y:auto}.share-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid #f0f0f0;font-size:14px}.share-mail{flex:1}.share-role{color:#777;font-size:12px}.dialog-foot{display:flex;justify-content:flex-end;margin-top:16px}._3_ygE{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}._1nBOt{display:table-row;list-style:none}._2eZzQ{border-right:1px solid rgb(196,196,196);opacity:1;margin-left:-2px}._WuQ0f{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}._3ZbQT{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}._34SS0{display:table-row;text-overflow:ellipsis}._34SS0:nth-of-type(2n){background-color:#f5f5f5}._3lLk3{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._nI1Xw{display:flex}._2QjE6{color:#565656;font-size:.6rem;padding:.15rem .2rem 0rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}._2TfEi{font-size:.6rem;padding-left:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._3T42e{background:#fff;padding:12px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}._29NTg{font-size:12px;margin-bottom:6px;color:#666}._25P-K{position:absolute;display:flex;flex-shrink:0;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._3gVAq{visibility:hidden;position:absolute;display:flex;pointer-events:none}._1eT-t{overflow:hidden auto;width:1rem;flex-shrink:0;scrollbar-width:thin}._1eT-t::-webkit-scrollbar{width:1.1rem;height:1.1rem}._1eT-t::-webkit-scrollbar-corner{background:transparent}._1eT-t::-webkit-scrollbar-thumb{border:6px solid transparent;background:#0003;background:var(--palette-black-alpha-20, rgba(0, 0, 0, .2));border-radius:10px;background-clip:padding-box}._1eT-t::-webkit-scrollbar-thumb:hover{border:4px solid transparent;background:#0000004d;background:var(--palette-black-alpha-30, rgba(0, 0, 0, .3));background-clip:padding-box}._2dZTy{fill:#fff}._2dZTy:nth-child(2n){fill:#f5f5f5}._3rUKi{stroke:#ebeff2}._RuwuK{stroke:#e6e4e4}._9w8d5{text-anchor:middle;fill:#333;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}._1rLuZ{stroke:#e6e4e4}._2q1Kt{text-anchor:middle;fill:#555;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}._35nLX{fill:#fff;stroke:#e0e0e0;stroke-width:1.4}._KxSXS{cursor:pointer;outline:none}._KxSXS:hover ._3w_5u{visibility:visible;opacity:1}._3w_5u{fill:#ddd;cursor:ew-resize;opacity:0;visibility:hidden}._31ERP{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;stroke-width:0}._RRr13{cursor:pointer;outline:none}._2P2B1{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._1KJ6x{cursor:pointer;outline:none}._2RbVy{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.6}._2pZMF{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._3zRJQ{fill:#fff;text-anchor:middle;font-weight:lighter;dominant-baseline:central;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}._3KcaM{fill:#555;text-anchor:start;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}._CZjuD{overflow:hidden;font-size:0;margin:0;padding:0}._2B2zv{margin:0;padding:0;overflow:hidden}._3eULf{display:flex;padding:0;margin:0;list-style:none;outline:none;position:relative}._2k9Ys{overflow:auto;max-width:100%;scrollbar-width:thin;height:1.2rem}._2k9Ys::-webkit-scrollbar{width:1.1rem;height:1.1rem}._2k9Ys::-webkit-scrollbar-corner{background:transparent}._2k9Ys::-webkit-scrollbar-thumb{border:6px solid transparent;background:#0003;background:var(--palette-black-alpha-20, rgba(0, 0, 0, .2));border-radius:10px;background-clip:padding-box}._2k9Ys::-webkit-scrollbar-thumb:hover{border:4px solid transparent;background:#0000004d;background:var(--palette-black-alpha-30, rgba(0, 0, 0, .3));background-clip:padding-box}._19jgW{height:1px}