.purchases-container{max-width:1400px;min-height:calc(100vh - 64px);margin:0 auto;padding:24px 20px 40px}.purchases-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.purchases-header-left{flex:1;min-width:200px}.purchases-title{color:#1a1a2e;margin:0;font-size:28px;font-weight:700;line-height:1.2}.purchases-subtitle{color:#6b7280;flex-wrap:wrap;gap:4px 8px;margin-top:4px;font-size:14px;display:flex}.purchases-subtitle strong{color:#1a1a2e}.subtitle-item{white-space:nowrap}.subtitle-divider{color:#d1d5db}.purchases-subtitle-mobile{color:#6b7280;margin-top:2px;font-size:14px;display:none}.purchases-subtitle-mobile strong{color:#1a1a2e}.btn-primary-link{color:#fff;white-space:nowrap;touch-action:manipulation;background:#4a90e2;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;min-height:48px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-primary-link:hover{background:#357abd;transform:translateY(-2px);box-shadow:0 4px 16px #4a90e24d}.btn-primary-link:active{transform:scale(.96)}.btn-primary-icon{font-size:16px}.filters-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.search-box{background:#fff;border:2px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;min-width:200px;transition:all .2s;display:flex;position:relative}.search-box:focus-within{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.search-icon{color:#9ca3af;flex-shrink:0;padding:0 12px;font-size:16px}.search-input{color:#1a1a2e;background:0 0;border:none;outline:none;flex:1;min-width:60px;min-height:44px;padding:10px 12px 10px 0;font-size:14px}.search-input::placeholder{color:#9ca3af}.search-clear{color:#9ca3af;cursor:pointer;touch-action:manipulation;background:0 0;border:none;align-items:center;min-height:44px;padding:0 12px;font-size:14px;transition:color .2s;display:flex}.search-clear:hover{color:#dc2626}.search-clear:active{transform:scale(.9)}.filter-group{flex-shrink:0;align-items:center;gap:12px;display:flex}.filter-date{align-items:center;display:flex;position:relative}.date-input{color:#1a1a2e;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:10px;min-width:150px;min-height:44px;padding:10px 36px 10px 14px;font-size:14px;transition:all .2s}.date-input:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 3px #4a90e21a}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;padding:4px}.filter-clear{color:#9ca3af;cursor:pointer;touch-action:manipulation;background:0 0;border:none;align-items:center;padding:4px 6px;font-size:14px;transition:color .2s;display:flex;position:absolute;right:8px}.filter-clear:hover{color:#dc2626}.filter-clear:active{transform:scale(.9)}.btn-refresh{cursor:pointer;touch-action:manipulation;color:#374151;background:#fff;border:2px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;min-height:44px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-refresh:hover{background:#f8fafc;border-color:#4a90e2}.btn-refresh:active{transform:scale(.96)}.btn-refresh-icon{font-size:18px}.btn-refresh-text{font-size:14px}.table-container{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.purchases-table{border-collapse:collapse;width:100%;min-width:600px}.purchases-table thead{background:#f8fafc;border-bottom:2px solid #e5e7eb}.purchases-table th{text-align:left;color:#4a4a6a;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:14px 20px;font-size:12px;font-weight:600}.purchases-table td{vertical-align:middle;border-bottom:1px solid #f1f3f5;padding:14px 20px;font-size:14px}.purchase-row:hover{background:#f8fafc}.text-center{text-align:center}.text-right{text-align:right}.purchase-id{color:#4a90e2;font-size:14px;font-weight:600}.purchase-date{color:#4a4a6a;white-space:nowrap;font-size:13px}.purchase-date-time{color:#9ca3af;margin-top:2px;font-size:11px;display:block}.purchase-supplier{color:#1a1a2e;font-weight:500}.purchase-count{color:#4a90e2;background:#eff6ff;border-radius:12px;min-width:30px;padding:2px 12px;font-size:13px;font-weight:600;display:inline-block}.purchase-amount{color:#1a1a2e;font-size:15px;font-weight:600}.currency-symbol{color:#6b7280;font-size:12px;font-weight:400}.btn-receipt{cursor:pointer;color:#374151;white-space:nowrap;touch-action:manipulation;background:#e5e7eb;border:none;border-radius:6px;align-items:center;gap:6px;min-height:34px;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-receipt:hover{background:#d1d5db;transform:translateY(-1px)}.btn-receipt:active{transform:scale(.95)}.btn-receipt-icon{font-size:14px}.table-footer{color:#6b7280;text-align:right;background:#fafbfc;border-top:1px solid #f1f3f5;padding:12px 20px;font-size:14px}.table-footer strong{color:#1a1a2e}.loading-container{flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:40px 20px;display:flex}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#4a90e2;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#6b7280;margin-top:16px;font-size:16px}.empty-state{background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex;box-shadow:0 1px 3px #0000000f}.empty-icon{margin-bottom:16px;font-size:56px}.empty-title{color:#1a1a2e;margin:0 0 8px;font-size:20px;font-weight:600}.empty-text{color:#6b7280;text-align:center;margin:0 0 20px}.alert{border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 18px;font-size:14px;display:flex}.alert-error{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.alert-icon{flex-shrink:0;font-size:18px}.alert-text{flex:1}.btn{cursor:pointer;touch-action:manipulation;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:#4a90e2}.btn-primary:hover{background:#357abd;transform:translateY(-1px);box-shadow:0 4px 12px #4a90e24d}.btn-primary:active{transform:scale(.96)}@media (max-width:1024px){.purchases-table{min-width:500px}}@media (max-width:768px){.purchases-container{padding:16px 12px 32px}.purchases-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}.purchases-header-left{min-width:unset}.purchases-title{font-size:22px}.purchases-subtitle{font-size:13px}.purchases-subtitle-mobile{display:block}.desktop-only{display:none!important}.btn-primary-link{justify-content:center;width:100%;min-height:48px}.filters-bar{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:18px}.search-box{min-width:auto}.search-input{min-height:44px;font-size:16px}.filter-group{flex-direction:column;gap:10px;width:100%}.filter-date{width:100%}.date-input{width:100%;min-width:auto;min-height:44px;font-size:16px}.btn-refresh{justify-content:center;width:100%;min-height:44px}.hide-mobile{display:none!important}.purchases-table{min-width:400px}.purchases-table th,.purchases-table td{padding:10px 14px;font-size:13px}.purchase-amount{font-size:14px}.btn-receipt{min-height:30px;padding:4px 12px;font-size:12px}.btn-receipt-text{display:none}.btn-receipt-icon{font-size:16px}.table-footer{padding:10px 14px;font-size:13px}}@media (max-width:480px){.purchases-container{padding:12px 8px 24px}.purchases-title{font-size:20px}.purchases-subtitle,.purchases-subtitle-mobile{font-size:12px}.purchases-table{min-width:350px}.purchases-table th,.purchases-table td{padding:8px 10px;font-size:12px}.purchases-table th{padding:10px;font-size:10px}.purchase-id{font-size:12px}.purchase-date{font-size:11px}.purchase-date-time{font-size:10px}.purchase-count{min-width:24px;padding:1px 10px;font-size:11px}.purchase-amount{font-size:13px}.currency-symbol{font-size:10px}.btn-receipt{min-height:28px;padding:3px 10px;font-size:11px}.btn-receipt-icon{font-size:14px}.table-footer{padding:8px 10px;font-size:12px}.empty-title{font-size:17px}.empty-icon{font-size:40px}.empty-text{font-size:13px}.btn-primary-link{min-height:44px;padding:10px 16px;font-size:14px}.search-input,.date-input{min-height:40px;font-size:15px}.btn-refresh{min-height:40px;font-size:13px}}@media (max-width:380px){.purchases-table{min-width:300px}.purchases-table th,.purchases-table td{padding:6px 8px;font-size:11px}.purchases-table th{padding:8px;font-size:9px}.purchase-id{font-size:11px}.purchase-date{font-size:10px}.purchase-count{padding:1px 8px;font-size:10px}.purchase-amount{font-size:12px}.btn-receipt{min-height:24px;padding:2px 8px;font-size:10px}.btn-receipt-icon{font-size:12px}}@media (max-width:768px) and (max-height:500px){.purchases-container{min-height:auto;padding:8px 12px 16px}.purchases-header{flex-direction:row;align-items:center;gap:8px;margin-bottom:12px}.purchases-header-left{flex:1;min-width:auto}.purchases-title{font-size:18px}.purchases-subtitle{margin-top:2px;font-size:11px}.purchases-subtitle-mobile{display:none}.desktop-only{display:inline!important}.btn-primary-link{width:auto;min-height:34px;padding:6px 14px;font-size:12px}.btn-primary-text{display:none}.btn-primary-icon{font-size:16px}.filters-bar{flex-direction:row;gap:8px;margin-bottom:12px}.filter-group{flex-direction:row;gap:8px;width:auto}.search-input{min-height:34px;padding:6px 10px;font-size:13px}.date-input{min-width:120px;min-height:34px;padding:6px 32px 6px 10px;font-size:13px}.btn-refresh{min-height:34px;padding:6px 12px;font-size:12px}.btn-refresh-text{display:none}.btn-refresh-icon{font-size:16px}.purchases-table{min-width:400px}.purchases-table th,.purchases-table td{padding:6px 10px;font-size:12px}.purchases-table th{padding:8px 10px;font-size:9px}.purchase-date{font-size:11px}.purchase-amount{font-size:13px}.btn-receipt{min-height:26px;padding:3px 10px;font-size:11px}.table-footer{padding:6px 10px;font-size:12px}}@media (hover:none){.purchase-row:hover{background:0 0}.btn-primary-link:hover{transform:none}.btn-refresh:hover{background:#fff;border-color:#e5e7eb}.btn-receipt:hover{background:#e5e7eb;transform:none}.btn:hover{transform:none}}.table-scroll::-webkit-scrollbar{height:6px}.table-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.table-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.table-scroll::-webkit-scrollbar-thumb:hover{background:#9ca3af}.table-scroll{scrollbar-width:thin;scrollbar-color:#d1d5db #f1f1f1}