#root{min-height:100dvh}.login-screen,.app-shell{background:var(--bg);width:min(100%,430px);height:100dvh;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 1px #10251f0d,0 24px 80px #10251f1f}.login-screen{background:radial-gradient(circle at 76% 4%,#ffb45f3d,#0000 32%),radial-gradient(circle at 12% 18%,#30c58d38,#0000 34%),#f7fbf4;align-items:center;padding:28px 20px;display:flex}.login-card{width:100%;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #e2eee7e6;border-radius:34px;padding:34px 24px 28px}.brand-mark{color:#fff;background:linear-gradient(145deg, var(--mint), #77ddb9);border-radius:25px;place-items:center;width:68px;height:68px;font-size:32px;display:grid;box-shadow:0 18px 34px #30c58d52}.eyebrow{color:var(--mint-dark);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.login-card h1,.page h1{color:var(--ink);letter-spacing:-.06em;margin:0;font-size:clamp(28px,8vw,34px);line-height:1.08}.login-card h1{margin-top:22px}.login-card__desc{color:var(--muted);margin:10px 0 0;line-height:1.65}.login-form{gap:14px;margin-top:34px;display:grid}.field{gap:8px;display:grid}.field>span{color:var(--muted);padding-left:4px;font-size:13px;font-weight:800}.field input{border:1px solid var(--line);width:100%;height:58px;color:var(--ink);background:#fff;border-radius:19px;outline:none;padding:0 16px;box-shadow:0 10px 24px #10251f0d}.field input:focus{border-color:#30c58dbf;box-shadow:0 0 0 4px #30c58d1f}.field--code div{grid-template-columns:1fr 108px;gap:10px;display:grid}.field--code button{color:var(--mint-dark);background:#30c58d1a;border:1px solid #30c58d33;border-radius:19px;font-size:13px;font-weight:950}.primary-button,.primary-btn,.secondary-button{color:#fff;background:linear-gradient(135deg, var(--mint), var(--mint-dark));border:none;border-radius:20px;width:100%;height:58px;font-size:16px;font-weight:950;box-shadow:0 18px 34px #30c58d57}.secondary-button{color:var(--red);box-shadow:none;background:#ef6a5b1a;margin-top:18px}.dev-code,.code-delivery-notice,.error-message{border-radius:16px;padding:12px 14px;font-size:13px;line-height:1.5}.dev-code,.code-delivery-notice{color:var(--mint-dark);background:#30c58d1a}.error-message{color:var(--red);background:#ef6a5b1a}.error-message--action{justify-content:space-between;align-items:center;gap:12px;display:flex}.error-message--action button{color:var(--red);background:#ffffffb8;border:1px solid #ef6a5b3d;border-radius:999px;flex:none;padding:7px 12px;font-weight:900}.route-loading{width:min(100%,430px);min-height:100dvh;color:var(--ink);background:radial-gradient(circle at 50% 42%, #30c58d2e, transparent 28%), var(--bg);place-content:center;justify-items:center;gap:14px;margin:0 auto;display:grid}.route-loading__mark{width:62px;height:62px;box-shadow:var(--shadow);background:#fff;border-radius:22px;place-items:center;font-size:28px;animation:1.4s ease-in-out infinite route-loading-pulse;display:grid}@keyframes route-loading-pulse{50%{transform:translateY(-5px)rotate(-2deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-main{height:100%;padding-bottom:calc(118px + env(safe-area-inset-bottom));scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow-y:auto}.app-main::-webkit-scrollbar{display:none}.page{padding:calc(34px + env(safe-area-inset-top)) 20px 20px}.page--center{place-items:center;min-height:calc(100vh - 92px);display:grid}.topbar{z-index:12;margin:calc(-34px - env(safe-area-inset-top)) -20px 18px;padding:calc(34px + env(safe-area-inset-top)) 20px 14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#f6faf6fa 0%,#f6faf6e6 72%,#f6faf600 100%);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.avatar{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#dcf5ea);border-radius:17px;flex:none;place-items:center;width:46px;height:46px;display:grid}.month-selector{justify-content:center;align-items:center;gap:16px;margin-bottom:8px;display:flex}.month-selector__arrow{color:#6a7d75;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:background .2s;display:flex}.month-selector__arrow:hover:not(:disabled){background:#ffffff4d}.month-selector__arrow--disabled{opacity:.35;cursor:not-allowed}.month-selector__label{color:#6a7d75;text-align:center;min-width:90px;font-size:14px;font-weight:600}.month-selector__label--button{background:#ffffffb8;border:1px solid #30c58d2e;border-radius:999px;min-height:36px;padding:0 14px;font-weight:900;box-shadow:0 8px 20px #10251f0d}.summary-card{color:#fff;background:radial-gradient(circle at 82% 22%,#ffffff47,#0000 22%),linear-gradient(145deg,#1cc787,#0b7d5b);border-radius:30px;min-height:176px;padding:24px;position:relative;overflow:hidden;box-shadow:0 24px 40px #15966a47}.summary-card:after{content:"¥";color:#ffffff1f;font-size:170px;font-weight:900;position:absolute;bottom:-54px;right:-2px}.summary-card p{opacity:.76;margin:0;font-size:13px}.summary-card>strong{letter-spacing:-.05em;margin-top:10px;font-size:42px;font-weight:950;display:block}.summary-card__row{gap:10px;margin-top:24px;display:flex}.summary-card__row a,.summary-card__row span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:16px;flex:1;padding:10px;font-size:13px;font-weight:800}.quick-grid{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.quick-card{border:1px solid var(--line);background:#fff;border-radius:24px;min-height:86px;padding:16px;box-shadow:0 10px 28px #10251f0f}.quick-card span{background:#30c58d21;border-radius:13px;place-items:center;width:34px;height:34px;margin-bottom:10px;display:grid}.quick-card--warm span{background:#ffb45f2e}.quick-card strong{font-size:15px}.search-box{border:1px solid var(--line);background:#ffffffe0;border-radius:18px;align-items:center;gap:10px;height:50px;margin:4px 0 12px;padding:0 14px;display:flex;box-shadow:0 10px 28px #10251f0d}.search-box input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1}.search-box--wide{border-radius:22px;height:56px;margin:0}.search-box--wide input{font-size:15px}.chips{scrollbar-width:none;gap:8px;margin:0 -20px 2px 0;padding-right:20px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);min-height:38px;color:var(--muted);background:#fff;border-radius:999px;flex:none;align-items:center;gap:5px;padding:0 13px;font-size:12px;font-weight:900;display:inline-flex}.chip--active{color:#fff;background:var(--ink);border-color:var(--ink)}.section-title{justify-content:space-between;align-items:center;margin:18px 0 12px;display:flex}.section-title h2{margin:0;font-size:18px}.section-title span{color:var(--muted);font-size:12px;font-weight:800}.empty-state,.notice-card,.profile-card,.upload-zone{border:1px solid var(--line);background:#ffffffdb;border-radius:28px;box-shadow:0 10px 28px #10251f0f}.record-list{gap:10px;display:grid}.record-item{border:1px solid var(--line);background:#ffffffe6;border-radius:22px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid;box-shadow:0 10px 24px #10251f0b}.record-item__icon{background:#30c58d1f;border-radius:17px;place-items:center;width:46px;height:46px;display:grid}.record-item__body{min-width:0}.record-item__body h3{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px;font-size:15px;overflow:hidden}.record-item__body p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.record-item__amount{font-weight:950}.record-item--skeleton div,.record-item--skeleton section span,.record-item--skeleton section small,.record-item--skeleton strong{background:linear-gradient(90deg,#eef6f1,#fff,#eef6f1) 0 0/200% 100%;border-radius:999px;animation:1.2s ease-in-out infinite skeleton;display:block}.record-item--skeleton div{border-radius:17px;width:46px;height:46px}.record-item--skeleton section span{width:120px;height:14px;margin-bottom:10px}.record-item--skeleton section small{width:160px;height:11px}.record-item--skeleton strong{width:58px;height:16px}@keyframes skeleton{to{background-position:-200% 0}}.empty-state{text-align:center;color:var(--muted);padding:34px 22px}.empty-state div{font-size:40px}.empty-state h1,.empty-state h3{color:var(--ink);margin:12px 0 8px}.empty-state p{margin:0;line-height:1.6}.upload-zone{text-align:center;width:100%;min-height:280px;color:var(--ink);background:linear-gradient(135deg,#30c58d1a,#ffffffd9),#fff;border:2px dashed #30c58d61;place-items:center;padding:24px;display:grid}.upload-zone__icon{background:#30c58d21;border-radius:30px;place-items:center;width:86px;height:86px;margin:0 auto 18px;font-size:40px;display:grid}.upload-zone h2{margin:0 0 8px}.upload-zone p{color:var(--muted);margin:0}.upload-zone--has-image{border-style:solid;min-height:340px;padding:0;overflow:hidden}.upload-zone--has-image img{object-fit:cover;width:100%;height:100%;max-height:420px;display:block}.visually-hidden-input{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.upload-source-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.upload-source-actions button{border:1px solid var(--line);min-height:76px;color:var(--ink);text-align:left;background:#ffffffeb;border-radius:24px;grid-template-columns:42px 1fr;align-items:center;column-gap:10px;padding:12px;display:grid;box-shadow:0 10px 24px #10251f0d}.upload-source-actions button span{background:#30c58d1f;border-radius:16px;grid-row:span 2;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.upload-source-actions button strong{font-size:14px;font-weight:950}.upload-source-actions button small{color:var(--muted);font-size:11px;font-weight:800}.upload-result{gap:5px;display:grid}.upload-result small{color:var(--mint-dark);font-size:12px;font-weight:850}.upload-status-card{color:var(--mint-dark);background:#30c58d1a;border:1px solid #30c58d29;border-radius:20px;gap:5px;margin-top:14px;padding:14px 16px;display:grid}.upload-status-card strong{color:var(--ink);font-size:14px}.upload-status-card span{color:var(--muted);font-size:13px}.page-loading-bar{z-index:90;height:3px;margin:calc(-34px - env(safe-area-inset-top)) -20px calc(31px + env(safe-area-inset-top));background:#30c58d1a;position:sticky;top:0;overflow:hidden}.page-loading-bar span{background:linear-gradient(90deg, var(--mint), var(--mint-dark));border-radius:999px;height:100%;transition:width .24s;display:block;box-shadow:0 0 14px #30c58d73}.upload-result strong,.confidence-card strong{color:var(--ink)}.upload-result span,.confidence-card span{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.upload-actions,.confirm-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.upload-actions{margin-top:12px}.upload-actions--single{grid-template-columns:1fr}.confirm-receipt-image{object-fit:cover;max-height:260px}.recognize-confirm-stack{gap:14px;margin-bottom:16px;display:grid}.confidence-card{justify-content:space-between;align-items:center;display:flex}.items-editor{border:1px solid var(--line);width:100%;min-height:132px;color:var(--ink);resize:vertical;background:#fff;border-radius:22px;outline:none;padding:14px;line-height:1.5;box-shadow:0 10px 28px #10251f0d}.items-editor:focus{border-color:#30c58dbf;box-shadow:0 0 0 4px #30c58d1f}.icon-button[href]{place-items:center;display:grid}.icon-button{border:1px solid var(--line);width:46px;height:46px;color:var(--ink);background:#fff;border-radius:17px;flex:none;font-size:22px;font-weight:950;box-shadow:0 10px 24px #10251f0d}.record-form{gap:16px;min-width:0;display:grid}.record-form>*{min-width:0}.amount-panel{border:1px solid var(--line);text-align:center;background:#fff;border-radius:30px;padding:22px;box-shadow:0 14px 34px #10251f0f}.amount-panel label{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:900;display:block}.amount-panel div{justify-content:center;align-items:baseline;gap:8px;display:flex}.amount-panel span{color:var(--mint-dark);font-size:26px;font-weight:950}.amount-panel input{width:210px;color:var(--ink);letter-spacing:-.06em;text-align:left;background:0 0;border:none;outline:none;font-size:46px;font-weight:950}.amount-panel input::placeholder{color:#c5d4cc}.form-card{border:1px solid var(--line);background:#fff;border-radius:26px;padding:4px 16px;display:grid;box-shadow:0 10px 28px #10251f0d}.form-field{border-bottom:1px solid #eef4f0;grid-template-columns:72px 1fr;align-items:center;gap:12px;min-height:58px;display:grid}.form-field:last-child{border-bottom:none}.form-field>span{color:var(--muted);font-size:13px;font-weight:900}.form-field input,.form-field textarea,.form-field--button button{width:100%;min-width:0;color:var(--ink);background:0 0;border:none;outline:none}.form-field--button button{text-align:left;min-height:58px;font:inherit;padding:0;font-weight:850}.form-field--button button:after{content:"⌄";float:right;color:var(--mint-dark);font-weight:950}.form-field textarea{resize:none;min-height:76px;padding:18px 0;line-height:1.5}.form-field--textarea{align-items:start}.form-field--textarea>span{padding-top:18px}.section-title--compact{margin-top:0}.detail-section--items{margin-top:24px}.category-grid{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.category-section--scroll{width:100%;min-width:0;max-width:100%;overflow:hidden}.category-row-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;overflow:auto hidden}.category-row-scroll::-webkit-scrollbar{display:none}.category-grid--scroll{gap:9px;width:max-content;min-width:100%;padding:0 0 4px;display:inline-flex}.category-grid--scroll .category-card{scroll-snap-align:start;flex:0 0 72px}.category-card{border:1px solid var(--line);min-height:72px;color:var(--muted);background:#fff;border-radius:20px;place-items:center;gap:5px;padding:10px 6px;display:grid;box-shadow:0 8px 20px #10251f0a}.category-card span{font-size:22px}.category-card strong{font-size:12px}.category-card--active{color:var(--mint-dark);background:#30c58d1f;border-color:#30c58d80}.record-form__submit{margin-top:4px}.detail-hero{color:#fff;background:radial-gradient(circle at 80% 14%,#ffffff42,#0000 24%),linear-gradient(145deg,#1cc787,#0b7d5b);border-radius:32px;justify-items:center;padding:28px 22px;display:grid;position:relative;box-shadow:0 24px 40px #15966a42}.detail-hero__icon{background:#ffffff2e;border-radius:24px;place-items:center;width:62px;height:62px;font-size:32px;display:grid}.detail-hero p{opacity:.82;margin:14px 0 6px;font-weight:900}.detail-hero strong{letter-spacing:-.06em;font-size:46px;font-weight:950}.detail-hero span{opacity:.76;margin-top:6px;font-size:13px}.detail-hero__receipt-link{color:#ffffffe6;align-items:center;gap:3px;min-height:28px;font-size:13px;font-weight:900;display:inline-flex}.detail-hero__receipt-link span{opacity:1;font-size:inherit;margin:0}.detail-hero__receipt-link span:last-child{font-size:18px;line-height:1;transform:translateY(-1px)}.detail-card{border:1px solid var(--line);background:#ffffffe6;border-radius:26px;margin-top:16px;padding:4px 16px;box-shadow:0 10px 28px #10251f0d}.detail-row{border-bottom:1px solid #eef4f0;grid-template-columns:88px 1fr;align-items:center;gap:14px;min-height:56px;display:grid}.detail-row:last-child{border-bottom:none}.detail-row span{color:var(--muted);font-size:13px;font-weight:900}.detail-row strong{overflow-wrap:anywhere;text-align:right;min-width:0;font-size:14px}.item-list{margin-top:0}.receipt-image{border:1px solid var(--line);background:#fff;border-radius:24px;width:100%;display:block;box-shadow:0 10px 28px #10251f0f}.image-preview-trigger{text-align:left;background:0 0;border:none;border-radius:24px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.image-preview-trigger:after{content:"";pointer-events:none;background:linear-gradient(#08191400,#08191480);height:76px;position:absolute;inset:auto 0 0}.image-preview-trigger span{z-index:1;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0819147a;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:950;position:absolute;bottom:12px;right:12px}.image-preview-trigger-custom{z-index:2;background:0 0;border:none;border-radius:0;padding:0;display:inline-flex;position:absolute;top:14px;right:16px}.image-preview-trigger-custom:active{transform:scale(.98)}.image-preview-modal{z-index:140;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:radial-gradient(circle at 50% 12%,#30c58d1a,#0000 26%),#030a08f5;grid-template-rows:auto 1fr auto auto;animation:.16s ease-out preview-fade;display:grid;position:fixed;inset:0}.image-preview-modal__stage{z-index:1;overscroll-behavior:contain;touch-action:none;cursor:zoom-in;place-items:center;width:100%;min-height:0;display:grid;position:relative;overflow:hidden}.image-preview-modal__stage img{transform-origin:50%;-webkit-user-select:none;user-select:none;will-change:transform, opacity;opacity:0;filter:blur(6px);border-radius:14px;max-width:calc(100vw - 28px);max-height:100%;transition:transform .12s ease-out,opacity .18s ease-out,filter .18s ease-out;box-shadow:0 18px 56px #00000080}.image-preview-modal__stage img.is-loaded{opacity:1;filter:blur()}.image-preview-modal__loading{z-index:2;color:#ffffffc7;pointer-events:none;place-content:center;gap:12px;font-size:13px;font-weight:900;display:grid;position:absolute;inset:0}.image-preview-modal__spinner{border:3px solid #ffffff2e;border-top-color:#30c58df2;border-radius:999px;justify-self:center;width:38px;height:38px;animation:.72s linear infinite preview-spin}.image-preview-modal__topbar{z-index:2;color:#fff;justify-content:space-between;align-items:center;min-height:60px;padding:10px 14px 6px;display:flex;position:relative}.image-preview-modal__topbar span,.image-preview-modal__hint{color:#ffffff94;font-size:12px;font-weight:800}.image-preview-retry{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:18px;margin-left:8px;padding:6px 12px}.image-preview-modal__topbar button,.image-preview-modal__rotate{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1a;border:none;font-weight:950}.image-preview-modal__topbar button{border-radius:999px;width:42px;height:42px;font-size:26px;line-height:1}.image-preview-modal__rotate{border-radius:999px;justify-self:center;place-items:center;width:48px;height:48px;margin:12px auto 2px;font-size:25px;line-height:1;display:grid}.image-preview-modal__hint{z-index:2;text-align:center;padding:4px 16px 16px;position:relative}@keyframes preview-fade{0%{opacity:0}to{opacity:1}}@keyframes preview-spin{to{transform:rotate(360deg)}}.detail-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;padding-bottom:6px;display:grid}.secondary-link-button,.danger-button,.inline-action{border:none;border-radius:19px;place-items:center;height:54px;font-weight:950;display:grid}.secondary-link-button{color:var(--mint-dark);background:#fff;border:1px solid #30c58d38;box-shadow:0 12px 24px #10251f0f}.danger-button{color:var(--red);background:#ef6a5b1c}.inline-action{width:100%;margin-top:18px}.detail-card--loading{gap:14px;padding:22px;display:grid}.detail-card--loading div,.detail-card--loading span,.detail-card--loading strong{background:linear-gradient(90deg,#eef6f1,#fff,#eef6f1) 0 0/200% 100%;border-radius:999px;animation:1.2s ease-in-out infinite skeleton;display:block}.detail-card--loading div{border-radius:24px;width:62px;height:62px;margin:0 auto}.detail-card--loading span{width:120px;height:14px;margin:0 auto}.detail-card--loading strong{width:180px;height:32px;margin:0 auto}.notice-card{color:var(--muted);margin-top:16px;padding:16px;line-height:1.7}.profile-card{align-items:center;gap:16px;padding:18px;display:flex}.profile-card__avatar{background:#30c58d1f;border-radius:22px;place-items:center;width:58px;height:58px;font-size:28px;display:grid}.profile-card h2,.profile-card p{margin:0}.profile-card p{color:var(--muted);margin-top:4px}.tabbar{z-index:60;height:calc(74px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#fff;grid-template-columns:repeat(3,1fr);align-items:center;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 28px #10251f14}.tabbar:before{content:"";z-index:-1;background:linear-gradient(180deg, #f6faf600, var(--bg) 100%);pointer-events:none;height:42px;position:absolute;bottom:100%;left:0;right:0}.tabbar__item{color:var(--muted);place-items:center;gap:3px;font-size:11px;font-weight:900;display:grid}.tabbar__item span{font-size:19px}.tabbar__item--active{color:var(--mint-dark)}.date-sheet{z-index:30;align-items:end;display:grid;position:fixed;inset:0}.date-sheet__backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#08191461;border:none;position:absolute;inset:0}.date-sheet__panel{width:min(100%,430px);max-height:86dvh;padding:10px 18px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(circle at 82% -8%,#30c58d33,#0000 34%),linear-gradient(#fff,#f7fbf8);border-radius:34px 34px 0 0;margin:0 auto;animation:.22s ease-out sheet-up;position:relative;overflow:auto;box-shadow:0 -24px 60px #10251f3d}.date-sheet__handle{background:#d9e8df;border-radius:999px;width:44px;height:5px;margin:0 auto 16px}.date-sheet__header{grid-template-columns:58px 1fr 58px;align-items:center;gap:10px;display:grid}.date-sheet__header div{text-align:center}.date-sheet__header p{color:var(--mint-dark);letter-spacing:.14em;margin:0 0 3px;font-size:10px;font-weight:950}.date-sheet__header h3{color:var(--ink);letter-spacing:-.04em;margin:0;font-size:18px}.date-sheet__ghost,.date-sheet__done,.date-sheet__quick-actions button{border:none;border-radius:999px;font-weight:950}.date-sheet__ghost{color:var(--muted);background:0 0}.date-sheet__done,.date-sheet__quick-actions button{color:var(--mint-dark);background:#30c58d1f}.date-sheet__ghost,.date-sheet__done{height:38px}.date-sheet__value{color:var(--mint-dark);text-align:center;letter-spacing:-.04em;background:#30c58d1a;border-radius:22px;margin-top:18px;padding:14px 16px;font-size:22px;font-weight:950}.calendar-picker{border:1px solid var(--line);background:#fff;border-radius:28px;gap:14px;margin-top:16px;padding:14px;display:grid;box-shadow:0 12px 28px #10251f0f}.calendar-picker__row--ym{grid-template-columns:1fr 1fr;gap:10px;display:grid}.calendar-picker label{gap:7px;display:grid}.calendar-picker label span{color:var(--muted);font-size:12px;font-weight:950}.calendar-picker select{border:1px solid var(--line);width:100%;height:48px;color:var(--ink);background:#fbfefc;border-radius:18px;outline:none;padding:0 12px;font-size:16px;font-weight:900}.calendar-picker select:focus{border-color:#30c58dbf;box-shadow:0 0 0 4px #30c58d1f}.calendar-picker__days,.calendar-picker__months{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.calendar-picker__months{grid-template-columns:repeat(3,1fr)}.calendar-picker__day,.calendar-picker__month{aspect-ratio:1;min-width:0;color:var(--ink);background:#fbfefc;border:1px solid #eef4f0;border-radius:14px;font-size:14px;font-weight:900}.calendar-picker__month{aspect-ratio:auto;min-height:48px}.calendar-picker__day--active,.calendar-picker__month--active{background:linear-gradient(135deg, var(--mint), var(--mint-dark));color:#fff;border-color:#30c58d80;box-shadow:0 10px 18px #30c58d40}.date-sheet__quick-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.date-sheet__quick-actions button{height:48px}@keyframes sheet-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.confirm-dialog{z-index:120;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-dialog__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08191461;border:none;position:absolute;inset:0}.confirm-dialog__panel{border:1px solid var(--line);text-align:center;background:radial-gradient(circle at 86% 0,#30c58d29,#0000 32%),#fff;border-radius:30px;width:min(100%,360px);padding:24px 18px 18px;animation:.18s ease-out dialog-pop;position:relative;box-shadow:0 26px 70px #10251f3d}.confirm-dialog__icon{background:#30c58d1f;border-radius:21px;place-items:center;width:54px;height:54px;margin:0 auto 12px;font-size:26px;display:grid}.confirm-dialog__panel h3{color:var(--ink);letter-spacing:-.04em;margin:0;font-size:20px}.confirm-dialog__panel p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.6}.confirm-dialog__actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}@keyframes dialog-pop{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width>=431px){.login-screen,.app-shell{height:min(100dvh,812px);min-height:812px}}@media (width<=374px){.page{padding-left:16px;padding-right:16px}.topbar{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.category-grid{grid-template-columns:repeat(4,1fr)}.amount-panel input{width:180px;font-size:40px}}.text-action{color:var(--mint-dark);background:0 0;border:none;font-size:13px;font-weight:950}.items-form-list{gap:12px;display:grid}.item-form-card{border:1px solid var(--line);background:#fff;border-radius:24px;gap:12px;padding:14px;display:grid;box-shadow:0 10px 28px #10251f0d}.item-form-card__head,.item-detail-card__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.item-form-card__head strong,.item-detail-card__head strong{color:var(--ink)}.item-form-card__head button{color:var(--red);background:#ef6a5b1a;border:none;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.item-field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.item-field{gap:6px;display:grid}.item-field span{color:var(--muted);font-size:12px;font-weight:900}.item-field input,.item-field select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fbfefc;border-radius:16px;outline:none;padding:0 12px}.item-field input:focus,.item-field select:focus{border-color:#30c58dbf;box-shadow:0 0 0 4px #30c58d1f}.item-detail-list{gap:10px;padding:12px;display:grid}.item-detail-card{background:#fbfefc;border:1px solid #eef4f0;border-radius:20px;gap:10px;padding:12px;display:grid}.item-detail-card__head span,.item-detail-card__grid span{color:var(--muted);font-size:12px;font-weight:800}.item-detail-card__grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.amount-panel small{color:var(--mint-dark);margin-top:6px;font-size:12px;font-weight:900;display:block}.amount-panel input:disabled{color:var(--mint-dark);-webkit-text-fill-color:var(--mint-dark);opacity:1}.item-subtotal{color:var(--mint-dark);text-align:right;padding-top:2px;font-size:13px;font-weight:950}.category-summary-panel{gap:12px;display:grid}.category-summary-list{border:1px solid var(--line);background:#fff;border-radius:26px;gap:10px;padding:14px;display:grid;box-shadow:0 14px 30px #10251f0f}.category-summary-item{gap:7px;display:grid}.category-summary-item__head{color:var(--ink);justify-content:space-between;gap:10px;font-size:13px;font-weight:950;display:flex}.category-summary-item__head strong{color:var(--mint-dark)}.category-summary-item__bar{background:#eef4f0;border-radius:999px;height:8px;overflow:hidden}.category-summary-item__bar i{border-radius:inherit;background:linear-gradient(90deg, var(--mint), var(--mint-dark));height:100%;display:block}.category-summary-item small{color:var(--muted);font-size:11px;font-weight:800}.filter-panel{border:1px solid var(--line);background:#ffffffdb;border-radius:28px;gap:12px;margin:6px 0 18px;padding:14px;display:grid;box-shadow:0 14px 32px #10251f0f}.filter-actions{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.filter-actions::-webkit-scrollbar{display:none}.filter-pill{border:1px solid var(--line);min-height:38px;color:var(--muted);background:#fbfefc;border-radius:999px;flex:none;padding:0 13px;font-size:12px;font-weight:950}.filter-pill--active{color:var(--mint-dark);background:#30c58d1f;border-color:#30c58d52}.chips--panel{margin:0;padding:0}.page--records-list .section-title a,.page--records .section-title a{color:var(--mint-dark);font-size:12px;font-weight:950}.page--records-list{gap:14px;display:grid}.date-summary-card,.search-card,.category-tabs-card{background:linear-gradient(145deg,#fffffff0,#f7fcf9e0);border:1px solid #c5dacfc7;border-radius:28px;width:100%;position:relative;box-shadow:0 16px 36px #10251f13}.date-summary-card{text-align:left;min-height:86px;color:var(--ink);justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex;overflow:hidden}.date-summary-card:before{content:"";background:#30c58d21;border-radius:999px;width:118px;height:118px;position:absolute;inset:-42px auto auto -34px}.date-summary-card__label{z-index:1;color:var(--ink);letter-spacing:-.055em;align-items:center;gap:6px;font-size:24px;font-weight:950;display:inline-flex;position:relative}.date-summary-card__label span{color:var(--mint-dark);font-size:18px}.date-summary-card__total{z-index:1;justify-items:end;gap:4px;display:grid;position:relative}.date-summary-card__total small{color:var(--muted);font-size:11px;font-weight:900}.date-summary-card__total strong{color:var(--mint-dark);letter-spacing:-.04em;font-size:22px;font-weight:950}.search-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.search-box--embedded{min-width:0;height:48px;box-shadow:none;background:#fbfefc;border-radius:20px;margin:0}.search-card__button{background:linear-gradient(135deg, var(--mint), var(--mint-dark));color:#fff;border:none;border-radius:18px;height:48px;padding:0 17px;font-size:14px;font-weight:950;box-shadow:0 12px 22px #30c58d3d}.category-tabs-card{gap:12px;padding:14px;display:grid}.category-tabs-card__title{color:var(--ink);justify-content:space-between;align-items:center;font-size:13px;font-weight:950;display:flex}.category-tabs-card__title:after{content:"CATEGORY";color:var(--mint-dark);letter-spacing:.16em;opacity:.72;font-size:9px}.category-tabs-card .chips{margin-right:-14px;padding-right:14px}.category-tabs-card .chip{background:#fbfefc}.category-tabs-card .chip--active{background:linear-gradient(135deg, var(--ink), #214c3e);border-color:#0000;box-shadow:0 10px 18px #10251f24}.date-sheet__tabs{background:#ddeee4b8;border-radius:20px;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;padding:5px;display:grid}.date-sheet__tab{height:42px;color:var(--muted);background:0 0;border:none;border-radius:16px;font-size:13px;font-weight:950}.date-sheet__tab--active{color:var(--mint-dark);background:#fff;box-shadow:0 8px 18px #10251f14}.wheel-picker{border:1px solid var(--line);background:linear-gradient(#ffffff57,#fff0 26% 74%,#fff6),#fff;border-radius:28px;gap:10px;margin-top:16px;padding:18px 14px;display:grid;position:relative;box-shadow:inset 0 1px #ffffffe6,0 12px 28px #10251f0f}.wheel-picker--month{grid-template-columns:1fr 1fr}.wheel-picker--date{grid-template-columns:1fr 1fr 1fr}.wheel-picker__highlight{pointer-events:none;background:#30c58d1a;border:1px solid #30c58d24;border-radius:17px;height:46px;position:absolute;top:50%;left:12px;right:12px;transform:translateY(-50%)}.wheel-picker label{z-index:1;gap:7px;display:grid;position:relative}.wheel-picker label>span{text-align:center;color:var(--muted);font-size:11px;font-weight:950}.wheel-picker select{width:100%;height:132px;color:var(--ink);text-align:center;text-align-last:center;appearance:none;background:0 0;border:none;border-radius:20px;outline:none;padding:42px 8px;font-size:20px;font-weight:950;overflow-y:auto}.range-fields{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.range-field{border:1px solid var(--line);text-align:left;background:#fff;border-radius:22px;gap:5px;min-height:72px;padding:12px;display:grid}.range-field span{color:var(--muted);font-size:11px;font-weight:900}.range-field strong{color:var(--ink);font-size:14px;font-weight:950}.range-field--active{background:#30c58d1a;border-color:#30c58d5c}.date-sheet__quick-actions--single{grid-template-columns:1fr}@media (width<=374px){.date-summary-card__label{font-size:21px}.date-summary-card__total strong{font-size:19px}.search-card{grid-template-columns:1fr}.search-card__button{width:100%}.wheel-picker--date{gap:6px}.wheel-picker select{font-size:17px}}.category-tabs-row{margin:0 -20px;padding:0 0 2px 20px;position:relative;overflow:hidden}.category-tabs-row:after{content:"";pointer-events:none;background:linear-gradient(90deg, transparent 0, var(--bg) 80%);z-index:2;width:36px;position:absolute;top:0;bottom:0;right:0}.category-tabs-row .chips{margin:0;padding-right:40px}.category-tabs-row .chip{background:#ffffffd1;min-height:40px;box-shadow:0 8px 18px #10251f0b}.category-tabs-row .chip--active{background:var(--ink);color:#fff;border-color:#0000}.wheel-column{z-index:1;gap:7px;min-width:0;display:grid;position:relative}.wheel-column>span{text-align:center;color:var(--muted);font-size:11px;font-weight:950}.wheel-column__list{overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;height:154px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 24% 76%,#0000);mask-image:linear-gradient(#0000,#000 24% 76%,#0000)}.wheel-column__list::-webkit-scrollbar{display:none}.wheel-column__spacer{scroll-snap-align:center;height:54px}.wheel-column__item{color:#26393194;text-align:center;scroll-snap-align:center;background:0 0;border:none;border-radius:16px;width:100%;height:46px;font-size:18px;font-weight:900}.wheel-column__item--active{color:var(--ink);font-size:21px;font-weight:950}.wheel-picker label,.wheel-picker select{display:none}.wheel-picker__highlight{height:46px;top:calc(50% + 10px)}.wheel-column__list{height:154px;padding-top:54px;padding-bottom:54px}.wheel-column__spacer{display:none}.date-summary-card__label{white-space:nowrap;flex:auto;min-width:0}.date-summary-card__label--range{letter-spacing:-.02em;font-size:15px}.form-field--button button,.date-summary-card__label{align-items:center;gap:6px;display:inline-flex}.form-field--button button{justify-content:space-between}.form-field--button button:after{content:"";float:none;border-right:2px solid var(--mint-dark);border-bottom:2px solid var(--mint-dark);flex:none;width:7px;height:7px;transform:rotate(45deg)translateY(-2px)}.date-summary-card__chevron{border-right:2px solid var(--mint-dark);border-bottom:2px solid var(--mint-dark);flex:none;width:7px;height:7px;transform:rotate(45deg)translateY(-2px)}:root{color:#10251f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--mint:#30c58d;--mint-dark:#15966a;--ink:#10251f;--muted:#6a7d75;--bg:#f6faf6;--card:#fff;--line:#e2eee7;--orange:#ffb45f;--red:#ef6a5b;--shadow:0 24px 60px #1d534024;background:#edf7f0;font-family:ui-rounded,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation;overflow:hidden}body{background:radial-gradient(circle at 10% 8%,#30c58d38,#0000 28%),radial-gradient(circle at 88% 18%,#ffb45f2e,#0000 24%),linear-gradient(135deg,#eff9f1 0%,#fbfaf2 48%,#eef8f6 100%);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit;font-size:max(16px,1rem)}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}