:root{--bg:#FFFFFF;--bg-2:#F8F9FB;--bg-3:#F1F3F7;--bg-hover:#F4F6FA;--bd:#E4E7EE;--bd-2:#CDD2DE;--ink:#0F1623;--ink-2:#2D3548;--ink-3:#566174;--ink-4:#8A93A8;--ink-5:#B8BDCA;--navy:#0D1B3E;--navy-2:#1A2F5C;--navy-mute:#9DAACB;--navy-line:#2A3B66;--blue:#2563EB;--blue-l:#EFF4FF;--green:#16A34A;--green-l:#F0FDF4;--amber:#D97706;--amber-l:#FFFBEB;--red:#DC2626;--red-l:#FEF2F2;--font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;--r:12px;--r-lg:16px;--r-xl:20px;--sh-xs:0 1px 2px rgba(15,22,35,.04);--sh:0 2px 8px rgba(15,22,35,.07),0 0 0 1px rgba(15,22,35,.04);--sh-md:0 4px 16px rgba(15,22,35,.09),0 0 0 1px rgba(15,22,35,.05);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg-2);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.wrap{max-width:1120px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.top{background:var(--bg);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:10;padding-top:env(safe-area-inset-top,0px)}.top .wrap{display:flex;align-items:center;gap:12px;min-height:60px;flex-wrap:wrap}.gem{width:34px;height:34px;border-radius:9px;background:var(--navy);display:flex;align-items:center;justify-content:center;flex:none}.gem img{width:66%;height:66%;object-fit:contain;display:block}.brand{display:flex;flex-direction:column;line-height:1.2;min-width:0}.brand b{font-size:14px;font-weight:700}.brand span{font-size:12px;color:var(--ink-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp{flex:1}.tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.tab{border:0;background:none;padding:18px 12px 16px;font-size:13px;font-weight:500;color:var(--ink-4);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.tab:hover{color:var(--ink-2)}.tab.on{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}main.wrap{padding-block:24px 64px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}main.wrap>*{min-width:0}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pills{display:inline-flex;gap:3px;background:var(--bg-3);border:1px solid var(--bd);border-radius:var(--r-xl);padding:3px;flex-wrap:wrap}.pill{padding:5px 13px;border-radius:var(--r-lg);font-size:12.5px;font-weight:500;color:var(--ink-4);cursor:pointer;border:0;background:none;display:inline-flex;align-items:center;gap:6px}.pill.on{background:var(--bg);color:var(--ink);box-shadow:var(--sh-xs),0 0 0 1px #0f16230a;font-weight:600}.dot{width:8px;height:8px;border-radius:3px;background:var(--mc)}.card{background:var(--bg);border:1px solid var(--bd);border-radius:var(--r-lg);box-shadow:var(--sh)}.card-head{padding:13px 18px;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.card-title{font-size:13.5px;font-weight:700}.card-body{padding:16px 18px;display:grid;gap:12px}.small{font-size:12px;color:var(--ink-4)}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 8px;border-radius:8px;white-space:nowrap;border:1px solid transparent;line-height:16px}.b-gray{background:var(--bg-3);color:var(--ink-3);border-color:var(--bd)}.b-blue{background:var(--blue-l);color:var(--blue);border-color:#2563eb33}.b-green{background:var(--green-l);color:var(--green);border-color:#16a34a33}.b-amber{background:var(--amber-l);color:var(--amber);border-color:#d9770638}.b-red{background:var(--red-l);color:var(--red);border-color:#dc262633}.mk{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;letter-spacing:.3px;padding:1px 8px 1px 6px;border-radius:6px;white-space:nowrap;line-height:18px;color:var(--mc);background:color-mix(in srgb,var(--mc) 10%,#fff)}.mk:before{content:"";width:7px;height:7px;border-radius:2px;background:var(--mc)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600;cursor:pointer;border:0;white-space:nowrap;font-size:13px;padding:9px 16px;border-radius:var(--r);background:var(--navy);color:#fff;box-shadow:var(--sh-xs);transition:background .15s}.btn:hover{background:var(--navy-2)}.btn[disabled]{opacity:.5;pointer-events:none}.btn.out{background:var(--bg);color:var(--ink-2);border:1px solid var(--bd-2)}.btn.out:hover{background:var(--bg-hover)}.btn.sm{font-size:12px;padding:6px 12px;border-radius:9px}.hero{background:var(--navy);color:#fff;border-radius:var(--r-xl);padding:24px 26px 20px;display:grid;gap:24px;box-shadow:var(--sh-md)}.hero .eb{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--navy-mute)}.hero h1{margin:6px 0 0;font-size:clamp(20px,2.6vw,27px);font-weight:700;letter-spacing:-.02em;line-height:1.2;text-wrap:balance}.hero p{margin:6px 0 0;color:var(--navy-mute);font-size:13px}.hero-top{display:flex;justify-content:space-between;align-items:flex-end;gap:18px 30px;flex-wrap:wrap}.kpis{display:flex}.kpi{display:grid;gap:2px;padding:0 22px;border-left:1px solid var(--navy-line)}.kpi:first-child{border-left:0;padding-left:0}.kpi:last-child{padding-right:0}.kpi b{font-family:var(--mono);font-size:28px;font-weight:600;letter-spacing:-.03em;line-height:1.1}.kpi b small{font-size:15px;color:var(--navy-mute)}.kpi span{font-size:11px;color:var(--navy-mute);white-space:nowrap}.segs{display:flex;gap:4px}.seg{display:grid;gap:7px;min-width:0}.seg .bar{height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}.seg .bar i{display:block;height:100%;background:#ffffffd9;border-radius:3px}.seg .bar i.part{background:#6e9bff}.seg span{font-family:var(--mono);font-size:10px;color:var(--navy-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seg.now span{color:#fff;font-weight:600}.seg.ext .bar{background:#f5a52433}.seg.ext .bar i{background:#f5a524}.seg.ext span{color:#f5a524}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat{background:var(--bg);border:1px solid var(--bd);border-radius:var(--r-lg);padding:14px 16px;box-shadow:var(--sh);display:grid;gap:2px}.stat b{font-family:var(--mono);font-size:24px;font-weight:600;letter-spacing:-.02em}.stat b small{font-size:13px;color:var(--ink-4)}.stat span{font-size:11.5px;color:var(--ink-4)}.meter{height:6px;border-radius:6px;background:var(--bg-3);overflow:hidden;display:flex}.meter i{display:block;height:100%}.li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--bd)}.li:last-child{border-bottom:0}.li .t{flex:1;min-width:0;font-weight:600;font-size:13px}.due{font-family:var(--mono);font-size:11px;color:var(--ink-4);white-space:nowrap}.phase{display:grid;grid-template-columns:minmax(0,1fr) 140px 44px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--bd)}.phase:last-child{border-bottom:0}.task{border-bottom:1px solid var(--bd)}.task:last-child{border-bottom:0}.task summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 18px;cursor:pointer;flex-wrap:wrap}.task summary::-webkit-details-marker{display:none}.task summary .t{flex:1 1 220px;min-width:0;font-weight:600}.task summary:hover{background:var(--bg-hover)}.task .inner{padding:0 18px 14px 44px;display:grid;gap:10px;font-size:13px;color:var(--ink-2)}.st{width:16px;height:16px;border-radius:50%;border:1.6px solid var(--ink-5);flex:none;position:relative}.st.e{border-color:var(--blue);background:conic-gradient(var(--blue) 0 50%,#fff 50% 100%)}.st.c{border-color:var(--green);background:var(--green)}.st.c:after{content:"";position:absolute;left:4px;top:1.5px;width:4px;height:7px;border:solid #fff;border-width:0 1.8px 1.8px 0;transform:rotate(45deg)}.check{list-style:none;margin:0;padding:0;display:grid;gap:4px}.check li{display:flex;gap:8px;align-items:flex-start}.check li:before{content:"";width:14px;height:14px;border:1.6px solid var(--bd-2);border-radius:4px;flex:none;margin-top:3px}.check li.ok{color:var(--ink-4)}.check li.ok:before{background:var(--green);border-color:var(--green)}.note{background:var(--blue-l);border-radius:10px;padding:10px 12px;white-space:pre-line}.tbl-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:640px}th{font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-4);padding:9px 14px;text-align:left;border-bottom:1px solid var(--bd);background:var(--bg-2);white-space:nowrap}td{padding:10px 14px;border-bottom:1px solid var(--bd);font-size:13px;vertical-align:middle}tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;font-family:var(--mono)}.field{display:grid;gap:5px}.field span{font-size:12px;font-weight:600;color:var(--ink-2)}.input,.textarea,.select{font-size:13.5px;background:var(--bg);border:1px solid var(--bd);border-radius:var(--r);padding:9px 12px;outline:none;width:100%;box-shadow:var(--sh-xs)}.input:focus,.textarea:focus,.select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f}.textarea{min-height:96px;resize:vertical}.center{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:24px}.center .card{max-width:440px;text-align:center}.empty{padding:36px 20px;text-align:center;color:var(--ink-4)}.empty b{display:block;color:var(--ink);margin-bottom:4px}.foot{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:11.5px;color:var(--ink-4);border-top:1px solid var(--bd);padding-top:16px}.foot img{height:14px;width:auto;opacity:.75}.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--navy);color:#fff;padding:10px 16px;border-radius:var(--r-lg);font-size:13px;z-index:50;box-shadow:var(--sh-md);max-width:calc(100% - 32px)}.toast.err{background:var(--red)}@media(max-width:860px){.grid2{grid-template-columns:minmax(0,1fr)}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.kpi{padding:0 14px}.kpi b{font-size:22px}.hero{padding:20px}.phase{grid-template-columns:minmax(0,1fr) 80px 40px}.task .inner{padding-left:18px}.tab{padding:14px 10px 12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.legend{display:flex;align-items:center;gap:6px 6px;flex-wrap:wrap;font-size:11.5px;color:var(--ink-4)}.lg{width:14px;height:8px;border-radius:3px;display:inline-block;margin-left:8px}.lg.c{background:var(--green)}.lg.e{background:var(--blue)}.lg.n{background:#c9cfdb}.lg.late{background:var(--amber)}.lg.ms{width:9px;height:9px;border-radius:2px;transform:rotate(45deg);background:var(--navy)}.g-scroll{overflow-x:auto}.gantt{min-width:max(100%,calc(240px + var(--cols) * 92px));--lab:240px}.g-row{display:grid;grid-template-columns:var(--lab) minmax(0,1fr);align-items:center}.g-lab{position:sticky;left:0;z-index:4;background:var(--bg);padding:0 14px 0 18px;display:flex;align-items:center;gap:8px;min-width:0;height:100%;border-right:1px solid var(--bd)}.g-lab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500}.g-track{position:relative;height:100%}.g-head{height:34px;border-bottom:1px solid var(--bd);background:var(--bg-2)}.g-head .g-lab{background:var(--bg-2)}.g-month{position:absolute;top:50%;transform:translateY(-50%);padding-left:8px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-4);white-space:nowrap}.g-body{position:relative}.g-grid{position:absolute;inset:0 0 0 var(--lab);pointer-events:none;z-index:1}.g-grid i{position:absolute;top:0;bottom:0;width:1px;background:var(--bd)}.g-grid b{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--red);opacity:.75}.g-grid b span{position:absolute;top:2px;left:5px;font-family:var(--mono);font-size:9.5px;font-weight:700;color:var(--red);background:var(--bg);padding:0 4px;border-radius:4px}.g-phase{height:32px;background:var(--bg-2);border-bottom:1px solid var(--bd)}.g-phase .g-lab{background:var(--bg-2);font-size:11px;font-weight:700;letter-spacing:.3px;color:var(--ink-3);text-transform:uppercase}.g-task{height:34px;border-bottom:1px solid var(--bd);cursor:pointer}.g-task:hover .g-lab,.g-task:hover{background:var(--bg-hover)}.g-group:last-child .g-task:last-child{border-bottom:0}.g-dot{width:8px;height:8px;border-radius:3px;background:var(--mc);flex:none}.g-bar,.g-ms{position:absolute;top:50%;z-index:2;border:0;padding:0;cursor:pointer}.g-bar{height:14px;transform:translateY(-50%);border-radius:5px;min-width:6px}.g-ms{width:12px;height:12px;margin-left:-6px;transform:translateY(-50%) rotate(45deg);border-radius:2px}.g-bar.c,.g-ms.c{background:var(--green)}.g-bar.e,.g-ms.e{background:var(--blue)}.g-bar.n,.g-ms.n{background:#c9cfdb}.g-bar.late,.g-ms.late{background:var(--amber)}.g-bar:hover,.g-ms:hover{filter:brightness(.92);box-shadow:0 0 0 2px #0f16231f}.g-note{padding:10px 18px;border-top:1px solid var(--bd)}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,1fr);gap:12px;overflow-x:auto;padding-bottom:4px;align-items:start}.board.three{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}.col{background:var(--bg-3);border:1px solid var(--bd);border-radius:var(--r-lg);display:grid;grid-template-rows:auto 1fr;min-width:0}.col-h{display:flex;align-items:center;justify-content:space-between;padding:11px 14px 9px;font-size:12.5px}.col-h .mono{font-size:11px;color:var(--ink-4);background:var(--bg);border:1px solid var(--bd);border-radius:6px;padding:0 6px}.col-b{display:grid;gap:8px;padding:0 10px 10px;align-content:start}.kcard{display:grid;gap:8px;text-align:left;background:var(--bg);border:1px solid var(--bd);border-radius:var(--r);padding:11px 12px;box-shadow:var(--sh-xs);cursor:pointer;transition:box-shadow .15s,transform .15s}.kcard:hover{box-shadow:var(--sh);transform:translateY(-1px)}.kt{font-weight:600;font-size:13px;line-height:1.35}.km{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.kf{display:flex;align-items:center;justify-content:space-between;gap:8px}.kp{display:inline-flex;align-items:center;gap:6px}.kp .meter{width:48px;height:4px}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1c6b;z-index:40;display:flex;align-items:flex-start;justify-content:center;padding:calc(56px + env(safe-area-inset-top,0px)) 16px 40px;overflow-y:auto}.sheet{width:100%;max-width:560px;background:var(--bg);border-radius:var(--r-xl);box-shadow:var(--sh-md);padding:20px 22px;display:grid;gap:14px;outline:none}.sheet h2{margin:0;font-size:18px;letter-spacing:-.01em;line-height:1.3}.meta{display:grid;grid-template-columns:110px minmax(0,1fr);gap:6px 12px;margin:0;font-size:13px}.meta dt{color:var(--ink-4)}.meta dd{margin:0;color:var(--ink-2)}@media(max-width:860px){.board.three{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(260px,85%)}}@media(max-width:560px){.gantt{--lab:150px}.g-lab{padding-left:12px}.legend .lg:first-child{margin-left:0}}