/* Garden theme · self-contained, responsive and motion-aware. */
:root{--bg:#f6faf5;--ink:#234638;--muted:#60766a;--green:#28724f;--lime:#e0f3b9;--line:#dfece0;--soft:#edf7e9;--shadow:0 5px 24px #255b3010;font-family:ui-rounded,'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body{background:radial-gradient(ellipse at 80% 0,#e9f6ff 0,transparent 42%),var(--bg)}
.sidebar{background:#fffefa;border-color:#deebdb}.brand-mark{background:#e4f1d2;font-size:27px;border-radius:17px}.brand-dot{color:#e5b24e}.topbar{background:#ffffffc9}.nav-item.active{background:#e1f1d9;color:#245f3d;box-shadow:none}.nav-item.active .nav-dot{color:#4f8d41}.nav-section-label{margin-top:15px}.sidebar-bottom{padding-top:18px}.sidebar-bottom h3{color:#48733c}.family-tag{color:#617b60}.primary{background:#28724f;box-shadow:0 3px 0 #195638}.primary:hover{background:#205f41}.primary.light{background:#fff8d7;color:#4c642c;box-shadow:0 3px 0 #d2cb8e}.secondary{background:#fff;border-color:#cddfce}.hero{background:linear-gradient(115deg,#dcefc6,#e6f6e5 58%,#d4edfa);border:1px solid #cde4bb;color:#254b35;isolation:isolate;min-height:285px}.hero:after{content:'';position:absolute;bottom:-90px;right:-70px;width:490px;height:180px;background:#badb93;border-radius:50%;z-index:-1;transform:rotate(-7deg)}.hero h2{color:#2f5939}.hero h2 em{color:#4f8b38}.hero p{color:#4e6f50}.hero-kicker{color:#567c41}.hero-pill{color:#496635;background:#fffce3;border-color:#d4e4ad}.hero-art{filter:drop-shadow(0 7px 7px #37652e12)}.hero-art svg>ellipse{fill:#9cc987}.profile-card{border:1px solid #e0e9d9;border-radius:19px;background:#fffdfa;box-shadow:0 3px 0 #e6eddf}.profile-card.active{border:2px solid #87b76b;background:#f2f9e8;box-shadow:0 3px 0 #c4dbae}.profile-card:nth-child(2){background:#fff7e9}.profile-card:nth-child(3){background:#f6f0ff}.avatar.mint{background:#dcefc9}.avatar.peach{background:#ffe9b6}.avatar.lilac{background:#ecddff}.stat,.panel,.family-card,.goal-card{border-color:#deebdc}.stat.save{background:#e8f6e5}.goal-card{background:#fbfdf8}.progress>span{background:linear-gradient(90deg,#75b85a,#a8d772)}.quick-icon{border-radius:14px}.page-heading .eyebrow{color:#6c845e}.page-heading p{font-size:13px}.page-footer{color:#5c715e}.mobile-nav .nav-item.active{background:#e3f0da;color:#295f3d}.family-card .primary{font-size:12px}.shopping-shortcut{display:flex;align-items:center;gap:16px;background:#fff9e7;border:1px solid #ede5c4;border-radius:18px;padding:18px 22px;margin-bottom:23px}.shopping-shortcut>span{font-size:30px}.shopping-shortcut>div{flex:1}.shopping-shortcut strong{font-size:16px}.shopping-shortcut p{font-size:12px;color:#7d7759}.shopping-shortcut button{flex:none}.shopping-welcome{display:flex;align-items:center;gap:19px;background:linear-gradient(110deg,#e6f2d8,#f3f8e6 65%,#fff6d7);border:1px solid #dce9cd;border-radius:22px;padding:23px 27px;margin-bottom:24px}.shopping-welcome>span{font-size:37px}.shopping-welcome strong{font-size:20px}.shopping-welcome p{font-size:13px;max-width:660px;color:#59744b;margin-top:6px}.shopping-welcome .shopping-flower{margin-left:auto;font-size:43px}.store-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:24px}.store-tab{background:#fff;padding:16px 9px;border:1px solid #dce8db;border-radius:16px;min-height:76px;box-shadow:0 3px 0 #e5ecdf;position:relative}.store-tab>span{display:block;font-weight:800;font-size:18px}.store-tab>small{display:block;margin-top:7px;font-size:11px;color:#61756b}.store-tab.selected{outline:2px solid #436e38;outline-offset:3px;background:#f4faee}.store-tab.all span{font-size:16px}.store-tab.coles span{color:#bf272b}.store-tab.woolworths span{color:#287644;font-size:15px}.store-tab.kmart span{color:#ca363f}.store-tab.bigw span{color:#1577b5}.store-tab.unassigned span{font-size:13px;color:#7c714c}.shopping-stats{margin-bottom:22px}.shopping-stats .stat strong{font-size:28px}.shopping-stats .stat-heading{font-size:12px}.shopping-stats .stat p{font-size:11px}.shopping-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:start}.store-groups{display:grid;gap:19px}.store-group{padding:21px}.store-group .panel-title{padding-bottom:11px;border-bottom:1px solid var(--line);margin-bottom:0}.store-group h2{display:flex;align-items:center;gap:10px;font-size:20px}.store-dot{width:10px;height:10px;border-radius:50%;background:#ac9b67}.store-dot.coles{background:#ce3533}.store-dot.woolworths{background:#4e943c}.store-dot.kmart{background:#dc4855}.store-dot.bigw{background:#328cc5}.shop-row{display:flex;align-items:center;gap:12px;padding:21px 0;border-bottom:1px solid #edf1e8;flex-wrap:wrap}.shop-row:last-child{border:0;padding-bottom:4px}.item-picture{width:43px;height:46px;display:grid;place-items:center;border-radius:14px;background:#f6f4e8;font-size:25px;flex:none}.shop-item-copy{flex:1;min-width:150px}.shop-item-copy h3{font-size:15px;line-height:1.4;overflow-wrap:anywhere}.shop-item-copy p{font-size:12px;margin:5px 0}.shop-item-copy small{display:block;font-size:11px;line-height:1.6;color:#647468;overflow-wrap:anywhere}.payer-pill{font-size:10px;font-weight:700;border-radius:6px;padding:3px 6px;background:#edf1fa;color:#52658d;white-space:nowrap}.payer-pill.parent-paid{background:#fcf0c9;color:#8a692b}.shop-item-price{margin-left:auto;min-width:90px;text-align:right}.shop-item-price strong{display:block;font-size:16px}.shop-item-price small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.child-free{display:block;color:#6b7c43;background:#f1f6df;border-radius:6px;font-size:9px;margin-top:6px;padding:5px}.shop-item-actions{display:flex;align-items:center;gap:10px;width:100%;justify-content:flex-end}.shop-item-actions .primary,.shop-item-actions .secondary{font-size:11px;min-height:36px;padding:9px 12px}.shop-item-actions .icon-button{width:34px;height:34px}.shopping-sidebar{display:grid;gap:18px}.shopping-sidebar .panel{padding:21px}.shopping-sidebar h2{font-size:18px;margin:9px 0}.shopping-sidebar .eyebrow{font-size:9px;color:#74875d}.shop-budget{padding:18px 0;border-bottom:1px dashed #dce7d6}.shop-budget:last-child{border:0;padding-bottom:0}.shop-budget>div{display:flex;align-items:center;gap:8px}.shop-budget>div>span{font-size:21px}.shop-budget strong{font-size:13px}.shop-budget b{font-size:14px;margin-left:auto}.shop-budget p{font-size:11px;margin:7px 0 0;color:#677962}.shop-budget small{font-size:10px;color:#557e4a}.shop-budget small.negative{color:#b64e43}.parent-note{border:1px solid #ecdfb0;background:#fff8df;padding:22px;border-radius:20px}.parent-note>span{font-size:26px}.parent-note h3{font-size:16px;margin:10px 0 7px}.parent-note p{font-size:12px;color:#7a7049}.local-shopping-note{font-size:11px;line-height:1.6;padding:0 10px;color:#63796b}.receipt-preview{text-align:center;background:#f3f7ed;border-radius:16px;padding:20px;margin-bottom:20px}.receipt-preview>span{font-size:32px}.receipt-preview h3{font-size:18px;margin:9px 0}.receipt-preview p{font-size:12px}.receipt-confirm{display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.5;margin:19px 0}.receipt-confirm input{width:20px;height:20px;flex:none;accent-color:#28724f;margin-top:0}.receipt-line{color:#28724f!important}.shop-toolbar{justify-content:flex-start}.shop-toolbar .secondary{margin-left:auto}.shopping-layout>.store-groups>.empty{background:white;border:1px dashed #cbdcc1;border-radius:20px}.form-field select:disabled{opacity:1;background:#f7f3dd;color:#71663c}.hero-art svg{overflow:visible}
@media(max-width:1150px){.shopping-layout{grid-template-columns:minmax(0,1fr) 225px}.store-tabs{grid-template-columns:repeat(3,1fr)}.shopping-sidebar .panel{padding:17px}.shopping-shortcut{padding:16px}.shopping-shortcut p{font-size:10px}.shopping-shortcut button{font-size:11px}.shop-row{gap:9px}}
@media(max-width:900px){.shopping-layout{grid-template-columns:1fr}.shopping-sidebar{grid-template-columns:1fr 1fr}.local-shopping-note{grid-column:1/-1}.shop-row{flex-wrap:nowrap}.shop-item-actions{width:auto;flex-wrap:wrap;max-width:115px}.shopping-shortcut{flex-wrap:wrap}.shopping-shortcut button{margin-left:auto}.shopping-welcome .shopping-flower{display:none}}
@media(max-width:640px){.mobile-nav{padding-left:3px;padding-right:3px}.mobile-nav .nav-item{width:16%;padding-left:2px;padding-right:2px;font-size:8px}.sidebar{display:none}.hero{min-height:275px}.hero p{font-size:11px}.hero h2{font-size:30px}.profile-money{display:block;font-size:13px;margin:0}.profile-money small{font-size:8px;margin-top:3px}.profile-nick{display:none}.profile-card .checkmark{top:9px}.profile-card.active{padding:11px 6px}.shopping-shortcut{gap:10px;padding:16px}.shopping-shortcut>span{font-size:27px}.shopping-shortcut strong{font-size:14px}.shopping-shortcut p{font-size:10px;line-height:1.5;margin-top:3px}.shopping-shortcut button{margin:3px 0 0;width:100%;justify-content:center;min-height:40px}.shopping-welcome{padding:18px 17px;gap:12px;border-radius:17px}.shopping-welcome>span{font-size:28px}.shopping-welcome strong{font-size:17px}.shopping-welcome p{font-size:11px}.store-tabs{gap:10px;margin-bottom:22px}.store-tab{min-height:70px;padding:12px 5px;border-radius:12px}.store-tab>span{font-size:17px}.store-tab.all span{font-size:14px}.store-tab.woolworths span{font-size:13px}.store-tab.unassigned span{font-size:12px}.store-tab>small{font-size:10px}.store-tab.selected{outline-offset:2px}.shopping-stats .stat strong{font-size:23px}.shopping-stats .stat-heading{font-size:8px;white-space:normal;min-height:20px;margin-bottom:6px}.shopping-stats .stat p{font-size:9px}.shop-toolbar select{font-size:12px!important;max-width:140px}.shop-toolbar .secondary{margin-left:0}.shopping-layout{gap:17px}.shop-row{flex-wrap:wrap;gap:10px}.shop-item-copy{min-width:130px}.shop-item-copy h3{font-size:14px}.shop-item-copy small{font-size:10px}.shop-item-price strong{font-size:14px}.shop-item-price{min-width:80px}.shop-item-actions{width:100%;max-width:none;gap:10px;flex-wrap:nowrap}.shop-item-actions .primary{min-height:39px}.store-group{padding:18px}.store-group h2{font-size:18px}.shopping-sidebar{grid-template-columns:1fr}.parent-note{padding:20px}.shopping-sidebar .panel{padding:21px}.shop-budget{padding:13px 0}.shopping-stats{margin-bottom:20px}.form-row{grid-template-columns:1fr}.page-heading>.primary{max-width:125px;white-space:normal;min-height:40px}.item-picture{width:33px;height:39px;font-size:22px}.shop-item-copy p{font-size:11px}.shopping-shortcut{margin-bottom:19px}}
@media(max-width:370px){.shop-item-price{width:100%;text-align:left;display:flex;align-items:center;gap:8px;padding-left:43px}.shop-item-price small,.child-free{margin:0}.store-tab.woolworths span{font-size:11px}.shopping-stats .stat strong{font-size:20px}}