:root{--bg:#f4f5f7;--s1:#fff;--s2:#f0f2f5;--s3:#e8eaed;--bd:#d0d5dd;--bd2:#b0b8c8;--tx:#1a2030;--tx2:#4a5568;--tx3:#8a96a8;--ac:#2563eb;--ac2:rgba(37,99,235,.1);--gn:#16a34a;--or:#d97706;--rd:#dc2626;--pu:#7c3aed;--f:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI",sans-serif;--fm:"SF Mono",Menlo,Consolas,monospace;--row:35px;--phrow:35px;--hdr:52px;--gc:14px 18px 28px 2fr 58px 54px 54px 60px 20px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--tx);font-family:var(--f);font-size:14px;overflow:hidden}#auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#f3f4f6;display:flex;align-items:center;justify-content:center;z-index:9999;flex-direction:column;gap:0}.auth-box{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:40px 36px;display:flex;flex-direction:column;align-items:center;gap:16px;min-width:300px;box-shadow:0 8px 40px #0000001a}.auth-logo{font-size:16px;font-weight:700;color:#2563eb;letter-spacing:1px;margin-bottom:4px}.auth-sub{font-size:11px;color:#6b7280;margin-bottom:8px}.auth-input{width:100%;padding:10px 14px;border-radius:8px;border:1px solid #d1d5db;background:#f9fafb;color:#111827;font-size:14px;outline:none;text-align:center;transition:border-color .2s}.auth-input:focus{border-color:#2563eb}.auth-btn{width:100%;padding:10px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s;letter-spacing:.5px}.auth-btn:hover{opacity:.85}.auth-pw-wrap{position:relative;width:100%}.auth-pw-wrap input{width:100%;padding:10px 38px 10px 14px}.auth-pw-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#9ca3af;font-size:10px;padding:2px 5px;line-height:1;letter-spacing:.3px;border-radius:3px;transition:color .15s}.auth-pw-toggle:hover{color:#374151}.auth-err{font-size:11px;color:#dc2626;min-height:16px;text-align:center}#topbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--s1);border-bottom:1px solid var(--bd);flex-wrap:wrap;flex-shrink:0}.logo{font-family:var(--fm);font-size:13px;font-weight:600;color:var(--ac);letter-spacing:.3px;white-space:nowrap}.pjs{display:flex;gap:6px;align-items:center;flex:1;min-width:0;flex-wrap:wrap}.pjs select,.pjs input[type=text]{background:var(--s3);border:1px solid var(--bd2);color:var(--tx);padding:4px 8px;border-radius:5px;font-family:var(--f);font-size:12px;outline:none}.pjs select{max-width:170px}.pjs input[type=text]{width:120px}.tbr{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.btn{padding:4px 10px;border-radius:5px;border:1px solid var(--bd2);background:var(--s3);color:var(--tx2);font-family:var(--f);font-size:11px;cursor:pointer;white-space:nowrap;transition:background .1s,color .1s}.btn:hover{background:var(--bd);color:var(--tx)}.btn.p{background:var(--ac);border-color:var(--ac);color:#fff}.btn.p:hover{opacity:.85}.btn.d{color:var(--rd)}#tabs{display:flex;align-items:center;gap:6px;padding:5px 12px;background:var(--s1);border-bottom:1px solid var(--bd);flex-wrap:wrap;flex-shrink:0}.tg{display:flex;background:var(--s3);border-radius:6px;padding:2px;gap:2px}.tab{padding:3px 10px;border-radius:4px;cursor:pointer;font-size:11px;color:var(--tx2);transition:all .1s;white-space:nowrap}.tab.on{background:var(--ac);color:#fff}.tab:hover:not(.on){background:var(--bd);color:var(--tx)}#tabs .sp{flex:1}.rc,.fb{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.fb input,.fb select{background:var(--s3);border:1px solid var(--bd2);color:var(--tx);padding:4px 7px;border-radius:5px;font-family:var(--f);font-size:11px;outline:none}.fb input{width:110px}.fb select{min-width:80px}#main{display:flex;flex-direction:column;height:calc(100vh - 84px);overflow:hidden}#gw{display:flex;flex:1;overflow:hidden;min-height:0}#tp{width:590px;min-width:590px;flex-shrink:0;display:flex;flex-direction:column;border-right:2px solid var(--bd2);background:var(--s1);overflow:hidden}#tph{display:grid;grid-template-columns:var(--gc);align-items:center;padding:0 6px;height:52px;background:var(--s2);border-bottom:2px solid var(--bd2);flex-shrink:0;gap:3px}#tph span{font-size:10px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;-webkit-user-select:none;user-select:none}#tpb{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.tpb-add-row{height:36px;display:flex;align-items:center;padding:0 10px;gap:6px;cursor:pointer;color:var(--tx3);font-size:11px;border-top:1px dashed var(--bd);background:var(--s1);transition:background .1s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.tpb-add-row:hover,.tpb-add-row:active{background:var(--ac2);color:var(--ac)}.tpb-add-row .add-ic{font-size:15px;font-weight:700;color:var(--ac);line-height:1}.ph-r,.t-r{display:grid;grid-template-columns:var(--gc);gap:3px;align-items:center;padding:0 6px;border-bottom:1px solid var(--bd);-webkit-user-select:none;user-select:none;position:relative;box-sizing:border-box}.ph-r{height:35px;background:var(--s3);cursor:pointer;transition:background .1s}.ph-r:hover{background:var(--bd)}.t-r{height:35px;transition:background .1s;cursor:default}.t-r:hover{background:var(--s2)}.t-r.sel{background:var(--ac2)!important}.t-r.overdue{background:#dc26260f}.t-r.overdue:hover{background:#dc26261a}.t-r.overdue:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#dc2626;border-radius:0}.t-r.overdue .td.end-dt{color:#dc2626;font-weight:600}.t-r.delayed{background:#d977060f}.t-r.delayed:hover{background:#d977061a}.t-r.delayed:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#d97706;border-radius:0}.t-r.delayed .td.start-dt{color:#d97706;font-weight:600}.t-r.ch .tn-wrap{padding-left:14px}.t-r.dragging{opacity:.4;background:var(--ac2)!important}.drop-line{height:2px;background:var(--ac);margin:0 6px;border-radius:1px}.stbdg{display:inline-flex;align-items:center;padding:2.2px 5px;border-radius:10px;font-size:9px;font-weight:700;cursor:pointer;white-space:nowrap}.ph-stbdg{display:inline-flex;align-items:center;padding:2.2px 6px;border-radius:4px;font-size:9px;font-weight:700;white-space:nowrap;border:1.5px solid}.ph-stbdg.todo{background:transparent;color:#8a96b8;border-color:#4a5578}.ph-stbdg.inprogress{background:#2563eb26;color:#2563eb;border-color:#2563eb}.ph-stbdg.done{background:#16a34a26;color:#16a34a;border-color:#16a34a}.stbdg.todo{background:#5a647833;color:#5a6478}.stbdg.inprogress{background:#2563eb26;color:#2563eb}.stbdg.requested{background:#d9770626;color:#d97706}.stbdg.done{background:#16a34a26;color:#16a34a}.stbdg.cancelled{background:#dc262626;color:#dc2626}.st-popup{position:fixed;background:var(--s1);border:1px solid var(--bd2);border-radius:6px;box-shadow:0 4px 16px #00000026;z-index:300;min-width:100px;overflow:hidden}.st-popup div{padding:6px 12px;font-size:11px;cursor:pointer;transition:background .1s}.st-popup div:hover{background:var(--s2)}.tog{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;color:var(--tx2);font-size:16px;cursor:pointer;font-weight:700}.tog:hover{background:var(--bd2);color:var(--ac)}.ptog{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:3px;background:var(--bd);color:var(--tx2);font-size:13px;font-weight:700;transition:transform .26s cubic-bezier(.4,0,.2,1);cursor:pointer}.ptog.cl{transform:rotate(-90deg)}.drag-handle{display:flex;align-items:center;justify-content:center;width:18px;height:22px;color:var(--tx3);font-size:12px;cursor:grab;letter-spacing:-2px}.drag-handle:hover{color:var(--tx2)}.drag-handle:active{cursor:grabbing}.sd{width:6px;height:6px;border-radius:50%;flex-shrink:0}.sd.todo{background:#8a96a8}.sd.inprogress{background:#2563eb}.sd.requested{background:#d97706}.sd.done{background:#16a34a}.sd.cancelled{background:#dc2626}.tn{font-size:12px;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.tn.dn{text-decoration:line-through;color:var(--tx3)}.td{font-size:11px;color:var(--tx2);font-family:var(--fm);white-space:nowrap;overflow:hidden}.dt-cell{cursor:pointer;border-radius:3px;padding:1px 3px}.dt-cell:hover{background:var(--bd2);color:var(--ac)}.pn{font-size:12px;font-weight:700;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:4px}.ic-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;cursor:pointer;font-size:12px;color:var(--tx3);border:none;background:none;flex-shrink:0}.ic-btn:hover{background:var(--bd2);color:var(--ac)}#task-tip{position:fixed;z-index:3000;background:var(--s1);border:1px solid var(--bd2);border-radius:8px;padding:10px 12px;font-size:11px;color:var(--tx);box-shadow:0 4px 20px #00000040;pointer-events:none;max-width:220px;line-height:1.6;display:none}#task-tip .tip-name{font-weight:700;font-size:12px;margin-bottom:5px;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#task-tip .tip-row{display:flex;gap:6px;align-items:flex-start}#task-tip .tip-label{color:var(--tx3);flex-shrink:0}#task-tip .tip-val{color:var(--tx2)}#cp{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}#chw{flex-shrink:0;overflow-x:hidden;overflow-y:hidden;background:var(--s1);position:relative}#chc{display:block;will-change:transform}#cbw{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:relative}#cbc{display:block;will-change:transform}#sv{display:none;flex:1;overflow-y:auto;padding:16px}#sv.show{display:block}.sg{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-bottom:16px}.sc{background:var(--s1);border:1px solid var(--bd);border-radius:8px;padding:12px}.sl{font-size:10px;color:var(--tx3);margin-bottom:3px}.sv2{font-size:22px;font-weight:700;font-family:var(--fm)}.sv2.ac{color:var(--ac)}.sv2.gn{color:var(--gn)}.sv2.or{color:var(--or)}.sv2.rd{color:var(--rd)}.sst{font-size:12px;font-weight:600;color:var(--tx);margin:14px 0 7px;display:flex;align-items:center;gap:6px}.sst:before{content:"";width:3px;height:12px;background:var(--ac);border-radius:2px}.pi{background:var(--s1);border:1px solid var(--bd);border-radius:7px;padding:10px 12px;margin-bottom:5px;display:flex;justify-content:space-between;align-items:start;gap:6px}.pi.dng{border-color:var(--rd);background:#dc26260f}.pi.wrn{border-color:var(--or);background:#d977060f}.pi-t{font-size:11px;font-weight:500;color:var(--tx)}.pi-m{font-size:10px;color:var(--tx3);margin-top:2px}.pb{height:3px;background:var(--bd);border-radius:2px;margin-top:5px}.pbf{height:3px;border-radius:2px}.ppct{font-size:11px;font-family:var(--fm);color:var(--tx2);font-weight:600;flex-shrink:0}.bdg{display:inline-flex;align-items:center;padding:1px 5px;border-radius:3px;font-size:9px;font-weight:700;flex-shrink:0}.bdg.todo{background:#5a647840;color:#5a6478}.bdg.inprogress{background:var(--ac2);color:var(--ac)}.bdg.requested{background:#d9770626;color:var(--or)}.bdg.done{background:#16a34a26;color:var(--gn)}.bdg.cancelled{background:#dc262626;color:var(--rd)}.ov{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:400;align-items:center;justify-content:center;padding:12px}.mo,.md{background:var(--s1);border:1px solid var(--bd2);border-radius:10px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0006}.mh{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--bd);position:sticky;top:0;background:var(--s1);z-index:10}.mt{font-size:13px;font-weight:600}.mb{padding:14px 16px;overflow:hidden}.mf{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--bd);position:sticky;bottom:0;background:var(--s1);z-index:10}.fl{display:block;font-size:10px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.fc{width:100%;background:var(--s3);border:1px solid var(--bd2);color:var(--tx);padding:6px 9px;border-radius:5px;font-family:var(--f);font-size:12px;outline:none;transition:border-color .1s}.fc:focus{border-color:var(--ac)}.fc option{background:var(--s3)}textarea.fc{min-height:60px;resize:vertical}.fg{margin-bottom:11px}.fg label{display:block;font-size:10px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.fg input,.fg select,.fg textarea{width:100%;background:var(--s3);border:1px solid var(--bd2);color:var(--tx);padding:6px 9px;border-radius:5px;font-family:var(--f);font-size:12px;outline:none;transition:border-color .1s;box-sizing:border-box}.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--ac)}.fg textarea{min-height:60px;resize:vertical}.fr{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cls{background:none;border:none;cursor:pointer;color:var(--tx3);font-size:18px;line-height:1;padding:2px 6px;border-radius:4px;transition:background .1s,color .1s;font-family:var(--f)}.cls:hover{background:var(--s3);color:var(--tx)}.emp{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;color:var(--tx3);gap:8px;text-align:center}.emp .ic{font-size:36px;opacity:.3}.emp .et{font-size:13px;font-weight:600}.emp .ed{font-size:11px}#apsv{display:none;flex:1;overflow-y:auto;padding:16px}#apsv.show{display:block}.aps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin-top:12px}.aps-card{background:var(--s1);border:1px solid var(--bd);border-radius:10px;padding:14px;cursor:pointer;transition:box-shadow .15s,border-color .15s;position:relative}.aps-card:hover{box-shadow:0 4px 16px #2563eb1f;border-color:var(--ac)}.gmenu-item{display:flex;align-items:center;gap:8px;padding:9px 14px;cursor:pointer;font-size:12px;color:var(--tx);transition:background .1s;position:relative;white-space:nowrap}.gmenu-item:hover{background:var(--s2)}.del-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:8000;align-items:center;justify-content:center}.del-modal.on{display:flex}.del-box{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:36px 32px 28px;min-width:320px;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 8px 40px #00000026}.del-title{font-size:15px;font-weight:700;color:#dc2626;letter-spacing:.5px}.del-msg{font-size:12px;color:#4b5563;text-align:center;line-height:1.8}.del-err{font-size:11px;color:#dc2626;min-height:15px;text-align:center}.del-btns{display:flex;gap:10px;width:100%}.del-btns button{flex:1;padding:10px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid #e2e8f0;transition:opacity .15s;letter-spacing:.3px}.sb-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--bd2);margin-right:5px;vertical-align:middle;transition:background .2s}.sb-dot.ok{background:var(--gn)}.sb-dot.err{background:var(--rd)}.sb-dot.busy{background:var(--or)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--s1)}::-webkit-scrollbar-thumb{background:var(--bd2);border-radius:3px}.bulk-bar{display:none;align-items:center;gap:8px;padding:5px 12px;background:var(--ac2);border-bottom:1px solid var(--ac);flex-shrink:0}.bulk-bar.on{display:flex}.bc{font-size:11px;color:var(--ac);font-weight:600}@keyframes rowEnter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes rowExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.t-r{animation:rowEnter .55s cubic-bezier(.4,0,.2,1)}.t-r.exiting{animation:rowExit .42s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}.t-r.parent-task .tn{font-weight:700}.t-r.parent-task{background:linear-gradient(to right,var(--s1) 44px,var(--s3) 44px)}.t-r.parent-task:hover{background:linear-gradient(to right,var(--s2) 44px,var(--bd) 44px)}@keyframes chartNavFwd{0%{opacity:.8;transform:translate(-36px)}to{opacity:1;transform:translate(0)}}@keyframes chartNavBack{0%{opacity:.8;transform:translate(36px)}to{opacity:1;transform:translate(0)}}.inline-add-row{display:grid;grid-template-columns:var(--gc);gap:3px;align-items:center;padding:0 6px;height:35px;border-bottom:1px solid var(--bd);background:#eff6ff;box-sizing:border-box}.inline-add-input{background:#fff;border:1px solid var(--ac);color:var(--tx);border-radius:4px;outline:none;font-family:var(--f)}@media(max-width:700px){:root{--gc:14px 18px 28px 2fr 50px 46px 46px 50px 18px}html,body,#root{height:auto;overflow:auto}#main{height:auto;overflow:visible}#gw{flex-direction:column;height:auto;overflow:visible}#tp{width:100%;min-width:0;border-right:none;border-bottom:2px solid var(--bd2);height:auto;overflow:visible}#tpb{overflow-y:auto;max-height:45vh}#cp{height:260px;min-height:260px;flex-shrink:0}#sv,#apsv{height:auto}#topbar{padding:6px 10px;gap:6px}.logo{order:0;flex-shrink:0}.tbr{order:1;margin-left:auto;flex-shrink:0;flex-wrap:nowrap}.pjs{order:2;width:100%;flex:none;flex-wrap:nowrap}.pjs select{max-width:120px;flex-shrink:1}.pjs input[type=text]{width:0;flex:1;min-width:60px}.sb-label{display:none}.fr{grid-template-columns:1fr}.mo .fr{grid-template-columns:1fr 1fr}}@media(min-width:701px){#main{height:calc(100vh - 84px - env(safe-area-inset-bottom,0px))}#tpb:after{content:"";display:block;height:60px}#cbw{padding-bottom:60px}}