:root{--auth-primary: #6e0532;--auth-primary-rgb: 110, 5, 50;--auth-secondary: #8a4f63;--auth-success: #4f8a69;--auth-gradient: linear-gradient(135deg, #6e0532 0%, #8b1a4a 50%, #a91e5a 100%);--auth-gradient-light: linear-gradient(135deg, rgba(110, 5, 50, .1) 0%, rgba(139, 26, 74, .05) 100%);--font-primary: "Tajawal", "Inter", system-ui, sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--shadow-primary: 0 10px 25px rgba(var(--auth-primary-rgb), .2)}html,body{height:100%;font-family:var(--font-primary);overflow-x:hidden}.auth-enterprise{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.auth-brand-section{background:var(--auth-gradient);position:relative;overflow:hidden;min-height:100vh}.auth-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,255,255,.05) 0%,transparent 50%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-20px) translate(10px)}66%{transform:translateY(10px) translate(-10px)}}.auth-brand-logo{width:140px;height:140px;background:#ffffff26;border-radius:var(--radius-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.2);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000001a;display:flex;align-items:center;justify-content:center;color:#fff}.auth-brand-logo:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 40px #00000026;background:#fff3}.auth-brand-content h1{font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.2);letter-spacing:-.5px}.auth-brand-content p.lead{text-shadow:0 1px 5px rgba(0,0,0,.15)}.auth-features{max-width:400px;margin:0 auto}.feature-item{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease}.feature-item:hover{background:#ffffff26;transform:translate(-5px)}.feature-icon{color:#ffffffe6}.auth-form-container{max-width:560px;margin:0 auto}.auth-card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-xl),var(--shadow-primary);position:relative;overflow:hidden;transition:all .3s ease}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--auth-gradient);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.auth-card:hover{transform:translateY(-2px);box-shadow:0 25px 35px #0000001f,var(--shadow-primary)}.auth-card-body{padding:var(--spacing-xl)}.auth-card .form-label{font-weight:600;color:#334155;font-size:.95rem;margin-bottom:var(--spacing-sm);display:flex;align-items:center}.auth-card .form-label i{color:var(--auth-primary);font-size:1.1rem}.auth-card .form-control,.auth-card .form-select{border:2px solid #e2e8f0;border-radius:var(--radius-md);padding:.875rem 1rem;font-size:1rem;transition:all .2s ease;background:#fafafa;font-family:var(--font-primary);color:#1e293b}.auth-card .form-control:hover,.auth-card .form-select:hover{border-color:#cbd5e1;background:#fff}.auth-card .form-control:focus,.auth-card .form-select:focus{border-color:var(--auth-primary);box-shadow:0 0 0 .25rem rgba(var(--auth-primary-rgb),.1);background:#fff;transform:translateY(-1px)}.auth-card .form-control.is-invalid{border-color:#ef4444;box-shadow:0 0 0 .25rem #ef44441a;background:#fef2f2}.auth-card .form-control.is-valid{border-color:var(--auth-success);box-shadow:0 0 0 .25rem #4f8a691a;background:#f0fdf4}.input-group-text{background:#f8fafc;border:2px solid #e2e8f0;border-radius:var(--radius-md);color:var(--auth-primary);font-weight:600}.auth-card small.text-muted{font-size:.85rem;color:#64748b;display:block}.auth-card .btn-primary{background:var(--auth-gradient);border:none;border-radius:var(--radius-md);padding:1rem 1.5rem;font-weight:600;font-size:1.05rem;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-primary)}.auth-card .btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.auth-card .btn-primary:hover:before{left:100%}.auth-card .btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(var(--auth-primary-rgb),.35)}.auth-card .btn-primary:active{transform:translateY(0)}.auth-card .btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-card .btn-link{color:var(--auth-primary);text-decoration:none;font-weight:500;transition:all .2s ease}.auth-card .btn-link:hover{color:#5a0428;text-decoration:underline}.invalid-feedback{display:block;font-size:.9rem;color:#dc3545;margin-top:var(--spacing-xs);animation:slideDown .2s ease}.invalid-feedback i{margin-left:var(--spacing-xs)}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.valid-feedback{display:block;font-size:.9rem;color:var(--auth-success);margin-top:var(--spacing-xs)}.password-strength{margin-top:var(--spacing-sm)}.password-strength .progress{height:5px;border-radius:3px;background-color:#e2e8f0;overflow:hidden}.password-strength .progress-bar{transition:width .3s ease,background-color .3s ease}.loading-spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-card a{color:var(--auth-primary);text-decoration:none;font-weight:500;transition:all .2s ease}.auth-card a:hover{color:#5a0428;text-decoration:underline}.auth-card h3{font-weight:700;color:#1e293b;font-size:1.75rem}.auth-card p.text-muted{color:#64748b;font-size:1rem}@media (max-width: 991px){.auth-card-body{padding:var(--spacing-lg)}.auth-brand-logo{width:100px;height:100px}.auth-brand-content h1{font-size:2rem}.auth-features{margin-top:var(--spacing-lg)}}@media (max-width: 767px){.auth-card{border-radius:var(--radius-lg);margin:0 1rem}.auth-card-body{padding:var(--spacing-md)}.auth-card h3{font-size:1.5rem}.auth-card .form-control,.auth-card .form-select{padding:.75rem .875rem;font-size:.95rem}.auth-card .btn-primary{padding:.875rem 1.25rem;font-size:1rem}.auth-brand-logo{width:70px;height:70px}}@media (max-width: 480px){.auth-card h3{font-size:1.35rem}.auth-card-body{padding:1rem}.auth-form-container{padding:.5rem}}[dir=rtl] .feature-item:hover{transform:translate(5px)}[dir=rtl] .invalid-feedback i,[dir=rtl] .auth-card .form-label i{margin-right:0;margin-left:var(--spacing-sm)}.auth-card{animation:slideInUp .6s cubic-bezier(.4,0,.2,1)}.auth-brand-content{animation:fadeIn .8s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-card .form-control:focus-visible,.auth-card .form-select:focus-visible,.auth-card .btn:focus-visible{outline:3px solid rgba(var(--auth-primary-rgb),.5);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
