:root{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#6b4a91;background:#f6f3fb;font-size:18px;--purple:#552583;--yellow:#ffcf28;--line:#e2d9ed;--paper:#fff;--muted:#6b527d}
    *{box-sizing:border-box}body{margin:0;min-width:300px}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #8654ba;outline-offset:3px}
    .top{background:var(--purple);color:white;padding:30px max(20px,calc((100vw - 1050px)/2)) 62px;border-bottom:8px solid var(--yellow)}.eyebrow{color:var(--yellow);font-weight:900;letter-spacing:.13em;font-size:.83rem;text-transform:uppercase}.top h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.08;margin:10px 0}.top p{margin:0;line-height:1.5;color:#f3eafd}
    main{max-width:1050px;margin:-39px auto 50px;padding:0 18px}.card{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 28px #35204813;padding:24px;margin-bottom:20px}.new{border-top:6px solid var(--yellow)}h2{font-size:1.5rem;margin:0 0 16px}label{font-weight:750;display:block;margin:0 0 7px}input[type="text"],textarea{width:100%;border:2px solid #bcb0ca;border-radius:10px;padding:13px 15px;background:white;color:#241336;min-height:52px}textarea{min-height:82px;resize:vertical}.form-grid{display:grid;grid-template-columns:1.35fr 1fr auto;gap:14px;align-items:end}.field{min-width:0}.btn{min-height:52px;padding:10px 17px;border-radius:11px;border:2px solid transparent;font-weight:850;white-space:nowrap}.primary{background:var(--yellow);color:#241336;border-color:#e3a900}.primary:hover{background:#ffd95a}.secondary{background:white;color:var(--purple);border-color:var(--purple)}.secondary:hover{background:#f7f0ff}.danger{background:white;color:#8a1736;border-color:#b14863}.danger:hover{background:#fff0f3}.small{min-height:43px;padding:7px 12px;font-size:.9rem}.muted{color:var(--muted)}.status{min-height:1.6em;margin:8px 0 0;font-size:.9rem;font-weight:700}.error{color:#a32242}
    .overview{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.chip{padding:10px 15px;border:1px solid var(--line);background:white;border-radius:12px;font-size:.93rem}.chip strong{font-size:1.2rem;color:var(--purple)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:18px}.toolbar h2{margin:0}.search{max-width:330px}.group-title{display:flex;align-items:center;gap:9px;margin:23px 0 12px;font-size:1.2rem;font-weight:900;color:var(--purple)}.group-title .count{font-size:.83rem;background:#eee6f5;padding:3px 9px;border-radius:20px}.task-list{display:grid;gap:10px}.task{border:2px solid var(--line);border-left:7px solid var(--purple);border-radius:13px;background:#fff;padding:14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:start}.task.done{background:#f8f6fa;border-left-color:#8e7da2}.task label{margin:0;display:flex;align-items:flex-start;gap:10px;cursor:pointer}.task input[type="checkbox"]{width:25px;height:25px;flex:0 0 25px;accent-color:var(--purple);margin:2px 0}.task-title{font-size:1.14rem;line-height:1.4;overflow-wrap:anywhere}.done .task-title{text-decoration:line-through;color:#594e61}.task-desc{margin:5px 0;color:#40344e;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.95rem;line-height:1.45}.done .task-desc{color:#655b6d}.date{color:#655973;font-size:.79rem;margin-top:6px}.task-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.empty{border:2px dashed var(--line);border-radius:13px;padding:22px;color:var(--muted);background:#fff}.settings summary{font-size:1.24rem;font-weight:900;color:var(--purple);cursor:pointer}.settings .inner{padding-top:18px}.settings .inner p{line-height:1.5}.settings-actions{display:flex;flex-wrap:wrap;gap:10px;margin:13px 0}.switch{display:flex;gap:10px;align-items:center}.switch input{width:22px;height:22px;accent-color:var(--purple)}.footnote{font-size:.88rem;line-height:1.5;color:var(--muted);margin:18px 0 0}.notice{background:#fff9e6;border:1px solid #d7a917;border-radius:10px;padding:11px 13px;color:#392c1b}.large{font-size:22px}.large .task-title{font-size:1.25rem}dialog{max-width:min(550px,calc(100vw - 30px));width:100%;border:2px solid var(--purple);border-radius:18px;padding:22px;color:#25123d}dialog::backdrop{background:#180a2dcc}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}dialog .field{margin:12px 0}
    [hidden]{display:none!important}
    :root{color:#76549a;--muted:#795d97}.top h1{color:#f3e6ff}.top p{color:#efddff}.header-date{display:inline-block;margin:8px 0 0;color:#f1dfff;background:#ffffff16;border:1px solid #dbbaff;border-radius:12px;padding:9px 14px;font-weight:850;font-size:1.05rem}.group-title,.settings summary,.chip strong{color:#76549a}.task-title,.task-desc,.date,.pay-card h3,.pay-card .pay-amount,.pay-meta,.pay-description{color:#76549a}.done .task-title,.done .task-desc{color:#866aa3}.footnote{color:#795d97}input[type="text"],textarea,input[type="date"],input[type="number"]{color:#76549a}.secondary{color:#76549a}.tabs .tab{color:#76549a}.pay-total{color:#76549a}.received-total{margin-top:18px;padding-top:14px;border-top:2px solid var(--line);font-size:1.24rem;font-weight:850;color:#715095}
    input[type="date"],input[type="number"]{width:100%;border:2px solid #bcb0ca;border-radius:10px;padding:12px 14px;background:white;color:#5f4180;min-height:52px}
    .tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}.tabs .tab{background:white;color:#6b4a91;border:2px solid #bba6ce;border-radius:13px;min-height:54px;padding:10px 20px;font-weight:900;font-size:1.08rem}.tabs .tab.active{background:var(--yellow);border-color:#d9a500;color:#4a2573}.tabs .tab:hover{border-color:var(--purple)}
    .pay-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:14px}.pay-grid .wide{grid-column:1/-1}.pay-controls{display:flex;justify-content:flex-end;margin-top:14px}.pay-card{border:2px solid var(--line);border-left:7px solid var(--purple);border-radius:13px;background:#fff;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:10px}.pay-card h3{font-size:1.15rem;margin:0 0 5px;overflow-wrap:anywhere;color:#704c9b}.pay-card .pay-amount{font-size:1.45rem;font-weight:900;color:#6b4a91}.pay-meta{font-size:.92rem;color:#6b527d}.pay-description{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;line-height:1.5}.pay-actions{display:flex;align-items:start;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pay-total{font-size:1.12rem;line-height:1.5}
    .tabs .tab:not(.active){color:#76549a}.pay-card h3,.pay-card .pay-amount,.pay-meta,.pay-description{color:#76549a}input[type="date"],input[type="number"]{color:#76549a}.received-total{color:#715095}.received-card{border-left-color:#8c6eb0}.received-date{font-weight:800;margin-top:8px;color:#76549a}.received-control{display:flex;gap:7px;align-items:center;min-height:43px;margin:0;color:#76549a;cursor:pointer}.received-control input{width:23px;height:23px;accent-color:var(--purple)}
    .budget-rate{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,250px) auto;gap:13px;align-items:end}.budget-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:13px}.budget-grid .wide{grid-column:1/-1}.budget-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.budget-summary .chip{margin:0;line-height:1.5}.budget-summary strong{display:block}.budget-row.expense{border-left-color:#ba294c;background:#fff8f9}.budget-row.expense .pay-amount,.budget-row.expense h3{color:#b1193d}.budget-row.income{border-left-color:#358066}.budget-row .pay-amount{white-space:nowrap}.budget-auto{display:inline-block;background:#efe7f5;border-radius:8px;padding:3px 8px;font-size:.8rem;font-weight:800}.budget-final{border-top:2px solid var(--line);padding-top:16px;margin-top:20px;font-size:1.2rem;font-weight:850}.budget-final strong{display:block;margin-top:6px;color:var(--purple)}.budget-final .negative{color:#b1193d}.budget-hint{font-size:.88rem;color:var(--muted);line-height:1.5}.budget-row .pay-meta{margin-top:5px}.amount-pair{display:flex;flex-direction:column;gap:2px;min-width:0}.amount-pair .amount-try{font-size:1.45rem;font-weight:900;color:#6b4a91;overflow-wrap:anywhere}.amount-pair .amount-usd{font-size:.86rem;font-weight:700;color:#795d97;overflow-wrap:anywhere}.budget-row.expense .amount-try,.budget-row.expense .amount-usd,.budget-summary .expense-amount .amount-try,.budget-summary .expense-amount .amount-usd,.budget-final .negative{color:#b1193d}.budget-summary .amount-try{font-size:1.2rem}.budget-summary .amount-usd{font-size:.8rem}.budget-final .amount-try{font-size:1.35rem}.budget-final .amount-usd{font-size:.86rem}.budget-row .amount-pair{margin:3px 0 6px}select{width:100%;border:2px solid #bcb0ca;border-radius:10px;padding:12px 14px;background:white;color:#5f4180;min-height:52px;font:inherit}
    @media(max-width:750px){.pay-grid,.budget-grid,.budget-rate,.budget-summary{grid-template-columns:1fr}.pay-grid .wide,.budget-grid .wide{grid-column:auto}.pay-card{grid-template-columns:1fr}.pay-actions{justify-content:flex-start}.tabs .tab{flex:1 1 180px}.form-grid{grid-template-columns:1fr}.form-grid .btn{width:100%}.task{grid-template-columns:auto minmax(0,1fr)}.task-actions{grid-column:2;justify-content:flex-start}.toolbar .search{max-width:none;width:100%}.card{padding:17px}.top{padding:24px 19px 58px}}
    @media print{body{background:white}main{margin:0 auto}.top{background:white;color:#25123d;border-bottom:2px solid #222;padding:10px 0}.top .eyebrow,.top p,.tabs,.new,.settings,.toolbar .search,.task-actions,.pay-actions,.task input,.status{display:none!important}.card{box-shadow:none;border:0;padding:0}.task,.pay-card{break-inside:avoid;border:1px solid #aaa}.task-title{color:black!important}.overview{margin:10px 0}}
  
/* Login is outside the original V7 shell; V7 selectors above are unchanged. */
#auth,#recovery{max-width:600px;margin:7vh auto;padding:30px;background:white;border:1px solid #ddd4ea;border-top:6px solid #ffd329;border-radius:20px;color:#512681;box-shadow:0 12px 36px #51268118;font:inherit}
#auth h2,#recovery h2{font-size:1.7rem;margin:0 0 20px}#auth form,#recovery form{display:grid;gap:12px;margin:16px 0}#auth label{display:grid;gap:5px}#auth input,#auth select{width:100%;padding:12px;border:1px solid #b9aad0;border-radius:9px;font:inherit}#auth button,#recovery button,#accountControls button{background:#ffd329;color:#512681;padding:10px 18px;border:1px solid #d5a500;border-radius:9px;font-weight:700;cursor:pointer}#authStatus{color:#a12a4c}#recoveryCodes{white-space:pre-wrap;word-break:break-word}#accountControls{margin-top:22px;border-top:1px solid #ddd4ea;padding-top:12px}#accountControls[hidden],#auth[hidden],#recovery[hidden],#app[hidden]{display:none!important}

/* Header-only overrides: red title, vivid green subtitle, light turquoise-blue date badge. */
@media screen{.top h1{color:#ff6262}.top p{color:#8aff9b}.header-date{color:#80efff;border-color:#65d5e8;background:#00c7db20}}