@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@600;700;800&family=Nunito+Sans:wght@400;600;700;800&display=swap";:root{font-family:Nunito Sans,sans-serif;color:#112d3c;background:#f3fbfa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app{max-width:1120px;margin:auto;min-height:100vh;padding:22px 24px 100px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.brand{display:flex;gap:12px;align-items:center}.brand .mark{width:43px;height:43px;border-radius:14px;background:#19a99c;color:#fff;display:grid;place-items:center;font:800 24px Be Vietnam Pro}.brand b{font:800 15px Be Vietnam Pro;display:block;letter-spacing:.04em}.brand span{font-size:12px;color:#64808b}.icon{border:1px solid #dcebea;background:#fff;border-radius:13px;width:43px;height:43px;display:grid;place-items:center;color:#355766}.icon svg{width:20px}.hero{background:linear-gradient(135deg,#0e817b,#19a99c);color:#fff;border-radius:28px;padding:28px;box-shadow:0 18px 45px #0f817522}.hero small,.pageTitle small{font-weight:800;letter-spacing:.13em;opacity:.75}.hero h1{font:800 38px Be Vietnam Pro;margin:8px 0 24px}.heroGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.heroGrid div{background:#ffffff17;padding:14px;border-radius:16px}.heroGrid span,.heroGrid b{display:block}.heroGrid span{font-size:12px;opacity:.8}.heroGrid b{margin-top:5px}section{margin-top:28px}h1,h2,h3{font-family:Be Vietnam Pro;margin-top:0}h2{font-size:18px}.stats,.accountGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stats article,.account,.reportCard{background:#fff;border:1px solid #e1efed;border-radius:20px;padding:18px}.stats span,.account span,.account small{display:block;color:#789098;font-size:12px}.stats b{display:block;font-size:20px;margin-top:5px}.list{background:#fff;border:1px solid #e1efed;border-radius:20px;overflow:hidden}.tx{display:flex;align-items:center;gap:12px;padding:15px 17px;border-bottom:1px solid #edf4f3}.tx:last-child{border:0}.txIcon,.accountIcon{width:40px;height:40px;border-radius:13px;background:#e9f8f6;display:grid;place-items:center;color:#11877e}.txIcon svg,.accountIcon svg{width:19px}.grow{flex:1;min-width:0}.grow b,.grow span{display:block}.grow span{font-size:12px;color:#789098;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pageTitle{display:flex;justify-content:space-between;align-items:center;margin:15px 0 22px}.pageTitle h1{margin:3px 0 0;font-size:27px}.primary{border:0;background:#19a99c;color:#fff;font-weight:800;border-radius:14px;padding:12px 17px}.accountGrid{grid-template-columns:repeat(2,1fr)}.account{display:flex;gap:13px}.account h3{margin:3px 0}.account b{font-size:21px}.account small{margin-top:6px}.empty{text-align:center;padding:36px;color:#789098}.empty svg{width:30px}.empty h3{color:#355766;margin:10px 0 4px}.empty p{margin:0}.reportCard strong{font:800 32px Be Vietnam Pro;color:#0e817b}.reportCard p{color:#64808b}nav{position:fixed;bottom:14px;left:50%;transform:translate(-50%);width:min(680px,calc(100% - 28px));height:68px;background:#fff;border:1px solid #dcebea;border-radius:23px;box-shadow:0 14px 50px #193a4422;display:grid;grid-template-columns:1fr 1fr 72px 1fr 1fr;align-items:center;padding:5px 10px;z-index:5}nav button{border:0;background:transparent;color:#81969d;font:700 10px inherit;display:grid;place-items:center;gap:2px}nav button svg{width:20px}.active{color:#0c887f!important}.fab{width:55px;height:55px;border-radius:19px!important;background:#19a99c!important;color:#fff!important;margin:-28px auto 0;box-shadow:0 9px 20px #19a99c55}.fab svg{width:27px}.overlay{position:fixed;inset:0;background:#102e3b66;display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet{background:#f9fdfc;width:min(620px,100%);max-height:90vh;overflow:auto;border-radius:28px 28px 0 0;padding:22px}.sheetHead{display:flex;justify-content:space-between;align-items:center}.sheetHead h2{margin:0}.sheet form{display:grid;gap:14px;margin-top:20px}.sheet label{display:grid;gap:6px;font-weight:800;font-size:13px}.sheet input,.sheet select{width:100%;padding:14px;border:1px solid #d5e7e5;border-radius:13px;background:#fff;font:600 15px inherit;color:#193a44}.wide{width:100%;padding:15px;margin-top:5px}.types{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.types button{border:1px solid #d5e7e5;background:#fff;border-radius:12px;padding:10px 5px;font-weight:800;color:#56727b}.types .selected{background:#e3f7f4;border-color:#19a99c;color:#0c8178}@media(max-width:650px){.app{padding:16px 14px 95px}.brand span{display:none}.hero{padding:22px;border-radius:23px}.hero h1{font-size:30px}.heroGrid{grid-template-columns:1fr 1fr}.heroGrid div:last-child{grid-column:1/-1}.stats{grid-template-columns:1fr 1fr}.stats article:last-child{grid-column:1/-1}.accountGrid{grid-template-columns:1fr}.pageTitle h1{font-size:23px}.tx{padding:13px}.tx strong{font-size:13px}nav{bottom:9px}.types{grid-template-columns:repeat(3,1fr)}}