:root{--ink:#153a32;--muted:#74817b;--paper:#f5f2e9;--card:#fff;--green:#123f34;--green2:#1d6651;--lime:#c8e47b;--amber:#f0b85a;--line:#e7e3d9;--danger:#b6483f;--shadow:0 14px 40px rgba(25,56,45,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#d9ddd7}
*{box-sizing:border-box}html{background:#d9ddd7}body{margin:0;min-width:320px;background:var(--paper);font-size:16px}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.sprite{position:absolute;width:0;height:0}.desktop-bg{min-height:100dvh;background:radial-gradient(circle at 30% 5%,#eef2e9,transparent 38%),#d9ddd7}.app{position:relative;width:100%;max-width:480px;min-height:100dvh;margin:auto;padding:26px 18px calc(112px + env(safe-area-inset-bottom));overflow-x:hidden;background:var(--paper);box-shadow:0 0 70px #173a2f14}
.top{display:flex;align-items:center;justify-content:space-between;min-height:54px}.top h1{display:flex;align-items:center;gap:9px;margin:0;font-size:1.75rem;letter-spacing:-.055em}.kicker,.section-title p{margin:0 0 4px;color:#7a857f;font-size:.72rem;font-weight:800;letter-spacing:.1em}.brandmark{display:grid;width:36px;height:36px;place-items:center;border-radius:12px 12px 12px 5px;color:var(--lime);background:var(--green);font-size:1.1rem;transform:rotate(-4deg)}.avatar{display:grid;width:46px;height:46px;place-items:center;border:1px solid #e4e6df;border-radius:50%;color:var(--green);background:#fff;font-weight:850;box-shadow:0 6px 20px #153a3210}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:25px 0 15px;padding:5px;border-radius:17px;background:#e6e5dc}.workspace a{display:grid;height:42px;place-items:center;border-radius:13px;color:#778079;text-decoration:none;font-size:.87rem;font-weight:750}.workspace a.active{color:var(--green);background:#fff;box-shadow:0 3px 12px #153a320e}
.budget-card{position:relative;overflow:hidden;min-height:265px;padding:22px;border-radius:29px;color:white;background:linear-gradient(145deg,#174a3d,#0c352c);box-shadow:0 20px 40px #123f342b}.budget-card:after{content:"";position:absolute;right:-75px;top:-90px;width:205px;height:205px;border:38px solid #ffffff0a;border-radius:50%}.budget-top{position:relative;z-index:1;display:flex;justify-content:space-between}.budget-top p{margin:0 0 5px;color:#b8d1c7;font-size:.72rem;font-weight:800;letter-spacing:.1em}.budget-top span{color:#d4e2dc;font-size:.85rem}.budget-top button{width:44px;height:44px;border:0;border-radius:50%;color:white;background:#ffffff12;font-weight:800}.money{position:relative;z-index:1;margin-top:25px;font-size:3.55rem;font-weight:820;letter-spacing:-.075em;line-height:.95}.money.negative{color:#ffd39a}.money-label{margin:8px 0 20px;color:#d1e0da;font-size:.9rem}.progress{height:8px;overflow:hidden;border-radius:9px;background:#ffffff1d}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--lime),#f1cd76)}.budget-foot{display:flex;justify-content:space-between;margin-top:12px;color:#b8cec6;font-size:.8rem}.budget-foot b{color:#fff}.budget-empty{position:relative;z-index:1;margin-top:31px}.budget-empty h2{margin:0 0 7px;font-size:1.45rem}.budget-empty p{max-width:320px;margin:0 0 20px;color:#ccddd6;line-height:1.45}.budget-empty button,.empty button{min-height:44px;padding:0 17px;border:0;border-radius:13px;color:var(--green);background:var(--lime);font-weight:800}
.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:13px 0 28px}.stat-row a{display:grid;grid-template-columns:43px 1fr;gap:10px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:21px;color:var(--ink);background:#fff;text-decoration:none;box-shadow:0 8px 24px #153a3208}.stat-row b{display:block;font-size:1.28rem}.stat-row small{display:block;color:#66746e;font-size:.76rem}.stat-row em{grid-column:1/-1;color:#929b96;font-size:.69rem;font-style:normal}.stat-icon{display:grid;width:43px;height:43px;place-items:center;border-radius:14px;font-size:1.25rem}.stat-icon.green{color:#23624f;background:#e2f2e8}.stat-icon.amber{color:#8a5b22;background:#f9ead2}
.section{margin-top:26px}.section-title{display:flex;align-items:end;justify-content:space-between;margin:0 2px 12px}.section-title.roomy{margin-top:23px}.section-title h2{margin:0;font-size:1.18rem;letter-spacing:-.025em}.section-title a,.section-title button{min-height:44px;padding:0 4px;border:0;color:var(--green2);background:transparent;text-decoration:none;font-size:.8rem;font-weight:800}.empty{padding:34px 22px;border:1px solid var(--line);border-radius:23px;background:#fff;text-align:center;box-shadow:0 8px 28px #153a3207}.empty.compact{padding:28px 20px}.empty.tall{padding:55px 25px}.empty-icon{display:grid;width:50px;height:50px;margin:0 auto 13px;place-items:center;border-radius:17px;color:var(--green2);background:#e9f2ec;font-size:1.45rem}.empty h3{margin:0 0 6px;font-size:1rem}.empty p{max-width:330px;margin:0 auto 18px;color:var(--muted);font-size:.86rem;line-height:1.5}.product-peek,.list,.bill-list,.catalog{display:flex;flex-direction:column}.product-peek{gap:9px}.product-peek article{display:grid;grid-template-columns:48px 1fr auto;gap:11px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:18px;background:white}.product-icon,.receipt-logo{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;color:white;background:linear-gradient(135deg,var(--green2),var(--green));font-size:.78rem;font-weight:850;letter-spacing:.03em}.product-peek div,.receipt div,.catalog-head div,.bill-list article>div{display:flex;min-width:0;flex-direction:column;gap:3px}.product-peek small,.receipt small,.catalog small,.bill-list small{color:#7f8983;font-size:.73rem}.unavailable{padding:5px 7px;border-radius:12px;color:#84612d;background:#f9eed9;font-size:.66rem;font-weight:800}
.list.card,.bill-list{padding:0 15px;border:1px solid var(--line);border-radius:22px;background:white}.receipt{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:73px;border-bottom:1px solid #ece9e0}.receipt:last-child{border-bottom:0}.receipt strong{font-size:.91rem}.summary{display:grid;grid-template-columns:repeat(3,1fr);margin:21px 0 26px;padding:16px 5px;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:0 8px 26px #153a3206}.summary div{display:flex;flex-direction:column;align-items:center;gap:3px}.summary div+div{border-left:1px solid #ece9e0}.summary b{font-size:1rem}.summary span{color:#7e8983;font-size:.71rem}
.search{display:flex;align-items:center;gap:10px;height:50px;margin:24px 0 8px;padding:0 15px;border:1px solid var(--line);border-radius:16px;background:white}.search span{font-size:1.35rem}.search input{width:100%;border:0;outline:0;color:var(--ink);background:transparent}.provider-note{display:flex;justify-content:space-between;margin:0 2px 17px;color:#86908a;font-size:.72rem}.provider-note b{color:#9b682e}.catalog{gap:11px}.catalog article{padding:16px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 8px 24px #153a3207}.catalog-head{display:flex;align-items:center;gap:11px}.retailers{display:grid;gap:7px;margin-top:14px}.retailers span{display:flex;justify-content:space-between;padding:10px 12px;border-radius:12px;background:#f5f5ef;font-size:.78rem;font-weight:700}.retailers em{color:#8b948f;font-style:normal;font-weight:600}
.bill-list article{display:grid;grid-template-columns:30px 1fr auto;gap:11px;align-items:center;min-height:74px;border-bottom:1px solid #ece9e0}.bill-list article:last-child{border-bottom:0}.bill-list article.paid{opacity:.5}.bill-list article.paid b{text-decoration:line-through}.check{display:grid;width:28px;height:28px;place-items:center;border:1.5px solid #aeb8b2;border-radius:50%;color:white;background:white;font-size:.8rem}.paid .check{border-color:var(--green2);background:var(--green2)}.privacy{color:#89938d;font-size:.73rem;text-align:center}
.bottom{position:fixed;z-index:20;left:50%;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;width:min(480px,100%);padding:9px 8px calc(10px + env(safe-area-inset-bottom));transform:translateX(-50%);border-top:1px solid #e5e2d9;background:#fffffff2;backdrop-filter:blur(20px)}.bottom a{display:flex;min-height:51px;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#89938e;text-decoration:none;font-size:.65rem}.bottom a.active{color:var(--green);font-weight:850}.bottom svg,.fab svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fab{position:fixed;z-index:30;left:50%;bottom:calc(46px + env(safe-area-inset-bottom));display:grid;width:61px;height:61px;padding:0;place-items:center;transform:translate(-50%,50%);border:6px solid var(--paper);border-radius:50%;color:var(--green);background:var(--lime);box-shadow:0 10px 25px #123f3430}
.modal[hidden]{display:none}.modal{position:fixed;z-index:100;inset:0;display:flex;align-items:end;justify-content:center;background:#092a225e;backdrop-filter:blur(4px)}.modal>section{position:relative;width:100%;max-width:480px;max-height:92dvh;padding:25px 20px calc(25px + env(safe-area-inset-bottom));overflow-y:auto;border-radius:28px 28px 0 0;background:#faf9f5;box-shadow:0 -20px 60px #07281f2b;animation:up .22s ease-out}.modal h2{margin:0 0 18px;font-size:1.45rem}.close{position:absolute;right:17px;top:17px;width:43px;height:43px;border:0;border-radius:50%;color:#4d635b;background:#e9eae4;font-size:1.45rem}.form-stack{display:flex;flex-direction:column;gap:14px}.form-stack label{display:flex;flex-direction:column;gap:6px;color:#536860;font-size:.78rem;font-weight:750}.form-stack label small{font-weight:500}.form-stack input,.form-stack select,.form-stack textarea{width:100%;min-height:48px;padding:11px 13px;border:1px solid #d9ddd7;border-radius:14px;outline:0;color:var(--ink);background:white}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus{border-color:var(--green2);box-shadow:0 0 0 3px #1d665118}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary{min-height:52px;border:0;border-radius:15px;color:white;background:var(--green);font-weight:850;box-shadow:0 9px 20px #123f3420}.upload{position:relative;display:flex;min-height:103px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1.5px dashed #9cb4a9;border-radius:18px;color:var(--green2);background:#edf4ef;text-align:center}.upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload span{color:#77847e;font-size:.7rem}.invite{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:17px;background:#eef3ee}.invite span{color:#6f7e77;font-size:.75rem}.invite code{overflow-wrap:anywhere;font-size:.8rem}.invite button,.danger{min-height:44px;border:0;border-radius:12px;font-weight:750}.invite button{color:var(--green);background:var(--lime)}.danger{width:100%;margin-top:20px;color:var(--danger);background:#f6e9e7}.status-list{display:grid;gap:11px;margin-top:20px}.status-list span{display:flex;align-items:center;gap:9px;font-size:.82rem}.status-list i{width:9px;height:9px;border-radius:50%;background:#d0994a}.status-list i.ok{background:#3d9a72}
.alert{padding:12px 14px;border-radius:14px;color:#6f3f15;background:#fae8cd;font-size:.82rem}.alert.error{color:#8e332c;background:#f7dfdc}.alert.floating{margin:12px 0}.auth-body{min-height:100dvh;background:#e9ede8}.auth-shell{display:grid;min-height:100dvh}.auth-art{position:relative;overflow:hidden;padding:35px 25px 110px;color:white;background:linear-gradient(145deg,#174a3d,#092e26)}.auth-art .logo{display:flex;align-items:center;gap:10px;font-size:1.35rem;font-weight:850}.auth-art .logo span{display:grid;width:36px;height:36px;place-items:center;border-radius:12px;background:var(--lime);color:var(--green)}.auth-art h1{position:relative;margin:74px 0 12px;font-size:2.5rem;line-height:1.02;letter-spacing:-.06em}.auth-art p{position:relative;max-width:370px;margin:0;color:#c5d9d1;line-height:1.5}.rings{position:absolute;right:-100px;top:60px;width:300px;height:300px;border:55px solid #ffffff08;border-radius:50%}.auth-card{position:relative;margin:-75px 14px 25px;padding:25px 20px;border-radius:27px;background:#fff;box-shadow:var(--shadow)}.auth-heading p{margin:0;color:var(--green2);font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.auth-heading h2{margin:5px 0 22px;font-size:1.5rem;letter-spacing:-.035em}.or{display:flex;align-items:center;gap:8px;color:#929b96;font-size:.7rem}.or:before,.or:after{content:"";height:1px;flex:1;background:#e7e4dc}.auth-switch{margin:20px 0 0;color:#77827c;font-size:.8rem;text-align:center}.auth-switch a{color:var(--green2);font-weight:800}
@keyframes up{from{transform:translateY(35px) scale(.98);opacity:.4}}@media(min-width:700px){.desktop-bg{padding:24px 0}.app{min-height:calc(100dvh - 48px);border-radius:32px}.bottom{bottom:24px;border-radius:0 0 32px 32px}.fab{bottom:70px}.auth-shell{grid-template-columns:minmax(330px,1fr) minmax(430px,520px)}.auth-art{display:flex;flex-direction:column;justify-content:center;padding:70px}.auth-art h1{margin-top:auto;font-size:4rem}.auth-art p{margin-bottom:auto}.auth-card{align-self:center;margin:30px;padding:38px 45px;border-radius:30px}}@media(max-width:350px){.app{padding-inline:13px}.budget-card{padding:18px}.stat-row{gap:8px}.stat-row a{padding:11px}.two{grid-template-columns:1fr}.money{font-size:3rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Motion-led household layer, inspired by curated editorial interaction galleries. */
.app:before{content:"";position:absolute;z-index:0;top:-120px;left:-90px;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,#c8e47b38,transparent 67%);pointer-events:none;animation:drift 9s ease-in-out infinite alternate}.app>*{position:relative;z-index:1}.budget-card{background:radial-gradient(circle at var(--mx,78%) var(--my,14%),#3b8168 0,transparent 31%),linear-gradient(145deg,#174a3d,#082c25);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.budget-card:hover{transform:translateY(-2px);box-shadow:0 25px 55px #123f3438}.fab{overflow:hidden;transition:transform .28s cubic-bezier(.2,1.5,.4,1),box-shadow .28s}.fab:after{content:"";position:absolute;inset:-60%;background:linear-gradient(120deg,transparent 37%,#fff8 50%,transparent 63%);transform:translateX(-70%) rotate(12deg);animation:shine 4.5s ease-in-out infinite}.fab:hover{transform:translate(-50%,50%) scale(1.08) rotate(4deg);box-shadow:0 15px 35px #123f3444}.fab svg{position:relative;z-index:1}
.household-pulse{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 28px;padding:19px;border-radius:24px;color:#fff;background:linear-gradient(120deg,#2f45a3,#586ee0);box-shadow:0 16px 35px #334eb126}.pulse-copy p{margin:0 0 4px;color:#cbd4ff;font-size:.66rem;font-weight:850;letter-spacing:.1em}.pulse-copy h2{margin:0 0 4px;font-size:1.03rem}.pulse-copy span{display:block;max-width:245px;color:#e0e5ff;font-size:.71rem;line-height:1.4}.people-stack{display:flex;flex-direction:row-reverse;justify-content:flex-end;min-width:72px}.person{position:relative;display:grid;width:45px;height:45px;margin-left:-12px;place-items:center;border:3px solid #5268d4;border-radius:50%;color:#23378e;background:#e7ebff;font-weight:900;box-shadow:0 5px 12px #1f317844}.person i{position:absolute;right:0;bottom:0;width:10px;height:10px;border:2px solid #5268d4;border-radius:50%;background:#aab1bb}.person i.online{background:#bfe96f}.person.add-person{color:white;background:#ffffff22;border-style:dashed}
.local-banner{display:flex;align-items:center;gap:14px;margin:23px 0 13px;padding:19px;border-radius:24px;color:#3f2f13;background:linear-gradient(135deg,#ffe8a3,#f5bd59);box-shadow:0 14px 30px #b57c1d20}.local-banner p{margin:0 0 3px;font-size:.65rem;font-weight:900;letter-spacing:.1em}.local-banner h2{margin:0 0 3px;font-size:1.12rem}.local-banner small{color:#715626;font-size:.71rem}.zip-pin{display:grid;min-width:64px;height:64px;place-items:center;border:1px solid #ffffff88;border-radius:20px 20px 20px 7px;color:#fff;background:#183f35;box-shadow:0 8px 18px #6d4a1325;font-size:.85rem;font-weight:900}
.catalog article{overflow:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s}.catalog article:hover{transform:translateY(-3px);box-shadow:0 17px 35px #153a3212}.catalog-head{display:grid;grid-template-columns:46px 1fr auto}.log-price{min-height:38px;padding:0 10px;border:0;border-radius:12px;color:#fff;background:#2f45a3;font-size:.72rem;font-weight:850}.retailers a{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border:1px solid transparent;border-radius:14px;color:var(--ink);background:#f5f5ef;text-decoration:none;transition:border-color .2s,transform .2s,background .2s}.retailers a:hover{border-color:#c8d4ce;background:#fff;transform:translateX(3px)}.retailers a>span{display:flex;flex-direction:column;gap:2px}.retailers a small{font-size:.68rem}.retailers a em{color:#2f45a3;font-size:.78rem;font-style:normal;font-weight:850}
.member-list{display:grid;gap:8px;margin-bottom:15px}.member-list article{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);border-radius:15px;background:white}.member-list article>span{display:grid;width:39px;height:39px;place-items:center;border-radius:50%;color:white;background:linear-gradient(145deg,#2f45a3,#6c7fe1);font-size:.78rem;font-weight:900}.member-list article>div{display:flex;flex-direction:column;gap:2px}.member-list small{color:#7b8680;font-size:.7rem}.export-link{display:flex;min-height:46px;margin-top:17px;align-items:center;justify-content:center;border:1px solid #d8ddd7;border-radius:13px;color:var(--green);background:white;text-decoration:none;font-size:.78rem;font-weight:800}
.motion .reveal,.motion .section,.motion .list.card,.motion .bill-list,.motion .catalog>article{opacity:0;transform:translateY(16px);transition:opacity .55s ease var(--delay,0ms),transform .65s cubic-bezier(.2,.8,.2,1) var(--delay,0ms)}.motion .reveal.visible,.motion .section.visible,.motion .list.card.visible,.motion .bill-list.visible,.motion .catalog>article.visible{opacity:1;transform:none}.modal{opacity:0;transition:opacity .18s}.modal.shown{opacity:1}.modal>section{transform:translateY(25px) scale(.985);transition:transform .32s cubic-bezier(.2,1.25,.4,1)}.modal.shown>section{transform:none}.bottom a{transition:color .2s,transform .25s cubic-bezier(.2,1.5,.4,1)}.bottom a.active{transform:translateY(-2px)}
@keyframes drift{to{transform:translate(120px,70px) scale(1.2)}}@keyframes shine{0%,68%{transform:translateX(-70%) rotate(12deg)}88%,100%{transform:translateX(70%) rotate(12deg)}}

/* Mine is a private monthly money view; grocery activity lives in Together. */
.mine-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:21px 0 13px;padding:17px 18px;border:1px solid #dfe5dc;border-radius:23px;background:linear-gradient(125deg,#fff,#eef6ed);box-shadow:0 10px 28px #153a3209}.mine-hero-copy p{margin:0 0 4px;color:#3c6d5b;font-size:.66rem;font-weight:900;letter-spacing:.11em}.mine-hero-copy h2{margin:0 0 3px;font-size:1.08rem}.mine-hero-copy span{color:#74817b;font-size:.72rem}.mine-hero>button{min-height:42px;padding:0 13px;border:0;border-radius:13px;color:#fff;background:#2f45a3;font-size:.73rem;font-weight:850;white-space:nowrap}.personal-card{min-height:248px;background:radial-gradient(circle at var(--mx,78%) var(--my,14%),#6378d7 0,transparent 31%),linear-gradient(145deg,#3349aa,#1d2f80);box-shadow:0 20px 42px #273b9a2d}.personal-card .progress i{background:linear-gradient(90deg,#d8f077,#f6ca68)}
.mine-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:13px 0 27px}.mine-actions button{display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:center;min-height:77px;padding:12px;border:1px solid var(--line);border-radius:20px;color:var(--ink);background:#fff;text-align:left;box-shadow:0 8px 24px #153a3207}.mine-actions button>span{grid-row:1/3;display:grid;width:42px;height:42px;place-items:center;border-radius:14px;color:#fff;background:#2f45a3;font-size:1.25rem}.mine-actions button+button>span{color:#5a4319;background:#f0c66d}.mine-actions b{align-self:end;font-size:.82rem}.mine-actions small{align-self:start;color:#87908a;font-size:.65rem}
.insights{margin-top:3px}.insights>.section-title>span{color:#8a938e;font-size:.68rem}.chart-grid{display:grid;gap:11px}.donut-card,.trend-card{padding:17px;border:1px solid var(--line);border-radius:23px;background:#fff;box-shadow:0 8px 28px #153a3207}.donut-card{display:grid;grid-template-columns:138px 1fr;gap:15px;align-items:center}.donut{display:grid;width:132px;height:132px;padding:17px;place-items:center;border-radius:50%;background:var(--donut);animation:chart-in .75s cubic-bezier(.2,.8,.2,1)}.donut:before{content:"";grid-area:1/1;width:98px;height:98px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #edf0eb}.donut>span{z-index:1;grid-area:1/1;display:flex;flex-direction:column;text-align:center}.donut b{font-size:1.2rem;letter-spacing:-.04em}.donut small{color:#7b8780;font-size:.65rem}.chart-legend{display:flex;min-width:0;flex-direction:column;gap:9px}.chart-legend span{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:6px;align-items:center;color:#6f7b75;font-size:.69rem}.chart-legend i,.category-dot{width:9px;height:9px;border-radius:50%}.chart-legend b{color:var(--ink);font-size:.69rem}.mint{background:#8fd4b4!important}.gold{background:#efc66b!important}.blue{background:#75a7dc!important}.coral{background:#e58d78!important}.plum{background:#aa87bd!important}.uncategorized{background:#c8cec9!important}.trend-bars{display:flex;height:105px;align-items:end;justify-content:space-between;gap:7px;padding:5px 3px 0;border-bottom:1px solid #e9ebe7}.trend-bars span{display:flex;height:100%;flex:1;flex-direction:column;justify-content:end;align-items:center;gap:6px}.trend-bars i{display:block;width:100%;max-width:34px;min-height:4px;border-radius:8px 8px 3px 3px;background:linear-gradient(#6579da,#3046a6);transform-origin:bottom;animation:bar-grow .7s cubic-bezier(.2,.8,.2,1)}.trend-bars small{color:#89928d;font-size:.62rem}.trend-card p{margin:11px 0 0;color:#6f7c76;font-size:.7rem;font-weight:750;text-align:center}.insight-empty{margin:1px 0 27px;background:linear-gradient(145deg,#fff,#f2f5ee)}
.categories-section{margin-top:27px}.category-list{padding:0 14px;border:1px solid var(--line);border-radius:22px;background:#fff}.category-list article{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:73px;border-bottom:1px solid #ece9e0}.category-list article:last-child{border-bottom:0}.category-list article>div{display:flex;flex-direction:column;gap:4px}.category-list small{color:#7e8983;font-size:.69rem}.category-list article>div>div{height:5px;overflow:hidden;border-radius:6px;background:#edf0ec}.category-list article>div>div i{display:block;height:100%;border-radius:inherit}.category-list strong{font-size:.75rem}.expense-list{padding:0 14px;border:1px solid var(--line);border-radius:22px;background:#fff}.expense-list article{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:64px;border-bottom:1px solid #ece9e0}.expense-list article:last-child{border-bottom:0}.expense-list article>div{display:flex;flex-direction:column;gap:3px}.expense-list small{color:#84908a;font-size:.69rem}.nav-avatar{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;color:#fff;background:#6879cc;font-size:.62rem;font-weight:900}
@keyframes chart-in{from{transform:rotate(-18deg) scale(.82);opacity:.4}}@keyframes bar-grow{from{transform:scaleY(.05)}}
@media(max-width:370px){.donut-card{grid-template-columns:112px 1fr;padding:14px}.donut{width:108px;height:108px;padding:14px}.donut:before{width:80px;height:80px}.mine-actions button{grid-template-columns:1fr;text-align:center}.mine-actions button>span{grid-row:auto;margin:auto}.mine-actions small{display:none}}