.peSection{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:100%}.catSectionTabs{position:relative;display:grid;grid-template-columns:1fr 1fr;align-self:flex-start;width:min(360px,100%);margin:0;padding:5px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff0d,#ffffff04);box-shadow:inset 0 1px 2px #00000029}body.light .catSectionTabs{background:linear-gradient(180deg,#0f172a0b,#0f172a05);box-shadow:inset 0 1px 2px #0f172a0d}.catSectionTabsThumb{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:11px;background:var(--panel-strong);box-shadow:0 2px 10px #00000052,0 0 0 1px #ffffff0a inset;transition:transform .3s cubic-bezier(.34,1.2,.5,1);z-index:0}body.light .catSectionTabsThumb{background:#fff;box-shadow:0 3px 10px #0f172a24,0 0 0 1px #0f172a08 inset}.catSectionTabs[data-active=events] .catSectionTabsThumb{transform:translate(100%)}@media (prefers-reduced-motion:reduce){.catSectionTabsThumb{transition:none}}.catSectionTabs button{position:relative;z-index:1;border:0;background:transparent;color:var(--muted);font-weight:700;font-size:13px;letter-spacing:-.01em;padding:10px;border-radius:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:color .2s ease}.catSectionTabs button svg{color:var(--muted);transition:color .2s ease,transform .2s ease;flex:0 0 auto}.catSectionTabs button:hover,.catSectionTabs button.on{color:var(--text)}.catSectionTabs button.on svg{color:var(--accent)}.catSectionTabs button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.catSectionTabs button>span{overflow:hidden;text-overflow:ellipsis}.catTabBadge{flex:0 0 auto;font-size:10.5px;font-weight:800;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);border-radius:999px;line-height:1}body.light .catTabBadge{color:#0f9f5e}.catTabPanel.isHidden{display:none}@media (max-width:560px){.catSectionTabs{width:100%}.catSectionTabs button{font-size:12.5px;padding:11px 8px}}.peHead{display:flex;flex-direction:column;gap:6px}.peHeadTop{display:flex;align-items:center;justify-content:space-between;gap:14px 18px}.peHeadTop h2{margin:0;min-width:0;font-size:22px;letter-spacing:-.02em}.peHeadSub{margin:0;max-width:640px}.peHead .peNewBtn{white-space:nowrap;flex:0 0 auto;width:auto}.peGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.peCard{--pe-grad:linear-gradient(135deg,#0d9488,#21c97a);--pe-pad-top:64px;position:relative;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#ffffff0b,#ffffff04);overflow:hidden;transition:border-color .2s ease,transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s ease}body.light .peCard{background:linear-gradient(180deg,#ffffffe6,#f6faffc7)}@media (hover:hover){.peCard:hover{border-color:#6e98d661;transform:translateY(-3px);box-shadow:0 16px 32px #040c1c42}body.light .peCard:hover{box-shadow:0 16px 32px #0f172a1a}.peCard:hover .peCardBanner{transform:scale(1.05)}}.peCard[data-type=trip],.peDetail[data-type=trip]{--pe-grad:linear-gradient(135deg,#1e3a8a,#38bdf8)}.peCard[data-type=celebration],.peDetail[data-type=celebration]{--pe-grad:linear-gradient(135deg,#6d28d9,#db2777)}.peCard[data-type=moving],.peDetail[data-type=moving]{--pe-grad:linear-gradient(135deg,#0f766e,#2dd4bf)}.peCard[data-type=education],.peDetail[data-type=education]{--pe-grad:linear-gradient(135deg,#3730a3,#818cf8)}.peCard[data-type=home],.peDetail[data-type=home]{--pe-grad:linear-gradient(135deg,#15803d,#4ade80)}.peCard[data-type=vehicle],.peDetail[data-type=vehicle]{--pe-grad:linear-gradient(135deg,#334155,#64748b)}.peCard[data-type=holiday],.peDetail[data-type=holiday]{--pe-grad:linear-gradient(135deg,#065f46,#10b981)}.peCard[data-type=family],.peDetail[data-type=family]{--pe-grad:linear-gradient(135deg,#b45309,#fbbf24)}.peCard[data-type=custom],.peDetail[data-type=custom]{--pe-grad:linear-gradient(135deg,#0f766e,#21c97a)}.peDetail{--pe-grad:linear-gradient(135deg,#0d9488,#21c97a)}.peCardMain{all:unset;position:relative;display:flex;flex-direction:column;gap:10px;padding:var(--pe-pad-top) 15px 15px;cursor:pointer;box-sizing:border-box;width:100%}.peCardMain:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:16px}@media (hover:none){.peCard:active{transform:scale(.985)}.peCard:active .peCardBanner{transform:scale(1.03)}}.peCardBanner{position:absolute;left:0;right:0;top:0;height:78px;z-index:0;pointer-events:none;background-image:var(--pe-img, none),var(--pe-grad);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 30%,rgba(0,0,0,.4) 66%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 30%,rgba(0,0,0,.4) 66%,transparent 100%);transform-origin:center top;transition:transform .4s cubic-bezier(.4,0,.2,1),filter .3s ease,opacity .3s ease}body.light .peCardBanner{opacity:.94}.peCardHead{display:flex;align-items:center;gap:10px;min-width:0}.peCardIcon{flex:0 0 auto;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:18px;background:linear-gradient(180deg,#ffffff1a,#ffffff08);border:1px solid var(--border);box-shadow:0 1px 2px #040c1c24}body.light .peCardIcon{background:linear-gradient(180deg,#fff,#f2f7ff)}.peCardTitle{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;gap:2px}.peCardName{font-weight:800;font-size:14.5px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.peCardDates{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap;background:#7d91b424;border-radius:999px;padding:2px 8px 2px 6px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.peCardDates svg{flex:0 0 auto;opacity:.85}body.light .peCardDates{background:#64748b1f}.peCardPinBadge{position:absolute;top:9px;left:11px;z-index:1;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;color:#fff;background:#10203a6b;border:1px solid rgba(255,255,255,.34);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 2px 6px #040c1c47}.peCardEdge{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:1;background:#7d91b42e;overflow:hidden}.peCardEdge:after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--pe-edge,0%);border-radius:0 3px 3px 0;background:var(--accent);transition:width .5s cubic-bezier(.4,0,.2,1)}.peCardEdge.pe-ok:after,.peCardEdge.pe-active:after{background:linear-gradient(90deg,var(--accent),#3ee39a)}.peCardEdge.pe-warn:after{background:linear-gradient(90deg,var(--warn),#fbbf24)}.peCardEdge.pe-over:after{background:linear-gradient(90deg,var(--danger),#f8748c)}.peCardEdge.pe-done:after,.peCardEdge.pe-upcoming:after{background:linear-gradient(90deg,#60a5fa,#93c5fd)}.peCardEdge.pe-idle:after{background:var(--muted)}.peCard[data-status=done] .peCardBanner{filter:saturate(.5) brightness(.98)}body.light .peCard[data-status=done] .peCardBanner{filter:saturate(.55) brightness(1.02)}.peCard[data-status=done] .peCardName{color:var(--muted)}.peCard[data-status=done] .peCardIcon{opacity:.85}@media (prefers-reduced-motion:reduce){.peCard,.peCardBanner,.peCardEdge:after{transition:none}.peCard:hover,.peCard:hover .peCardBanner,.peCard:active .peCardBanner{transform:none}}.peCardAmounts{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.peCardSpent{font-size:15px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--text)}.peCardOf{font-size:11.5px;font-weight:600;color:var(--muted)}.peCardPct{font-size:12px;font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}.peCardFoot{display:flex;align-items:center;justify-content:space-between;gap:10px}.peRemaining{font-size:12px;font-weight:700;color:var(--accent)}.peRemaining.over{color:var(--danger)}.peRemaining.muted{color:var(--muted);font-weight:600}.peChipMini{font-size:10.5px;font-weight:700;color:var(--muted);background:#7d91b429;border-radius:999px;padding:2px 8px}.peKpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.peKpi{display:flex;flex-direction:column;gap:3px;min-width:0;border:1px solid var(--border);border-radius:14px;padding:11px 13px;background:linear-gradient(180deg,#ffffff0a,#ffffff04)}body.light .peKpi{background:linear-gradient(180deg,#ffffffe6,#f6faffb8)}.peKpiLabel{font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.peKpiValue{font-size:17px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.peKpiValue.ok{color:var(--accent)}.peKpiValue.over{color:var(--danger)}.peToolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.peSearch{position:relative;display:flex;align-items:center;flex:1 1 200px;min-width:160px}.peSearch svg{position:absolute;left:11px;color:var(--muted);pointer-events:none}.peSearch .input{width:100%;padding-left:32px}.peFilterChips{display:flex;flex-wrap:wrap;gap:6px}.peFilterChip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted);font-size:12px;font-weight:700;padding:6px 12px;cursor:pointer;transition:all .15s ease}.peFilterChip:hover{color:var(--text);border-color:#6e98d657}.peFilterChip.on{background:var(--accent-soft);color:var(--accent);border-color:#21c97a66}body.light .peFilterChip.on{color:#0f9f5e}.peFilterChip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.peFilterCount{font-size:10px;font-weight:800;background:#7d91b433;border-radius:999px;padding:0 6px;line-height:1.6}.peCardMid{display:flex;align-items:center;gap:12px}.peRing{--pe-ring-track:rgba(255,255,255,.12);flex:0 0 auto}body.light .peRing{--pe-ring-track:rgba(15,23,42,.1)}.peRingText{font-size:13px;font-weight:800;fill:var(--text);font-variant-numeric:tabular-nums}.peCardMidRight{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 auto}.peCardVar{font-size:12px;font-weight:700}.pe-var-under{color:var(--accent)}.pe-var-over{color:var(--danger)}.pe-var-even{color:var(--muted)}body.light .pe-var-under{color:#0f9f5e}.peCardVar.muted{color:var(--muted);font-weight:600}.peCard.isPinned{border-color:#21c97a57;box-shadow:0 0 0 1px #21c97a24,0 8px 22px #040c1c2e}.peCard.isPinned:before{content:"";position:absolute;left:0;top:var(--pe-pad-top);bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--accent);z-index:1}body.light .peCard.isPinned{box-shadow:0 0 0 1px #21c97a29,0 8px 22px #0f172a0f}.peCardFootLeft{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.peCountdown{font-size:10.5px;font-weight:800;letter-spacing:.01em;padding:2px 8px;border-radius:999px;white-space:nowrap;background:#7d91b429;color:var(--muted)}.peCountdown.pe-warn{background:#f59e0b29;color:#f5b740}.peCountdown.pe-over{background:#ef444429;color:#f8748c}body.light .peCountdown.pe-warn{color:#b45309}body.light .peCountdown.pe-over{color:#dc2626}.peSpark{flex:0 0 auto;opacity:.9}.peCardActions{position:absolute;top:9px;right:9px;display:flex;gap:5px;opacity:0;transition:opacity .15s ease}.peCard:hover .peCardActions,.peCard:focus-within .peCardActions{opacity:1}@media (hover:none){.peCardActions{opacity:1}}.peCardAct{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--border);background:var(--panel-strong);color:var(--muted);transition:color .15s ease,border-color .15s ease}body.light .peCardAct{background:#fff}.peCardAct:hover{color:var(--text);border-color:#6e98d657}.peCardAct.on{color:var(--accent);border-color:#21c97a66}.peCardAct:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.peVarLine{font-size:13px;font-weight:800;margin-top:2px}.peVarLine.pe-var-over{color:var(--danger)}.peVarLine.pe-var-under{color:var(--accent)}.peVarLine.pe-var-even{color:var(--muted)}body.light .peVarLine.pe-var-under{color:#0f9f5e}.pePlanGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.pePlanCell{display:flex;flex-direction:column;gap:3px;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:#ffffff05}body.light .pePlanCell{background:#fff9}.pePlanCell .peStatValue small{font-size:11px;font-weight:600;color:var(--muted)}.pePlanCell .peStatValue.warn{color:var(--warn)}.pePlanNote{margin:10px 0 0;font-size:12px}.peDetailHint{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:none;letter-spacing:0;margin-left:6px}.peCommittedEditor{display:flex;flex-direction:column;gap:9px}.peCommittedRow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 96px auto;gap:8px;align-items:center}.peCommittedLabel,.peCommittedCat,.peCommittedAmt{min-width:0}.peLastExpense{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:12px;padding:9px 12px;margin-bottom:10px;background:#60a5fa0f}body.light .peLastExpense{background:#60a5fa12}.peLastExpenseLabel{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.peLastExpenseVal{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.peBreakItemSub{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11.5px;font-weight:700;color:var(--accent);margin-top:2px}.peBreakItemSub .over{color:var(--danger)}body.light .peBreakItemSub{color:#0f9f5e}.peBreakCommitted{color:var(--warn);font-weight:700}body.light .peBreakCommitted{color:#b45309}.peDetailActionOn{color:var(--accent);border-color:#21c97a66!important}body.light .peDetailActionOn{color:#0f9f5e}@media (max-width:560px){.peKpis{gap:8px}.peKpi{padding:9px 10px}.peKpiValue{font-size:15px}.peToolbar{gap:8px}.peSearch{flex:1 1 100%}.peCommittedRow{grid-template-columns:1fr 1fr;gap:7px}.peCommittedRow .peCommittedAmt{grid-column:1}.peCommittedRow .peCommittedDel{grid-column:2;justify-self:end}}.peCardEdit{position:absolute;top:9px;right:9px;z-index:2;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--border);background:var(--panel-strong);color:var(--muted);opacity:0;transition:opacity .15s ease,color .15s ease,border-color .15s ease}body.light .peCardEdit{background:#fff}.peCardEdit:hover{color:var(--text);border-color:#6e98d657}.peCardEdit:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:2px}.peCard:hover .peCardEdit,.peCard:focus-within .peCardEdit{opacity:1}@media (hover:none){.peCardEdit{opacity:1}}.peStatus{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;letter-spacing:.02em;padding:3px 9px 3px 7px;border-radius:999px;white-space:nowrap;border:1px solid transparent}.peStatusDot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto}.peStatus.pe-ok{background:var(--accent-soft);color:var(--accent);border-color:#21c97a4d}.peStatus.pe-active{background:#60a5fa29;color:#7cb3ff;border-color:#60a5fa52}.peStatus.pe-upcoming{background:#94a3b829;color:#b7c6dd;border-color:#94a3b84d}.peStatus.pe-warn{background:#f59e0b29;color:#f5b740;border-color:#f59e0b52}.peStatus.pe-over{background:#ef444429;color:#f8748c;border-color:#ef444452}.peStatus.pe-done{background:#60a5fa29;color:#7cb3ff;border-color:#60a5fa52}.peStatus.pe-idle{background:#94a3b824;color:var(--muted);border-color:#94a3b842}body.light .peStatus.pe-active,body.light .peStatus.pe-done{color:#2563eb}body.light .peStatus.pe-upcoming{color:#475569}body.light .peStatus.pe-warn{color:#b45309}body.light .peStatus.pe-over{color:#dc2626}.peBar{height:8px}.peBarFill{border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1);background:var(--accent)}.peBar.pe-ok .peBarFill,.peBar.pe-active .peBarFill{background:linear-gradient(90deg,var(--accent),#3ee39a)}.peBar.pe-warn .peBarFill{background:linear-gradient(90deg,var(--warn),#fbbf24)}.peBar.pe-over .peBarFill{background:linear-gradient(90deg,var(--danger),#f8748c)}.peBar.pe-done .peBarFill,.peBar.pe-upcoming .peBarFill{background:linear-gradient(90deg,#60a5fa,#93c5fd)}.peBar.pe-idle .peBarFill{background:var(--muted)}@media (prefers-reduced-motion:reduce){.peBarFill{transition:none}}.peEmpty{text-align:center;border:1px dashed var(--border);border-radius:16px;padding:26px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;background:#ffffff05}body.light .peEmpty{background:#0f172a05}.peEmptyIcon{font-size:30px}.peEmpty h3{margin:2px 0 0;font-size:16px}.peEmpty p{margin:0;max-width:420px;font-size:13px}.peEmpty .btn{margin-top:6px}.peArchived{border-top:1px solid var(--border);padding-top:14px}.peArchivedToggle{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;cursor:pointer;width:100%;font-size:13px;font-weight:700;color:var(--muted);padding:4px 2px;border-radius:8px}.peArchivedToggle:hover{color:var(--text)}.peArchivedToggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.peArchivedCount{margin-left:auto;font-size:11px;font-weight:800;background:#7d91b429;border-radius:999px;padding:2px 9px;color:var(--muted)}.peArchivedList{display:flex;flex-direction:column;gap:8px;margin-top:10px}.peArchivedRow{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:11px;width:100%;border:1px solid var(--border);border-radius:12px;padding:9px 12px;background:#ffffff05}body.light .peArchivedRow{background:#fff9}.peArchivedRow:hover{border-color:#6e98d657}.peArchivedRow:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.peArchivedIcon{flex:0 0 auto;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:15px;background:#6e98d61f}.peArchivedMeta{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.peArchivedName{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.peArchivedDates{font-size:11px;color:var(--muted)}.peArchivedAmt{font-size:12px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.peTypeChips{display:flex;flex-wrap:wrap;gap:7px}.peTypeChip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:999px;background:#ffffff08;color:var(--muted);font-size:12.5px;font-weight:700;padding:6px 12px;cursor:pointer;transition:all .15s ease}body.light .peTypeChip{background:#ffffffb3}.peTypeChip:hover{color:var(--text);border-color:#6e98d657}.peTypeChip.active{background:var(--accent-soft);color:var(--accent);border-color:#21c97a66}body.light .peTypeChip.active{color:#0f9f5e}.peTypeChip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.peDateRow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.peBreakdownEditor{display:flex;flex-direction:column;gap:9px;border:1px solid var(--border);border-radius:14px;padding:12px;background:#ffffff05}body.light .peBreakdownEditor{background:#0f172a05}.peSuggestRow{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:2px}.peSuggestChip{display:inline-flex;align-items:center;gap:4px;border:1px dashed var(--border);border-radius:999px;background:transparent;color:var(--accent);font-size:11.5px;font-weight:700;padding:4px 10px;cursor:pointer;transition:all .14s ease}.peSuggestChip:hover{background:var(--accent-soft);border-style:solid}.peSuggestChip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.peSuggestChip.used{color:var(--muted);border-color:var(--border);opacity:.5;cursor:default}body.light .peSuggestChip{color:#0f9f5e}.peBreakRow{display:grid;grid-template-columns:minmax(0,1fr) 116px auto;gap:8px;align-items:center}.peBreakLabel,.peBreakAmt{min-width:0}.peBreakDel{flex:0 0 auto}.peBreakAdd{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:12.5px;font-weight:700;color:var(--accent);padding:4px 6px;border-radius:8px}.peBreakAdd:hover{background:var(--accent-soft)}.peBreakAdd:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.peBreakTotals{display:flex;gap:10px;font-size:12px;font-weight:600;padding-top:2px}.peBreakTotals b{font-variant-numeric:tabular-nums}.peDetail .peDetailHeadBar{position:relative;overflow:hidden;padding-top:40px;align-items:flex-end}.peDetailBanner{position:absolute;left:0;right:0;top:0;height:60px;z-index:0;pointer-events:none;background-image:var(--pe-img, none),var(--pe-grad);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 30%,rgba(0,0,0,.4) 66%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 30%,rgba(0,0,0,.4) 66%,transparent 100%)}body.light .peDetailBanner{opacity:.94}.peDetail[data-status=done] .peDetailBanner{filter:saturate(.5) brightness(.98)}body.light .peDetail[data-status=done] .peDetailBanner{filter:saturate(.55) brightness(1.02)}.peDetailHeadBar .peDetailHead,.peDetailHeadBar .txp-drawer-close{position:relative;z-index:1}.peDetailHead{display:flex;align-items:center;gap:11px;min-width:0}.peDetailIcon{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:linear-gradient(180deg,#ffffff1a,#ffffff08);border:1px solid var(--border);box-shadow:0 1px 2px #040c1c24}body.light .peDetailIcon{background:linear-gradient(180deg,#fff,#f2f7ff)}.peDetail .txp-drawer-head h2{font-size:19px;margin:0}.peDetailDates{font-size:12px;color:var(--muted);font-weight:600}.peDetailStatusRow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.peDetailPct{font-size:12px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.peDetailStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.peStat{display:flex;flex-direction:column;gap:3px;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:#ffffff05}body.light .peStat{background:#fff9}.peStatLabel{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.peStatValue{font-size:16px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.peStatValue.ok{color:var(--accent)}.peStatValue.over{color:var(--danger)}.perPace{display:flex;align-items:flex-start;gap:8px;border-radius:12px;padding:10px 12px;margin-top:12px;font-size:12.5px;font-weight:600;line-height:1.4;border:1px solid var(--border)}.pe-pace-ok{background:var(--accent-soft);color:var(--accent);border-color:#21c97a47}.pe-pace-warn{background:#f59e0b24;color:#f5b740;border-color:#f59e0b4d}.pe-pace-over{background:#ef444424;color:#f8748c;border-color:#ef44444d}.perPace svg{flex:0 0 auto;margin-top:1px}body.light .pe-pace-warn{color:#b45309}body.light .pe-pace-over{color:#dc2626}body.light .pe-pace-ok{color:#0f9f5e}.peCompletion{border:1px solid var(--border);border-radius:14px;padding:13px 14px;margin-top:14px;background:#60a5fa12}body.light .peCompletion{background:#60a5fa14}.peCompletion h3{margin:0 0 10px;font-size:14px}.peCompletionGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px}.peCompletionGrid>div{display:flex;flex-direction:column;gap:2px}.peCompletion p{margin:0;font-size:12px}.peDetailSection{margin-top:18px}.peDetailSectionTitle{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.peDetailCount{font-size:11px;font-weight:800;background:#7d91b429;border-radius:999px;padding:1px 8px;color:var(--muted)}.peDetailEmpty{font-size:12.5px}.peDetailNotes{margin:0;font-size:13px;color:var(--text);white-space:pre-wrap;line-height:1.5}.peBreakdownList{display:flex;flex-direction:column;gap:11px}.peBreakItem{display:flex;flex-direction:column;gap:6px}.peBreakItemTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.peBreakItemName{font-size:13px;font-weight:700;color:var(--text)}.peBreakItemRight{display:inline-flex;align-items:center;gap:8px}.peBreakItemAmt{font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums}.peBreakItemAdd{all:unset;box-sizing:border-box;cursor:pointer;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;color:var(--accent);border:1px solid var(--border)}.peBreakItemAdd:hover{background:var(--accent-soft);border-color:#21c97a57}.peBreakItemAdd:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.peTxList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.peTxRow{display:flex;align-items:center;gap:11px;padding:8px 2px;border-bottom:1px solid var(--border)}.peTxRow:last-child{border-bottom:none}.peTxIcon{flex:0 0 auto;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#6e98d61f;color:var(--muted)}.peTxMeta{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.peTxName{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.peTxSub{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.peTxSlice{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.02em;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:1px 7px}body.light .peTxSlice{color:#0f9f5e}.peTxAmt{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.peTxAmt.income{color:var(--accent)}.peDetailActions{display:flex;flex-wrap:nowrap;gap:6px;width:100%}.peDetailActions .txp-btn{flex:1 1 0;min-width:0;justify-content:center;gap:6px;padding:10px 8px;font-size:12.5px;overflow:hidden}.peDetailActions .txp-btn svg{flex:0 0 auto}.peDetailActionDelete{color:var(--danger)}.peDetailActionDelete:hover{background:#ef44441a;border-color:#ef444457}body.light .peDetailActionDelete{color:#dc2626}.txp-optional{font-weight:600;color:var(--muted);font-size:11.5px}.txp-event-suggest{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:6px;margin-top:7px;font-size:12px;font-weight:700;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(33,201,122,.28);border-radius:999px;padding:5px 11px}.txp-event-suggest:hover{filter:brightness(1.06)}.txp-event-suggest:focus-visible{outline:2px solid var(--accent);outline-offset:1px}body.light .txp-event-suggest{color:#0f9f5e}@media (max-width:560px){.peGrid{grid-template-columns:1fr}.peDetailStats{grid-template-columns:repeat(3,1fr)}.peBreakRow{grid-template-columns:minmax(0,1fr) 96px auto;gap:7px}.peDateRow{grid-template-columns:1fr}.peHeadTop h2{font-size:20px}}