*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,system-ui,sans-serif}body{background:#f3f4f6;color:#1f2937}.loading-screen,.error-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.spinner{width:50px;height:50px;border:5px solid #e5e7eb;border-top:5px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.navbar{background:#fff;padding:0 2rem;height:70px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 6px -1px #0000000d;position:sticky;top:0;z-index:100}.logo{font-size:1.5rem;font-weight:800;color:#2563eb}.nav-links{display:flex;gap:1rem}.nav-item{text-decoration:none;color:#6b7280;font-weight:600;padding:.5rem 1rem;border-radius:6px;transition:all .2s}.nav-item:hover{background:#f3f4f6;color:#1f2937}.nav-item.active{background:#eff6ff;color:#2563eb}.page-content{max-width:1200px;margin:0 auto;padding:2rem}.section-container{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 1px 3px #0000001a}.header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-actions h2{font-size:1.5rem;color:#111827}.search-input{padding:10px 16px;border:1px solid #d1d5db;border-radius:8px;width:300px;font-size:.95rem;outline:none;transition:border-color .2s}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.store-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:1px}.tab-btn{background:none;border:none;padding:10px 20px;font-weight:600;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab-btn:hover{color:#374151}.tab-btn.active{color:#2563eb;border-bottom-color:#2563eb}.table-wrapper{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}table{width:100%;border-collapse:collapse;min-width:600px}thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}th{padding:12px 24px;text-align:left;font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}td{padding:16px 24px;font-size:.9rem;color:#374151;border-bottom:1px solid #e5e7eb}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f9fafb}.store-badge{background:#e0f2fe;color:#0369a1;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:700}.text-red{color:#dc2626;font-weight:600}.text-green{color:#059669;font-weight:600}.empty-state{text-align:center;padding:4rem;color:#9ca3af;font-size:1.1rem}.qty-badge{padding:10px 15px;border-radius:8px;font-weight:700;white-space:nowrap;font-size:.9rem}.qty-badge.total{background:#e0f2fe;color:#0369a1}.qty-badge.success{background:#dcfce7;color:#15803d}.qty-badge.neutral{background:#f3f4f6;color:#374151}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f9fafb;transition:background .2s}.sortable-header:hover{background-color:#e5e7eb;color:#111827}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px 0;background:#fff;border-top:1px solid #e5e7eb}.page-btn{padding:8px 16px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-weight:600;color:#374151;transition:all .2s}.page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:.9rem;color:#4b5563}