*{box-sizing:border-box}body{margin:0;background:#eef4ff;color:#172033;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-shell{max-width:680px;margin:auto;min-height:100vh;background:#f8fbff;box-shadow:0 0 40px rgba(23,54,120,.08);padding-bottom:86px}.app-header{position:sticky;top:0;z-index:20;height:68px;padding:12px 16px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);display:flex;align-items:center;gap:10px;border-bottom:1px solid #e7edf7}.brand{display:flex;align-items:center;gap:7px;text-decoration:none;color:#102b63;font-weight:800;font-size:19px;white-space:nowrap}.brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#0f5cff,#54a7ff);color:#fff;font-size:14px;box-shadow:0 7px 18px rgba(15,92,255,.25)}.header-search{height:40px;flex:1;position:relative}.header-search i{position:absolute;left:12px;top:12px;color:#8b99ad;font-size:13px}.header-search input{width:100%;height:100%;border:1px solid #e2e9f3;border-radius:13px;padding:0 10px 0 33px;outline:none;background:#f7faff}.header-search input:focus{border-color:#80aefc;box-shadow:0 0 0 3px rgba(15,92,255,.08)}.icon-btn{border:0;background:#f0f5ff;color:#1c4aa0;width:40px;height:40px;border-radius:12px}.app-main{padding:18px 16px}.page-title{font-size:24px;font-weight:800;margin:0}.muted{color:#748197}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.summary-card{border-radius:18px;padding:17px;color:#fff;box-shadow:0 12px 25px rgba(21,58,125,.12)}.summary-card.expense{background:linear-gradient(135deg,#ff4f68,#e83e58)}.summary-card.income{background:linear-gradient(135deg,#1dbb83,#07966a)}.summary-card small{opacity:.85}.summary-card strong{display:block;font-size:22px;margin-top:6px}.month-bar{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}.month-name{font-size:17px;font-weight:800}.arrow-btn{border:0;background:#fff;width:38px;height:38px;border-radius:12px;color:#315b9d;box-shadow:0 5px 16px rgba(29,62,120,.08)}.transaction-card{background:#fff;border:1px solid #e8edf5;border-radius:17px;padding:14px;margin-bottom:10px;text-decoration:none;color:inherit;display:block}.tx-row{display:flex;align-items:center;gap:12px}.merchant-avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#edf4ff;color:#2762bf;font-weight:800;flex:none}.tx-main{min-width:0;flex:1}.tx-name{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-meta{font-size:12px;color:#7c899d;margin-top:4px}.tx-amount{font-weight:800}.expense-text{color:#d9304e}.income-text{color:#0a946b}.category-chip{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:700;color:#fff}.repeat-count{font-size:11px;background:#f2f5f9;color:#6e7b90;padding:4px 7px;border-radius:999px;margin-left:4px}.bottom-nav{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(680px,100%);height:76px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-top:1px solid #e6ebf3;display:flex;align-items:center;justify-content:space-around;padding:6px 8px env(safe-area-inset-bottom)}.bottom-nav a{width:20%;text-align:center;text-decoration:none;color:#8793a6;font-size:10px;font-weight:650}.bottom-nav i{display:block;font-size:18px;margin-bottom:5px}.bottom-nav a.active{color:#145cff}.scan-fab{width:56px!important;height:56px;border-radius:18px;background:linear-gradient(135deg,#0f5cff,#48a2ff);color:#fff!important;display:grid;place-items:center;box-shadow:0 10px 24px rgba(15,92,255,.3);transform:translateY(-14px)}.scan-fab i{margin:0;font-size:22px}.form-card,.content-card{background:#fff;border:1px solid #e7edf5;border-radius:20px;padding:18px;box-shadow:0 10px 30px rgba(29,62,120,.05)}.form-label{font-size:12px;font-weight:750;color:#64738a}.form-control,.form-select{border-radius:13px;padding:11px 12px;border-color:#dce5f1}.btn-primary{border:0;border-radius:13px;padding:11px 16px;background:linear-gradient(135deg,#0f5cff,#397ffb);box-shadow:0 8px 18px rgba(15,92,255,.18)}.scan-box{border-radius:22px;background:#07172f;padding:12px;overflow:hidden;min-height:300px}.scan-box video{width:100%;border-radius:16px}.scan-status{padding:12px;border-radius:14px;background:#eef5ff;color:#315b9d;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metric{background:#fff;border:1px solid #e6edf6;border-radius:16px;padding:14px}.metric strong{display:block;font-size:18px;margin-top:3px}.merchant-list{display:flex;flex-direction:column;gap:10px}.category-line{display:flex;align-items:center;gap:12px}.category-dot{width:12px;height:12px;border-radius:50%;flex:none}.progress{height:7px;background:#edf1f7}.empty{padding:35px 15px;text-align:center;color:#7a8799}.menu-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#f5f8ff;border-radius:16px}.avatar{width:44px;height:44px;border-radius:14px;background:#dfeaff;color:#1957bb;display:grid;place-items:center;font-weight:800}.menu-link{display:flex;gap:12px;align-items:center;text-decoration:none;color:#23324c;padding:14px 4px;border-bottom:1px solid #edf1f6}.menu-link i{width:22px;text-align:center;color:#3269c2}@media(min-width:681px){.bottom-nav{bottom:12px;border:1px solid #dfe6f1;border-radius:22px;width:660px}.app-shell{min-height:calc(100vh - 24px);margin:12px auto;border-radius:24px;overflow:hidden}.app-header{border-radius:24px 24px 0 0}}