:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#21382f;background:#f5f6f7;font-synthesis:none;font-size:16px;--green:#173e35;--muted:#7b8580;--line:#e8ece9;--lime:#d8f87d}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,a{color:inherit}button,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #729e68}h1,h2,h3,p{margin:0}button{border:0;background:none}input,select,textarea{min-width:0}label{display:flex;flex-direction:column;gap:9px;font-size:.875rem;font-weight:550}label input,label select,label textarea,.filters select{border:1px solid #dce3df;border-radius:9px;background:#fff;padding:12px 13px;color:#283e35;width:100%;font-size:1rem}input::placeholder,textarea::placeholder{color:#949f99}small{font-weight:400;color:var(--muted)}.app{display:flex;min-height:100dvh}.sidebar{width:230px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:32px 22px}.brand{display:flex;align-items:center;gap:11px;font-size:1.65rem;font-weight:700;letter-spacing:-1px}.brand-symbol{display:grid;place-items:center;background:var(--green);color:var(--lime);height:37px;width:37px;border-radius:11px;font-size:2rem;font-weight:750;line-height:1}.brand-dot{color:#729e68}.workspace-label{font-size:.75rem;letter-spacing:1.6px;color:#8e9993;margin:55px 12px 17px;font-weight:600}.nav{height:48px;width:100%;border-radius:9px;display:flex;align-items:center;gap:13px;padding:0 13px;font-size:.92rem;color:#78857e;margin-bottom:7px}.nav.active{color:var(--green);background:#edf3ee;font-weight:650}.nav:hover{background:#f3f6f3}.nav-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--green)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:22px;display:flex;gap:10px;align-items:center}.avatar{width:33px;height:33px;border-radius:50%;background:#edf0e6;display:grid;place-items:center;font-size:.9rem;font-weight:600}.sidebar-bottom strong{display:block;font-size:.83rem;max-width:95px;overflow:hidden;text-overflow:ellipsis}.sidebar-bottom small{font-size:.75rem}.sidebar-bottom .icon-button{margin-left:auto}.main{margin-left:230px;flex:1;min-width:0}.topbar{height:74px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:#fafbfb}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:.8rem;color:#7d8781}.sync{display:flex;align-items:center;gap:8px;font-size:.76rem;color:#738179}.status-dot{width:6px;height:6px;border-radius:50%;background:#6b946f}.offline .status-dot{background:#c08a42}.content{max-width:1320px;margin:auto;padding:38px 42px 24px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.eyebrow{font-size:.75rem;letter-spacing:1.9px;font-weight:650;color:#88958d;margin-bottom:12px}h1{font-size:2.15rem;letter-spacing:-1.1px;font-weight:650;line-height:1.2}.subtitle{font-size:.92rem;color:var(--muted);margin-top:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:12px 19px;font-size:.875rem;font-weight:600;border-radius:9px;white-space:nowrap}.primary{color:#fff;background:var(--green);box-shadow:0 3px 6px #173e3510}.primary:hover{background:#265547}.secondary{background:#fff;border:1px solid #dce4df}.secondary:hover{background:#f3f6f3}.period-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.month-picker{background:#fff;border:1px solid var(--line);display:flex;border-radius:9px;align-items:center;padding:3px}.month-picker button{width:35px;height:35px;display:grid;place-items:center;color:#89928d}.month-picker input{border:0;font-size:.875rem;font-weight:600;padding:5px;max-width:170px}.period-note{color:#8b968f;font-size:.8rem;text-transform:capitalize}.summary{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-bottom:26px}.total-card,.budget-card{border-radius:14px;padding:24px 26px;min-height:200px}.total-card{background:var(--green);color:#fff;position:relative;overflow:hidden}.card-label{display:flex;align-items:center;justify-content:space-between;font-size:.85rem}.total-card .card-label{color:#c0d4c8}.total-number{font-size:2.7rem;font-weight:550;letter-spacing:-1.4px;margin:24px 0 23px;line-height:1}.total-footer{display:flex;align-items:center;gap:9px;font-size:.75rem;color:#c8d7cf}.mini-icon{display:grid;place-items:center;color:var(--lime)}.total-footer-right{margin-left:auto;font-size:.75rem;letter-spacing:1px;color:#96b2a4}.budget-card{background:#fff;border:1px solid var(--line)}.budget-number{font-size:2.05rem;letter-spacing:-.8px;margin:25px 0 19px;font-weight:550;line-height:1.2}.no-budget{font-size:1.4rem;color:#8c9690;font-weight:400;letter-spacing:-.4px}.progress-track{height:6px;border-radius:10px;background:#edf1ed;overflow:hidden}.progress-track span{display:block;height:100%;background:#88a875;border-radius:10px;transition:width .4s}.budget-footer{display:flex;justify-content:space-between;font-size:.79rem;color:#869289;margin-top:15px;gap:10px}.budget-footer strong{color:var(--green);font-weight:600}.text-button{display:inline-flex;gap:7px;align-items:center;font-size:.8rem;color:#507a63;padding:5px 0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:23px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.panel-heading{padding:24px 23px 20px;display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-heading h2{font-size:1rem;font-weight:650;letter-spacing:-.25px}.panel-heading span{display:block;font-size:.77rem;color:#94a097;margin-top:7px}.panel-heading .text-button{white-space:nowrap;font-size:.75rem}.filters{padding:0 23px 18px;display:flex;gap:9px}.search{position:relative;flex:1}.search svg{position:absolute;top:12px;left:11px;color:#8f9b93}.search input{padding:10px 8px 10px 36px;font-size:.8rem;background:#fafbfa;height:39px}.filters select{width:155px;font-size:.76rem;padding:9px;background:#fafbfa;height:39px}.transaction{display:flex;align-items:center;padding:0 21px;border-top:1px solid #f0f2ef;min-height:83px}.transaction-main{display:flex;align-items:center;text-align:left;width:100%;gap:13px;padding:17px 0}.category-icon{width:41px;height:41px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.transaction-info{display:flex;flex-direction:column;gap:6px;min-width:0}.transaction-info strong{font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.transaction-info span{font-size:.75rem;color:#939c96}.transaction-info i{font-style:normal;padding:0 5px;color:#b8c1ba}.transaction-info small{font-size:.75rem}.transaction-amount{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:6px;white-space:nowrap}.transaction-amount strong{font-size:.91rem;font-weight:600;font-variant-numeric:tabular-nums}.transaction-amount span{color:#9ba49e;font-size:.75rem}.transaction:hover{background:#fcfdfb}.category-overview{margin:6px 24px 22px;display:flex;align-items:center;gap:11px}.category-count{font-size:2.5rem;font-weight:550;letter-spacing:-1px}.category-overview>span:nth-child(2){color:#909a94;font-size:.75rem;line-height:1.5}.category-overview-icon{margin-left:auto;color:#9eb4a0}.stacked-bar{height:11px;display:flex;gap:3px;margin:0 24px 26px;border-radius:5px;overflow:hidden}.category-list{padding:0 24px 18px}.category-row{display:flex;align-items:center;gap:8px;font-size:.75rem;padding:12px 0;width:100%;text-align:left}.category-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.category-row strong{margin-left:auto;font-size:.78rem;font-weight:600;white-space:nowrap}.category-row small{width:34px;text-align:right;font-size:.75rem}.bottom-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#99a39c;font-size:.75rem;padding-top:25px}.empty{padding:40px 28px 48px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-icon{width:64px;height:64px;border-radius:20px;background:#f0f4ed;color:#7f9a80;display:grid;place-items:center;margin-bottom:4px}.empty h3{font-size:1rem;font-weight:600}.empty p{font-size:.85rem;color:#919b94;line-height:1.65;max-width:320px}.empty .button{margin-top:6px}.category-empty{padding:65px 28px;color:#97ad9a;min-height:250px}.mobile-nav{display:none}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;color:#87968b}.icon-button:hover{background:#eff3ee}.alert{padding:13px 15px;background:#fdf0eb;color:#9e4634;border:1px solid #f3d3c7;display:flex;align-items:center;justify-content:space-between;border-radius:9px;font-size:.86rem;line-height:1.5;margin-bottom:18px}.offline-banner{display:flex;gap:10px;align-items:center;background:#f6f1df;border-radius:9px;padding:13px;font-size:.83rem;margin-bottom:20px;color:#81703d}.negative{color:#b14c3a!important}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);padding:14px 21px;background:var(--green);color:#fff;border-radius:10px;box-shadow:0 6px 24px #173e3525;z-index:20;font-size:.85rem;display:flex;align-items:center;gap:10px;max-width:calc(100% - 30px)}.modal{padding:0;border:0;border-radius:17px;max-width:min(560px,calc(100vw - 28px));width:560px;max-height:90dvh;color:inherit;box-shadow:0 25px 100px #162c3535}.modal::backdrop{background:#10292066;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:21px 25px;border-bottom:1px solid var(--line);background:#fff}.modal h2{font-size:1.2rem}.modal-body{padding:24px 25px;display:flex;flex-direction:column;gap:19px}.modal-footer{border-top:1px solid var(--line);padding:17px 25px;display:flex;justify-content:flex-end;gap:10px;background:#fafbfa}.modal-footer>.icon-button{margin-right:auto}.amount-input{display:flex;align-items:center;border-bottom:1px solid var(--line)}.amount-input input{font-size:2.8rem;letter-spacing:-1px;border:0;padding:8px 0;font-weight:550;background:transparent}.amount-input span{font-size:1.8rem;color:#92a296}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.optional{font-size:.75rem;color:#9ca69f;font-weight:400}.hint{font-size:.79rem;color:#8b978f;line-height:1.6;margin:12px 0}.item-form{display:grid;grid-template-columns:1fr 1fr 1fr 30px;gap:9px;margin-bottom:17px;padding-bottom:15px;border-bottom:1px solid var(--line)}.item-name{grid-column:1/-1}.item-form label{font-size:.75rem}.item-form input{padding:9px;font-size:.9rem}.item-form button{align-self:end;margin-bottom:4px}summary{cursor:pointer;font-size:.875rem}summary .optional{margin-left:8px}.settings-panel{max-width:680px;padding:28px}.settings-panel h2{font-size:1.05rem;margin:0 0 18px}.settings-panel h2:not(:first-child){margin-top:32px}.settings-panel p{font-size:.875rem;line-height:1.7;color:#87928b;margin-bottom:18px}.setting-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:15px 0;font-size:.875rem;flex-wrap:wrap}.setting-row>span{color:#7e8b82}.setting-row strong{font-weight:500;overflow-wrap:anywhere}.danger-outline{border:1px solid #e5cbc3;color:#b35b43;background:#fff;margin-top:12px}.invite-field{margin-top:20px}.invite-field input{font-size:.8rem}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;background:#fff}.auth-story{padding:45px 60px;background:var(--green);color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh}.auth-story .brand-symbol{background:var(--lime);color:var(--green)}.auth-story .brand-dot{color:var(--lime)}.auth-story .eyebrow{color:#a8c4ad;margin-bottom:26px}.auth-story h1{font-size:3.8rem;font-weight:500;letter-spacing:-2px;line-height:1.15}.auth-story p:not(.eyebrow){color:#b5cdbd;line-height:1.8;margin-top:25px;font-size:1rem}.auth-decoration{margin-top:50px;display:flex;align-items:center;gap:20px;color:#cce4ac;padding:25px 0;border-top:1px solid #ffffff20;max-width:330px}.auth-decoration span{font-size:.95rem;line-height:1.7}.auth-decoration strong{font-weight:500}.auth-footer{font-size:.8rem;color:#9fbeaa}.auth-form-area{display:flex;justify-content:center;align-items:center;padding:50px 35px}.auth-form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:20px}.form-kicker{font-size:.75rem;letter-spacing:1.6px;color:#8a968e;font-weight:600}.auth-form h2{font-size:1.9rem;font-weight:600;letter-spacing:-.7px;margin-top:-5px}.auth-form p{font-size:.86rem;color:#89938c;line-height:1.65;margin-top:-8px;margin-bottom:9px}.full{width:100%;margin-top:4px}.auth-switch{align-self:center}.auth-mobile-brand{display:none}.splash{height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px}.splash p{color:#87948b;font-size:.9rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1450px){.content{padding-top:46px}.summary,.dashboard-grid{gap:28px}}@media(max-width:1150px){.sidebar{width:195px;padding:30px 16px}.main{margin-left:195px}.content{padding:30px 25px}.topbar{padding:0 25px}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:18px}.summary{gap:18px}.filters{flex-wrap:wrap}.search{min-width:140px}.filters select{width:100%}.panel-heading{padding:21px 18px}.transaction{padding:0 17px}.panel-heading .text-button{font-size:0}.panel-heading .text-button svg{width:18px;height:18px}.transaction-info strong{max-width:155px}.total-number{font-size:2.4rem}.category-list{padding:0 18px 18px}.auth-story{padding:40px}.auth-story h1{font-size:3.1rem}}@media(max-width:850px){.sidebar{width:175px;padding:28px 12px}.main{margin-left:175px}.brand{font-size:1.45rem}.workspace-label{font-size:.75rem;margin-left:6px}.nav{font-size:.85rem;padding:0 9px;gap:10px}.content{padding:27px 20px}.dashboard-grid{grid-template-columns:1fr}.summary{gap:14px}.total-card,.budget-card{padding:20px;min-height:195px}.total-number{font-size:2rem}.budget-number{font-size:1.8rem}.heading{align-items:flex-start}h1{font-size:1.8rem}.eyebrow{font-size:.75rem}.add-desktop{padding:11px;font-size:.75rem}.filters{flex-wrap:nowrap}.filters select{width:155px}.panel-heading .text-button{font-size:.75rem}.transaction-info strong{max-width:none}.categories{margin-bottom:10px}.auth-story h1{font-size:2.6rem}.auth-story{padding:32px}.auth-form-area{padding:40px 25px}}@media(max-width:600px){.sidebar{display:none}.main{margin-left:0}.topbar{height:54px;padding:0 20px;background:#fff}.breadcrumb{font-size:.75rem}.sync{font-size:.75rem;gap:6px}.content{padding:27px 18px 115px}.heading{margin-bottom:24px}.heading .subtitle{font-size:.85rem}.eyebrow{font-size:.75rem;letter-spacing:1.5px;margin-bottom:10px}h1{font-size:1.9rem}.add-desktop{display:none}.period-row{margin-bottom:16px}.period-note{display:none}.summary{grid-template-columns:1fr;gap:13px;margin-bottom:22px}.total-card{padding:23px 24px;min-height:192px;border-radius:13px}.total-number{font-size:2.65rem;margin:23px 0}.budget-card{padding:19px 23px;min-height:157px}.budget-number{margin:16px 0 15px;font-size:1.8rem}.budget-footer{font-size:.76rem;margin-top:12px}.no-budget{font-size:1.2rem}.panel-heading{padding:22px 18px 18px}.panel-heading h2{font-size:.98rem}.panel-heading span,.panel-heading .text-button{font-size:.75rem}.filters{padding:0 17px 16px;gap:7px}.search input{font-size:.78rem}.filters select{width:125px;font-size:.75rem;padding:8px}.transaction{padding:0 17px}.transaction-info strong{font-size:.86rem;max-width:165px}.transaction-info span{font-size:.75rem}.transaction-amount strong{font-size:.86rem}.transaction-amount span{font-size:.75rem}.transaction-main{gap:10px}.category-icon{width:37px;height:37px;border-radius:10px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;background:#ffffffed;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid #e1e8e1;padding:9px 13px calc(10px + env(safe-area-inset-bottom));z-index:10}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:.75rem;color:#93a095;min-width:60px;min-height:44px;justify-content:center}.mobile-nav .selected{color:var(--green)}.mobile-nav .mobile-add{background:var(--green);color:var(--lime);width:47px;height:47px;min-width:47px;border-radius:14px}.toast{bottom:calc(88px + env(safe-area-inset-bottom));width:max-content;font-size:.79rem}.bottom-note{font-size:.75rem;padding-top:16px}.modal{max-width:100%;width:100%;max-height:94dvh;margin:auto 0 0;border-radius:20px 20px 0 0}.modal-header{padding:18px 20px}.modal-body{padding:22px 20px}.modal-footer{padding:16px 20px calc(16px + env(safe-area-inset-bottom))}.modal input,.modal textarea,.modal select{font-size:16px}.amount-input input{font-size:2.8rem}.auth-page{display:block;min-height:100dvh;background:#fafcf9}.auth-story{display:none}.auth-form-area{min-height:100dvh;display:flex;flex-direction:column;padding:35px 25px;align-items:center;justify-content:center;gap:42px}.auth-mobile-brand{display:block;align-self:flex-start}.auth-form{max-width:400px}.auth-form h2{font-size:1.8rem}.auth-form label input{font-size:16px}.settings-panel{padding:22px 18px}.settings-panel .setting-row{font-size:.8rem}.empty{padding:36px 23px}.form-grid{gap:12px}.period-row .month-picker{width:100%;justify-content:space-between}.month-picker input{max-width:none}.month-picker label{flex:1}.month-picker input{text-align:center}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.receipt-upload{display:flex;align-items:center;gap:22px;padding:28px;background:#eaf0e8;border:1px solid #dfe7dc;border-radius:14px;margin-bottom:26px}.receipt-upload-icon{width:60px;height:65px;background:#d9e6d4;display:grid;place-items:center;border-radius:17px;flex-shrink:0;color:#496c43}.receipt-upload h2{font-size:1.15rem;letter-spacing:-.3px;margin-bottom:9px}.receipt-upload p{font-size:.875rem;color:#6e806e;line-height:1.6;max-width:430px;margin-bottom:8px}.receipt-upload small{font-size:.75rem}.receipt-upload-actions{display:flex;flex-direction:column;gap:9px;margin-left:auto;min-width:185px}.receipt-row{display:flex;align-items:center;gap:16px;width:100%;padding:20px 24px;border-top:1px solid var(--line);text-align:left}.receipt-row:hover{background:#fbfcfa}.receipt-status-icon{width:45px;height:49px;border-radius:12px;display:grid;place-items:center;color:#8a937f;background:#f0f2eb;flex-shrink:0}.receipt-status-icon.confirmed{background:#e7f0e6;color:#547b49}.receipt-status-icon.review{background:#fcf0d8;color:#a1782c}.receipt-status-icon.failed{background:#f9e9e3;color:#b26649}.receipt-row-info{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}.receipt-row-info>strong{font-size:.925rem;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receipt-row-info>small{font-size:.75rem}.receipt-badge{display:inline-flex;align-items:center;font-size:.75rem;padding:4px 8px;border-radius:5px;background:#f0f2ee;color:#7c887d}.receipt-badge.review{background:#fff2d7;color:#9b751f}.receipt-badge.confirmed{background:#edf4e8;color:#648449}.receipt-badge.failed{background:#fcece5;color:#a45f44}.receipt-row-amount{margin-left:auto;display:flex;align-items:center;gap:17px;font-size:1rem;font-weight:550;white-space:nowrap}.receipt-row-amount svg{color:#a6b2a7}.receipt-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 24px;border-top:1px solid var(--line)}.receipt-pagination>span{font-size:.8rem;color:#8d998f}.receipt-retry-upload{display:flex;align-items:center;gap:15px;padding:14px;margin-bottom:20px;background:#fff2de;border-radius:10px;font-size:.875rem}.receipt-modal{width:900px;max-width:min(900px,calc(100vw - 28px))}.receipt-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.receipt-photo{background:#eef0eb;padding:24px;display:flex;align-items:center;flex-direction:column;gap:15px}.receipt-photo>a{display:block;max-width:100%}.receipt-photo img{display:block;max-width:100%;max-height:570px;object-fit:contain;box-shadow:0 4px 16px #1c302817}.receipt-photo small{font-size:.75rem;text-align:center}.receipt-result{padding:28px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0}.receipt-result>details{width:100%}.receipt-processing{padding:28px 0;color:#839481;display:flex;flex-direction:column;align-items:flex-start;gap:15px}.receipt-processing h3{font-size:1rem;color:#4e694a}.receipt-processing p{font-size:.875rem;line-height:1.7}.receipt-ocr-summary{display:flex;flex-direction:column;gap:10px;margin:8px 0 4px}.receipt-ocr-summary>span{font-size:.8rem;color:#8d998e}.receipt-ocr-summary strong{font-size:2rem;letter-spacing:-.8px;font-weight:550}.receipt-warning{font-size:.8rem;background:#fff7e4;padding:12px;border-radius:8px;line-height:1.6;color:#90742d;width:100%}.receipt-raw{font-family:ui-monospace,monospace;font-size:.8rem;white-space:pre-wrap;word-break:break-word;background:#f5f7f3;border-radius:8px;padding:15px;max-height:300px;overflow:auto;line-height:1.7}.receipt-review-actions{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.receipt-confirmed{font-size:.875rem;line-height:1.7;color:#72896b}.receipt-form-origin{background:#edf3e8;border:1px solid #dde7d3;padding:13px 15px;border-radius:9px;font-size:.8rem;line-height:1.6;color:#607854;display:flex;flex-direction:column;gap:8px}.receipt-form-origin a{display:inline-flex;align-items:center;gap:6px;font-weight:600;align-self:flex-start}.receipt-form-warnings{margin:0;padding-left:18px;color:#96803e}.item-kind{grid-column:1/-1}.receipt-form-origin img{max-height:180px;max-width:100%;object-fit:contain;align-self:center}.heading-actions{display:flex;align-items:center;gap:10px}@media(max-width:1000px){.receipt-upload{flex-wrap:wrap}.receipt-upload-actions{flex-direction:row;min-width:0;width:100%;margin:0}.receipt-upload-actions .button{flex:1}}@media(max-width:600px){.receipt-upload{padding:21px 18px;gap:14px}.receipt-upload-icon{width:45px;height:50px;border-radius:13px}.receipt-upload>div:not(.receipt-upload-actions){flex:1;min-width:0}.receipt-upload h2{font-size:1rem}.receipt-upload p{font-size:.8rem}.receipt-upload small{font-size:.75rem;display:block}.receipt-upload-actions{flex-direction:column;gap:10px}.receipt-row{padding:18px;gap:12px}.receipt-row-info>strong{max-width:175px;font-size:.875rem}.receipt-row-amount{font-size:.875rem;gap:6px}.receipt-status-icon{width:38px;height:43px}.receipt-row-amount svg{width:14px}.receipt-modal{width:100%;max-width:100%}.receipt-detail-grid{grid-template-columns:1fr}.receipt-photo{padding:18px}.receipt-photo img{max-height:270px}.receipt-result{padding:23px 20px}.receipt-result>details{width:100%}.mobile-nav button{min-width:50px}.heading-actions .secondary{display:none}}.suggest-field{position:relative;display:flex;flex-direction:column;gap:9px}.suggest-field>input{border:1px solid #dce3df;border-radius:9px;background:#fff;padding:12px 13px;width:100%;font-size:1rem}.suggest-list{position:absolute;top:100%;left:0;right:0;z-index:40;background:#fff;box-shadow:0 8px 24px #173c2326;border:1px solid #dce3df;border-radius:9px;max-height:230px;overflow:auto}.suggest-list button{display:flex;flex-direction:column;text-align:left;width:100%;padding:12px 14px;gap:4px;border-bottom:1px solid #edf0ed}.suggest-list button:hover,.suggest-list button.active{background:#eef5eb}.suggest-list strong{font-size:.9rem;font-weight:500}.suggest-list small{font-size:.75rem}.item-barcode{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;flex-wrap:wrap}.barcode-code{display:flex;gap:8px}.barcode-code input{flex:1;min-width:0}.barcode-video{width:100%;max-height:250px;object-fit:cover;background:#152e22;border-radius:12px}.barcode-video.hidden{display:none}.barcode-result{display:flex;flex-direction:column;gap:15px;padding:18px;background:#f1f6ed;border-radius:12px}.barcode-result small{line-height:1.6}.barcode-result a{text-decoration:underline}.barcode-modal .modal-body{display:flex;flex-direction:column;gap:18px}.item-form .item-name{min-width:0}.item-form .suggest-field>input{width:100%}html{width:100%;overflow-x:hidden;overflow-x:clip}body{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip}#root,.app,.content{min-width:0;max-width:100%}body.dialog-open{position:fixed;top:var(--page-scroll-top,0);left:0;right:0;width:100%;overflow:hidden}.modal{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch;max-height:min(90dvh,calc(var(--visible-height,100dvh) - 16px));scroll-padding-block:16px}.modal form,.modal-body,.modal-body>*,.modal-footer,.form-grid>*{min-width:0;max-width:100%}.modal input,.modal select,.modal textarea{max-width:100%;scroll-margin-block:16px}.item-form{grid-template-columns:repeat(3,minmax(0,1fr)) 30px}.item-form>*{min-width:0}.item-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:15px}.item-actions .button{width:100%;min-width:0;min-height:46px;padding:11px 10px;white-space:normal;text-align:center}.item-actions svg{flex-shrink:0}.suggest-list{overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom}.suggest-list strong,.suggest-list small,.receipt-retry-upload>span{max-width:100%;overflow-wrap:anywhere}@media(max-width:600px){.app{touch-action:pan-y pinch-zoom}.modal{position:fixed;top:calc(var(--visible-top,0px) + 8px);bottom:auto;left:0;right:0;margin:0 auto;width:100%;max-width:100%;max-height:calc(var(--visible-height,100dvh) - 16px);border-radius:18px}.modal-header{gap:12px}.modal-header h2{min-width:0;overflow-wrap:anywhere}.modal-header>.icon-button{flex-shrink:0}.modal-footer{padding-left:16px;padding-right:16px;gap:8px}.modal-footer>.button{min-width:0;white-space:normal;padding-left:12px;padding-right:12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{gap:10px}.breadcrumb{min-width:0;gap:6px;flex-wrap:wrap}.sync{flex-shrink:0}.filters>*{min-width:0}.filters .search{min-width:0}.transaction-main{min-width:0;gap:9px}.transaction-info{flex:1}.transaction-info strong{max-width:100%}.transaction-info span{overflow-wrap:anywhere}.receipt-row{min-width:0}.receipt-row-info{min-width:0;flex:1}.receipt-row-info>strong{max-width:100%}.receipt-row-amount{flex-shrink:0}}.item-total-info{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:#f0f5ed;border-radius:9px;font-size:.8rem;color:#58704f}.item-total-info .text-button{align-self:flex-start}.total-difference{color:#9a6d2f}