@charset "UTF-8";:root{--primary-color: #3b82f6;--secondary-color: #6366f1;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #06b6d4;--bg-color: #ffffff;--text-color: #1f2937;--text-muted: #6b7280;--text-light: #9ca3af;--surface-color: #f9fafb;--surface-hover: #f3f4f6;--border-color: #e5e7eb;--border-light: #f3f4f6;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.surface{background:var(--surface-color);border:1px solid var(--border-light);border-radius:8px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pulse{animation:pulse 2s infinite}.dragover{border-color:var(--primary-color)!important;background-color:#3b82f60d!important;transform:scale(1.02)}[dir=rtl]{text-align:right;font-family:Amiri,Tajawal,Noto Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif}[dir=rtl] .flex{flex-direction:row-reverse}[dir=rtl] .ml-auto{margin-right:auto;margin-left:auto}[dir=rtl] .mr-auto{margin-left:auto;margin-right:auto}[dir=rtl] .pl-4{padding-right:1rem;padding-left:0}[dir=rtl] .pr-4{padding-left:1rem;padding-right:0}[dir=rtl] .ml-4{margin-right:1rem;margin-left:0}[dir=rtl] .mr-4{margin-left:1rem;margin-right:0}[dir=rtl] .border-l{border-right:1px solid var(--border-color);border-left:none}[dir=rtl] .border-r{border-left:1px solid var(--border-color);border-right:none}[dir=rtl] .arrow-left,[dir=rtl] .arrow-right{transform:rotate(180deg)}[dir=rtl] .dropdown-menu{left:auto;right:0}[dir=rtl] input[type=text],[dir=rtl] input[type=email],[dir=rtl] input[type=password],[dir=rtl] textarea,[dir=rtl] select{text-align:right;direction:rtl}[dir=rtl] table{direction:rtl}[dir=rtl] th,[dir=rtl] td{text-align:right}[dir=rtl] th:first-child,[dir=rtl] td:first-child{border-radius:0 8px 8px 0}[dir=rtl] th:last-child,[dir=rtl] td:last-child{border-radius:8px 0 0 8px}[dir=rtl] .btn-with-icon{flex-direction:row-reverse}[dir=rtl] .btn-with-icon .icon{margin-left:.5rem;margin-right:0}[dir=rtl] .card{text-align:right}[dir=rtl] .progress-bar{direction:rtl}[dir=rtl] .modal-header .close{margin-left:auto;margin-right:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface-color);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}button:disabled,.btn:disabled,input[type=submit]:disabled,input[type=button]:disabled{cursor:not-allowed!important;opacity:.6;pointer-events:none}button:disabled:hover,.btn:disabled:hover,input[type=submit]:disabled:hover,input[type=button]:disabled:hover{transform:none!important;box-shadow:none!important;border-color:inherit!important}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glass-btn{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f26875e;transition:all .3s ease;position:relative;overflow:hidden}.glass-btn:hover{border-color:#ffffff4d;box-shadow:0 12px 40px #1f268773;transform:translateY(-2px)}.glass-btn:before{content:"";position:absolute;inset:0;background:#ffffff1a;opacity:0;transition:opacity .3s ease;pointer-events:none}.glass-btn:hover:before{opacity:1}.glass-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f26875e;transition:all .3s ease}.glass-card:hover{background:#ffffffe6;border-color:#fff6;box-shadow:0 12px 40px #1f268773;transform:translateY(-2px)}@media (prefers-color-scheme: dark){.glass-btn{background:#1f2937cc;border-color:#9ca3af33}.glass-btn:hover{background:#1f2937e6;border-color:#9ca3af4d}.glass-card{background:#1f2937cc;border-color:#9ca3af4d}.glass-card:hover{background:#1f2937e6;border-color:#9ca3af66}}@media (max-width: 768px){body{font-size:14px}}