.sales-page{padding-bottom:6rem;padding-top:.5rem}.date-filter{display:flex;gap:.5rem;margin-bottom:1rem;margin-top:.5rem;overflow-x:auto;padding-bottom:.25rem}.date-btn{padding:.5rem 1rem;border:1px solid #ddd;background:#fff;border-radius:2rem;font-size:.875rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s}.date-btn:hover{border-color:#16a34a}.date-btn.active{background:#16a34a;border-color:#16a34a;color:#fff}.sales-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.summary-card{background:#fff;border-radius:.75rem;padding:.75rem;text-align:center;box-shadow:0 1px 3px #0000001a}.summary-label{display:block;font-size:.6875rem;color:#666;margin-bottom:.25rem}.summary-value{font-size:1rem;font-weight:700;color:#16a34a}.sales-list{display:flex;flex-direction:column;gap:1rem}.sale-card{background:#fff;border-radius:1rem;padding:1.25rem;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0;text-decoration:none;color:inherit;transition:all .2s ease;display:flex;flex-direction:column;gap:1rem}.sale-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001f;border-color:#16a34a}.sale-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.sale-header-left{flex:1;min-width:0}.sale-id{font-weight:700;font-size:1rem;color:#111;font-family:Monaco,Courier New,monospace;letter-spacing:.5px}.sale-time{font-size:.8rem;color:#999;margin-top:.25rem}.sale-amount{font-weight:700;font-size:1.5rem;color:#16a34a;text-align:right;min-width:-moz-fit-content;min-width:fit-content}.sale-products{border-top:1px solid #f0f0f0;padding-top:1rem}.sale-products-title{font-size:.75rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.sale-products-list{display:flex;flex-direction:column;gap:.5rem}.product-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem}.product-name{flex:1;color:#333;word-break:break-word;max-width:100%}.product-qty{font-size:.8rem;color:#999;margin:0 .75rem;min-width:-moz-fit-content;min-width:fit-content}.product-subtotal{font-weight:600;color:#111;text-align:right;min-width:-moz-fit-content;min-width:fit-content}.sale-details{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.85rem;color:#666;border-top:1px solid #f0f0f0;padding-top:.75rem}.sale-items{display:flex;align-items:center;gap:.25rem}.sale-method{display:flex;align-items:center;gap:.25rem;text-transform:capitalize}.payment-badge{padding:.25rem .6rem;border-radius:.375rem;font-size:.75rem;font-weight:600;margin-left:auto}.badge-paid{background:#dcfce7;color:#16a34a}.badge-partial{background:#fef3c7;color:#d97706}.badge-pending{background:#fee2e2;color:#dc2626}@media (max-width: 640px){.sale-card{padding:1rem;gap:.75rem}.sale-header{flex-direction:column;align-items:flex-start}.sale-amount{text-align:left;font-size:1.25rem}.sale-details{flex-direction:column;gap:.5rem}.payment-badge{margin-left:0}.product-item{flex-direction:column;align-items:flex-start;gap:.25rem}.product-subtotal{text-align:left}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#666;gap:.75rem}.spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top-color:#16a34a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:3rem 1rem;color:#666}.empty-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.625rem;background:#eff6ff;color:#2563eb;margin:0 auto 1rem}.empty-icon svg{width:1.75rem;height:1.75rem}.empty-state p{margin:0 0 1rem}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;text-decoration:none}.btn-primary{background:#16a34a;color:#fff}.date-group{margin-bottom:1rem}.date-group-header{font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase;margin-bottom:.5rem;padding-left:.25rem}.fab{position:fixed;bottom:5.5rem;right:1rem;width:3.5rem;height:3.5rem;background:#16a34a;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:300;text-decoration:none;box-shadow:0 4px 12px #16a34a66;transition:transform .2s,box-shadow .2s;z-index:20}.fab:hover{transform:scale(1.05);box-shadow:0 6px 16px #16a34a80}