#root .dashboard-shell .transactions-page{background:#f7f8f4;padding:28px 32px;color:#293725;max-width:1600px;margin:auto}#root .dashboard-shell .transactions-page .db-toolbar{display:block;border:0;padding:0;margin-bottom:24px}.tx-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.tx-heading h2{font-size:25px;letter-spacing:-.5px;margin:0 0 6px}.tx-heading p{margin:0;color:#71806a}.tx-actions,.tx-primary,.tx-search-row,.tx-secondary{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tx-actions{flex-shrink:0}.tx-primary{padding:18px;background:white;border:1px solid #dde4d6;border-radius:14px 14px 0 0}.tx-search-row{padding:0 18px 18px;background:white;border:1px solid #dde4d6;border-top:0;border-radius:0 0 14px 14px}#root .dashboard-shell .transactions-page .db-toolbar summary,#root .dashboard-shell .transactions-page .db-date-group{border-radius:9px;background:#f5f7f0;color:#48623b;border:1px solid #dce4d4;min-height:42px}#root .dashboard-shell .transactions-page .db-search{border-radius:9px;background:#fff;flex:1;max-width:660px}#root .dashboard-shell .transactions-page .db-search input{min-width:110px}#root .dashboard-shell .transactions-page .db-reset{color:#49673d}#root .dashboard-shell .transactions-page .tx-advanced{margin-top:10px}#root .dashboard-shell .transactions-page .tx-advanced>summary{display:inline-flex;font-weight:600;cursor:pointer;padding:10px 14px}.tx-secondary{padding:16px;background:#fff;border:1px solid #dde4d6;border-radius:12px;margin-top:8px}#root .dashboard-shell .transactions-page .db-period{font-size:18px;margin:0 0 5px}#root .dashboard-shell .transactions-page .db-context{font-size:12px;line-height:1.65;color:#78836f}#root .dashboard-shell .transactions-page .db-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;border:0;padding:0;margin:20px 0 12px}#root .dashboard-shell .transactions-page .db-metrics>div{background:#fff;border:1px solid #dce4d5;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:9px;min-width:0}#root .dashboard-shell .transactions-page .db-metrics strong{font-size:25px;color:#324e29;line-height:1.25}#root .dashboard-shell .transactions-page .db-metrics span{font-size:12px;color:#75806d;line-height:1.5}#root .dashboard-shell .transactions-page .db-metrics>div:nth-child(2){background:#edf3e7}#root .dashboard-shell .transactions-page .tx-payment-detail,#root .dashboard-shell .transactions-page .sales-trends{background:white;border:1px solid #dce4d5;border-radius:13px;margin:16px 0;padding:0;overflow:visible}#root .dashboard-shell .transactions-page .tx-payment-detail>summary,#root .dashboard-shell .transactions-page .sales-trends>summary{cursor:pointer;padding:17px 20px;font-weight:650;color:#48623b;list-style:disclosure-closed}#root .dashboard-shell .transactions-page .tx-payment-detail[open]>summary,#root .dashboard-shell .transactions-page .sales-trends[open]>summary{list-style:disclosure-open;border-bottom:1px solid #e4e9df}#root .dashboard-shell .transactions-page .tx-payment-detail>div,#root .dashboard-shell .transactions-page .sales-trends>div,#root .dashboard-shell .transactions-page .sales-trends>p,#root .dashboard-shell .transactions-page .sales-trends>details{margin:18px 20px}#root .dashboard-shell .transactions-page .db-payment-breakdown{grid-template-columns:repeat(3,minmax(0,1fr))}#root .dashboard-shell .transactions-page .db-payment-breakdown strong{font-size:20px}#root .dashboard-shell .transactions-page .table-wrap{border:1px solid #e0e6d9;border-radius:10px}#root .dashboard-shell .transactions-page th{background:#f3f6ed;color:#59704b}#root .dashboard-shell .transactions-page .sales-report-summary{gap:15px}#root .dashboard-shell .transactions-page .sales-report-summary>div{background:#f4f7f0;border-radius:10px;padding:16px}#root .dashboard-shell .transactions-page .tx-list-title{font-size:19px;margin:28px 0 14px}#root .dashboard-shell .transactions-page .db-day{background:white;border:1px solid #dce4d5;border-radius:14px;overflow:hidden;margin-bottom:16px}#root .dashboard-shell .transactions-page .db-day>header{background:#edf3e7;color:#405a33;padding:15px 20px}#root .dashboard-shell .transactions-page .db-transaction-row{border:0;border-top:1px solid #edf0e8;background:#fff;padding:17px 20px;gap:14px}#root .dashboard-shell .transactions-page .db-transaction-row:hover{background:#f5f8ef}#root .dashboard-shell .transactions-page .db-transaction-row b{font-size:13px;line-height:1.5;color:#31402c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#root .dashboard-shell .transactions-page .db-transaction-row small{margin-top:5px;color:#7b8573;font-size:12px}#root .dashboard-shell .transactions-page .db-transaction-row strong{color:#3f5f31;white-space:nowrap;font-size:16px}#root .dashboard-shell .transactions-page .db-transaction-row time{color:#68785b}#root .dashboard-shell .transactions-page .db-transaction-row>svg:first-child{color:#819575}#root .dashboard-shell .transactions-page .db-empty{background:white;border:1px dashed #cad6c0;border-radius:14px;padding:38px}#root .dashboard-shell .transactions-page .sales-trend-controls{padding:0;border:0}#root .dashboard-shell .transactions-page .db-menu{z-index:30}
@media(max-width:1100px){#root .dashboard-shell .transactions-page .db-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tx-heading{align-items:flex-start;flex-wrap:wrap}#root .dashboard-shell .transactions-page .db-payment-breakdown{grid-template-columns:1fr}#root .dashboard-shell .transactions-page .db-transaction-row{gap:9px;padding:15px 12px}}
@media(max-width:700px){#root .dashboard-shell .transactions-page{padding:20px 14px}.tx-primary,.tx-search-row{padding:12px}#root .dashboard-shell .transactions-page .db-metrics{gap:9px}#root .dashboard-shell .transactions-page .db-metrics>div{padding:14px}#root .dashboard-shell .transactions-page .db-metrics strong{font-size:20px}#root .dashboard-shell .transactions-page .db-transaction-row>svg:first-child{display:none}#root .dashboard-shell .transactions-page .db-transaction-row{grid-template-columns:40px minmax(0,1fr) auto 14px}.tx-heading h2{font-size:21px}}