.expense-app{display:block}.expense-view{display:none}.expense-view.active{display:block}.expense-hero{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#60a5fa 100%);border-radius:20px;margin-bottom:12px;padding:20px 16px;box-shadow:0 12px 28px #2563eb38}.expense-hero h1{letter-spacing:-.4px;margin-bottom:8px;font-size:23px;line-height:1.25}.expense-hero p{color:#ffffffeb;margin:0;font-size:14px;line-height:1.65}.expense-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.expense-big-btn{text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e5e7eb;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:88px;padding:14px;display:flex;box-shadow:0 2px 10px #0f172a0d}.expense-big-btn:active{background:#f8fafc;transform:scale(.98)}.expense-big-btn strong{color:var(--brand);font-size:18px}.expense-big-btn span{color:#64748b;font-size:13px;line-height:1.35}.expense-page-title{justify-content:space-between;align-items:center;gap:8px;margin:2px 0 12px;display:flex}.expense-page-title h2{margin:0;font-size:20px}.expense-small-btn,.expense-primary-btn,.expense-danger-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;min-height:44px;padding:0 16px;font-size:14px;font-weight:800}.expense-primary-btn{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 8px 18px #2563eb2e}.expense-danger-btn{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.expense-form{gap:12px;display:grid}.expense-field label{color:var(--brand);margin-bottom:7px;font-size:14px;font-weight:800;display:block}.expense-input,.expense-select{background:#fff;border:1px solid #dbe2ea;border-radius:14px;outline:none;width:100%;height:52px;padding:0 13px;font-size:17px}.expense-input:focus,.expense-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa2e}.expense-card-grid{gap:10px;display:grid}.expense-pay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.expense-choice-card{min-height:52px;color:var(--brand);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e5e7eb;border-radius:16px;justify-content:center;align-items:center;font-size:15px;font-weight:900;display:flex;box-shadow:0 1px 4px #0000000a}.expense-choice-card.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 8px 18px #2563eb2e}.expense-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:9px 10px;font-size:13px;line-height:1.45;display:none}.expense-warning.show{display:block}.expense-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.expense-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.expense-stat{background:#fff;border:1px solid #eceef3;border-radius:16px;padding:12px;box-shadow:0 1px 4px #0000000a}.expense-stat span{color:#64748b;margin-bottom:5px;font-size:12px;display:block}.expense-stat strong{color:var(--brand);word-break:break-all;font-size:18px}.expense-list{gap:10px;display:grid}.expense-record{background:#fff;border:1px solid #eceef3;border-radius:16px;padding:12px;box-shadow:0 1px 4px #0000000a}.expense-record-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.expense-record-date{color:var(--brand);font-weight:900}.expense-record-money{color:#dc2626;font-size:18px;font-weight:900}.expense-record-meta{color:#64748b;font-size:13px;line-height:1.6}.expense-record-actions{gap:8px;margin-top:10px;display:flex}.expense-chip-btn{color:#334155;background:#f1f5f9;border:0;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.expense-empty{text-align:center;color:#71717a;background:#fff;border:1px dashed #d4d4d8;border-radius:16px;padding:28px 12px}.expense-filter-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.expense-tabs{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.expense-tab{color:#334155;background:#fff;border:1px solid #e5e7eb;border-radius:999px;min-height:40px;font-size:13px;font-weight:900}.expense-tab.active{color:#fff;background:#2563eb;border-color:#2563eb}.expense-category-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.expense-category-stat{background:#fff;border:1px solid #eceef3;border-radius:16px;padding:12px;box-shadow:0 1px 4px #0000000a}.expense-category-stat span{color:var(--brand);margin-bottom:6px;font-size:14px;font-weight:900;display:block}.expense-category-stat strong{color:#dc2626;font-size:17px}.expense-tools-grid{grid-template-columns:1fr;gap:10px;display:grid}.expense-safety-note{color:#92400e;background:linear-gradient(135deg,#fffbeb 0%,#fff7ed 100%);border:1px solid #fde68a;border-radius:16px;align-items:flex-start;gap:10px;margin:12px 0;padding:12px;display:flex;box-shadow:0 1px 4px #f59e0b14}.expense-safety-note svg{color:#d97706;flex:none;width:19px;height:19px;margin-top:2px}.expense-safety-note strong{color:#78350f;margin-bottom:4px;font-size:14px;display:block}.expense-safety-note p{color:#92400e;margin:0;font-size:13px;line-height:1.65}.expense-sheet-backdrop{z-index:300;padding:16px 12px calc(16px + env(safe-area-inset-bottom));background:#0f172a61;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.expense-sheet-backdrop.open{display:flex}.expense-action-sheet{background:#fff;border:1px solid #e5e7eb;border-radius:24px;width:100%;max-width:min(520px,100vw - 24px);padding:16px;box-shadow:0 24px 60px #0f172a47}.expense-action-sheet h3{color:var(--brand);margin:0 0 6px;font-size:18px}.expense-action-sheet p{color:#64748b;margin:0 0 12px;font-size:13px;line-height:1.55}.expense-sheet-grid{grid-template-columns:1fr;gap:10px;display:grid}.expense-sheet-grid button,.expense-sheet-grid label{min-height:48px;color:var(--brand);cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;justify-content:center;align-items:center;font-size:15px;font-weight:900;display:flex}.expense-sheet-grid .primary{color:#fff;background:#2563eb;border-color:#2563eb}.expense-sheet-grid .cancel{color:#64748b;background:#f8fafc}.expense-seo-card h2{color:var(--brand);margin-bottom:10px;font-size:18px}.expense-seo-card h3{color:var(--brand);margin:14px 0 6px;font-size:15px}.expense-seo-card p{color:#52525b;margin-bottom:9px;font-size:14px;line-height:1.8}.expense-share-card{cursor:pointer;text-align:left;width:100%;color:inherit;-webkit-tap-highlight-color:transparent;background:linear-gradient(90deg,#eff6ff 0%,#fff 52%,#f0f9ff 100%);border:1px solid #dbeafe;border-radius:16px;align-items:center;gap:12px;margin:16px 0 14px;padding:16px;display:flex;box-shadow:0 1px 3px #0f172a14,0 10px 24px #2563eb14}.expense-share-icon{color:#2563eb;background:#fff;border:1px solid #dbeafe;border-radius:16px;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 1px 3px #0f172a1a,0 8px 18px #2563eb1a}.expense-share-icon svg{width:18px;height:18px}.expense-share-text{flex:1;min-width:0}.expense-share-text strong{color:#0f172a;margin-bottom:4px;font-size:14px;font-weight:700;display:block}.expense-share-text span{color:#64748b;font-size:12px;line-height:1.65;display:block}@media (width<=360px){.expense-home-grid,.expense-summary,.expense-filter-row,.expense-actions{grid-template-columns:1fr}.expense-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-tabs{grid-template-columns:repeat(2,1fr)}}