boukhEROUFA/import-sultan

1/* Arabic font support */2@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap');3 4body {5    font-family: 'Tajawal', sans-serif;6}7 8/* Custom scrollbar */9::-webkit-scrollbar {10    width: 8px;11    height: 8px;12}13 14::-webkit-scrollbar-track {15    background: #f1f1f1;16}17 18::-webkit-scrollbar-thumb {19    background: #888;20    border-radius: 4px;21}22 23::-webkit-scrollbar-thumb:hover {24    background: #555;25}26/* Animation classes */27.fade-in {28    animation: fadeIn 0.3s ease-in;29}30 31@keyframes fadeIn {32    from { opacity: 0; }33    to { opacity: 1; }34}35 36.slide-up {37    animation: slideUp 0.3s ease-out;38}39 40@keyframes slideUp {41    from { transform: translateY(20px); opacity: 0; }42    to { transform: translateY(0); opacity: 1; }43}44 45/* Invoice styles */46.invoice-product-row {47    transition: all 0.2s ease;48}49 50.invoice-product-row:hover {51    background-color: rgba(79, 70, 229, 0.05);52}53 54.invoice-total {55    background-color: #f8fafc;56}57 58.invoice-total-amount {59    color: #4f46e5;60    font-weight: 600;61}62 63.invoice-action-btn {64    transition: all 0.2s ease;65}66 67.invoice-action-btn:hover {68    transform: translateY(-1px);69    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);70}71/* Custom tooltip */72.tooltip {73    position: relative;74    display: inline-block;75}76 77.tooltip .tooltiptext {78    visibility: hidden;79    width: 120px;80    background-color: #333;81    color: #fff;82    text-align: center;83    border-radius: 6px;84    padding: 5px;85    position: absolute;86    z-index: 1;87    bottom: 125%;88    left: 50%;89    margin-left: -60px;90    opacity: 0;91    transition: opacity 0.3s;92}93 94.tooltip:hover .tooltiptext {95    visibility: visible;96    opacity: 1;97}