:root{--sp:#475569;--sa:#0369a1;--sf:#d97706;--sea:#e9eff2;--land:#ffffff;--ink:#183247;--mut:#586c7a;--glass:rgba(255,255,255,.92);--line:rgba(0,125,198,.2);--soft:rgba(233,239,242,.82);--acc:#007dc6;--accT:#ffffff;--inp:#ffffff;--bd:rgba(70,103,124,.3);--ocn:#e9eff2;--row:#e9eff2;--ok:#047857;--warn:#b45309;--bad:#be123c;--info:#0369a1;--hov:rgba(0,125,198,.1);--hovs:#e9eff2;box-sizing:border-box}:root[data-t=dark]{--sp:#cbd5e1;--sa:#7dd3fc;--sf:#fcd34d;--sea:#152632;--land:#203845;--ink:#f1f7fa;--mut:#b6c8d1;--glass:rgba(24,48,62,.94);--line:rgba(159,207,232,.2);--soft:rgba(233,239,242,.08);--acc:#39a9ef;--accT:#102330;--inp:rgba(12,30,41,.8);--bd:rgba(201,224,236,.24);--ocn:#1b3544;--row:#203845;--ok:#6ee7b7;--warn:#fcd34d;--bad:#fda4af;--info:#7dd3fc;--hov:rgba(57,169,239,.15);--hovs:#2a4858}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:IBM Plex Sans Thai,system-ui,sans-serif;color:var(--ink);background:var(--sea);overflow:hidden;font-size:14px;-webkit-font-smoothing:antialiased}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}button,select,input,textarea{font:inherit;color:inherit}.glass{background:var(--glass);backdrop-filter:blur(8px) saturate(1.15);-webkit-backdrop-filter:blur(8px) saturate(1.15);border:1px solid var(--line);box-shadow:0 6px 24px #070d1a2e}.soft{background:var(--soft);border:1px solid var(--line);border-radius:6px}.b{border:1px solid var(--line);background:var(--soft);border-radius:5px;padding:7px 12px;cursor:pointer;font-weight:500}.b:hover:not(:disabled){background:var(--hov)}.b:disabled{opacity:.4;cursor:not-allowed}.pri{background:var(--acc);color:var(--accT);border-color:transparent}.ok{background:#059669;color:#fff;border-color:transparent}.no{background:#e11d48;color:#fff;border-color:transparent}.b.on{background:var(--acc);color:var(--accT)}.in{width:100%;border:1px solid var(--bd);background:var(--inp);border-radius:5px;padding:7px 10px}.in:disabled{opacity:.6}label{display:block;font-size:12px;color:var(--mut);margin:0 0 4px}.hint{font-size:12px;color:var(--mut)}.tg{display:flex;gap:8px;align-items:center;flex-wrap:wrap}:focus-visible{outline:2px solid var(--acc);outline-offset:2px}h2{margin:0;font-size:22px}.view{position:fixed;top:0;right:0;bottom:0;left:0;display:none}.view.on{display:block}.br{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px;white-space:nowrap;border:0;background:none;cursor:pointer;color:inherit;padding:0}.br i{width:30px;height:30px;border-radius:50%;display:block;font-style:normal;flex:none}.br i svg{width:100%;height:100%;display:block}.nv{position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);height:50px;border-radius:8px;display:none;align-items:center;gap:8px;padding:0 10px;z-index:30}.nv.on{display:flex}#navA{left:8px;max-width:calc(100% - 140px)}#navB{right:8px}.chip{padding:3px 10px;border-radius:99px;border:1px solid var(--line);background:var(--soft);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.av{width:32px;height:32px;border-radius:50%;background:var(--acc);color:var(--accT);display:grid;place-items:center;font-weight:600;font-size:13px;flex:none}.accb{display:flex;align-items:center;gap:8px;border:0;background:none;cursor:pointer;color:inherit;text-align:left;padding:0 2px}.who b{display:block;font-size:13px;line-height:1.15}.who small{display:block;color:var(--mut);font-size:11px}#accm,#bellm{position:fixed;right:8px;top:calc(env(safe-area-inset-top,0px) + 64px);width:310px;max-width:calc(100% - 16px);border-radius:8px;padding:10px;display:none;gap:8px;z-index:35;max-height:70vh;overflow:auto}#accm.open,#bellm.open{display:grid}.bell{position:relative}.bell em{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;border-radius:9px;background:#e11d48;color:#fff;font-size:11px;font-style:normal;display:grid;place-items:center;padding:0 4px}@media (max-width:760px){.who{display:none}}#login{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;place-items:center;padding:16px;background:radial-gradient(900px 500px at 15% 10%,var(--ocn),transparent),var(--sea)}#login.open{display:grid}.lgc{width:min(400px,100%);border-radius:8px;padding:22px;display:grid;gap:12px}.warn{background:#e11d481f;color:var(--bad);border-radius:5px;padding:8px 10px;font-size:13px}#map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:grab}#hp{position:absolute;left:8px;top:calc(env(safe-area-inset-top,0px) + 66px);bottom:8px;width:340px;max-width:calc(100% - 16px);border-radius:8px;display:flex;flex-direction:column;z-index:5}#hp .hd{padding:14px 14px 8px}#hl{overflow:auto;padding:0 8px 10px;display:grid;gap:2px;align-content:start}.row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:5px;border:0;background:none;text-align:left;cursor:pointer;width:100%}.row:hover,.row.on{background:var(--hov)}.row .t{flex:1;min-width:0}.row b,.row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row small{color:var(--mut);font-size:12px}.pg{width:34px;height:34px;flex:none}#zoom{position:absolute;right:10px;bottom:14px;display:grid;gap:6px;z-index:4}#zoom button{width:40px;height:40px;font-size:20px;padding:0}#sel{position:fixed;left:50%;bottom:14px;transform:translate(-50%);width:min(520px,calc(100% - 16px));border-radius:8px;padding:14px;z-index:6;display:none;gap:10px}#sel.on{display:grid}@media (min-width:900px){#sel{left:calc(50% + 170px)}}.sel-link{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:4;pointer-events:none;overflow:visible}.sel-link line{filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}@media (min-width:900px){#sel{width:min(390px,calc(100vw - 24px));transform:none;bottom:auto}.sel-link{display:block}}@media (max-width:899px){#sel{left:50%!important;top:auto!important;bottom:14px!important;transform:translate(-50%)!important}.sel-link{display:none}}.kp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kp div{padding:8px 10px}.kp b{font-size:20px;display:block}.kp small{color:var(--mut);font-size:11px}#aside{position:absolute;left:8px;top:calc(env(safe-area-inset-top,0px) + 66px);bottom:8px;width:272px;border-radius:8px;padding:10px;overflow:auto;display:grid;gap:2px;align-content:start;z-index:8;transition:transform .25s}#main{position:absolute;left:288px;right:8px;top:calc(env(safe-area-inset-top,0px) + 66px);bottom:8px;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}@media (max-width:900px){#aside{transform:translate(-110%)}#aside.open{transform:none}#main{left:8px}}.ai{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:none;padding:8px 10px;border-radius:5px;cursor:pointer;font-size:13.5px}.ai:hover{background:var(--hov)}.ai.on{background:var(--acc);color:var(--accT)}.ai .n{width:26px;color:var(--mut);font-size:12px;flex:none}.ai.on .n{color:inherit}.ai .nm{flex:1;min-width:0}.ai.sub{padding-left:26px}.cnt{font-size:11px;padding:1px 7px;border-radius:99px;background:var(--soft);border:1px solid var(--line)}.cnt.od{background:#e11d4829;color:var(--bad);border-color:transparent}.ai.on .cnt{background:#ffffff40;color:inherit}.ag{padding:10px 10px 2px;font-size:12px;color:var(--mut)}.ph{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:14px 16px 8px;flex-wrap:wrap}.tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:0 16px 10px}.tools .in{width:auto;min-width:150px}.tbw{flex:1;overflow:auto;padding:0 12px 12px}table.dt{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:13px}.dt th{position:sticky;top:0;background:var(--row);text-align:left;padding:9px 10px;color:var(--mut);font-weight:500;font-size:12px;white-space:nowrap;z-index:2;border-bottom:1px solid var(--bd)}.dt td{padding:9px 10px;border-bottom:1px solid var(--bd);white-space:nowrap;max-width:230px;overflow:hidden;text-overflow:ellipsis}.dt tbody tr{cursor:pointer}.dt tbody tr:hover td{background:var(--hovs)}.dt th:first-child,.dt td:first-child{position:sticky;left:0;background:var(--row);z-index:1}.dt th:first-child{z-index:3}.bd{display:inline-block;padding:2px 9px;border-radius:99px;font-size:11.5px;font-weight:500;white-space:nowrap}.tn{background:#64748b33}.tw{background:#f59e0b33;color:var(--warn)}.ti{background:#0ea5e933;color:var(--info)}.to{background:#10b98133;color:var(--ok)}.tb{background:#e11d482e;color:var(--bad)}.g2{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;padding:0 16px 14px}.card{padding:12px;border-radius:6px;cursor:pointer;text-align:left}.card:hover{background:var(--hov)}#md{position:fixed;top:0;right:0;bottom:0;left:0;background:#070d1a8c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:none;place-items:center;padding:10px;z-index:45}#md.open{display:grid}.mc{width:min(920px,100%);height:min(760px,100%);display:flex;flex-direction:column;border-radius:8px;overflow:hidden}.mc.s{height:auto;max-height:100%;width:min(640px,100%)}.mh{display:flex;gap:10px;padding:16px 16px 6px}.mt{display:flex;gap:6px;padding:6px 16px;overflow-x:auto;border-bottom:1px solid var(--bd)}.mt .b{flex:none}.mbd{flex:1;overflow:auto;padding:14px 16px;display:grid;gap:12px;align-content:start;grid-auto-rows:max-content}.mf{display:flex;gap:8px;padding:10px 16px;border-top:1px solid var(--bd);flex-wrap:wrap;align-items:center}.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.kv div small{display:block;color:var(--mut);font-size:12px}.tb2{width:100%;border-collapse:collapse;font-size:13px}.tb2 td,.tb2 th{padding:6px;border-bottom:1px solid var(--bd);text-align:left}#toasts{position:fixed;left:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);display:grid;gap:8px;z-index:60;width:min(360px,calc(100% - 24px))}.ts{border-radius:6px;padding:12px;display:grid;gap:6px;animation:tin .3s ease-out}.ts b,.ts div{font-size:13px}@keyframes tin{0%{transform:translate(-30px);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion:reduce){.ts{animation:none}}.em{background:#fff;color:#1f2937;border-radius:6px;padding:18px;display:grid;gap:10px;font-family:Arial,sans-serif;font-size:14px}.em a{display:inline-block;background:#0e7490;color:#fff;padding:10px 16px;border-radius:4px;text-decoration:none;font-weight:600;cursor:pointer;width:max-content}.em small{color:#6b7280}.b.pri:hover:not(:disabled),.b.on:hover:not(:disabled){background:var(--acc);filter:brightness(.9)}.b.ok:hover:not(:disabled){background:#059669;filter:brightness(.9)}.b.no:hover:not(:disabled){background:#e11d48;filter:brightness(.9)}#admm{position:absolute;left:8px;right:8px;top:calc(env(safe-area-inset-top,0px) + 66px);bottom:8px;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.c0{--pc:#94a3b8}.c1{--pc:#0ea5e9}.c2{--pc:#10b981}.c3{--pc:#e11d48}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--pc);margin-right:6px;flex:none}.sb{background:color-mix(in srgb,var(--pc) 24%,transparent)}.pl{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:12px;align-items:start}@media (max-width:760px){.pl{grid-template-columns:1fr}}.b.xb{background:none;border:0;box-shadow:none;width:32px;height:32px;padding:0;font-size:18px;color:var(--mut)}.b.xb:hover:not(:disabled){background:var(--hov);color:var(--ink)}.card2{padding:12px;display:grid;gap:8px}table.tb2{border-collapse:collapse}.tb2 th,.tb2 td{padding:6px 8px;border-bottom:1px solid var(--bd);text-align:left;font-size:13px}.mc.rp{width:min(980px,96vw)}.rr{display:grid;grid-template-columns:24px 1fr 70px 1fr;gap:6px;margin-bottom:5px;align-items:center}.rr.r2{grid-template-columns:24px 1fr}.rr.r4{grid-template-columns:24px 1fr 1fr 110px 110px}.rr .in{padding:4px 8px}canvas.sg{width:100%;height:90px;background:#fff;border:1px solid var(--input);border-radius:4px;touch-action:none;display:block}.pg{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}#main .tbw>.pg{width:100%;height:auto;display:grid;flex:none;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}#main .tbw>.pg:nth-of-type(1){grid-template-columns:repeat(4,minmax(0,1fr))}#main .tbw>.pg:nth-of-type(3){grid-template-columns:repeat(5,minmax(0,1fr))}.mc.rp .mbd>div.pg{width:100%;height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sg{width:100%;height:90px;border:1px solid var(--bd);border-radius:5px;background:#fff;touch-action:none}.task-detail{border:0;background:none;color:inherit;text-align:left;padding:0;cursor:pointer;font-weight:500}.task-detail:hover{text-decoration:underline;color:var(--acc)}#hp #hl{flex:1;min-height:0}#projectForm{max-height:46%;overflow:auto;flex:none}#hp.map-picking{transform:translate(-110%);transition:transform .25s;pointer-events:none}.new-form-actions{display:flex;gap:6px;align-items:center}#project-plan-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}#project-plan-phases{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:8px;overflow-x:auto;padding:2px 2px 8px;margin-bottom:12px}#project-plan-phases .card{min-width:0}@media (max-width:760px){#project-plan-kpis{grid-template-columns:1fr 1fr}#project-plan-phases{grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:1fr}}.proc-unified{display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr);align-items:start;margin:0 2px 16px}.proc-task-list{min-width:0;border-radius:6px 0 0 6px;padding:0;overflow:hidden}.proc-task-heading,.proc-chart-heading{height:30px;display:flex;align-items:center;padding:0 10px;border-bottom:1px solid var(--bd);font-weight:600}.proc-curve-spacer{height:150px;display:flex;align-items:flex-start;padding:8px 10px;color:var(--mut);font-size:11px}.proc-label-axis{height:30px;display:flex;align-items:center;padding:0 10px;border-bottom:1px solid var(--bd);font-size:11px;color:var(--mut)}.proc-task-label{height:50px;display:grid;grid-template-rows:20px 30px;padding:0 8px;border-bottom:1px solid var(--bd);overflow:hidden}.proc-task-label.selected-phase{background:var(--hov)}.proc-task-title{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.proc-task-title .task-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proc-task-tracks{display:grid;grid-template-rows:repeat(3,10px);padding-left:28px}.proc-chart-scroll{min-width:0;overflow-x:auto;overflow-y:hidden;border-radius:0 6px 6px 0}.proc-chart-svg{display:block;height:auto}.proc-graph-legend{display:flex;gap:12px;flex-wrap:wrap;margin:8px 10px;font-size:11px}.proc-track-label{display:flex;align-items:center;font-size:9px;line-height:1;color:var(--mut);white-space:nowrap}.proc-graph-title{font-size:12px;fill:var(--ink);font-weight:600}.proc-curve-grid,.proc-date-grid{stroke:var(--bd);stroke-width:1}.proc-day-label,.proc-percent-label{font-size:10px;fill:var(--mut)}.proc-empty{min-height:150px;display:grid;place-items:center}.admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.admin-table-wrap{overflow:auto}@media (max-width:760px){.proc-unified{grid-template-columns:minmax(150px,42%) minmax(0,1fr)}.proc-chart-scroll{overflow-x:auto}.proc-chart-svg{min-width:1200px}.proc-task-title .task-detail{font-size:11px}.admin-grid{grid-template-columns:1fr 1fr}}@media (max-width:760px){#main .tbw>.pg,#main .tbw>.pg:nth-of-type(1),#main .tbw>.pg:nth-of-type(3),.mc.rp .mbd>div.pg{grid-template-columns:1fr}}.pk5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 2px 10px}.pk{background:#007dc61f;border-radius:14px;padding:10px 8px;text-align:center;display:grid;gap:2px;align-content:center;min-height:92px}.pk b{font-size:14px;font-weight:500;white-space:nowrap}.pk .big{font-size:22px;font-weight:500}.pk small{font-size:11px;color:var(--mut)}@media (max-width:900px){.pk5{grid-template-columns:repeat(2,minmax(0,1fr))}}.ptools{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:0 2px 8px;padding:6px 10px}.ptools label{display:flex;align-items:center;gap:4px;margin:0;color:var(--ink);font-size:12.5px;cursor:pointer}.pt{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;font-size:11.5px}.pt td,.pt th{box-sizing:border-box;height:22px;line-height:20px;padding:0 5px;border-bottom:1px solid #dbe3e8;border-right:1px solid #e6ecef;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pt th{height:34px;background:#2f8f57;color:#fff;font-weight:600;text-align:center}.pt .pr0 td{background:#e3f1e6;font-weight:600}.pt td:nth-child(n+2){text-align:center}.pt .cr td,.pt .cr .task-detail{color:#d11a2a}:root{--g-bg:#ffffff;--g-head:#f3f6f8;--g-grid:#e6ecef;--g-grp:#e3f1e6;--g-sub:#f7fafb;--g-mut:#586c7a;--gp:#94a3b8;--ga:#0284c7;--gf:#f59e0b}:root[data-t=dark]{--g-bg:#18303d;--g-head:#203845;--g-grid:#2a4858;--g-grp:#1d4436;--g-sub:#1c3746;--g-mut:#b6c8d1;--gp:#7c8ba1;--ga:#38bdf8;--gf:#fbbf24}#aside{display:none}#scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#070d1a52;z-index:40;display:none}#scrim.on{display:block}@media (prefers-reduced-motion:reduce){#aside{transition:none}}.ai .n{width:40px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10.5px}.dh{display:flex;align-items:center;gap:8px;padding:2px 2px 8px 6px;border-bottom:1px solid var(--bd);margin-bottom:4px}.ptools .sep{width:1px;height:18px;background:var(--bd)}.ptools .b{padding:4px 10px;font-size:12px}.gw{display:flex;align-items:flex-start;background:var(--g-bg);color:var(--ink);border:1px solid var(--bd);border-radius:6px;overflow-x:auto;overflow-y:hidden}.gl{position:sticky;left:0;z-index:3;flex:none;background:var(--g-bg);border-right:2px solid var(--bd)}.gc{flex:none}.gh,.gn{display:grid;grid-template-columns:var(--gc)}.gh{height:40px;background:var(--g-head);font-size:11px;font-weight:600;color:var(--g-mut);align-items:end;border-bottom:1px solid var(--g-grid)}.gh>div{padding:0 4px 5px;white-space:nowrap;overflow:hidden}.gn{grid-template-rows:repeat(3,20px);border-bottom:1px solid var(--g-grid);font-size:11.5px;box-sizing:border-box;height:60px}.gn>*{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:20px;padding:0 3px}.gn .gnm{grid-row:span 3;display:flex;align-items:center;gap:3px;white-space:normal;line-height:1.2}.gn .gnm .task-detail{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:11.5px}.gn .gpc,.gn .grc{grid-row:span 3;display:flex;align-items:center;justify-content:center}.gh .grc{justify-content:center;font-size:9px;padding:0 0 5px}.gn.l0{background:var(--g-grp)}.gn.l0 .gnm .task-detail{font-weight:600}.gn.l2{background:var(--g-sub)}.gn.l2 .gnm .task-detail{font-weight:400;color:var(--mut)}.gn.cr .gnm .task-detail{color:#d11a2a}.gty{font-size:10px;color:var(--g-mut);display:flex;align-items:center;gap:4px}.gty:before{content:"";width:8px;height:8px;border-radius:2px;flex:none}.gty.tp:before{background:var(--gp)}.gty.ta:before{background:var(--ga)}.gty.tf:before{background:var(--gf)}.gi,.gd{width:100%;border:0;background:transparent;font:inherit;font-size:11px;color:inherit;padding:0 2px;height:19px;border-radius:3px;cursor:pointer;text-align:left}.gd{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10.5px}.gi:hover,.gd:hover{background:var(--hov)}.gi:focus{outline:1px solid var(--acc);background:var(--inp)}.gt{border:0;background:none;cursor:pointer;width:14px;padding:0;color:inherit;flex:none;font-size:11px}.gsc{height:150px;border-bottom:1.5px solid var(--bd);padding:8px;display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--g-mut)}.gsc b{color:var(--ink);font-size:12px}.gsc .lg{display:inline-block;width:14px;height:8px;border-radius:2px;margin-right:6px;vertical-align:middle}.gi[type=number]{-moz-appearance:textfield}.gi[type=number]::-webkit-inner-spin-button,.gi[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.gleg{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;margin:8px 2px 14px;align-items:center}.gleg .lg{display:inline-block;width:14px;height:8px;border-radius:2px;margin-right:5px;vertical-align:middle}.raci{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px}.raci .in{padding:4px 6px}.wfl{display:grid;gap:2px}.wfs{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:start;padding:8px;border-radius:5px;border-left:3px solid transparent}.wfs.done{opacity:.72}.wfs.cur{background:var(--hov);border-left-color:var(--acc)}.wfn{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--bd);font-size:11px}.wfs.done .wfn{background:var(--ok);color:#fff;border-color:transparent}.wfs.cur .wfn{background:var(--acc);color:var(--accT);border-color:transparent}.wdoc{border:1px solid var(--line);background:var(--land);border-radius:99px;padding:2px 9px;font-size:11.5px;cursor:pointer;color:inherit}.wdoc:hover{background:var(--hov)}.wdoc.off{cursor:default;opacity:.7;background:var(--soft)}.fm table.ftab td{padding:2px}.fm table.ftab .in{padding:4px 6px;min-width:90px}.biglogo{position:absolute;z-index:1}.lgfull svg,.lgfull img{width:100%;height:auto;display:block}#login{display:none;background:radial-gradient(900px 500px at 15% 10%,var(--ocn),transparent),var(--sea)}#login.open{display:block}#login .lgl{left:calc((100vw - max(24px,6vw) - 340px)/2);top:50%;transform:translate(-50%,-50%);width:min(46vw,640px)}#login .lgc{position:absolute;right:max(24px,6vw);top:50%;transform:translateY(-50%);width:min(340px,calc(100% - 32px));background:var(--glass);border:1px solid var(--line);box-shadow:0 6px 24px #070d1a2e;border-radius:8px;padding:20px;display:grid;gap:12px;z-index:2}#login .fgt{justify-self:end;font-size:12px;color:var(--ink);text-decoration:none}#login .fgt:hover{text-decoration:underline}#login .demo{position:absolute;left:16px;bottom:12px;max-width:min(760px,calc(100% - 32px));max-height:42vh;overflow:auto;font-size:12px;color:var(--mut);z-index:2;background:var(--glass);border:1px solid var(--line);border-radius:8px;padding:6px 10px}#login .demo summary{cursor:pointer}#login .demo .tg{margin-top:8px}@media (max-width:760px){#login .lgl{left:50%;top:9%;transform:translate(-50%);width:min(72vw,360px)}#login .lgc{right:50%;top:auto;bottom:12%;transform:translate(50%)}}#home .lgfull{width:100%}#hlogo{position:fixed;z-index:7;pointer-events:none;transition:left .6s cubic-bezier(.2,.7,.2,1),top .6s cubic-bezier(.2,.7,.2,1),width .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}#hlogo.big{left:calc((100vw - 376px)/2);top:50%;width:min(46vw,640px);transform:translate(-50%,-50%)}#hlogo.small{left:16px;top:calc(env(safe-area-inset-top,0px) + 16px);width:170px;transform:translateY(0)}@media (max-width:760px){#hlogo.big{left:50%;top:22%;transform:translate(-50%,-50%);width:min(70vw,340px)}}#home #map{transition:opacity .5s}#home.m-logo #map,#home.m-logo #zoom,#home.m-logo #sel,#home.m-add.t-org #map{opacity:0;pointer-events:none;visibility:hidden}#home #zoom{right:auto;left:16px;bottom:16px}#home.m-add #zoom,#home.m-logo #zoom{display:none}#home.m-add.t-map #zoom{display:grid}#hp{left:auto;right:16px;top:calc(env(safe-area-inset-top,0px) + 66px);bottom:16px;width:min(360px,calc(100% - 24px));z-index:8}#hp.map-picking{transform:none;pointer-events:auto}#hp .lnk{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;font:inherit;font-size:10.5px;letter-spacing:.04em;color:var(--mut);cursor:pointer;margin:0 0 8px}#hp .lnk:before{content:"";width:8px;height:8px;border-radius:50%;border:1.5px solid var(--bad)}#hp .lnk:hover{color:var(--ink)}#hp.add .hd,#hp.add #hl{display:none}#hform{overflow:auto;padding:14px;display:grid;gap:10px;align-content:start}#hform:empty{display:none}#addtabs{position:absolute;left:16px;top:calc(env(safe-area-inset-top,0px) + 66px);z-index:6;display:none;gap:4px;padding:4px;border-radius:8px}#home.m-add #addtabs{display:flex}#addtabs .b{padding:5px 10px;font-size:12.5px}#orgwrap{position:absolute;left:8px;right:392px;top:calc(env(safe-area-inset-top,0px) + 112px);bottom:8px;border-radius:8px;overflow:auto;padding:10px;display:none;z-index:5}#home.m-add.t-org #orgwrap{display:block}@media (max-width:900px){#orgwrap{right:8px;bottom:42%}}.fpl{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:12px}#dnav{position:absolute;left:8px;right:8px;top:calc(env(safe-area-inset-top,0px) + 66px);height:42px;border-radius:8px;display:flex;align-items:center;z-index:9;padding:0 2px}#dnin{flex:1;min-width:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:0 6px;scroll-behavior:smooth}#dnin::-webkit-scrollbar{display:none}.dn-arr{border:0;background:none;color:var(--ink);font-size:20px;line-height:1;width:24px;height:30px;cursor:pointer;display:none;border-radius:6px}.dn-arr:hover{background:var(--hov)}.dn-arr.on{display:block}.dn-i{flex:none;display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--soft);color:var(--ink);font:inherit;font-size:12.5px;font-weight:500;padding:5px 11px;border-radius:6px;cursor:pointer;white-space:nowrap}.dn-i:hover{background:var(--hov)}.dn-i.on{background:var(--acc);color:var(--accT);border-color:transparent}.dn-i .caret{font-size:9px;opacity:.7}.dn-i .cnt{margin:0}#navdd{position:fixed;z-index:46;display:none;padding:5px;min-width:190px;max-width:320px;border-radius:8px;gap:1px}#navdd.on{display:grid}#navdd .tip{padding:6px 10px;font-size:12.5px}#navdd .sub{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--ink);font:inherit;font-size:13px;text-align:left;padding:7px 10px;border-radius:5px;cursor:pointer}#navdd .sub:hover,#navdd .sub.on{background:var(--hov)}#navdd .sub .n{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;color:var(--mut);width:28px;flex:none}#navdd .sub .nm{flex:1}#pjm{position:fixed;z-index:46;display:none;padding:6px;min-width:280px;max-width:min(380px,calc(100vw - 16px));max-height:60vh;overflow:auto;border-radius:8px;gap:2px}#pjm.on{display:grid}.pjchip{cursor:pointer;color:inherit;font-family:inherit}.pjchip:after{content:" ▾";font-size:10px}.pjchip:hover{background:var(--hov)}#main{left:8px;top:calc(env(safe-area-inset-top,0px) + 114px)}.ocs{position:relative}.ocw{position:absolute;left:0;top:0;transform-origin:0 0}.ocw svg.ocl{position:absolute;left:0;top:0;pointer-events:none}.ocn{position:absolute;box-sizing:border-box;border:1.5px solid var(--bd);background:var(--land);border-radius:10px;padding:5px 8px;display:flex;flex-direction:column;justify-content:center;gap:2px;font-size:13px}.ocn small{font-size:10.5px;color:var(--mut);line-height:1.1}.ocn .nm{font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ocn .pend{color:var(--mut);font-style:italic;font-weight:400}.ocn select.in{padding:3px 6px;font-size:12.5px}.ocn.ed{border-color:var(--acc);box-shadow:0 0 0 2px var(--hov)}.ocn.dim{opacity:.45}.oct{position:absolute;box-sizing:border-box;border:1.5px solid var(--bd);border-radius:10px;background:var(--soft)}.oct.sel{border-color:var(--acc);background:var(--hov)}.oct.dim{opacity:.55}.oct .th{position:absolute;left:10px;top:7px;font-size:11px;font-weight:600;letter-spacing:.04em}.oct .tb{position:absolute;right:10px;top:5px;font-size:11px}.ocl-t{position:absolute;font-size:10.5px;letter-spacing:.03em;color:var(--mut);white-space:nowrap}.ocse{position:absolute;display:flex;align-items:center;gap:6px;box-sizing:border-box;border:1.5px solid var(--bd);background:var(--land);border-radius:8px;padding:0 8px;font-size:12.5px}.ocse button{border:0;background:none;color:var(--mut);cursor:pointer;margin-left:auto;font-size:12px}.ocse.off{border-style:dashed;color:var(--mut)}.ocpend{padding:8px 12px;border-radius:8px;margin:0 0 10px;display:flex;gap:10px;align-items:center;background:#f59e0b24;color:var(--warn)}.oadm{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px;align-items:start}@media (max-width:1000px){.oadm{grid-template-columns:1fr}}.gn{grid-template-rows:repeat(2,20px);height:40px}.gn .gnm,.gn .gpc,.gn .grc{grid-row:span 2}.gn .gnm .task-detail{-webkit-line-clamp:2}.gn .dp{color:var(--g-mut)}.gn .da{color:var(--ga)}.gn .df{color:var(--gf)}.gn .gd.proj{font-style:italic;text-decoration:underline dashed;text-underline-offset:3px}.pjchip2{cursor:pointer;color:inherit;font-family:inherit}.pjchip2:hover{background:var(--hov)}#root{height:100%}:root{--radius-control:5px;--radius-card:6px;--radius-panel:8px;--radius-kpi:14px;--success-btn:#059669;--danger-btn:#e11d48}