:root{font-family:system-ui,-apple-system,sans-serif;color:#111827;background:#f3f4f6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid #d1d5db;background:white;border-radius:12px;padding:11px 14px}.primary{background:#111827;color:white;border-color:#111827}.danger{background:#991b1b;color:#fff;border-color:#991b1b}.ghost{background:transparent;border:0}.hidden{display:none!important}.centerWrap{min-height:100vh;display:grid;place-items:center;padding:20px}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:20px;box-shadow:0 8px 30px rgba(0,0,0,.06)}.authPanel{width:min(420px,100%)}h1,h2,h3{margin-top:0}.muted{color:#6b7280}.small{font-size:.82rem}.row{display:flex}.gap{gap:8px}.grow{flex:1}.full{width:100%}label{display:block;font-size:.86rem;font-weight:650;margin-bottom:10px}input,select,textarea{width:100%;margin-top:5px;padding:12px;border:1px solid #d1d5db;border-radius:11px;background:#fff;color:#111827}.topbar{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid #e5e7eb;padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.topbar h1{font-size:1.25rem;margin:0}main{max-width:980px;margin:auto;padding:16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.stat{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px}.stat b{display:block;font-size:1.25rem}.stat span{font-size:.78rem;color:#6b7280}.toolbar{display:flex;gap:8px;margin-bottom:14px}.toolbar input{flex:1}.items{display:grid;gap:10px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:15px;display:grid;grid-template-columns:1fr auto;gap:8px}.itemNo{font-weight:800}.card h3{margin:4px 0;font-size:1rem}.meta{font-size:.85rem;color:#6b7280;line-height:1.45}.price{font-weight:800}.badge{display:inline-block;margin-top:6px;background:#f3f4f6;border-radius:999px;padding:4px 8px;font-size:.74rem}.cardActions{grid-column:1/-1;display:flex;gap:8px}.fab{position:fixed;right:20px;bottom:24px;width:58px;height:58px;border-radius:50%;background:#111827;color:#fff;font-size:28px;box-shadow:0 8px 24px rgba(0,0,0,.25);border:0}dialog{width:min(760px,96vw);border:0;border-radius:18px;padding:0}dialog::backdrop{background:rgba(0,0,0,.45)}#itemForm,.dialogPad{padding:18px}.dialogHead{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.span2{grid-column:1/-1}.photoBox{margin:12px 0}.cameraButton{display:inline-block;background:#eef2ff;border-radius:12px;padding:11px 14px;cursor:pointer}.photoPreview{display:flex;gap:8px;overflow:auto;margin-top:8px}.thumb{width:84px;height:84px;object-fit:cover;border-radius:10px;border:1px solid #ddd}.actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;margin-top:16px;align-items:center}#listingText{width:100%}@media(max-width:650px){.stats{grid-template-columns:1fr 1fr}.toolbar{flex-direction:column}.grid{grid-template-columns:1fr}.span2{grid-column:auto}.card{grid-template-columns:1fr}.price{text-align:left}.actions{grid-template-columns:auto 1fr auto}.actions .primary{grid-column:1/-1}.row{flex-direction:column}}
.photoActions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.aiButton{background:#eef2ff;border-color:#c7d2fe;font-weight:700}.aiButton:disabled{opacity:.6}.analysisMsg{margin:6px 0 2px}.analysisMsg.ok{color:#166534}.analysisMsg.warn{color:#92400e}.analysisMsg.error{color:#991b1b}.fieldCheck{outline:2px solid #f59e0b;outline-offset:1px}

.priceResearchBox{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:12px;margin-bottom:10px}.priceSources{margin-top:8px;display:grid;gap:6px}.priceSources a{font-size:.8rem;color:#1d4ed8;text-decoration:none;overflow-wrap:anywhere}.priceSources a:hover{text-decoration:underline}.priceResearchBox .aiButton{width:100%;margin-bottom:4px}.analysisMsg.ok{color:#166534}.analysisMsg.warn{color:#92400e}.analysisMsg.error{color:#991b1b}

/* Pricing result summary */
.priceResult{line-height:1.35}
.priceResultGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 12px}
.priceResultGrid>div{background:#fff;border:1px solid #d9dfeb;border-radius:12px;padding:10px 6px;text-align:center}
.priceResultGrid span{display:block;font-size:.75rem;color:#667085;margin-bottom:3px}
.priceResultGrid b{display:block;font-size:1.05rem;color:#111827}
.priceBasis{margin:4px 0 8px}
.priceSummary{margin-top:6px}
.priceWarning{margin-top:8px;color:#9a3412}
.priceSources{margin-top:10px}
.priceSources a{display:block;margin:8px 0;line-height:1.25}

/* eBay listing generator */
.listingPad{min-width:min(92vw,680px)}
.listingPad label{display:block;margin:14px 0;font-weight:700}
.listingPad input,.listingPad textarea{width:100%;box-sizing:border-box;margin-top:7px}
.listingButtons{margin:8px 0 4px}
.listingButtons button{flex:1}
.listingNotes{margin:14px 0;padding:12px;border-radius:12px;background:#fff8e7;color:#7c4a03;font-size:.95rem;line-height:1.35}
.listingNoteHead{font-weight:800;margin-bottom:5px}
#listingContent>.grid{margin-top:0}

.ebaySendBox{margin-top:16px;padding:16px;border:1px solid #d8dee9;border-radius:16px;background:#f8fafc}.statusField{min-height:46px;display:flex;align-items:center;padding:0 12px;border:1px solid #d8dee9;border-radius:12px;background:white;font-weight:700}.ebaySendBox .full{margin-top:10px}


/* Stage 1 - purchase lots */
.appNav{display:flex;gap:8px;margin-bottom:14px;position:sticky;top:74px;z-index:4;background:#f3f4f6;padding:4px 0 8px}.appNav button{flex:1;font-weight:800}.appNav .navActive{background:#111827;color:#fff;border-color:#111827}.sectionHead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:6px 0 14px}.sectionHead h2,.sectionHead h3{margin:0}.sectionHead.compact{margin-top:18px}.purchaseCard{cursor:pointer}.purchaseMetrics{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.miniMetric{font-size:.78rem;background:#f3f4f6;border-radius:999px;padding:4px 8px}.miniMetric.warn{background:#fff7ed;color:#9a3412}.purchaseSummaryBar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.purchaseSummaryBar>div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:13px;padding:10px;text-align:center}.purchaseSummaryBar span{display:block;font-size:.73rem;color:#6b7280}.purchaseSummaryBar b{display:block;margin-top:2px}.purchaseItemRows{display:grid;gap:8px}.purchaseItemRow{display:grid;grid-template-columns:1fr 130px auto;gap:8px;align-items:center;border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#fff}.purchaseItemRow .itemTitle{font-weight:750}.purchaseItemRow .small{margin-top:2px}.purchaseItemRow label{margin:0}.purchaseItemRow input{margin:4px 0 0}.allocationActions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.addItemToPurchase{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:end;padding:12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px}.addItemToPurchase select{margin:0}.attachmentList{display:grid;gap:6px;margin:5px 0 10px}.attachmentRow{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px;background:#f9fafb}.fieldHelp{display:block;font-size:.72rem;color:#6b7280;margin-top:4px;font-weight:500}.fieldHelp.linked{color:#166534}.purchaseLink{display:inline-block;margin-top:5px;font-size:.75rem;color:#1d4ed8;font-weight:700}.purchaseActions{margin-top:18px}.costLocked{background:#f3f4f6!important;color:#6b7280}.purchaseGrid input[type=file]{padding:9px}.purchaseItemRow .removeLink{padding:8px 10px}.purchaseEmpty{border:1px dashed #d1d5db;border-radius:12px;padding:14px;color:#6b7280;text-align:center}
@media(max-width:650px){.sectionHead{align-items:flex-start}.sectionHead #newPurchaseBtn{white-space:nowrap}.purchaseSummaryBar{grid-template-columns:1fr 1fr 1fr}.purchaseItemRow{grid-template-columns:1fr 110px}.purchaseItemRow .removeLink{grid-column:1/-1}.addItemToPurchase{grid-template-columns:1fr}.allocationActions button{flex:1}.appNav{top:76px}}

/* Stage 2 money */
.appNav{grid-template-columns:repeat(3,1fr);display:grid}.moneyActions{display:flex;gap:8px;margin:10px 0 18px}.moneyActions button{flex:1}.accountCard{cursor:default}.accountBalance{font-size:1.45rem;font-weight:850}.accountType{font-size:.78rem;color:#6b7280}.transactionAmount{font-weight:850}.transferPreview{margin:14px 0;padding:12px;border-radius:12px;background:#eff6ff;border:1px solid #bfdbfe;line-height:1.45}.moneyFlow{font-size:.82rem;color:#4b5563;margin-top:5px}.moneyPositive{color:#166534}.moneyNegative{color:#991b1b}@media(max-width:650px){.appNav{grid-template-columns:repeat(3,1fr)}.appNav button{padding-left:8px;padding-right:8px}.moneyActions{flex-direction:column}}

/* Stage 3 expenses */
.appNav{grid-template-columns:repeat(4,1fr)}.expenseFilters{margin:0 0 12px}.expenseFilters select{max-width:280px}.expenseNotice{margin:12px 0;padding:11px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;font-size:.85rem}.expenseCategory{display:inline-block;font-size:.76rem;background:#f3f4f6;border-radius:999px;padding:4px 8px;margin-top:5px}.expenseAmount{font-size:1.25rem;font-weight:850}.expensePaid{font-size:.78rem;color:#6b7280;margin-top:5px}@media(max-width:650px){.appNav{grid-template-columns:repeat(4,1fr);gap:5px}.appNav button{font-size:.83rem;padding:12px 4px}.sectionHead #newExpenseBtn{white-space:nowrap}}

/* Stage 4 sales */
.appNav{grid-template-columns:repeat(5,1fr)}
.saleProfitPreview{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}
.saleProfitPreview>div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:10px;text-align:center}
.saleProfitPreview span{display:block;font-size:.72rem;color:#6b7280}.saleProfitPreview b{display:block;margin-top:3px}
.saleProfit{font-size:1.2rem;font-weight:850}.saleMeta{font-size:.8rem;color:#6b7280;margin-top:4px}.soldBadge{display:inline-block;background:#ecfdf5;color:#166534;border-radius:999px;padding:4px 8px;font-size:.76rem;margin-top:5px}
@media(max-width:650px){.appNav{grid-template-columns:repeat(5,1fr);gap:4px}.appNav button{font-size:.74rem;padding:11px 2px}.saleProfitPreview{grid-template-columns:1fr 1fr}}

#saleItemCostBasis{margin-top:7px;font-weight:800;color:#166534}

/* Stage 5 dashboard + reporting */
.appNav{display:flex!important;grid-template-columns:none!important;overflow-x:auto;gap:6px;scrollbar-width:none;padding-bottom:8px}
.appNav::-webkit-scrollbar{display:none}.appNav button{flex:0 0 auto;min-width:104px}
.dashboardHead{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:2px 0 14px}.dashboardHead h2{margin:0}.dashboardHead select{width:auto;min-width:140px;margin:0}
.dashboardStats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dashboardMetric{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px}.dashboardMetric b{display:block;font-size:1.55rem}.dashboardMetric span{display:block;color:#6b7280;margin-top:4px}.dashboardMetric.good b{color:#166534}.dashboardMetric.warn b{color:#9a3412}
.dashboardSection{margin-top:18px}.dashboardSection h3,.dashboardPanel h3{margin:0 0 10px}.compactStats .dashboardMetric{padding:13px}.compactStats .dashboardMetric b{font-size:1.25rem}
.dashboardSplit{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.dashboardPanel{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:15px}
.breakdownRow{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #f0f1f3}.breakdownRow:last-child{border-bottom:0}.breakdownRow .label{font-weight:750}.breakdownRow .sub{font-size:.74rem;color:#6b7280;margin-top:2px}.breakdownRow .amt{text-align:right;font-weight:850}
.snapshotRow{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #f0f1f3}.snapshotRow:last-child{border-bottom:0}.snapshotRow span{color:#6b7280}.snapshotRow b{text-align:right}
.reportButtons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.reportButtons button:last-child{grid-column:1/-1}.reportsPanel{margin-top:14px}
.emptyMini{color:#6b7280;font-size:.85rem;padding:6px 0}.positive{color:#166534}.negative{color:#991b1b}
@media(max-width:650px){.dashboardSplit{grid-template-columns:1fr}.dashboardHead{align-items:flex-start}.dashboardHead select{min-width:125px}.appNav button{min-width:96px;font-size:.82rem}}


/* Stage 5 navigation cleanup */
.appNav{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:6px;
  overflow:visible!important;
}
.appNav button{
  min-width:0!important;
  width:100%;
  white-space:nowrap;
  padding-left:8px;
  padding-right:8px;
}
@media(max-width:650px){
  .appNav{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px;
    padding:4px 0 9px;
  }
  .appNav button{
    min-width:0!important;
    font-size:.82rem;
    padding:10px 4px;
    border-radius:13px;
  }
}

.moneyActions{display:flex;flex-wrap:wrap;gap:8px}.moneyActions button{flex:1 1 130px}

/* Stage 7 sale management */
.saleManageCard{display:block}
.saleManageTop{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.saleCardActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.saleCardActions button{width:100%}
.dangerOutline{border-color:#fecaca!important;color:#991b1b!important;background:#fff!important}
@media(max-width:650px){.saleManageTop{gap:8px}.saleCardActions{grid-template-columns:1fr 1fr}}
