@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700;800&display=swap";:root{--color-primary:#0051d5;--color-primary-hover:#0041b0;--color-primary-light:#ebf2ff;--color-primary-border:#bfdbfe;--color-accent:#bb07c5;--color-accent-light:#fdf4ff;--color-surface:#fff;--color-bg-app:#f8fafc;--color-border:#e2e8f0;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-status-approved-bg:#d1fae5;--color-status-approved-text:#059669;--color-status-processing-bg:#fef3c7;--color-status-processing-text:#d97706;--color-status-failed-bg:#fee2e2;--color-status-failed-text:#dc2626;--color-status-ready-bg:#e0e7ff;--color-status-ready-text:#4f46e5;--font-family-arabic:"Cairo", "Tajawal", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}*,:before,:after,body,input,button,select,textarea,h1,h2,h3,h4,h5,h6,p,span,label,a,div,li,td,th{box-sizing:border-box;font-family:Cairo,Tajawal,system-ui,-apple-system,sans-serif!important}body{text-align:right;background-color:var(--color-bg-app);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;direction:rtl;line-height:1.5;font-family:var(--font-family-arabic)!important}:focus-visible{outline:2px solid var(--color-primary)!important;outline-offset:2px!important}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;background-color:#0f172aa6;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:560px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a}.modal-container.max-w-sm{max-width:400px}.modal-container.max-w-md{max-width:520px}.modal-container.max-w-lg{max-width:640px}.modal-container.max-w-xl{max-width:768px}.modal-header{border-bottom:1px solid var(--color-border);background-color:var(--color-surface);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{color:var(--color-text-primary);font-size:1.15rem;font-weight:800}.modal-close-btn{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;padding:.375rem;transition:all .2s;display:flex}.modal-close-btn:hover{background-color:var(--color-bg-app);color:var(--color-text-primary)}.modal-content{padding:1.5rem;overflow-y:auto}.auth-page-container{background-color:#f8fafc;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.ambient-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.ambient-blur-top-right{filter:blur(80px);background:radial-gradient(circle,#0051d52e 0%,#0051d500 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-10%;right:-5%}.ambient-blur-bottom-left{filter:blur(80px);background:radial-gradient(circle,#bb07c526 0%,#bb07c500 70%);border-radius:50%;width:450px;height:450px;position:absolute;bottom:-10%;left:-5%}.auth-shell{z-index:1;flex-direction:column;gap:.75rem;width:100%;max-width:440px;display:flex;position:relative}.branding-header{text-align:center;flex-direction:column;align-items:center;gap:.2rem;display:flex}.logo-badge{filter:drop-shadow(0 4px 12px #0051d540);justify-content:center;align-items:center;margin-bottom:.2rem;display:flex}.brand-title{color:var(--color-text-primary);letter-spacing:-.02em;font-size:1.45rem;font-weight:800}.brand-subtitle{color:var(--color-text-secondary);font-size:.825rem;font-weight:500}.text-link{color:var(--color-primary);font-size:.85rem;font-weight:600;text-decoration:none;transition:color .2s}.text-link:hover{color:var(--color-primary-hover);text-decoration:underline}.checkbox-label{color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.625rem;font-size:.85rem;display:flex}.custom-checkbox{width:18px;height:18px;accent-color:var(--color-primary);border-radius:var(--radius-sm);cursor:pointer}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:1;padding:1.35rem 1.5rem;position:relative}.card-header{text-align:center;flex-direction:column;gap:.15rem;margin-bottom:.875rem;display:flex}.card-title{color:var(--color-text-primary);font-size:1.2rem;font-weight:800}.card-subtitle{color:var(--color-text-secondary);justify-content:center;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.indicator-dot{background-color:var(--color-primary);border-radius:50%;width:8px;height:8px;display:inline-block}.input-group{flex-direction:column;gap:.5rem;width:100%;display:flex}.input-label{color:var(--color-text-primary);font-size:.875rem;font-weight:700}.input-wrapper{align-items:center;display:flex;position:relative}.custom-input{width:100%;font-family:var(--font-family-arabic);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem 1rem .75rem 2.5rem;font-size:.95rem;transition:all .2s ease-in-out}.custom-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0051d526}input[type=password]::-ms-reveal{display:none!important}input[type=password]::-ms-clear{display:none!important}input[type=password]::-webkit-credentials-auto-fill-button{visibility:hidden!important;position:absolute!important;right:0!important}.input-icon{color:var(--color-text-muted);pointer-events:none;align-items:center;display:flex;position:absolute;left:.875rem}.btn{font-family:var(--font-family-arabic);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:42px;padding:.625rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .2s ease-in-out;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover{background-color:var(--color-bg-app)}.btn-ghost{color:var(--color-text-secondary);background-color:#0000}.btn-ghost:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.badge{border-radius:var(--radius-full);align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-approved{background-color:var(--color-status-approved-bg);color:var(--color-status-approved-text)}.badge-processing{background-color:var(--color-status-processing-bg);color:var(--color-status-processing-text)}.badge-failed{background-color:var(--color-status-failed-bg);color:var(--color-status-failed-text)}.badge-ready{background-color:var(--color-status-ready-bg);color:var(--color-status-ready-text)}.alert{border-radius:var(--radius-md);align-items:center;gap:.625rem;margin-bottom:1rem;padding:.875rem 1rem;font-size:.875rem;font-weight:600;display:flex}.alert-danger{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}.alert-success{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){body{font-size:14px}main{padding:1rem!important}div[style*="gridTemplateColumns: 1fr 1fr"]{grid-template-columns:1fr!important}aside{border-bottom:1px solid var(--color-border);border-left:none!important;width:100%!important;min-height:auto!important}header{padding:.75rem 1rem!important}.card{padding:1.25rem!important}.auth-shell{max-width:100%!important}}@media (width>=769px) and (width<=1024px){aside{width:200px!important}}@media (width>=1025px){main{max-width:1280px!important}}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.ai-input-wrap{border-radius:var(--radius-lg);background:0 0;width:100%;padding:2px;position:relative}.ai-input-wrap:before{content:"";border-radius:var(--radius-lg);background:conic-gradient(from var(--angle), transparent 0%, transparent 75%, var(--color-primary) 86%, #60a5fa 94%, var(--color-primary) 98%, transparent 100%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:1;padding:2px;transition:opacity .3s;animation:3s linear infinite paused neonAngleSpin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ai-input-wrap:focus-within:before{opacity:1;animation-play-state:running}.ai-input-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--radius-lg) - 2px);z-index:2;flex-direction:column;gap:1rem;width:100%;padding:1.25rem;transition:border-color .25s,box-shadow .25s;display:flex;position:relative}.ai-input-wrap:focus-within .ai-input-container{border-color:#0000;box-shadow:0 0 16px #0051d533}.ai-textarea{resize:vertical;width:100%;font-size:1rem;font-family:var(--font-family-arabic);color:var(--color-text-primary);background-color:#0000;line-height:1.6;box-shadow:none!important;border:none!important;outline:none!important}.ai-textarea:focus,.ai-textarea:focus-visible,.ai-textarea:focus-within{outline-offset:0!important;box-shadow:none!important;border:none!important;outline:none!important}@keyframes neonAngleSpin{to{--angle:360deg}}@media (prefers-reduced-motion:reduce){.ai-input-wrap:before{animation:none}}html[dir=ltr] body{text-align:left;direction:ltr;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html[dir=ltr] .custom-input{padding:.75rem 2.5rem .75rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html[dir=ltr] .input-icon{left:auto;right:.875rem}html[dir=ltr] .btn,html[dir=ltr] .brand-title,html[dir=ltr] .brand-subtitle,html[dir=ltr] .input-label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}@keyframes toastSlideInLeft{0%{opacity:0;transform:translate(-100%)translateY(-10px)}to{opacity:1;transform:translate(0)translateY(0)}}@keyframes toastSlideInRight{0%{opacity:0;transform:translate(100%)translateY(-10px)}to{opacity:1;transform:translate(0)translateY(0)}}