@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--bg:#f8f7f2;--panel:#fff;--ink:#24211b;--muted:#89857d;--border:#e8e4dc;--sale:#128c55;--sale-soft:#edf8f2;--expense:#b84f37;--expense-soft:#fbf0ed;--sidebar:230px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,system-ui,sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{min-height:100vh}.sidebar{color:#fff;width:var(--sidebar);z-index:30;background:#211e18;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #38342b;align-items:center;gap:12px;padding:22px 18px;display:flex}.brand span{background:var(--sale);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;display:flex}.brand b{font-size:16px}.sidebar nav{gap:6px;padding:16px 10px;display:grid}.sidebar nav a{color:#c9c5bc;border-radius:9px;align-items:center;gap:12px;padding:12px;font-size:15px;font-weight:600;display:flex}.sidebar nav a.active{color:#fff;background:#38342b}.sidebar nav a.sale-link.active{color:#76d7a6}.sidebar nav a.expense-link.active{color:#ef9a86}main{margin-left:var(--sidebar);min-height:100vh}header{border-bottom:1px solid var(--border);z-index:10;background:#f8f7f2f2;align-items:center;height:72px;padding:10px 24px;display:flex;position:sticky;top:0}header .menu{display:none}header h1{margin:0;font-size:21px}header p{color:#777269;margin:3px 0 0}.add{background:var(--sale);color:#fff;border:0;border-radius:13px;width:46px;height:46px;margin-left:auto;font-size:30px;line-height:1}.expense .add{background:var(--expense)}.content{max-width:760px;margin:0 auto;padding:26px 24px 60px}.content h2{margin:0 0 20px;font-size:18px}.day{margin-bottom:22px}.day-head{color:var(--sale);justify-content:space-between;margin:0 4px 9px;font-size:14px;display:flex}.expense .day-head{color:var(--expense)}.report-card{background:var(--panel);border:1px solid var(--border);border-radius:15px;overflow:hidden;box-shadow:0 1px 2px #00000008}.report-row{border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;grid-template-columns:1fr auto;align-items:center;gap:22px;width:100%;padding:16px;display:grid}.report-row:last-child{border:0}.report-row:hover{background:#fcfbf8}.report-row>div{gap:6px;display:grid}.report-row b{font-size:14px;line-height:1.45}.report-row small{color:var(--muted)}.report-row>strong{white-space:nowrap;font-size:16px}.empty{border:1px solid var(--border);color:var(--muted);text-align:center;background:#fff;border-radius:15px;padding:32px}.overlay{z-index:50;background:#24211b66;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:#fcfbf8;border-radius:28px 28px 0 0;width:min(540px,100%);max-height:94vh;padding:22px;overflow:auto;box-shadow:0 -8px 30px #0002}.detail{gap:12px;display:grid}.detail>span{color:var(--muted);font-weight:700}.accent-text{color:var(--sale)}.expense .accent-text{color:var(--expense)}.detail h3{margin:4px 0 8px;font-size:38px}.detail-items{border:1px solid var(--border);background:#fff;border-radius:15px;margin-bottom:4px;overflow:hidden}.detail-items div{justify-content:space-between;padding:13px 15px;display:flex}.detail-items div+div{border-top:1px solid var(--border)}.detail button,.primary{border-radius:13px;min-height:54px;font-size:16px;font-weight:750}.primary{background:var(--sale);color:#fff;border:0;width:100%}.expense .primary{background:var(--expense)}.dark{background:#24211b!important}.danger{border:2px solid var(--expense);color:var(--expense);background:#fff}.secondary{color:#5d5952;background:#efede6;border:0}.editor-sheet{flex-direction:column;height:min(94vh,840px);padding:0;display:flex;overflow:hidden}.editor-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px;display:flex}.editor-head h2{margin:0;font-size:20px}.editor-head p{color:var(--muted);margin:3px 0 0}.editor-head>button{color:#625e56;background:#efede6;border:0;border-radius:10px;width:42px;height:42px;font-size:27px}.editor-body{flex:1;padding:16px;overflow:auto}.date-label{grid-template-columns:58px 1fr;align-items:center;gap:14px;margin-bottom:13px;display:grid}.date-label span,.expense-labels{color:var(--muted);font-weight:700}.date-label input,.search,.expense-row input{border:1px solid var(--border);background:#fff;border-radius:13px;height:52px;padding:0 14px}.search{width:100%;margin-bottom:12px;font-weight:600}.tabs{gap:8px;margin-bottom:13px;display:flex;overflow:auto}.tabs button{border:1px solid var(--border);white-space:nowrap;background:#fff;border-radius:11px;padding:10px 15px;font-weight:650}.tabs button.selected{color:#fff;background:#24211b}.product-list{display:grid}.product{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:70px;padding:9px 10px;display:flex}.product.picked{background:var(--sale-soft);border:1px solid #bde4cf;border-radius:13px;margin:2px 0}.product>div:first-child{gap:4px;display:grid}.product small{color:var(--muted)}.product.picked small{color:var(--sale);font-weight:700}.stepper{align-items:center;gap:10px;display:flex}.stepper button{background:#f3f1eb;border:0;border-radius:12px;width:48px;height:48px;font-size:22px}.stepper .plus{background:var(--sale);color:#fff}.stepper b{font-size:18px}.editor-foot{border-top:1px solid var(--border);background:#fff;padding:15px 16px 18px}.editor-foot>div{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.editor-foot span{color:var(--muted)}.editor-foot b{font-size:28px}.primary:disabled{color:#aaa69d;cursor:not-allowed;background:#ebe8df!important}.expense-labels{grid-template-columns:1fr 125px;gap:8px;margin:24px 36px 8px 0;display:grid}.expense-labels span:last-child{text-align:right}.expense-row{grid-template-columns:1fr 125px 28px;gap:8px;margin-bottom:9px;display:grid}.expense-row input:nth-child(2){text-align:right;font-weight:700}.expense-row button{color:#aaa49a;background:0 0;border:0;font-size:25px}.add-row{background:0 0;border:1px dashed #cfc9be;border-radius:13px;width:calc(100% - 36px);height:56px;font-weight:700}.scrim{display:none}.login{justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px;display:flex}.login form{border:1px solid var(--border);background:#fff;border-radius:18px;gap:16px;width:100%;max-width:410px;padding:28px;display:grid;box-shadow:0 12px 40px #00000012}.login-logo{background:var(--sale);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;font-weight:800;display:flex}.login h1{margin:0}.login p{color:var(--muted);margin:-10px 0 4px}.login label{gap:7px;font-weight:700;display:grid}.login input{border:1px solid var(--border);border-radius:11px;height:48px;padding:0 12px}.login-error{background:var(--expense-soft);color:var(--expense);border-radius:9px;padding:10px}@media (max-width:700px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:none}.scrim{z-index:20;background:#0005;border:0;display:block;position:fixed;inset:0}main{margin:0}header{height:64px;padding:8px 16px}header .menu{background:#efede6;border:0;border-radius:10px;width:44px;height:44px;margin-right:12px;font-size:0;display:block}header .menu:after{content:"☰";font-size:25px}header h1{font-size:19px}header p{font-size:12px}.add{border-radius:12px;width:44px;height:44px}.content{padding:24px 18px 50px}.content h2{font-size:17px}.report-row{gap:12px;padding:14px}.report-row>strong{font-size:15px}.sheet{border-radius:25px 25px 0 0}.detail h3{font-size:34px}.editor-sheet{height:94vh}.expense-row{grid-template-columns:minmax(0,1fr) 125px 28px}.expense-labels{grid-template-columns:1fr 125px}.editor-foot b{font-size:27px}}@media (max-width:390px){.expense-row{grid-template-columns:minmax(0,1fr) 105px 24px}.expense-labels{grid-template-columns:1fr 105px}.report-row{grid-template-columns:minmax(0,1fr) auto}.content{padding-left:14px;padding-right:14px}}