*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#182033;background:#f4f6f9;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#0b5ed7;border:none;border-radius:8px;padding:10px 14px;font-weight:700}button:hover{opacity:.9}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{background:#fff;border:1px solid #d0d5dd;border-radius:8px;width:100%;margin-bottom:12px;padding:10px}textarea{resize:vertical;min-height:90px}label{margin-bottom:5px;font-size:14px;font-weight:700;display:block}table{border-collapse:collapse;width:100%;margin-top:12px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:12px;font-size:14px}th{background:#f8fafc;font-weight:800}.login-page{background:linear-gradient(135deg,#071529,#0f2a47);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#fff;border-radius:18px;width:100%;max-width:420px;padding:32px;box-shadow:0 20px 60px #00000040}.login-logo{color:#071529;background:#d4af37;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;font-size:24px;font-weight:900;display:flex}.login-card h1{margin:0;font-size:24px}.login-card p{color:#667085;margin-top:8px}.password-row{align-items:flex-start;gap:8px;display:flex}.password-row input{flex:1;margin-bottom:12px}.password-toggle{white-space:nowrap;height:42px;padding:8px 12px}.login-help{color:#475467;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;margin-top:18px;padding:12px;font-size:13px;line-height:1.5}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.page-header h1{margin:0;font-size:30px}.page-header p{color:#667085;margin:6px 0 0}.cards-grid,.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px;display:grid}.stat-card,.section-card{background:#fff;border-radius:16px;min-width:0;padding:20px;box-shadow:0 8px 24px #0f172a0f}.stat-card h3{color:#667085;text-transform:uppercase;letter-spacing:.03em;margin:0 0 10px;font-size:14px}.stat-card span{color:#667085;margin-bottom:10px;font-size:14px;display:block}.stat-card strong{word-break:break-word;font-size:26px;line-height:1.2;display:block}.stat-card p{color:#667085;margin:8px 0 0;font-size:13px;line-height:1.4}.section-card{margin-bottom:20px;overflow-x:auto}.section-card h2{margin-top:0}.two-column{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.inline-search{align-items:center;gap:8px;display:flex}.inline-search input{margin-bottom:0}.success-box,.error-box,.warning-box{border-radius:10px;margin-bottom:16px;padding:12px 14px;font-weight:700}.success-box{color:#027a48;background:#ecfdf3;border:1px solid #abefc6}.error-box{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.warning-box{color:#b54708;background:#fffaeb;border:1px solid #fedf89}.secondary-button{background:#475467}.danger-button{background:#b42318}.small-danger{background:#b42318;padding:7px 10px;font-size:12px}.small-success{background:#027a48;padding:7px 10px;font-size:12px}.table-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.table-actions button{padding:7px 10px;font-size:12px}.status-active,.status-disabled{text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-block}.status-active{color:#027a48;background:#ecfdf3}.status-disabled{color:#b42318;background:#fef3f2}.danger-text{color:#b42318;font-weight:900}.low-stock-row{background:#fff7ed}.sale-total{color:#fff;background:#071529;border-radius:12px;margin-top:16px;padding:14px;font-size:22px;font-weight:900}.receipt-card{max-width:720px}.filter-grid{grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:14px;display:grid}.filter-actions{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.modal-backdrop{z-index:50;background:#0f172aa6;justify-content:center;align-items:flex-start;padding:30px;display:flex;position:fixed;inset:0;overflow:auto}.receipt-modal{background:#fff;border-radius:18px;width:100%;max-width:850px;padding:24px;box-shadow:0 24px 80px #00000059}.modal-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.modal-header h2{margin:0}.modal-header p{color:#667085;margin:5px 0 0}.receipt-preview{border:1px solid #e5e7eb;border-radius:14px;padding:20px}.receipt-center{text-align:center;border-bottom:2px solid #071529;margin-bottom:16px;padding-bottom:14px}.receipt-center h2{margin:0}.receipt-center p{color:#667085;margin:6px 0}.receipt-info-grid{grid-template-columns:1fr 1fr;gap:8px 20px;margin-bottom:16px;display:grid}.receipt-info-grid p{margin:0}.receipt-totals{max-width:320px;margin-top:16px;margin-left:auto}.receipt-totals p{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:14px;margin:0;padding:8px 0;display:flex}.receipt-grand-total{border-top:2px solid #071529;font-size:20px;font-weight:900}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.reports-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.reports-two-column{grid-template-columns:1fr 1fr;gap:18px;display:grid}.users-settings-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr)}.expense-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.expenses-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr)}.expense-filter-actions{margin-top:8px}.purchase-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.purchases-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr)}.form-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid-3{grid-template-columns:2fr 1fr 1fr;gap:14px;display:grid}.purchase-item-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;margin:10px 0 16px;padding:16px}.purchase-item-box h3{margin-top:0}.purchase-total-box{color:#fff;background:#071529;border-radius:14px;margin:16px 0;padding:16px}.purchase-total-box p{justify-content:space-between;gap:12px;margin:0;padding:6px 0;display:flex}.purchase-total-box strong{font-size:20px}.returns-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.returns-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr)}.selected-sale-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;margin-top:12px;padding:14px}.selected-sale-box h3{margin-top:0}.selected-sale-box p{margin:6px 0}.return-amount-box{color:#fff;background:#071529;border-radius:14px;justify-content:space-between;gap:12px;margin-bottom:16px;padding:16px;display:flex}.return-amount-box strong{font-size:20px}.returned-row{color:#667085;background:#f3f4f6}.exports-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.export-card{flex-direction:column;justify-content:space-between;display:flex}.export-card p{color:#667085;line-height:1.5}.export-filter-grid{grid-template-columns:1fr 1fr auto}.activity-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.activity-filter-grid{grid-template-columns:2fr 1.3fr 1fr 1fr auto;align-items:end;gap:14px;display:grid}.activity-list{gap:12px;display:grid}.activity-item{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px}.activity-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.activity-top small{color:#667085}.activity-badge{text-transform:uppercase;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;display:inline-block}.activity-success{color:#027a48;background:#ecfdf3}.activity-danger{color:#b42318;background:#fef3f2}.activity-warning{color:#b54708;background:#fffaeb}.activity-neutral{color:#175cd3;background:#eff4ff}.activity-details{margin:12px 0;font-weight:700}.activity-user{color:#667085;flex-wrap:wrap;gap:10px;font-size:14px;display:flex}.activity-user strong{color:#182033}.backup-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.backup-card p{color:#667085;line-height:1.6}.selected-file{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:12px}@media (width<=1200px){.cards-grid,.dashboard-grid,.reports-grid,.purchase-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-filter-grid{grid-template-columns:1fr 1fr}}@media (width<=900px){.page-header{align-items:flex-start}.page-header h1{font-size:26px}.cards-grid,.dashboard-grid,.two-column,.reports-grid,.reports-two-column,.users-settings-grid,.expense-summary-grid,.expenses-grid,.purchase-summary-grid,.purchases-grid,.form-grid-2,.form-grid-3,.returns-summary-grid,.returns-grid,.exports-grid,.export-filter-grid,.activity-summary-grid,.activity-filter-grid,.backup-grid,.filter-grid{grid-template-columns:1fr}.table-header,.inline-search{display:block}.receipt-info-grid{grid-template-columns:1fr}.receipt-totals{max-width:100%}.filter-actions{grid-template-columns:1fr;display:grid}.modal-backdrop{padding:14px}.receipt-modal{padding:16px}.activity-top{display:block}.activity-top small{margin-top:8px;display:block}.password-row{grid-template-columns:1fr;display:grid}.password-toggle{width:100%}}@media (width<=600px){th,td{padding:10px;font-size:13px}.login-card{padding:24px}.stat-card,.section-card{padding:16px}.stat-card strong{font-size:24px}.sale-total{font-size:18px}}