:root{--ink:#0B1626;--navy:#031C39;--muted:#5D6B7E;--soft:#8A96A6;--line:#E4E8EE;--line2:#EEF1F5;--bg:#F6F7F9;--card:#FFFFFF;--o:#FD4106;--o-d:#D93602;--o-soft:#FFF2EC;--red:#D93025;--red-soft:#FDECEA;--amber:#C27C00;--amber-soft:#FFF5E0;--green:#13844F;--green-soft:#E6F5EC;--r:12px;--rc:8px;--ease:cubic-bezier(.16,1,.3,1);--spring:cubic-bezier(.34,1.56,.64,1);--side:248px;--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:2px solid var(--o);outline-offset:2px}.pi-logo{display:inline-flex;align-items:center;gap:7px;font-size:18px;letter-spacing:-.02em;line-height:1}.pi-logo b{font-weight:800;color:var(--navy)}.pi-logo b.o{color:var(--o);margin-left:-7px}.pi-logo-tag{margin-left:4px;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:4px 7px;border:1px solid var(--line);border-radius:6px}.pi-logo.light b{color:#fff}.pi-logo.light b.o{color:var(--o)}.pi-logo.light .pi-logo-tag{color:#ffffffb3;border-color:#ffffff38}.pi-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 14px;border-radius:var(--rc);border:1px solid var(--line);background:#fff;font-weight:600;font-size:14px;color:var(--ink);text-decoration:none;white-space:nowrap;transition:background .15s var(--ease),border-color .15s,transform .15s var(--ease),box-shadow .15s}.pi-btn:hover{background:var(--line2)}.pi-btn:active{transform:scale(.98)}.pi-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pi-btn.primary{background:var(--o);border-color:var(--o);color:#fff;box-shadow:0 6px 16px -6px #fd41068c}.pi-btn.primary:hover{background:var(--o-d)}.pi-btn.primary:disabled{background:#c9d0d9;border-color:#c9d0d9;box-shadow:none;opacity:1}.pi-btn.ghost{border-color:transparent;background:transparent;color:var(--muted)}.pi-btn.ghost:hover{background:var(--line2);color:var(--ink)}.pi-btn.small{height:32px;padding:0 10px;font-size:13px}.pi-btn.big{height:48px;font-size:15px}.pi-btn.block{width:100%}.pi-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:var(--rc);color:var(--muted);flex:none}.pi-icon:hover{background:var(--line2);color:var(--ink)}.pi-field{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.pi-field>span:first-child{font-size:13px;font-weight:600;color:var(--muted)}.pi-field input,.pi-field select,.pi-pass{height:44px;width:100%;padding:0 12px;border:1px solid var(--line);border-radius:var(--rc);background:#fff;font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s}.pi-field input:focus,.pi-field select:focus,.pi-pass:focus-within{border-color:var(--o);box-shadow:0 0 0 3px #fd410624}.pi-pass{display:flex;align-items:center;padding:0 0 0 12px}.pi-pass input{border:0;height:100%;padding:0;box-shadow:none!important;flex:1}.pi-pass button{width:44px;height:42px;display:grid;place-items:center;color:var(--muted)}.pi-inline{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.pi-muted{color:var(--muted);margin:0}.pi-muted.small{font-size:13px}.pi-err{display:flex;gap:8px;align-items:center;color:var(--red);font-size:14px;font-weight:500;margin:12px 0 0}.pi-alert{display:flex;gap:10px;align-items:center;padding:14px 16px;border-radius:var(--r);background:var(--red-soft);color:var(--red);font-weight:500}.pi-alert span{flex:1}.pi-flash{display:flex;align-items:center;gap:8px;color:var(--green);font-weight:600;margin:12px 0 0;animation:pi-rise .3s var(--ease) both}.pi-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none;background:var(--soft)}.pi-dot.red{background:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.pi-dot.yellow{background:#e3a008;box-shadow:0 0 0 3px var(--amber-soft)}.pi-dot.green{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.pi-seg{display:flex;gap:3px;width:100%}.pi-seg i{flex:1;height:5px;border-radius:3px;background:var(--line);transition:background .3s var(--ease)}.pi-seg i.done{background:var(--navy)}.pi-seg i.now{background:var(--o);animation:pi-breathe 1.8s ease-in-out infinite}.pi-seg.big i{height:7px}@keyframes pi-breathe{0%,to{opacity:1}50%{opacity:.45}}.pi-pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:600;margin:0}.pi-pill.ok{background:var(--green-soft);color:var(--green)}.pi-pill.warn{background:var(--amber-soft);color:var(--amber)}.pi-pill.wait{background:#eef2f8;color:#3b5578}.pi-pill.bad{background:var(--red-soft);color:var(--red)}.pi-pill.todo{background:var(--line2);color:var(--muted)}.pi-chip{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:999px;font-size:11.5px;font-weight:700;font-style:normal}.pi-chip.red{background:var(--red-soft);color:var(--red)}.pi-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--red);color:#fff;font-size:11.5px;font-weight:700;display:inline-grid;place-items:center}.pi-boot{min-height:100dvh;display:grid;place-items:center;animation:pi-fade .4s ease both}.pi-locked{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:24px}.pi-locked h1{font-size:24px;margin:12px 0 0;letter-spacing:-.02em}.pi-locked p{color:var(--muted);margin:0 0 6px}.pi-sign{min-height:100dvh;display:flex;background:#fff}.pi-sign-brand{display:none}.pi-sign-form{flex:1;display:flex;flex-direction:column;justify-content:center;padding:32px 22px calc(32px + var(--safe-b))}.pi-sign-mobile-logo{margin:0 auto 40px}.pi-sign-form form{width:100%;max-width:400px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.pi-sign-form h2{font-size:28px;letter-spacing:-.025em;margin:0}.pi-sign-form .pi-muted{margin-top:-8px}.pi-sign-form .pi-btn.big{margin-top:6px}.pi-sign-form .pi-muted.small{text-align:center;margin-top:4px}.pi-side{display:none}.pi-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:#ffffffeb;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}.pi-av{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:inline-grid;place-items:center;font-weight:700;font-size:14px;flex:none;text-transform:uppercase}.pi-main{padding:20px 16px calc(96px + var(--safe-b));max-width:100%;overflow-x:clip}.pi-tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;height:calc(64px + var(--safe-b));padding-bottom:var(--safe-b);background:#fffffff2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line)}.pi-tabs button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11.5px;font-weight:600;color:var(--soft)}.pi-tabs button.on{color:var(--o)}.pi-tab-ic{position:relative;display:inline-flex}.pi-tab-ic .pi-badge{position:absolute;top:-6px;right:-12px;min-width:18px;height:18px;font-size:10.5px;border:2px solid #fff}.pi-page{animation:pi-rise .32s var(--ease) both}.pi-head{margin:0 0 18px}.pi-kicker{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--muted)}.pi-head h1{margin:0;font-size:26px;line-height:1.12;letter-spacing:-.03em;font-weight:800;color:var(--navy)}.pi-h-soft{font-weight:500;color:var(--soft)}.pi-sub{margin:6px 0 0;color:var(--muted);font-size:14px}@keyframes pi-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pi-fade{0%{opacity:0}to{opacity:1}}.pi-due{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:0 0 16px;border-radius:var(--r);background:var(--red-soft);color:#7a1a12;font-size:14px}.pi-due svg{color:var(--red);flex:none}.pi-due span{flex:1}.pi-due b{color:var(--red)}.pi-toolbar{display:flex;gap:10px;align-items:center;margin:0 0 14px}.pi-search{flex:1;display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:var(--rc);background:#fff;color:var(--soft);transition:border-color .15s,box-shadow .15s}.pi-search:focus-within{border-color:var(--o);box-shadow:0 0 0 3px #fd410624}.pi-search input{flex:1;border:0;outline:none;height:100%;background:none;color:var(--ink);font-size:15px;min-width:0}.pi-search input::-webkit-search-cancel-button{display:none}.pi-search button{color:var(--soft);display:grid;place-items:center}.pi-toggle{display:none}.pi-mobile-filter{display:flex;gap:6px;margin:0 0 14px;overflow-x:auto;scrollbar-width:none}.pi-mobile-filter::-webkit-scrollbar{display:none}.pi-mobile-filter button{flex:none;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:13.5px;font-weight:600;color:var(--muted)}.pi-mobile-filter button b{color:var(--ink)}.pi-mobile-filter button.on{background:var(--navy);border-color:var(--navy);color:#fff}.pi-mobile-filter button.on b{color:#fff}.pi-board{display:block}.pi-col{display:none}.pi-board[data-mobile=red] .pi-col.red,.pi-board[data-mobile=yellow] .pi-col.yellow,.pi-board[data-mobile=green] .pi-col.green{display:block}.pi-col>header{display:none}.pi-col-list{display:flex;flex-direction:column;gap:10px}.pi-col-empty{margin:0;padding:28px 16px;text-align:center;color:var(--soft);font-size:14px;border:1px dashed var(--line);border-radius:var(--r);background:#ffffff80}.pi-card{display:flex;flex-direction:column;gap:10px;width:100%;text-align:left;padding:14px 16px;border-radius:var(--r);background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px #0b16260a;transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s;animation:pi-rise .32s var(--ease) both;animation-delay:calc(var(--i,0) * 30ms)}.pi-card:hover{border-color:#d2d8e0;box-shadow:0 8px 24px -10px #0b16262e;transform:translateY(-1px)}.pi-card:active{transform:scale(.99)}.pi-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.pi-card-top b{font-size:15.5px;font-weight:700;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pi-card-where{font-size:13px;color:var(--muted);margin-top:-6px}.pi-card-foot{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted)}.pi-card-foot b{color:var(--ink);font-weight:600}.pi-card-foot small{font-weight:600;color:var(--soft);font-variant-numeric:tabular-nums}.pi-table{display:flex;flex-direction:column;gap:8px}.pi-th{display:none!important}.pi-tr{display:grid;grid-template-columns:1fr auto;gap:6px 10px;width:100%;text-align:left;padding:14px 16px;border-radius:var(--r);background:#fff;border:1px solid var(--line);align-items:center}.pi-table[data-mobile=red] .pi-tr:not(.red):not(.pi-th),.pi-table[data-mobile=yellow] .pi-tr:not(.yellow):not(.pi-th),.pi-table[data-mobile=green] .pi-tr:not(.green):not(.pi-th){display:none}.pi-td-name{display:flex;align-items:center;gap:10px;min-width:0}.pi-td-name b{color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pi-td-where{grid-column:1/-1;font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pi-td-prog{grid-column:1/-1;display:flex;align-items:center;gap:10px}.pi-td-prog small{font-size:12px;font-weight:600;color:var(--soft);font-variant-numeric:tabular-nums}.pi-td-next{display:none}.pi-go{color:var(--soft);grid-row:1;grid-column:2}.pi-flow{animation:pi-rise .3s var(--ease) both}.pi-back{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px 0 6px;margin:0 0 10px -6px;border-radius:var(--rc);font-weight:600;font-size:14px;color:var(--muted)}.pi-back:hover{background:var(--line2);color:var(--ink)}.pi-flow-title h1{margin:0;font-size:24px;letter-spacing:-.03em;line-height:1.15;color:var(--navy)}.pi-flow-title p{display:flex;align-items:center;gap:8px;margin:6px 0 0;color:var(--muted);font-size:14px}.pi-flow-prog{margin:14px 0 16px;display:flex;flex-direction:column;gap:6px}.pi-flow-prog small{font-size:12.5px;color:var(--muted)}.pi-flow-prog small b{color:var(--ink)}.pi-steps{margin:0 0 12px;border:1px solid var(--line);border-radius:var(--r);background:#fff}.pi-steps-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;height:48px;padding:0 14px;font-weight:600;font-size:14px;text-align:left}.pi-steps-toggle span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pi-steps-toggle svg{flex:none;transition:transform .2s var(--ease)}.pi-steps.open .pi-steps-toggle svg{transform:rotate(180deg)}.pi-steps-list{display:none;padding:0 8px 8px}.pi-steps.open .pi-steps-list{display:block;animation:pi-fade .2s ease both}.pi-phase+.pi-phase{margin-top:6px}.pi-phase-name{display:flex;justify-content:space-between;margin:8px 8px 4px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}.pi-phase-name small{font-weight:600;letter-spacing:0}.pi-phase ol{list-style:none;margin:0;padding:0}.pi-phase li button{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:6px 8px;border-radius:var(--rc);text-align:left;font-size:14px;color:var(--ink)}.pi-phase li button:hover{background:var(--line2)}.pi-phase li button.here{background:var(--o-soft)}.pi-phase li button.done .pi-step-t{color:var(--muted)}.pi-phase li button.locked{color:var(--soft)}.pi-phase li button small{margin-left:auto;font-size:11px;font-weight:600;color:var(--soft)}.pi-step-t{flex:1;min-width:0}.pi-mark{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:12px;font-weight:700;border:1.5px solid var(--line);color:var(--muted);background:#fff;transition:all .24s var(--spring)}.done>.pi-mark{background:var(--green);border-color:var(--green);color:#fff}.here>.pi-mark{border-color:var(--o);color:var(--o)}.here.done>.pi-mark{color:#fff}.locked>.pi-mark{background:var(--line2);border-color:var(--line2)}.pi-step{position:relative;padding:20px 18px 18px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px #0b16260a;outline:none;animation:pi-rise .28s var(--ease) both}.pi-step.is-done{border-color:#cfeadb}.pi-all-done{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:0 0 16px;border-radius:var(--r);background:var(--green-soft);color:var(--green)}.pi-eyebrow{margin:0;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--o)}.pi-step h2{margin:6px 0;font-size:24px;line-height:1.15;letter-spacing:-.025em;color:var(--navy)}.pi-why{margin:0 0 14px;color:var(--muted);font-size:15px;max-width:60ch}.pi-step>.pi-pill{margin-bottom:16px}.pi-box{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;border-radius:var(--r);background:var(--bg);border:1px solid var(--line2)}.pi-box p{margin:0}.pi-note{margin:12px 0 0;color:var(--muted);font-size:14px}.pi-box .pi-note{margin:0}.pi-note.big{margin:0;padding:16px;border-radius:var(--r);background:var(--bg);font-size:16px;color:var(--ink);font-weight:500}.pi-alloc{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:6px}.pi-alloc li{display:grid;grid-template-columns:1fr;gap:2px;padding:10px 12px;border-radius:var(--rc);background:#fff;border:1px solid var(--line);font-size:14px}.pi-alloc li span{color:var(--muted)}.pi-choices{display:flex;flex-direction:column;gap:8px}.pi-choices>button,.pi-kinds>button{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:14px;border-radius:var(--r);border:1.5px solid var(--line);background:#fff;transition:border-color .15s,background .15s,transform .15s var(--ease)}.pi-choices>button:hover,.pi-kinds>button:hover{border-color:#cbd3dd}.pi-choices>button.on,.pi-kinds>button.on{border-color:var(--o);background:var(--o-soft)}.pi-choices>button:disabled{cursor:default}.pi-choices b,.pi-kinds b{display:block;font-size:15px;color:var(--navy)}.pi-choices small,.pi-kinds small{display:block;color:var(--muted);font-size:13px;margin-top:2px}.pi-radio{width:20px;height:20px;border-radius:50%;border:1.5px solid #B9C3CF;display:grid;place-items:center;flex:none;margin-top:1px;color:#fff;transition:all .2s var(--spring)}.on>.pi-radio{background:var(--o);border-color:var(--o)}.pi-copy{width:100%;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.pi-copy pre{margin:0;width:100%;white-space:pre-wrap;font:inherit;font-size:14px;padding:12px 14px;border-radius:var(--rc);background:#fff;border:1px solid var(--line)}.pi-actions{position:sticky;bottom:calc(10px + var(--safe-b));display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line2);background:#fff}.pi-actions .pi-btn.primary{margin-left:auto;height:46px;padding:0 18px;font-size:15px}.pi-saved{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--green);opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s var(--ease)}.pi-saved.on{opacity:1;transform:none}.pi-facts{margin-top:12px;padding:16px;border-radius:16px;background:#fff;border:1px solid var(--line)}.pi-facts h3{margin:0 0 10px;font-size:14px;color:var(--navy)}.pi-facts dl{margin:0 0 14px;display:flex;flex-direction:column;gap:10px}.pi-facts dl>div{display:flex;flex-direction:column;gap:2px;font-size:14px}.pi-facts dt{display:flex;align-items:center;gap:6px;color:var(--soft);font-size:12px;font-weight:600}.pi-facts dd{padding-left:21px}.pi-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}.pi-facts dd a{color:var(--navy);text-decoration:none;font-weight:500}.pi-facts dd a:hover{text-decoration:underline}.pi-facts ul{margin:0;padding:0;list-style:none}.pi-issues{display:flex;gap:6px;overflow-x:auto;margin:0 0 14px;scrollbar-width:none}.pi-issues::-webkit-scrollbar{display:none}.pi-issues button{flex:none;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:600;font-size:13.5px;color:var(--muted)}.pi-issues button.on{background:var(--navy);border-color:var(--navy);color:#fff}.pi-total-card{padding:18px;border-radius:16px;background:var(--navy);color:#fff;margin:0 0 14px}.pi-total-num{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.pi-total-num b{font-size:40px;letter-spacing:-.03em;line-height:1}.pi-total-num span{color:#ffffffb3}.pi-total-card .pi-muted{color:#fff9;margin-top:12px}.pi-meter{display:block;height:8px;border-radius:5px;background:var(--line2);overflow:hidden}.pi-meter i{display:block;height:100%;border-radius:5px;background:var(--o);transition:width .6s var(--ease)}.pi-meter i.full{background:var(--green)}.pi-meter.big{height:10px;background:#ffffff26}.pi-areas{display:flex;flex-direction:column;gap:10px}.pi-area{border-radius:var(--r);background:#fff;border:1px solid var(--line)}.pi-area summary{list-style:none;display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:14px 16px;cursor:pointer;align-items:center}.pi-area summary::-webkit-details-marker{display:none}.pi-area-name b{display:block;color:var(--navy)}.pi-area-name small{color:var(--muted);font-size:13px}.pi-area-num{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.pi-area-num b{font-size:18px;color:var(--ink)}.pi-area .pi-meter{grid-column:1/-1}.pi-area-left{font-size:12.5px;color:var(--muted);grid-column:1}.pi-area-chev{grid-column:2;justify-self:end;color:var(--soft);transition:transform .2s var(--ease)}.pi-area[open] .pi-area-chev{transform:rotate(180deg)}.pi-ads{list-style:none;margin:0;padding:0 16px 14px;display:flex;flex-direction:column}.pi-ads li{display:grid;grid-template-columns:1fr auto 32px;gap:10px;padding:8px 0;border-top:1px solid var(--line2);font-size:14px}.pi-ads li span:nth-child(2){color:var(--muted)}.pi-ads li b{text-align:right}.pi-area>.pi-note{padding:0 16px 14px}.pi-goals{margin-top:16px}.pi-goals form{padding:16px;border-radius:16px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.pi-goals h3{margin:0;font-size:15px}.pi-goal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.pi-pay{display:flex;flex-direction:column;gap:14px}.pi-panel{padding:18px;border-radius:16px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:14px;min-width:0}.pi-panel h2{margin:0;font-size:16px;color:var(--navy)}.pi-kinds{display:flex;flex-direction:column;gap:8px}.pi-sum{display:flex;justify-content:space-between;align-items:baseline;padding:12px 14px;border-radius:var(--r);background:var(--bg)}.pi-sum span{color:var(--muted);font-size:14px}.pi-sum b{font-size:22px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.pi-lines{list-style:none;margin:0;padding:0}.pi-lines li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line2)}.pi-lines li:first-child{border-top:0}.pi-line-main{flex:1;min-width:0}.pi-line-main b{display:block;font-size:14.5px}.pi-line-main small{display:block;color:var(--muted);font-size:12.5px}.pi-money{font-variant-numeric:tabular-nums;white-space:nowrap}.pi-design{display:grid;grid-template-columns:1fr;gap:14px}.pi-design-card header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.pi-design-card fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.pi-design-card legend{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);margin-bottom:6px}.pi-check{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--rc);cursor:pointer;font-size:14.5px;transition:background .15s}.pi-check:hover{background:var(--line2)}.pi-check input{position:absolute;opacity:0;pointer-events:none}.pi-check.on{color:var(--muted)}.pi-checkbox{width:22px;height:22px;border-radius:6px;border:1.5px solid #B9C3CF;display:grid;place-items:center;flex:none;color:#fff;transition:all .2s var(--spring)}.pi-check.on .pi-checkbox{background:var(--green);border-color:var(--green);transform:scale(1.05)}.pi-check:has(input:focus-visible){outline:2px solid var(--o)}.pi-skel i{display:block;height:14px;border-radius:8px;margin-bottom:12px;background:linear-gradient(90deg,#eceff3 25%,#f5f7f9,#eceff3 75%);background-size:200% 100%;animation:pi-shimmer 1.2s linear infinite}.pi-skel .w40{width:40%}.pi-skel .w70{width:70%}.pi-skel .tall{height:30px}.pi-skel .card{height:92px;border-radius:var(--r)}.pi-skel-row{display:flex;gap:10px}.pi-skel-row i{flex:1;height:36px}@keyframes pi-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pi-empty{text-align:center;padding:48px 16px}@media(min-width:1024px){body{font-size:14.5px}.pi-sign-brand{display:flex;flex-direction:column;position:relative;overflow:hidden;width:clamp(460px,46vw,700px);flex:none;padding:40px clamp(40px,4.5vw,72px);background:var(--navy);color:#fff}.pi-sign-brand:before{content:"";position:absolute;width:760px;height:760px;right:-300px;bottom:-320px;border-radius:50%;background:radial-gradient(closest-side,#fd410680,#fd410600);pointer-events:none}.pi-sign-brand:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%);pointer-events:none}.pi-sign-top,.pi-sign-mid,.pi-sign-foot{position:relative;z-index:1}.pi-sign-mid{margin:auto 0;max-width:480px}.pi-sign-mid h1{margin:0 0 16px;font-size:clamp(38px,3.4vw,50px);line-height:1.03;letter-spacing:-.04em;font-weight:800}.pi-sign-mid h1 em{font-style:normal;color:var(--o)}.pi-sign-mid>p{margin:0 0 28px;color:#ffffffb8;font-size:16px;max-width:40ch}.pi-sign-foot{margin:0;font-size:13px;color:#ffffff73}.pi-demo{width:360px;padding:16px;border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 30px 60px -20px #00000080;transform:rotate(-2deg);animation:pi-rise .6s var(--ease) .2s both}.pi-demo-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pi-demo-head b{color:var(--navy)}.pi-demo ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.pi-demo li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--muted);animation:pi-rise .4s var(--ease) both;animation-delay:calc(.4s + var(--i) * .11s)}.pi-demo li span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;border:1.5px solid var(--line);flex:none}.pi-demo li.done span{background:var(--green);border-color:var(--green);color:#fff}.pi-demo li.done{color:var(--ink)}.pi-demo li.now{color:var(--navy);font-weight:600}.pi-demo li.now span{border-color:var(--o);color:var(--o)}.pi-sign-mobile-logo{display:none}.pi-sign-form{padding:48px}.pi-top,.pi-tabs{display:none}.pi-side{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:var(--side);padding:20px 14px 14px;background:#fff;border-right:1px solid var(--line);z-index:20}.pi-side-top{padding:4px 8px 24px}.pi-nav{display:flex;flex-direction:column;gap:2px}.pi-nav button{display:flex;align-items:center;gap:11px;height:40px;padding:0 10px;border-radius:var(--rc);font-weight:600;font-size:14px;color:var(--muted);text-align:left;transition:background .15s,color .15s}.pi-nav button span{flex:1}.pi-nav button:hover{background:var(--line2);color:var(--ink)}.pi-nav button.on{background:var(--o-soft);color:var(--navy)}.pi-nav button.on svg{color:var(--o)}.pi-side-link{margin-top:auto;display:flex;align-items:center;justify-content:space-between;height:38px;padding:0 10px;border-radius:var(--rc);font-size:13px;font-weight:600;color:var(--muted);text-decoration:none}.pi-side-link:hover{background:var(--line2);color:var(--ink)}.pi-me{display:flex;align-items:center;gap:10px;margin-top:8px;padding:10px 6px 0 8px;border-top:1px solid var(--line2)}.pi-me-tx{flex:1;min-width:0;display:flex;flex-direction:column}.pi-me-tx b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pi-me-tx small{font-size:12px;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pi-main{margin-left:var(--side);padding:36px 40px 56px;max-width:none}.pi-page{max-width:1280px;margin:0 auto}.pi-head{margin-bottom:22px}.pi-head h1{font-size:32px}.pi-mobile-filter{display:none}.pi-toggle{display:inline-flex;padding:3px;border-radius:10px;background:var(--line2)}.pi-toggle button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:8px;font-weight:600;font-size:13.5px;color:var(--muted)}.pi-toggle button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px #0b16261f}.pi-search{max-width:420px}.pi-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.pi-col,.pi-board[data-mobile] .pi-col{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:16px;background:#eef1f5;min-height:240px}.pi-col>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 10px;padding:4px 4px 6px}.pi-col>header b{font-size:14px;color:var(--navy)}.pi-col>header small{grid-column:2/-1;font-size:12px;color:var(--muted);margin-top:-2px}.pi-count{font-size:12px;font-weight:700;color:var(--muted);background:#fff;border-radius:999px;padding:2px 8px;font-variant-numeric:tabular-nums}.pi-col-empty{border:0;background:transparent;padding:24px 8px}.pi-table{gap:0;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.pi-tr,.pi-table[data-mobile] .pi-tr{display:grid!important;grid-template-columns:minmax(220px,1.3fr) minmax(200px,1.3fr) minmax(200px,1fr) minmax(180px,1.1fr) 24px;gap:16px;padding:14px 20px;border:0;border-top:1px solid var(--line2);border-radius:0;transition:background .12s}.pi-tr:not(.pi-th):hover{background:#fafbfc}.pi-th{display:grid!important;border-top:0;background:#fafbfc;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--soft);padding-top:11px;padding-bottom:11px}.pi-td-where,.pi-td-prog{grid-column:auto}.pi-td-next{display:block;font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pi-go{grid-row:auto;grid-column:auto}.pi-flow{max-width:1360px;margin:0 auto}.pi-flow-head{display:grid;grid-template-columns:1fr minmax(260px,360px);grid-template-rows:auto auto;column-gap:32px;align-items:end;margin-bottom:22px}.pi-back{grid-column:1/-1}.pi-flow-title h1{font-size:30px}.pi-flow-prog{margin:0;align-items:flex-end}.pi-flow-grid{display:grid;grid-template-columns:280px minmax(0,1fr) 300px;gap:20px;align-items:start}.pi-steps{position:sticky;top:24px;margin:0;padding:8px 6px}.pi-steps-toggle{display:none}.pi-steps-list{display:block;padding:0}.pi-step{padding:30px 32px 24px;min-height:420px;display:flex;flex-direction:column}.pi-step h2{font-size:30px}.pi-why{font-size:15.5px}.pi-actions{position:static;margin-top:auto;padding-top:18px}.pi-facts{position:sticky;top:24px;margin:0}.pi-alloc li{grid-template-columns:1fr 1fr 1.2fr;align-items:center}.pi-issues{flex-wrap:wrap}.pi-total-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 28px;padding:22px 26px}.pi-total-num{margin:0}.pi-total-card .pi-muted{grid-column:1/-1;margin:0}.pi-areas{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px;align-items:start}.pi-pay{display:grid;grid-template-columns:minmax(440px,560px) minmax(0,1fr);gap:20px;align-items:start}.pi-kinds{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pi-kinds>button{padding:12px}.pi-design{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}}@media(min-width:1024px)and (max-width:1279px){.pi-flow-grid{grid-template-columns:250px minmax(0,1fr)}.pi-facts{grid-column:2;position:static}.pi-board{gap:12px}.pi-tr,.pi-table[data-mobile] .pi-tr{grid-template-columns:minmax(180px,1.2fr) minmax(170px,1.2fr) minmax(150px,1fr) 24px}.pi-th>span:nth-child(4),.pi-td-next{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}