.approval-dashboard-container{background-color:#f9fafb;flex-direction:column;height:100vh;min-height:0;display:flex}.approval-header{background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 32px;display:flex;box-shadow:0 1px 3px #0000001a}.approval-header-left{align-items:center;gap:16px;display:flex}.back-button{color:#007adc;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:600;transition:background-color .2s}.back-button:hover{background-color:#f0f8ff}.approval-title{color:#1f2937;margin:0;font-size:24px;font-weight:700}.approval-header-right{position:relative}.notification-icon{cursor:pointer;font-size:24px;position:relative}.notification-badge{color:#fff;background-color:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:600;display:flex;position:absolute;top:-8px;right:-8px}.approval-filters{background-color:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:16px 32px;display:flex}.filter-select{cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:14px;transition:border-color .2s}.filter-select:hover{border-color:#007adc}.filter-select:focus{border-color:#007adc;outline:none;box-shadow:0 0 0 3px #007adc1a}.empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 32px;display:flex}.empty-icon{margin-bottom:16px;font-size:48px}.empty-title{color:#1f2937;margin:0 0 8px;font-size:20px;font-weight:600}.empty-subtitle{color:#6b7280;margin:0;font-size:14px}.loading-container{flex:1;justify-content:center;align-items:center;display:flex}.spinner{border:4px solid #f0f8ff;border-top-color:#007adc;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 32px;display:flex}.error-icon{margin-bottom:16px;font-size:48px}.error-title{color:#1f2937;margin:0 0 8px;font-size:20px;font-weight:600}.error-subtitle{color:#6b7280;margin:0;font-size:14px}.approval-table-container{flex:1;min-height:0;padding:20px 32px 0;overflow:auto}.approval-table{border-collapse:collapse;background-color:#fff;border-radius:8px;width:100%;min-width:900px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.approval-table thead{z-index:10;background-color:#f3f4f6;border-bottom:2px solid #e5e7eb;position:sticky;top:0}.approval-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-size:12px;font-weight:600}.approval-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.approval-table tbody tr:hover{cursor:pointer;background-color:#f1f5f9}.approval-table td{color:#374151;padding:14px 16px;font-size:14px}.approval-table td.centered{text-align:center}.order-id{color:#007adc;font-weight:600}.requestor-info{flex-direction:column;display:flex}.requestor-name{color:#1f2937;font-weight:500}.requestor-role{color:#6b7280;margin-top:2px;font-size:12px}.type-info{flex-direction:column;gap:4px;display:flex}.type-label{color:#1f2937;font-weight:600}.type-meta{color:#6b7280;font-size:12px}.status-badge{text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.time-ago{color:#9ca3af;font-size:13px}.action-button{color:#fff;cursor:pointer;background-color:#007adc;border:none;border-radius:6px;padding:6px 16px;font-size:12px;font-weight:600;transition:all .15s}.action-button:hover{background-color:#0061b5;transform:translateY(-1px)}.action-button:active{background-color:#004a94}.approval-table-container::-webkit-scrollbar{width:8px;height:8px}.approval-table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:6px}.approval-table-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (width<=1024px){.approval-header{padding:16px 20px}.approval-filters{padding:12px 20px}.approval-table-container{padding:0 20px}.approval-table th,.approval-table td{padding:10px 12px;font-size:13px}}@media (width<=768px){.approval-table{font-size:12px}.approval-table th,.approval-table td{padding:8px 10px}.requestor-info{flex-direction:row;gap:8px}.requestor-role{margin-top:0}}