:root{--bg:#f4f2ec;--surface:#fff;--ink:#14201b;--muted:#68716d;--line:#dcded8;--green:#176b4d;--green-dark:#0f4d38;--mint:#dff2e9;--danger:#a63c35;--shadow:0 14px 40px rgba(21,46,36,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 0,#e3efe8 0,transparent 30%),var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.65rem,5vw,2.4rem);margin-bottom:.25rem}h2{font-size:1.35rem;margin-bottom:.35rem}h3{font-size:1rem;margin-bottom:1rem}.eyebrow{font-size:.69rem;font-weight:800;letter-spacing:.14em;color:var(--green);margin:0 0 .3rem}.muted{color:var(--muted);line-height:1.5}.auth-view{min-height:100vh;display:grid;place-items:center;padding:22px}.auth-card{width:min(100%,420px);background:rgba(255,255,255,.93);padding:32px;border-radius:26px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.8)}.brand-mark{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:900;margin-bottom:24px}.auth-card form,.stack{display:grid;gap:14px}.auth-card form{margin-top:24px}label{display:grid;gap:7px;font-size:.79rem;font-weight:750;color:#46514c}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:12px 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,107,77,.12)}textarea{resize:vertical}.primary,.secondary,.danger{border:0;border-radius:12px;padding:12px 16px;font-weight:800}.primary{background:var(--green);color:#fff}.primary:hover{background:var(--green-dark)}.secondary{background:#edf1ee;color:var(--ink)}.danger{background:#f8e8e6;color:var(--danger)}.link-button{border:0;background:transparent;color:var(--green);font-weight:750;padding:9px}.auth-card>.link-button{width:100%;margin-top:10px}.status{min-height:20px;font-size:.82rem;color:var(--danger);margin-top:10px}.app-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px max(18px,calc((100vw - 1180px)/2));background:rgba(244,242,236,.91);backdrop-filter:blur(14px);border-bottom:1px solid rgba(210,214,208,.7)}.app-header h1{font-size:1.35rem}.quick-add{border:0;border-radius:999px;background:var(--ink);color:#fff;padding:10px 15px;font-weight:750}main{max-width:1180px;margin:0 auto;padding:26px 18px 105px}.screen{display:none}.screen.active{display:block}.welcome,.section-head,.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.sync-badge{font-size:.72rem;font-weight:800;color:var(--green);background:var(--mint);padding:7px 10px;border-radius:999px}.sync-badge.offline{color:#7e5c15;background:#f7edcf}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{background:var(--surface);border:1px solid #e2e2dc;border-radius:19px;padding:20px;box-shadow:0 5px 20px rgba(24,47,38,.04)}.kpi span,.kpi small{display:block;color:var(--muted);font-size:.76rem}.kpi strong{display:block;font-size:1.65rem;margin:8px 0}.kpi.accent{background:var(--green);color:#fff}.kpi.accent span,.kpi.accent small{color:#cde6db}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:16px}.panel,.report-card{background:var(--surface);border:1px solid #e2e2dc;border-radius:19px;padding:20px}.panel-head{margin-bottom:8px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-grid button{min-height:68px;border:1px solid var(--line);border-radius:14px;background:#f8f9f7;font-weight:750}.toolbar{display:grid;grid-template-columns:1fr 180px;gap:10px;margin-bottom:14px}.card-list,.transaction-list,.activity-list{display:grid;gap:10px}.inventory-card,.transaction,.activity{display:grid;align-items:center;gap:13px;background:#fff;border:1px solid #e2e2dc;border-radius:16px;padding:14px}.inventory-card{grid-template-columns:48px 1fr auto}.card-icon{width:48px;height:62px;border-radius:8px;background:linear-gradient(150deg,#dceddf,#b7d6c6);display:grid;place-items:center;color:var(--green);font-weight:900}.inventory-card strong,.transaction strong,.activity strong{display:block}.meta{font-size:.76rem;color:var(--muted);margin-top:4px;line-height:1.45}.value{text-align:right;font-weight:850}.qty{display:inline-block;background:#eef2ef;padding:3px 7px;border-radius:7px;font-size:.73rem;margin-top:5px}.transaction{grid-template-columns:42px 1fr auto}.tx-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:900;background:#eef1ef}.tx-icon.sale{background:var(--mint);color:var(--green)}.tx-icon.purchase,.tx-icon.expense{background:#f8e9e4;color:#a44b3e}.amount.sale{color:var(--green)}.amount.purchase,.amount.expense{color:var(--danger)}.activity{grid-template-columns:1fr auto;border:0;border-bottom:1px solid #eee;border-radius:0;padding:11px 0}.empty{padding:34px 20px;border:1px dashed #ccd3ce;border-radius:16px;text-align:center;color:var(--muted)}.segmented{display:flex;gap:5px;background:#e6e9e5;border-radius:14px;padding:4px;margin-bottom:14px;overflow:auto}.segmented button{flex:1;border:0;background:transparent;border-radius:10px;padding:9px 12px;white-space:nowrap}.segmented button.active{background:#fff;color:var(--green);box-shadow:0 2px 9px rgba(0,0,0,.06);font-weight:800}.report-card{margin-bottom:16px}.report-card>label{max-width:300px}.report-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.report-summary div{background:#f6f7f5;border-radius:13px;padding:14px}.report-summary span{display:block;color:var(--muted);font-size:.72rem}.report-summary strong{display:block;margin-top:5px}.monthly-report{display:grid;gap:8px}.month-row{display:grid;grid-template-columns:1fr repeat(3,110px);gap:12px;padding:11px 0;border-bottom:1px solid #eee;font-size:.82rem}.month-row span:not(:first-child){text-align:right}.account-email{padding:12px;background:#f4f6f4;border-radius:12px}.bottom-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;display:flex;justify-content:center;background:rgba(255,255,255,.94);backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:7px max(8px,calc((100vw - 700px)/2)) max(7px,env(safe-area-inset-bottom))}.bottom-nav button{flex:1;max-width:140px;border:0;background:transparent;color:#69726e;font-size:.66rem;padding:5px}.bottom-nav button span{display:block;font-size:1.2rem;margin-bottom:2px}.bottom-nav button.active{color:var(--green);font-weight:850}dialog{width:min(94vw,620px);max-height:92vh;border:0;border-radius:24px;padding:0;box-shadow:0 25px 80px rgba(7,30,21,.28)}dialog::backdrop{background:rgba(10,25,19,.58);backdrop-filter:blur(4px)}dialog form{padding:24px;overflow:auto;max-height:92vh}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.icon-button{border:0;background:#edf0ed;width:38px;height:38px;border-radius:50%;font-size:1.45rem}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}#cardFields,#transactionFields{display:grid;gap:13px}#entrySubmit{width:100%;margin-top:16px}.positive{color:var(--green)}.negative{color:var(--danger)}
@media(max-width:760px){.kpi-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.report-summary{grid-template-columns:1fr 1fr}.month-row{grid-template-columns:1fr repeat(3,78px)}.section-head{align-items:center}}
@media(max-width:430px){.auth-card{padding:25px}.app-header{padding:15px 14px}main{padding:20px 13px 100px}.kpi{padding:15px}.kpi strong{font-size:1.25rem}.field-grid{grid-template-columns:1fr}.quick-add{font-size:.78rem}.report-summary{grid-template-columns:1fr}.month-row{grid-template-columns:1fr 1fr}.month-row span:nth-child(3),.month-row span:nth-child(4){display:none}}
[hidden]{display:none!important}
.head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.wide-dialog{width:min(96vw,1100px)}.wide-dialog form{padding:24px}.bulk-setup{display:grid;grid-template-columns:140px 140px minmax(240px,1fr) minmax(170px,1fr);gap:10px}.bulk-defaults{display:grid;grid-template-columns:150px 150px 150px 1fr;align-items:end;gap:10px;margin:12px 0}.bulk-search{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:16px 0}.bulk-search input{max-width:420px}.bulk-search span{font-size:.8rem;font-weight:800;color:var(--green)}.bulk-table{max-height:50vh;overflow:auto;border:1px solid var(--line);border-radius:14px;margin:12px 0}.bulk-row{display:grid;grid-template-columns:minmax(190px,1.5fr) 80px 90px 110px 110px;gap:8px;align-items:center;padding:9px 11px;border-bottom:1px solid #eceeea;background:#fff}.bulk-row:last-child{border-bottom:0}.bulk-row.header{position:sticky;top:0;z-index:2;background:#edf1ee;font-size:.72rem;font-weight:850}.bulk-card-name strong{display:block}.bulk-card-name span{font-size:.72rem;color:var(--muted)}.bulk-row input,.bulk-row select{padding:8px;border-radius:9px}.import-drop{position:relative;display:grid;place-items:center;gap:5px;min-height:120px;border:2px dashed #b9c9c0;border-radius:16px;background:#f6faf7;color:var(--green);margin-bottom:14px}.import-drop span{font-size:.78rem;color:var(--muted)}.import-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.import-row{grid-template-columns:110px minmax(170px,1.3fr) minmax(130px,1fr) 65px 90px 90px}.import-row input{min-width:0}#bulkSaveBtn,#importSaveBtn{width:100%}
@media(max-width:760px){.section-head{display:grid}.head-actions{justify-content:stretch}.head-actions button{flex:1}.bulk-setup,.bulk-defaults{grid-template-columns:1fr 1fr}.bulk-row{grid-template-columns:minmax(150px,1fr) 60px 80px}.bulk-row>*:nth-child(4),.bulk-row>*:nth-child(5){display:none}.import-row{grid-template-columns:92px minmax(150px,1fr) minmax(145px,1fr)}.import-row>*:nth-child(4),.import-row>*:nth-child(5),.import-row>*:nth-child(6){display:none}}
.import-result{display:grid;gap:2px;font-size:.75rem;color:var(--muted)}.import-result strong{color:var(--ink)}.import-result.resolved{color:var(--green)}.import-result.failed{color:var(--danger)}#deleteCardBtn{width:100%;margin-top:8px}
.sale-row{grid-template-columns:minmax(210px,1.5fr) 70px 90px 120px 110px}.sale-setup{grid-template-columns:140px 160px minmax(190px,1fr) 170px}#correctionForm{display:grid;gap:13px}#correctionForm .dialog-head{margin-bottom:0}#correctionForm>.danger,#multiSaleSubmit{width:100%}
@media(max-width:760px){.sale-setup{grid-template-columns:1fr 1fr}.sale-row{grid-template-columns:minmax(150px,1fr) 65px 75px}.sale-row>*:nth-child(4),.sale-row>*:nth-child(5){display:none}}
.sale-costs{display:grid;grid-template-columns:170px 170px minmax(220px,1fr) minmax(230px,1fr);gap:10px;align-items:end;margin:12px 0}.shipping-suggestion{display:grid;gap:3px;background:#f3f7f4;border-radius:12px;padding:10px 12px}.shipping-suggestion span,.shipping-suggestion small{font-size:.7rem;color:var(--muted)}.shipping-suggestion strong{color:var(--green)}.toggle-row{display:flex;align-items:center;justify-content:space-between;background:#f6f7f5;border-radius:12px;padding:10px}.toggle-row span{display:grid}.toggle-row small{font-weight:400;color:var(--muted)}.toggle-row input{width:auto}@media(max-width:760px){.sale-costs{grid-template-columns:1fr 1fr}.shipping-suggestion,.toggle-row{grid-column:1/-1}}
.transaction.voided{opacity:.58;background:#f4f4f2}.transaction.voided .amount{text-decoration:line-through}.void-tx{border:0;border-radius:9px;padding:7px 9px;background:#f8e8e6;color:var(--danger);font-size:.72rem;font-weight:800;margin-top:6px}
.mode-banner{display:inline-block;margin-top:4px;padding:4px 8px;border-radius:999px;background:#fff0bd;color:#73530b;font-size:.64rem;font-weight:900;letter-spacing:.05em}.test-panel{border:2px solid #e8c968;background:#fffaf0}.test-panel .danger{width:100%}
.sale-search-hint{padding:28px 16px;text-align:center;color:var(--muted);font-size:.82rem}.sale-row.selected-sale{background:#eef8f2}.sale-row.selected-sale .bulk-card-name strong{color:var(--green)}
.transaction .void-tx{display:block;width:100%;margin-top:9px}.transaction .amount.sale .void-tx{background:#fff0ed;border:1px solid #e8b4ac}.tx-locked{display:block;max-width:180px;margin-top:8px;padding:7px 9px;border-radius:9px;background:#eee;color:var(--muted);font-size:.68rem;font-weight:750;text-align:left}