.qty-page{color:#1f2937;background-color:#f9fafb;flex-direction:column;gap:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative}.qty-loader,.qty-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 32px;display:flex}.qty-spinner{border:4px solid #f0f8ff;border-top-color:#007adc;border-radius:50%;width:40px;height:40px;animation:1s linear infinite qty-spin}@keyframes qty-spin{to{transform:rotate(360deg)}}.qty-empty h2{color:#1f2937;margin:0;font-size:20px;font-weight:600}.qty-empty p,.qty-loader p{color:#6b7280;margin:0;font-size:14px}.qty-info-bar{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0000000f}.qty-ref-id{color:#007adc;font-size:18px;font-weight:700}.qty-meta{color:#6b7280;margin-top:2px;font-size:13px}.qty-status-badge{text-transform:capitalize;color:#d97706;background:#fef3c7;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-block}.qty-status-badge.approved{color:#059669;background:#d1fae5}.qty-status-badge.rejected{color:#dc2626;background:#fee2e2}.qty-grid{grid-template-columns:minmax(0,2.2fr) minmax(240px,1fr);align-items:start;gap:20px;display:grid}.qty-main,.qty-side{flex-direction:column;gap:20px;display:flex}.qty-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000000f}.qty-info-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid}.qty-label{text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin:0 0 4px;font-size:11px;font-weight:600}.qty-optional{color:#9ca3af;text-transform:none;letter-spacing:0;font-size:10px;font-weight:400}.qty-value{color:#1f2937;margin:0;font-size:15px;font-weight:600}.qty-section-title{color:#1f2937;margin:0 0 16px;font-size:15px;font-weight:700}.qty-change-row{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.qty-change-box{text-align:center;min-width:80px}.qty-big{color:#1f2937;margin:4px 0 0;font-size:32px;font-weight:700}.qty-arrow{color:#9ca3af;font-size:24px;font-weight:300}.qty-delta{border-radius:20px;margin-left:auto;padding:6px 14px;font-size:16px;font-weight:700}.qty-delta.pos{color:#059669;background:#d1fae5}.qty-delta.neg{color:#dc2626;background:#fee2e2}.qty-reason{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin:0;padding:12px 14px;font-size:14px;line-height:1.6}.qty-textarea{resize:vertical;box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;min-height:90px;margin-top:8px;margin-bottom:12px;padding:10px 12px;font-family:inherit;font-size:14px}.qty-textarea:focus{border-color:#007adc;box-shadow:0 0 0 3px #007adc1a}.qty-actions{flex-direction:column;gap:10px;display:flex}.qty-action{color:#fff;cursor:pointer;background:#007adc;border:none;border-radius:6px;width:100%;padding:10px 16px;font-size:14px;font-weight:600;transition:background-color .2s}.qty-action:hover:not(:disabled){background:#0061b5}.qty-action:disabled{opacity:.5;cursor:not-allowed}.qty-action.primary{background:#007adc}.qty-action.primary:hover:not(:disabled){background:#0061b5}.qty-action.secondary{color:#1f2937;background:#f3f4f6}.qty-action.secondary:hover:not(:disabled){background:#e5e7eb}.qty-action.danger{background:#ef4444}.qty-action.danger:hover:not(:disabled){background:#dc2626}.qty-reject-actions{gap:10px;display:flex}.qty-reject-actions .qty-action{flex:1}.qty-muted{color:#9ca3af;text-align:center;margin:0;font-size:12px;line-height:1.5}@media (width<=900px){.qty-grid{grid-template-columns:1fr}}