@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap");:root{--ink:#292a32;--muted:#8f929c;--muted-dark:#696d78;--line:#e9e9ed;--paper:#ffffff;--canvas:#f7f7f9;--accent:#e57d54;--accent-dark:#ce6740;--shadow:0 18px 50px rgba(39,39,51,0.06)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{min-height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Noto Sans SC,DM Sans,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background:radial-gradient(circle at 84% 8%,rgba(255,236,225,.34),transparent 25rem),var(--canvas)}.topbar{height:76px;padding:0 max(28px,calc((100% - 1180px) / 2));display:flex;justify-content:space-between;border-bottom:1px solid rgba(225,225,230,.78);background:rgba(250,250,251,.76)}.brand,.topbar{align-items:center}.brand{color:var(--ink);display:inline-flex;gap:10px;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.04em;text-decoration:none}.brand-mark{width:35px;height:35px;display:grid;place-items:center;color:white;border-radius:11px;background:var(--accent);box-shadow:0 5px 12px rgba(229,125,84,.22)}.topbar-right{display:flex;align-items:center;gap:15px}.privacy-badge{color:#7f818a;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid #e8e8eb;border-radius:99px;background:rgba(255,255,255,.62);font-size:12px}.icon-button,.modal-close,.month-arrow,.row-action{color:var(--muted-dark);display:grid;place-items:center;padding:0;border:0;background:transparent}.top-settings{display:none}.page-wrap{width:min(1180px,calc(100% - 56px));margin:0 auto;padding:58px 0 38px}.intro-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:33px}.eyebrow{margin:0 0 11px;color:var(--accent);font-family:DM Sans,sans-serif;font-size:10px;font-weight:700;letter-spacing:.19em}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(27px,3vw,36px);font-weight:600;letter-spacing:-.055em;line-height:1.24}.intro-copy{margin-bottom:0;color:var(--muted);font-size:14px}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 19px;border:0;border-radius:11px;font-size:13px;font-weight:600;transition:transform .18s,background .18s,box-shadow .18s}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.62;transform:none}.button-primary{color:#fff;background:var(--accent);box-shadow:0 8px 18px rgba(229,125,84,.2)}.button-primary:hover{background:var(--accent-dark);box-shadow:0 10px 22px rgba(229,125,84,.25)}.button-secondary{color:var(--accent-dark);background:#fff2ec}.button-secondary:hover{background:#ffe9df}.button-light{color:#ac593a;background:#fffaf6;box-shadow:0 8px 16px rgba(115,53,30,.08)}.button-ghost{color:var(--muted-dark);background:#f4f4f6}.button-ghost:hover{background:#eaeaec}.button-danger{color:#fff;background:#ce6d69;box-shadow:0 8px 18px rgba(206,109,105,.2)}.button-danger:hover{background:#bd5d5a}.storage-alert{min-height:48px;display:flex;align-items:center;gap:9px;margin-bottom:18px;padding:10px 14px;color:#92524b;border:1px solid #f0ceca;border-radius:12px;background:#fff5f3;font-size:13px}.alert-icon{display:grid;place-items:center}.text-button{display:inline-flex;align-items:center;gap:4px;margin-left:auto;color:#9e5c54;padding:4px 2px;border:0;background:transparent;font-size:12px;font-weight:600}.text-button:hover{color:#793f3a}.summary-card{position:relative;overflow:hidden;min-height:250px;margin-bottom:27px;padding:29px 34px 26px;color:#fff;border-radius:18px;background:linear-gradient(117deg,#e9946e,#df7b55 54%,#d8704d);box-shadow:0 15px 30px rgba(204,107,70,.15)}.summary-card:after{content:"";position:absolute;width:330px;height:330px;right:-72px;bottom:-215px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.04),0 0 0 57px rgba(255,255,255,.025),0 0 0 86px rgba(255,255,255,.018)}.summary-bottomline,.summary-topline{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between}.summary-label{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.87);font-size:13px;font-weight:500}.summary-dot{width:7px;height:7px;border-radius:50%;background:#ffe1cf;box-shadow:0 0 0 4px rgba(255,255,255,.13)}.summary-month-label{margin-top:9px;color:rgba(255,255,255,.64);font-size:12px}.month-picker-wrap{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid rgba(255,255,255,.23);border-radius:9px;background:rgba(154,62,27,.14)}.month-arrow{width:28px;height:28px;color:rgba(255,255,255,.88);border-radius:6px}.month-arrow:hover{background:rgba(255,255,255,.15)}.month-select-label{display:flex;align-items:center;gap:6px;padding:0 7px;color:rgba(255,255,255,.9)}.month-select-label input{width:108px;color:#fff;padding:4px 0;border:0;outline:none;background:transparent;font-size:12px;color-scheme:dark}.summary-number{position:relative;z-index:1;margin:34px 0 25px;font-family:DM Sans,sans-serif;font-size:clamp(42px,5.4vw,63px);font-weight:600;letter-spacing:-.07em;line-height:1}.summary-bottomline{color:rgba(255,255,255,.72);font-size:12px}.summary-hint{color:rgba(255,255,255,.52)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:27px}.records-card{min-height:410px;padding:28px 30px;border:1px solid rgba(231,231,235,.92);border-radius:17px;background:var(--paper);box-shadow:var(--shadow)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:19px;border-bottom:1px solid var(--line)}.section-heading h2{margin-bottom:5px;font-size:18px;font-weight:600;letter-spacing:-.04em}.section-heading p{margin-bottom:0;color:var(--muted);font-size:12px}.record-count{color:#9b9da5;margin-top:3px;font-size:12px}.expense-groups{padding-top:10px}.expense-day+.expense-day{margin-top:14px}.day-label{display:flex;align-items:center;gap:12px;margin:0 0 1px 1px;color:#999ba3;font-size:11px;font-weight:500}.day-line{height:1px;flex:1;background:#f0f0f2}.expense-row{min-height:73px;display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid #f1f1f3}.expense-row:last-child{border-bottom:0}.category-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:11px}.category-icon.orange,.category-option.orange .category-option-icon{color:#dc825c;background:#fff0e8}.category-icon.blue,.category-option.blue .category-option-icon{color:#5e9bb9;background:#ebf6fa}.category-icon.pink,.category-option.pink .category-option-icon{color:#ca7790;background:#fbeef2}.category-icon.green,.category-option.green .category-option-icon{color:#76a071;background:#edf7ec}.category-icon.purple,.category-option.purple .category-option-icon{color:#9b82b1;background:#f3eff8}.category-icon.red,.category-option.red .category-option-icon{color:#d47a76;background:#fff0ef}.category-icon.gray,.category-option.gray .category-option-icon{color:#8d9299;background:#f0f1f3}.expense-main{min-width:0;flex:1}.expense-title-row{display:flex;align-items:center;gap:9px;min-width:0}.expense-category{color:#3d3e46;font-size:13px;font-weight:600}.expense-note{max-width:180px;overflow:hidden;color:#a1a3aa;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.expense-note:before{content:"·";margin-right:9px;color:#d2d2d5}.expense-date{display:block;margin-top:5px;color:#a3a5ad;font-size:11px}.expense-amount{color:#3b3c44;margin-left:auto;padding-left:12px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;white-space:nowrap}.expense-actions{display:flex;gap:3px;margin-left:8px;opacity:0;transform:translateX(4px);transition:opacity .18s,transform .18s}.expense-row:focus-within .expense-actions,.expense-row:hover .expense-actions{opacity:1;transform:translateX(0)}.row-action{width:29px;height:29px;color:#a5a7ae;border-radius:7px}.row-action:hover{color:var(--accent);background:#fff3ed}.row-action.delete:hover{color:#cb716f;background:#fff0ef}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:325px;padding:28px 10px 8px;text-align:center}.empty-art{position:relative;width:80px;height:76px;margin-bottom:11px}.empty-art-circle{position:absolute;inset:3px 10px 3px 9px;display:grid;place-items:center;color:#db845e;border-radius:50%;background:#fff1e9}.empty-art-circle:after{content:"";position:absolute;inset:8px;border:1px dashed #f2c1aa;border-radius:50%}.empty-art-spark{position:absolute;top:0;right:4px;color:#ebad86;font-size:17px}.empty-state h3{margin-bottom:7px;font-size:15px;font-weight:600}.empty-state p{max-width:260px;margin-bottom:18px;color:var(--muted);font-size:12px;line-height:1.8}.loading-state{min-height:325px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}.loading-dot{width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--accent);animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.quick-card{position:relative;min-height:344px;overflow:hidden;color:#fff;border-radius:17px;background:#3f4049;box-shadow:0 14px 28px rgba(45,45,54,.12)}.quick-card:before{content:"";position:absolute;inset:0;opacity:.3;background:radial-gradient(circle at 20% 11%,transparent 0 2px,rgba(255,255,255,.2) 2px 3px,transparent 3px 100%);background-size:19px 19px;mask-image:linear-gradient(135deg,#000,transparent 65%)}.quick-card-content{position:relative;z-index:1;padding:28px 27px}.quick-overline{color:#f0b093;font-family:DM Sans,sans-serif;font-size:9px;font-weight:700;letter-spacing:.2em}.quick-card h2{margin:21px 0 12px;font-size:25px;font-weight:500;letter-spacing:-.055em;line-height:1.4}.quick-card p{margin-bottom:24px;color:rgba(255,255,255,.55);font-size:12px;line-height:1.75}.quick-card .button{min-width:142px}.quick-card-orb{position:absolute;z-index:0;border:1px solid rgba(255,255,255,.1);border-radius:50%}.orb-one{width:200px;height:200px;right:-72px;bottom:-58px;box-shadow:0 0 0 25px rgba(255,255,255,.025),0 0 0 50px rgba(255,255,255,.02)}.orb-two{width:7px;height:7px;right:48px;top:41px;background:#eca17f;border:0;box-shadow:16px 14px 0 -2px rgba(255,255,255,.22),-14px 32px 0 -3px rgba(255,255,255,.16)}.quick-illustration{position:absolute;z-index:1;right:23px;bottom:24px;display:grid;place-items:center;width:83px;height:83px;color:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.16);border-radius:50%;transform:rotate(-12deg)}.page-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:35px;color:#b1b2b8;font-size:11px}.mobile-fab{display:none}.modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:rgba(37,38,46,.36);backdrop-filter:blur(4px);animation:fade-in .16s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.confirm-modal,.modal{width:min(100%,455px);max-height:calc(100vh - 32px);overflow-y:auto;padding:27px 29px 25px;border:1px solid rgba(255,255,255,.65);border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(39,39,48,.18);animation:pop-in .18s ease-out}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.modal-kicker{margin-bottom:7px;color:var(--accent);font-family:DM Sans,sans-serif;font-size:9px;font-weight:700;letter-spacing:.18em}.confirm-modal h2,.modal h2{margin-bottom:0;font-size:22px;font-weight:600;letter-spacing:-.055em}.modal-close{width:32px;height:32px;margin:-4px -7px 0 0;border-radius:8px}.modal-close:hover{color:var(--ink);background:#f5f5f6}.form-field{margin-bottom:19px}.field-label-line label,.form-field>label{display:block;margin-bottom:8px;color:#575963;font-size:12px;font-weight:600}.amount-input-wrap{display:flex;align-items:center;height:57px;padding:0 16px;border:1px solid #e4e4e8;border-radius:11px;background:#fbfbfc;transition:border .16s,box-shadow .16s}.amount-input-wrap:focus-within{border-color:#edac91;box-shadow:0 0 0 3px #fff0e9}.amount-input-wrap>span{margin-right:8px;color:#b0b1b7;font-family:DM Sans,sans-serif;font-size:18px}.amount-input-wrap input{width:100%;color:var(--ink);border:0;outline:0;background:transparent;font-family:DM Sans,sans-serif;font-size:27px;font-weight:600;letter-spacing:-.04em}.amount-input-wrap input::placeholder{color:#c9c9ce}.input-wrap{height:43px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #e4e4e8;border-radius:10px;background:#fff;transition:border .16s,box-shadow .16s}.input-wrap:focus-within{border-color:#edac91;box-shadow:0 0 0 3px #fff0e9}.input-wrap svg{flex:0 0 auto;color:#a5a7ae}.input-wrap input{color:#555761;border:0;background:transparent}.input-wrap input,.text-input{width:100%;outline:0;font-size:13px}.text-input{height:43px;padding:0 12px;color:var(--ink);border:1px solid #e4e4e8;border-radius:10px;background:#fff;transition:border .16s,box-shadow .16s}.text-input:focus{border-color:#edac91;box-shadow:0 0 0 3px #fff0e9}.text-input::placeholder{color:#bfc0c6}.field-label-line{display:flex;align-items:center;justify-content:space-between}.field-label-line label{margin-bottom:8px}.field-required,.optional{color:#b2b3ba;font-size:10px;font-weight:400}.optional{margin-left:3px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.category-option{position:relative;min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#72747d;border:1px solid #ececef;border-radius:10px;background:#fff;font-size:11px;transition:border .16s,background .16s,transform .16s}.category-option:hover{border-color:#e2c1b4;transform:translateY(-1px)}.category-option.selected{color:#5d4a43;border-color:#e7a98d;background:#fff8f4;box-shadow:0 0 0 2px rgba(229,125,84,.08)}.category-option-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px}.category-check{position:absolute;top:5px;right:5px;width:14px;height:14px;display:grid;place-items:center;color:#fff;border-radius:50%;background:var(--accent)}.field-error{display:block;margin-top:6px;color:#c4635e;font-size:11px}.has-error .amount-input-wrap,.has-error .input-wrap{border-color:#d78983}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px;padding-top:18px;border-top:1px solid #f0f0f2}.submit-button{min-width:112px}.confirm-modal{width:min(100%,390px);padding:31px 29px 25px;text-align:center}.confirm-icon{width:45px;height:45px;display:grid;place-items:center;margin:0 auto 14px;color:#c87470;border-radius:50%;background:#fff0ef}.confirm-modal h2{font-size:20px}.confirm-modal p{margin:12px 0 0;color:#8f9198;font-size:12px;line-height:1.8}.confirm-modal p strong{color:#555660;font-family:DM Sans,sans-serif}.confirm-modal .modal-actions{margin-top:22px}.toast{position:fixed;z-index:30;left:50%;bottom:28px;display:flex;align-items:center;gap:9px;padding:11px 16px 11px 11px;color:#f7fffa;border-radius:11px;background:#34363e;box-shadow:0 11px 28px rgba(33,34,40,.2);font-size:12px;transform:translateX(-50%);animation:toast-in .22s ease-out}.toast>span{width:22px;height:22px;display:grid;place-items:center;color:#fff;border-radius:50%;background:#6daf88}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:800px){.topbar{height:65px;padding:0 20px}.privacy-badge{display:none}.top-settings{display:grid}.page-wrap{width:min(100% - 32px,590px);padding-top:39px;padding-bottom:91px}.intro-row{align-items:flex-start;margin-bottom:25px}h1{font-size:27px}.desktop-add{display:none}.summary-card{min-height:224px;padding:23px 21px 21px;margin-bottom:17px;border-radius:15px}.summary-number{margin:32px 0 22px;font-size:47px}.summary-hint{display:none}.month-picker-wrap{gap:0}.month-select-label{padding:0 4px}.month-select-label input{width:95px}.dashboard-grid{display:block}.records-card{min-height:410px;padding:23px 18px;border-radius:14px}.quick-card{display:none}.expense-actions{opacity:1;transform:none;margin-left:0}.row-action{width:27px;height:27px}.expense-row{gap:10px}.expense-amount{font-size:14px}.mobile-fab{position:fixed;z-index:10;right:18px;bottom:19px;height:49px;display:inline-flex;align-items:center;gap:7px;padding:0 18px;color:#fff;border:0;border-radius:99px;background:var(--accent);box-shadow:0 9px 23px rgba(194,93,53,.3);font-size:13px;font-weight:600}.mobile-fab:hover{background:var(--accent-dark)}.page-footer{margin-top:27px;font-size:10px}}@media (max-width:470px){.intro-copy{font-size:13px}.summary-topline{gap:8px}.summary-month-label{font-size:11px}.month-select-label input{width:88px;font-size:11px}.summary-number{font-size:42px}.expense-note{display:none}.expense-amount{padding-left:5px}.expense-actions{gap:0}.category-grid{grid-template-columns:repeat(4,1fr)}.modal{padding:23px 19px 20px}.modal-backdrop{padding:11px}.category-option{min-height:63px}}