.pwa-install-banner{position:fixed;bottom:80px;left:16px;right:16px;background:linear-gradient(135deg,#1983e8,#0156a7);border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 8px 32px #1983e84d;z-index:10000;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-banner-content{display:flex;align-items:center;gap:12px;flex:1}.pwa-logo-small{width:48px;height:48px;border-radius:12px;background:#fff;padding:6px}.pwa-banner-text{display:flex;flex-direction:column;color:#fff}.pwa-banner-text strong{font-size:15px;font-weight:600}.pwa-banner-text span{font-size:12px;opacity:.9}.pwa-banner-actions{display:flex;gap:8px}.pwa-btn{border:none;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.pwa-btn-primary{background:#fff;color:#1983e8}.pwa-btn-primary:hover{background:#f0f7ff}.pwa-btn-secondary{background:#fff3;color:#fff}.pwa-btn-secondary:hover{background:#ffffff4d}.pwa-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px;animation:fadeIn .3s ease-out}.pwa-modal{background:#fff;border-radius:24px;max-width:380px;width:100%;overflow:hidden;animation:scaleUp .3s ease-out}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.pwa-modal-header{background:linear-gradient(135deg,#1983e8,#0156a7);padding:24px;text-align:center;color:#fff}.pwa-logo{width:80px;height:80px;background:#fff;border-radius:20px;padding:10px;margin-bottom:12px}.pwa-modal-header h3{margin:0;font-size:20px;font-weight:600}.pwa-modal-body{padding:24px}.pwa-modal-body p{margin:0 0 16px;color:#333;font-size:15px}.pwa-ios-steps{list-style:none;padding:0;margin:0}.pwa-ios-steps li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #eee;font-size:14px;color:#444;line-height:1.5}.pwa-ios-steps li:last-child{border-bottom:none}.step-icon{flex-shrink:0;width:36px;height:36px;background:#e8f2fc;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#1983e8}.pwa-modal-footer{padding:16px 24px 24px}.pwa-modal-footer .pwa-btn-primary{width:100%;padding:14px;font-size:16px;background:linear-gradient(135deg,#1983e8,#0156a7);color:#fff}.pwa-modal-footer .pwa-btn-primary:hover{opacity:.9}@media(min-width:768px){.pwa-install-banner{left:auto;right:24px;bottom:24px;max-width:400px}}.pwa-update-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#00cba6,#00a085);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 4px 20px #00cba64d;z-index:10002;animation:slideDown .4s ease-out}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.pwa-update-content{display:flex;align-items:center;gap:12px;flex:1}.pwa-update-icon{width:40px;height:40px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.pwa-update-text{display:flex;flex-direction:column;color:#fff}.pwa-update-text strong{font-size:14px;font-weight:600}.pwa-update-text span{font-size:12px;opacity:.9}.pwa-update-actions{display:flex;gap:8px}.pwa-update-btn{border:none;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.pwa-update-btn-primary{background:#fff;color:#00a085}.pwa-update-btn-primary:hover{background:#f0fff8}.pwa-update-btn-secondary{background:#fff3;color:#fff}.pwa-update-btn-secondary:hover{background:#ffffff4d}@supports (padding-top: env(safe-area-inset-top)){.pwa-update-banner{padding-top:calc(12px + env(safe-area-inset-top))}}@media(max-width:480px){.pwa-update-banner{flex-direction:column;align-items:stretch}.pwa-update-actions{justify-content:stretch}.pwa-update-btn{flex:1;text-align:center}}.error-message{background-color:#fff3f3;border:1px solid #ff4d4f;border-radius:8px;padding:12px;margin-bottom:16px;color:#cf1322;font-size:14px;text-align:center;line-height:20px}.mb-3{margin-bottom:1rem}.welcome-page{background-color:#e8f2fc}.content{position:relative;z-index:1;padding:24px 20px 100px;height:100%;display:flex;flex-direction:column;align-items:center}.header-text-blue{font-size:14px;color:#3e95e9;margin-bottom:60px;text-align:center;font-weight:400}.illustration-container{width:217px;height:216px;margin-bottom:16px;position:relative}.illustration-bg{position:absolute;width:280px;height:280px;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#dae9f8,#fff);border-radius:50%;z-index:-1}.house-icon{width:180px;height:auto}.welcome-section-small{text-align:center;margin-bottom:40px}.welcome-title-small{font-size:20px;font-weight:500;color:#252831;margin:0 0 12px;line-height:28px}.welcome-subtitle-small{font-size:12px;color:#252831;line-height:16px;margin:0}.form-section-small{width:100%;max-width:320px}.form-group-small{margin-bottom:24px;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.form-label-small{font-size:12px;font-weight:500;color:#2f2f33;text-align:right;width:100%}.form-control-small{border:1px solid #878a95;border-radius:8px;padding:16px 8px;font-size:16px;color:#252831;text-align:right;direction:rtl;width:100%;height:56px;background:#fff}.form-control-small::placeholder{color:#adafb6}.form-control-small:focus{border-color:#1983e8;box-shadow:0 0 0 .2rem #1983e826;outline:none}.submit-btn-small{background-color:#1983e8;color:#fff;border:none;border-radius:8px;padding:16px 24px;font-size:16px;font-weight:700;width:100%;cursor:pointer;transition:background-color .3s;line-height:24px}.submit-btn-small:hover{background-color:#1571c7}.submit-btn-small:active{background-color:#125fa8}.password-login{background-color:#e8f2fc;display:flex;flex-direction:column}.content-centered{position:relative;z-index:1;padding:24px 16px 100px;flex:1;display:flex;flex-direction:column;align-items:center}.header-text-blue{font-size:14px;color:#3e95e9;margin-bottom:110px;text-align:center;font-weight:400}.login-card{background:#fff;border-radius:16px;box-shadow:0 0 10px #00000026;padding:12px 8px 24px;width:328px;display:flex;flex-direction:column;gap:24px}.card-title{font-size:16px;font-weight:500;color:#323a61;text-align:center;margin:0;line-height:24px}.login-form{display:flex;flex-direction:column;gap:16px}.form-group-password{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.form-label-password{font-size:12px;font-weight:500;color:#2f2f33;text-align:right}.form-input-password{width:296px;height:56px;border:1px solid #958a8a;border-radius:8px;padding:16px 8px;font-size:16px;color:#414656;text-align:right;direction:rtl;background:#fff}.form-input-password::placeholder{color:#827b7b}.form-input-password:focus{outline:none;border-color:#1983e8;box-shadow:0 0 0 2px #1983e81a}.forgot-link{font-size:12px;color:#147ee4;text-decoration:none;text-align:right;line-height:20px;cursor:pointer;background:none;border:none;padding:0;align-self:flex-end}.forgot-link:hover{text-decoration:underline}.submit-btn-password{width:296px;background-color:#1983e8;color:#fff;border:none;border-radius:8px;padding:16px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s;line-height:24px}.submit-btn-password:hover:not(:disabled){background-color:#1571c7}.submit-btn-password:disabled{opacity:.7;cursor:not-allowed}.divider-section{display:flex;align-items:center;gap:8px;padding:0 8px}.divider-line{flex:1;height:1px;background-color:#adafb6}.divider-text{font-size:14px;font-weight:500;color:#adafb6;line-height:20px}.otp-link{font-size:14px;font-weight:500;color:#147ee4;text-decoration:none;text-align:center;line-height:20px;cursor:pointer;background:none;border:none;padding:0}.otp-link:hover{text-decoration:underline}.bottom-nav-simple{position:fixed;bottom:0;left:50%;transform:translate(-50%);background:#fff;box-shadow:0 0 10px #00000026;padding:17px 79px;display:flex;justify-content:center;align-items:center;gap:40px;z-index:100;width:100%;max-width:390px;height:54px}.nav-btn-simple{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s}.nav-btn-simple:hover{opacity:.7}.nav-btn-circle{width:40px;height:40px}.placeholder-container{min-height:100vh;background:linear-gradient(135deg,#e8f2fc,#f0f7ff);display:flex;align-items:center;justify-content:center;padding:40px 20px}.placeholder-content{background:#fff;border-radius:24px;padding:48px 32px;max-width:480px;width:100%;text-align:center;box-shadow:0 10px 40px #0000001a}.placeholder-icon{margin-bottom:32px;display:flex;justify-content:center}.placeholder-title{font-size:24px;font-weight:700;color:#252831;margin:0 0 16px}.placeholder-message{font-size:16px;color:#636774;line-height:24px;margin:0 0 32px}.placeholder-info{background:#f5f5f5;border-radius:12px;padding:20px;margin-bottom:32px;text-align:right;direction:rtl}.placeholder-info p{font-size:14px;color:#2f2f33;margin:8px 0;font-weight:500}.placeholder-btn{background:linear-gradient(135deg,#3e95e9,#147ee4);color:#fff;border:none;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #147ee44d}.placeholder-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #147ee466}.placeholder-btn:active{transform:translateY(0)}.welcome-subtitle-wrapper{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.edit-link-btn{background:none;border:none;color:#1983e8;font-size:14px;font-weight:500;cursor:pointer;padding:0;text-decoration:none;font-family:inherit}.edit-link-btn:hover{text-decoration:underline}.otp-input-section{display:flex;flex-direction:column;gap:24px;width:100%;align-items:center}.otp-inputs{display:flex;gap:10px;direction:ltr;justify-content:center;width:100%}.otp-input{width:45px;height:52px;border:1px solid #d0d5dd;border-radius:12px;text-align:center;font-size:22px;font-weight:600;color:#101828;background-color:#fff;transition:all .2s ease}.otp-input:focus{outline:none;border-color:#1983e8;box-shadow:0 0 0 4px #1983e81a;transform:translateY(-1px)}.otp-input:not(:placeholder-shown){border-color:#1983e8;background-color:#f0f9ff}.resend-section{text-align:center;min-height:24px}.resend-timer{font-size:14px;color:#667085;font-weight:500}.resend-btn{background:none;border:none;font-size:14px;color:#1983e8;cursor:pointer;font-weight:600;padding:4px 8px;border-radius:4px;transition:background-color .2s}.resend-btn:hover{background-color:#f0f9ff}.resend-btn:disabled{color:#98a2b3;cursor:not-allowed}.error-message-otp{background-color:#fef3f2;border:1px solid #feccd1;border-radius:8px;padding:12px;color:#b42318;font-size:13px;text-align:center;width:100%;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;transition:all .3s}.edit-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;width:90%;max-width:320px}.modal-content{background-color:#fff;border-radius:16px;padding:24px;width:100%;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.close-btn{position:absolute;top:16px;left:16px;background:#f2f4f7;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#667085;transition:all .2s}.close-btn:hover{background-color:#e4e7ec;color:#101828}.modal-inner{display:flex;flex-direction:column;gap:24px;margin-top:12px}.modal-title{font-size:18px;font-weight:700;color:#101828;text-align:center;margin:0}.modal-form{display:flex;flex-direction:column;gap:20px}.modal-label{font-size:14px;font-weight:500;color:#344054;text-align:right}.modal-input{width:100%;border:1px solid #d0d5dd;border-radius:8px;padding:12px 16px;font-size:16px;color:#101828;text-align:center;direction:ltr;transition:all .2s}.modal-input:focus{outline:none;border-color:#1983e8;box-shadow:0 0 0 4px #1983e81a}.modal-submit-btn{width:100%;background-color:#1983e8;color:#fff;border:none;border-radius:8px;padding:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.modal-submit-btn:hover{background-color:#1571c7}.modal-submit-btn:disabled{background-color:#f2f4f7;color:#98a2b3;cursor:not-allowed}.modal-fade-enter{opacity:0}.modal-fade-enter-active{opacity:1;transition:opacity .3s}.modal-fade-exit{opacity:1}.modal-fade-exit-active{opacity:0;transition:opacity .3s}.complete-profile-container{width:100%;min-height:100vh;background:#5ba4e5;display:flex;flex-direction:column;direction:rtl;overflow-x:hidden;font-family:Dana,sans-serif}.profile-header{width:100%;background:linear-gradient(135deg,#3b82f6,#2563eb);padding:40px 20px 80px;display:flex!important;flex-direction:column!important;align-items:center!important;position:relative;overflow:hidden}.header-decoration-1,.header-decoration-2{position:absolute;border-radius:50%;background:#ffffff1a;pointer-events:none}.header-decoration-1{width:200px;height:200px;top:-50px;right:-50px}.header-decoration-2{width:150px;height:150px;bottom:20px;left:-30px}.main-title{font-size:18px;font-weight:500;color:#ffffffe6;margin:0 0 35px!important;text-align:center;position:relative;z-index:2}.success-container{display:flex!important;justify-content:center;align-items:center;margin-bottom:25px;position:relative;z-index:2}.success-circle-outer{width:90px;height:90px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse-ring 2s infinite}.success-circle-inner{width:64px;height:64px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #00000026;transform:scale(0);animation:pop-in .5s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:.1s}.success-circle-inner svg{width:32px;height:32px;stroke:#10b981;stroke-dasharray:100;stroke-dashoffset:100;animation:draw-check .6s ease-out forwards;animation-delay:.4s}.success-message{font-size:18px;font-weight:600;color:#fff;margin:0 0 30px!important;text-align:center;position:relative;z-index:2;text-shadow:0 2px 8px rgba(0,0,0,.15);opacity:0;animation:fade-up .6s ease-out forwards;animation-delay:.3s;letter-spacing:.3px}@keyframes pulse-ring{0%{box-shadow:0 0 #fff6}70%{box-shadow:0 0 0 20px #fff0}to{box-shadow:0 0 #fff0}}@keyframes pop-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes draw-check{to{stroke-dashoffset:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.white-content-section{flex:1;width:100%;background:#fff;border-radius:40px 40px 0 0;padding:45px 24px 50px;display:flex;flex-direction:column;align-items:center;box-shadow:0 -15px 60px #00000014;position:relative;margin-top:0;z-index:10}.instruction-area{width:100%;text-align:center;margin-bottom:35px;padding:0 10px}.instruction-text{font-size:15px;font-weight:500;color:#64748b;line-height:28px;margin:0;letter-spacing:.2px}.profile-form{width:100%;max-width:600px;display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:10px;position:relative}.form-group label{font-size:15px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:4px}.required{color:#ef4444;font-size:18px;line-height:1}.form-group input[type=text],.form-group input[type=email],.form-group input[type=date]{width:100%;padding:16px 18px;border:2px solid #E5E7EB;border-radius:14px;font-size:15px;font-family:Dana,sans-serif;color:#1f2937;background:#f9fafb;transition:all .3s;box-sizing:border-box}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=date]:focus{outline:none;border-color:#5ba4e5;background:#fff;box-shadow:0 0 0 4px #5ba4e51f}.form-group input::placeholder{color:#9ca3af;font-weight:400}.form-group input.error{border-color:#ef4444;background:#fef2f2}.error-message{font-size:13px;color:#ef4444;font-weight:500;position:absolute;bottom:-20px;right:0}.gender-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.gender-option{display:flex;align-items:center;justify-content:center;padding:18px 20px;border:2px solid #E5E7EB;border-radius:14px;cursor:pointer;transition:all .3s;background:#f9fafb;position:relative;min-height:56px}.gender-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.gender-option:hover{border-color:#93c5fd;background:#eff6ff;transform:translateY(-1px)}.gender-option.selected{border-color:#5ba4e5;background:#dbeafe;box-shadow:0 0 0 4px #5ba4e51f}.gender-label{font-size:15px;font-weight:600;color:#1f2937}.date-picker-container{width:100%}.custom-date-input{width:100%!important;padding:16px 18px!important;border:2px solid #E5E7EB!important;border-radius:14px!important;font-size:15px!important;font-family:Dana,sans-serif!important;color:#1f2937!important;background:#f9fafb!important;transition:all .3s!important;height:auto!important;box-sizing:border-box!important}.custom-date-input:focus{outline:none!important;border-color:#5ba4e5!important;background:#fff!important;box-shadow:0 0 0 4px #5ba4e51f!important}.rmdp-container .rmdp-calendar{font-family:Dana,sans-serif!important}.rmdp-day.rmdp-selected span:not(.highlight){background-color:#5ba4e5!important;box-shadow:0 0 3px #5ba4e5!important}.rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden) span:hover{background-color:#e0f2fe!important;color:#5ba4e5!important}.rmdp-week-day{color:#5ba4e5!important;font-weight:700}.rmdp-arrow-container:hover{background-color:#e0f2fe!important;box-shadow:none!important}.rmdp-arrow{border:solid #5BA4E5!important;border-width:0 2px 2px 0!important}.rmdp-header-values{color:#5ba4e5!important;font-weight:700}.btn-continue{width:100%;padding:18px 24px;background:linear-gradient(135deg,#5ba4e5,#3b82f6);color:#fff;border:none;border-radius:16px;font-size:17px;font-weight:700;font-family:Dana,sans-serif;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;box-shadow:0 8px 20px #5ba4e559}.btn-continue:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 28px #5ba4e573;background:linear-gradient(135deg,#4a8fcc,#2563eb)}.btn-continue:active:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #5ba4e54d}.btn-continue:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{animation:spin 1s linear infinite}.required-note{text-align:center;font-size:12px;color:#6b7280;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:4px}@media(max-width:768px){.form-row{grid-template-columns:1fr;gap:24px}.white-content-section{padding:32px 20px 40px}.profile-form{gap:28px}}@media(max-width:480px){.profile-header{padding:35px 16px 70px}.main-title{font-size:17px;margin-bottom:30px}.success-circle-outer{width:80px;height:80px}.success-circle-inner{width:56px;height:56px}.success-circle-inner svg{width:28px;height:28px}.success-message{font-size:16px;margin-bottom:25px!important}.white-content-section{padding:38px 16px 40px;border-radius:36px 36px 0 0}.instruction-area{margin-bottom:30px}.instruction-text{font-size:14px;line-height:26px}.gender-options{gap:12px}.gender-option{padding:16px;min-height:52px}.btn-continue{padding:16px 20px;font-size:16px}}.confirm-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}.confirm-modal{background:#fff;border-radius:12px;width:90%;max-width:400px;box-shadow:0 10px 25px #0003;padding:24px;text-align:right;direction:rtl;animation:scaleIn .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:20px}.confirm-modal-header{display:flex;align-items:center;gap:12px}.confirm-modal-icon{font-size:24px;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.confirm-modal-icon.warning{background:#fef3c7;color:#d97706}.confirm-modal-icon.danger{background:#fee2e2;color:#dc2626}.confirm-modal-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0}.confirm-modal-message{color:#4b5563;font-size:.95rem;line-height:1.6;margin:0}.confirm-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.confirm-modal-btn{padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.confirm-modal-btn.cancel{background:#f3f4f6;color:#374151}.confirm-modal-btn.cancel:hover{background:#e5e7eb}.confirm-modal-btn.confirm{background:#3b82f6;color:#fff}.confirm-modal-btn.confirm:hover{background:#2563eb}.confirm-modal-btn.confirm.danger{background:#ef4444}.confirm-modal-btn.confirm.danger:hover{background:#dc2626}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.profile-status-page{min-height:100vh;background:#e8f2fc;display:flex;flex-direction:column;direction:rtl;font-family:Dana,sans-serif!important}.profile-status-page .status-header{background:#e8f2fc;padding:24px 20px;text-align:center}.profile-status-page .page-title{font-size:18px;font-weight:700;color:#147ee4;margin:0 0 8px}.profile-status-page .page-subtitle{font-size:14px;font-weight:400;color:#637381;margin:0}.profile-status-page .status-content{flex:1;background:#fff;border-radius:32px 32px 0 0;padding:32px 20px}.profile-status-page .loading-state{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:16px}.profile-status-page .spinner-large{width:48px;height:48px;border:4px solid #E8F2FC;border-top-color:#147ee4;border-radius:50%;animation:spin 1s linear infinite}.profile-status-page .empty-state{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:12px}.profile-status-page .empty-icon{font-size:64px;margin-bottom:8px}.profile-status-page .empty-state h3{font-size:18px;color:#2f2f33;margin:0}.profile-status-page .empty-state p{font-size:14px;color:#637381;margin:0}.profile-status-page .btn-go-dashboard{margin-top:20px;padding:12px 24px;background:#147ee4;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;font-family:Dana,sans-serif!important}.profile-status-page .profiles-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.profile-status-page .profile-card{background:#f9f9f9;border:1px solid #E0E0E0;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}.profile-status-page .profile-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.profile-status-page .profile-title-group{display:flex;align-items:center;gap:8px}.profile-status-page .profile-role{font-size:16px;font-weight:700;color:#2f2f33}.profile-status-page .profile-type-badge{padding:2px 8px;border-radius:8px;font-size:10px;font-weight:600;text-transform:uppercase}.profile-status-page .profile-type-badge.dynamic{background:#dbeafe;color:#1e40af}.profile-status-page .profile-type-badge.legacy{background:#f3f4f6;color:#6b7280}.profile-status-page .profile-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.profile-status-page .status-pending{background:#fff3e0;color:#ff9800}.profile-status-page .status-approved{background:#e8f5e9;color:#4caf50}.profile-status-page .status-rejected{background:#ffebee;color:#f44336}.profile-status-page .profile-info-row{display:flex;flex-direction:column;gap:6px}.profile-status-page .profile-date{font-size:12px;color:#637381;display:flex;align-items:center;gap:6px}.profile-status-page .profile-date svg{width:14px;height:14px;color:#9ca3af}.profile-status-page .rejection-reason{background:#fff3f3;border:1px solid #FFCDD2;border-radius:8px;padding:12px;font-size:13px;color:#d32f2f;margin-top:8px}.profile-status-page .rejection-reason strong{display:block;margin-bottom:6px;font-weight:700}.profile-status-page .rejection-reason p{margin:0;line-height:1.5}.profile-status-page .bottom-actions{margin-top:24px;display:flex;flex-direction:column;gap:12px}.profile-status-page .btn-dashboard{width:100%;height:52px;background:linear-gradient(135deg,#147ee4,#1266c0);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;font-family:Dana,sans-serif!important;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px #147ee44d;margin-bottom:12px}.profile-status-page .btn-dashboard:hover{transform:translateY(-2px);box-shadow:0 6px 20px #147ee466}.profile-status-page .btn-dashboard:active{transform:translateY(0)}.profile-status-page .btn-dashboard svg{width:20px;height:20px;stroke:currentColor}.profile-status-page .btn-new-role{width:100%;height:52px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;font-family:Dana,sans-serif!important;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px #667eea4d;margin-bottom:12px}.profile-status-page .btn-new-role:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.profile-status-page .btn-new-role:active{transform:translateY(0)}.profile-status-page .btn-new-role svg{width:20px;height:20px;stroke:currentColor}.profile-status-page .pending-message{width:100%;padding:20px 24px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #F59E0B;border-radius:16px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #f59e0b26;margin-bottom:12px}.profile-status-page .pending-message svg{width:24px;height:24px;stroke:#d97706;flex-shrink:0}.profile-status-page .pending-message p{font-size:15px;font-weight:600;color:#92400e;margin:0;line-height:1.6;text-align:right}.profile-status-page .btn-logout{width:100%;height:48px;background:#fff;color:#dc2626;border:2px solid #DC2626;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;font-family:Dana,sans-serif!important;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.profile-status-page .btn-logout:hover{background:#dc2626;color:#fff}.profile-status-page .btn-logout svg{transition:transform .3s}.profile-status-page .btn-logout:hover svg{transform:translate(-4px)}.profile-status-page .card-actions{margin-top:16px;display:flex;justify-content:flex-end}.profile-status-page .btn-resubmit{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Dana,sans-serif;box-shadow:0 4px 12px #667eea4d}.profile-status-page .btn-resubmit:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.profile-status-page .btn-resubmit:active{transform:translateY(0)}.profile-status-page .modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out;padding:20px}.profile-status-page .modal-content{background:#fff;border-radius:20px;padding:32px 24px;max-width:400px;width:100%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-status-page .modal-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.profile-status-page .logout-icon{background:linear-gradient(135deg,#fee2e2,#fef2f2)}.profile-status-page .logout-icon svg{color:#dc2626}.profile-status-page .modal-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 12px}.profile-status-page .modal-message{font-size:14px;color:#6b7280;line-height:1.6;margin:0 0 24px}.profile-status-page .modal-actions{display:flex;gap:12px}.profile-status-page .btn-modal-cancel,.profile-status-page .btn-modal-confirm{flex:1;height:48px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;font-family:Dana,sans-serif;transition:all .2s}.profile-status-page .btn-modal-cancel{background:#f3f4f6;color:#374151}.profile-status-page .btn-modal-cancel:hover{background:#e5e7eb}.profile-status-page .btn-modal-confirm{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 12px #dc26264d}.profile-status-page .btn-modal-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.profile-status-page .btn-modal-confirm:active{transform:translateY(0)}@media(max-width:480px){.profile-status-page .modal-content{padding:24px 20px}.profile-status-page .modal-icon{width:64px;height:64px}.profile-status-page .modal-icon svg{width:32px;height:32px}.profile-status-page .modal-title{font-size:18px}.profile-status-page .modal-message{font-size:13px}.profile-status-page .modal-actions{flex-direction:column}.profile-status-page .btn-modal-cancel,.profile-status-page .btn-modal-confirm{width:100%}}.mobile-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:24px 20px;background:#e8f2fc;position:relative;width:100%;z-index:10}.mobile-header-title{font-size:18px;font-weight:700;color:#252831;margin:0;position:absolute;left:50%;transform:translate(-50%);pointer-events:none;white-space:nowrap}.mobile-icon-btn{width:40px;height:40px;background:#fff;border-radius:12px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;z-index:20;flex-shrink:0;box-shadow:0 2px 8px #0000000d;border:none;transition:all .2s}.mobile-icon-btn:active{transform:scale(.95)}.menu-backdrop{position:fixed;inset:0;background:#0000004d;display:flex;justify-content:flex-start;align-items:stretch;z-index:120;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.menu-panel{width:280px;background:#fff;border-radius:0 16px 16px 0;padding:24px 20px;position:relative;display:flex;flex-direction:column;gap:24px;transform:translate(0);transition:transform .3s cubic-bezier(.25,.8,.5,1);box-shadow:4px 0 24px #00000014;max-height:100dvh;overflow-y:auto;overflow-x:hidden}.menu-close{position:absolute;top:20px;right:20px;width:32px;height:32px;border-radius:12px;border:none;background:#f3f4f6;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.menu-close:hover{background:#e5e7eb}.menu-close img{width:20px;height:20px;opacity:.6}.menu-user{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:48px;padding:16px;background:#f8fafc;border-radius:16px;border:1px solid #F1F5F9}.menu-user-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;border:2px solid #ffffff;box-shadow:0 2px 8px #0000000d}.menu-user-avatar img{width:100%;height:100%;object-fit:cover}.menu-user-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.menu-user-name{font-size:16px;font-weight:700;color:#1f2937}.menu-user-role{font-size:12px;font-weight:500;color:#6b7280}.menu-divider{height:1px;width:100%;background:#f1f5f9;margin:8px 0}.menu-items{display:flex;flex-direction:column;gap:6px;flex:1;overflow-y:auto;min-height:0;overscroll-behavior:contain;padding-bottom:20px}.menu-items::-webkit-scrollbar{width:4px}.menu-items::-webkit-scrollbar-track{background:transparent}.menu-items::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.menu-items::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.menu-group{border-radius:12px;overflow:hidden;background:#f8fafc;border:1px solid #F1F5F9;flex-shrink:0}.menu-group-header{width:100%;background:transparent;border:none;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s}.menu-group-header:hover{background:#eff6ff}.menu-group-header.expanded{background:#e8f2fc;border-bottom:1px solid #E2E8F0}.menu-group-main{display:flex;align-items:center;gap:10px;flex-direction:row-reverse}.menu-group-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fff;color:#6b7280;box-shadow:0 1px 3px #0000000d}.menu-group-header:hover .menu-group-icon,.menu-group-header.expanded .menu-group-icon{color:#2563eb;background:#fff}.menu-group-label{font-size:14px;font-weight:600;color:#374151}.menu-group-header:hover .menu-group-label,.menu-group-header.expanded .menu-group-label{color:#2563eb}.menu-group-chevron{color:#9ca3af;transition:transform .25s ease;display:flex;align-items:center}.menu-group-chevron.expanded{transform:rotate(180deg);color:#2563eb}.menu-group-children{background:#fff;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-child-item{width:100%;background:transparent;border:none;padding:10px 16px 10px 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .15s;border-bottom:1px solid #F3F4F6}.menu-child-item:last-child{border-bottom:none}.menu-child-item:hover{background:#f0f7ff}.menu-child-item span{font-size:13px;font-weight:500;color:#4b5563}.menu-child-item:hover span{color:#2563eb}.menu-child-arrow{color:#cbd5e1;display:flex;transition:all .15s}.menu-child-item:hover .menu-child-arrow{color:#2563eb;transform:translate(-3px)}.menu-divider-small{height:1px;background:#e5e7eb;margin:8px 0;flex-shrink:0}.menu-single-item{width:100%;background:#f8fafc;border:1px solid #F1F5F9;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-radius:12px;transition:all .2s;flex-shrink:0}.menu-single-item:hover{background:#eff6ff;border-color:#dbeafe}.menu-single-main{display:flex;align-items:center;gap:10px;flex-direction:row-reverse}.menu-single-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fff;color:#6b7280;box-shadow:0 1px 3px #0000000d}.menu-single-item:hover .menu-single-icon{color:#2563eb}.menu-single-label{font-size:14px;font-weight:600;color:#374151}.menu-single-item:hover .menu-single-label{color:#2563eb}.menu-badge-dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 0 2px #d1fae5}.menu-single-arrow{color:#9ca3af;display:flex;transition:all .15s}.menu-single-item:hover .menu-single-arrow{color:#2563eb;transform:translate(-3px)}.menu-logout-btn{width:100%;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #FECACA;padding:12px 14px;display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:row-reverse;cursor:pointer;border-radius:12px;transition:all .2s;margin-top:8px;flex-shrink:0}.menu-logout-btn:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5}.menu-logout-icon{color:#dc2626;display:flex}.menu-logout-btn span{font-size:14px;font-weight:600;color:#dc2626}.menu-slide-enter-active,.menu-slide-leave-active{transition:opacity .25s ease}.menu-slide-enter-from,.menu-slide-leave-to{opacity:0}.menu-slide-enter-from .menu-panel,.menu-slide-leave-to .menu-panel{transform:translate(-100%)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;display:flex;align-items:center;justify-content:space-around;padding:8px 20px;box-shadow:0 -2px 15px #00000026;border-radius:32px 32px 0 0;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:4px 8px;color:#636774;font-family:Dana,sans-serif;font-size:12px;font-weight:500;transition:color .2s}.nav-item:hover,.nav-item.active{color:#147ee4}.nav-item-center{position:relative;margin-top:-32px}.center-btn{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#3e95e9,#147ee4);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #147ee466;margin-bottom:4px}.profile-page{min-height:100vh;background:#e8f2fc;direction:rtl;position:relative;padding-bottom:92px}.profile-info-section{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 20px 32px}.decorative-circles{position:absolute;top:0;left:0;right:0;height:100px;pointer-events:none}.circle{position:absolute;border-radius:50%}.circle-1{width:12px;height:12px;background:#9ac8f3;top:10px;right:30%}.circle-2{width:8px;height:8px;background:#faf097;top:35px;right:15%}.circle-3{width:8px;height:8px;background:#5edec7;top:35px;left:15%}.circle-4{width:5px;height:5px;background:#f99f9f;top:60px;right:25%}.circle-5{width:5px;height:5px;background:#3e95e9;top:60px;left:30%}.profile-avatar{width:71px;height:71px;border-radius:50%;overflow:hidden;margin-bottom:8px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e8f2fc}.profile-details{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.profile-name{font-size:14px;font-weight:500;color:#414656;margin:0}.profile-phone{font-size:12px;font-weight:500;color:#878a95;margin:0}.btn-edit-profile{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#6baeee,#5ba4e5);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6baeee40;margin-top:8px}.btn-edit-profile:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6baeee59}.btn-edit-profile:active{transform:translateY(0);box-shadow:0 2px 8px #6baeee33}.btn-edit-profile svg{width:16px;height:16px;stroke:#fff}.achievement-banner{background:#c2f3ea;margin:0 20px 24px;padding:16px;border-radius:8px;display:flex;align-items:center;gap:12px}.banner-icon{flex-shrink:0}.banner-content{flex:1}.banner-title{font-size:16px;font-weight:500;color:#0b4882;margin:0 0 2px}.banner-subtitle{font-size:14px;font-weight:500;color:#147ee4;margin:0 0 2px}.banner-desc{font-size:12px;font-weight:500;color:#6baeee;margin:0}.banner-arrow{flex-shrink:0;width:24px;height:24px;background:none;border:none;cursor:pointer;padding:0}.menu-list{background:#fff;margin:0 20px;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000000f}.menu-item{display:flex;align-items:center;padding:16px 20px;cursor:pointer;transition:all .2s ease;border:none;background:none;width:100%;text-align:right;gap:12px}.menu-item:not(:last-child){border-bottom:1px solid #F3F4F6}.menu-arrow{width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:.4;transition:all .2s}.menu-item:hover .menu-arrow{opacity:.8;transform:translate(-3px)}.menu-content{flex:1;text-align:right}.menu-title{font-size:15px;font-weight:600;color:#374151;margin:0 0 4px}.menu-subtitle{font-size:12px;font-weight:400;color:#9ca3af;margin:0}.menu-icon{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f2fc,#f0f7ff);border-radius:12px;transition:all .2s}.menu-item:hover .menu-icon{background:linear-gradient(135deg,#d8ecfb,#e8f2fc);transform:scale(1.05)}.user-documents-page{min-height:100vh;background:#e8f2fc;direction:rtl;padding-bottom:92px;font-family:Dana,sans-serif!important}.user-documents-page .page-header{display:flex;align-items:center;justify-content:space-between;padding:24px 20px}.user-documents-page .back-btn{width:24px;height:24px;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:#6baeee}.user-documents-page .page-title{font-size:18px;font-weight:500;color:#6baeee;margin:0}.user-documents-page .spacer{width:24px}.user-documents-page .content-container{background:#fff;margin:0 0 20px;border-radius:32px 32px 0 0;padding:24px 20px 48px;min-height:calc(100vh - 160px)}.user-documents-page .section-title{font-size:18px;font-weight:500;color:#6baeee;text-align:center;margin:0 0 24px}.user-documents-page .loading-state,.user-documents-page .empty-state{text-align:center;padding:60px 20px;font-size:14px;color:#878a95}.user-documents-page .documents-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:24px}.user-documents-page .document-card{background:#e8f2fc;border:2px solid #C7E0F9;border-radius:8px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:4px}.user-documents-page .document-image-container{position:relative;width:100%;height:87px;border:1px solid #00CBA6;border-radius:6px;overflow:hidden}.user-documents-page .document-image{width:100%;height:100%;object-fit:cover}.user-documents-page .status-badge{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-documents-page .status-approved{background:#00cba6}.user-documents-page .status-pending{background:#faf097}.user-documents-page .status-rejected{background:#ff4d4f}.user-documents-page .delete-btn{position:absolute;bottom:4px;right:4px;width:20px;height:20px;background:#ffffffe6;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.user-documents-page .delete-btn:hover{background:#fff}.user-documents-page .document-label{font-size:12px;font-weight:700;color:#0b4882;margin:0;text-align:center}.user-documents-page .add-document-btn{width:100%;height:56px;background:#1983e8;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s;font-family:Dana,sans-serif!important}.user-documents-page .add-document-btn:hover{background:#147ee4}.account-page{min-height:100vh;background:#e8f2fc;direction:rtl;padding-bottom:92px}.account-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:24px 20px;background:transparent;position:relative;width:100%;z-index:10}.header-title{font-size:18px;font-weight:700;color:#252831;margin:0;position:absolute;left:50%;transform:translate(-50%);pointer-events:none;white-space:nowrap}.icon-btn-back,.icon-btn-menu{width:40px;height:40px;background:#fff;border-radius:12px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;z-index:20;flex-shrink:0;box-shadow:0 2px 8px #0000000d;border:none;transition:all .2s}.icon-btn-back:active,.icon-btn-menu:active{transform:scale(.95)}.content-container{padding:20px;background:#fff;border-radius:24px 24px 0 0;margin-top:-10px;position:relative;z-index:5}.profile-section{display:flex;flex-direction:column;align-items:center;margin-bottom:24px;padding:20px 0}.avatar-container{position:relative;width:118px;height:118px;margin-bottom:4px}.avatar-outer-ring{position:absolute;inset:0;border:2px dashed #4297E3;border-radius:50%}.avatar-inner{position:absolute;inset:9px;width:100px;height:100px;border:2px solid #3E95E9;border-radius:50%;overflow:hidden;background:#e8f2fc;display:flex;align-items:center;justify-content:center}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder{display:flex;align-items:center;justify-content:center}.profile-name{font-size:20px;font-weight:700;color:#252831;margin:0 0 12px}.edit-profile-btn{background:linear-gradient(135deg,#6baeee,#5ba4e5);border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:6px;justify-content:center;box-shadow:0 4px 12px #6baeee40}.edit-profile-btn svg{width:16px;height:16px;stroke:#fff}.edit-profile-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6baeee59}.edit-profile-btn:active{transform:translateY(0);box-shadow:0 2px 8px #6baeee33}.listings-card{background:linear-gradient(135deg,#e6faf6,#d8f7ef);border:none;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;margin-bottom:20px;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #5edcc726}.listings-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #5edcc740}.listings-icon{width:60px;height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.listings-content{flex:1;display:flex;flex-direction:column;gap:4px}.listings-title{font-size:14px;font-weight:500;color:#363636;margin:0;text-align:right}.listings-stats{display:flex;align-items:center;justify-content:space-between}.total-listings{font-size:10px;font-weight:400;color:#787878;margin:0}.active-listings-badge{background:#fff;border-radius:14px;padding:4px 10px;display:flex;align-items:center;gap:4px;position:relative}.active-dot{position:absolute;top:0;right:2px;width:7px;height:7px;background:#fed716;border-radius:50%}.active-listings-badge span{font-size:10px;font-weight:500;color:#147ee4;margin-right:4px}.properties-row{display:flex;gap:20px;margin-bottom:12px;overflow-x:auto;padding:0 0 8px}.property-item{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:65px}.property-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;background:#e8f2fc;display:flex;align-items:center;justify-content:center}.property-avatar img{width:100%;height:100%;object-fit:cover}.property-placeholder{display:flex;align-items:center;justify-content:center}.property-name{font-size:10px;font-weight:400;color:#000;margin:0;text-align:center}.menu-groups{display:flex;flex-direction:column;gap:20px}.menu-group{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.menu-group-title{font-size:12px;font-weight:700;color:#6b7280;padding:12px 16px 8px;margin:0;background:linear-gradient(180deg,#f9fafb,#fff);border-bottom:1px solid #F3F4F6;letter-spacing:.3px}.menu-group-items{display:flex;flex-direction:column}.menu-item{background:transparent;border:none;border-bottom:1px solid #F3F4F6;padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:linear-gradient(90deg,#f0f7ff,#fff)}.menu-item:active{background:#e8f2fc}.menu-icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:10px;transition:all .2s}.menu-item:hover .menu-icon{background:#e0eeff}.menu-icon svg{width:20px;height:20px}.menu-label{flex:1;font-size:14px;font-weight:500;color:#374151;text-align:right}.menu-arrow{width:18px;height:18px;flex-shrink:0;opacity:.4;transition:all .2s}.menu-item:hover .menu-arrow{opacity:.8;transform:translate(-2px)}.profile-edit-page{min-height:100vh;background:#f3f4f6;padding:20px}.profile-edit-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#fff}.profile-edit-page .spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.profile-edit-page .edit-container{max-width:800px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow:hidden}.profile-edit-page .edit-header{background:linear-gradient(135deg,#5ba4e5,#4a8fd8);padding:24px;color:#fff;display:flex;align-items:center;gap:16px}.profile-edit-page .btn-back{width:40px;height:40px;border:none;background:#fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.profile-edit-page .btn-back:hover{background:#ffffff4d}.profile-edit-page .edit-header h1{margin:0;font-size:24px;font-weight:700}.profile-edit-page .edit-form{padding:32px}.profile-edit-page .avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #E5E7EB}.profile-edit-page .avatar-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid #5BA4E5;margin-bottom:16px;position:relative;background:#fff}.profile-edit-page .avatar-preview img{width:100%;height:100%;object-fit:cover}.profile-edit-page .avatar-preview svg{width:60px;height:60px;color:#9ca3af;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-edit-page .avatar-uploading{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center}.profile-edit-page .spinner-small{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.profile-edit-page .btn-upload-avatar{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#5ba4e5,#4a8fd8);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.profile-edit-page .btn-upload-avatar:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5ba4e566}.profile-edit-page .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.profile-edit-page .form-group{display:flex;flex-direction:column}.profile-edit-page .form-group label{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.profile-edit-page .form-group input,.profile-edit-page .custom-date-input{width:100%;padding:12px 16px;border:1px solid #D1D5DB;border-radius:10px;font-size:15px;color:#252831;background-color:#f9fafb;transition:all .2s;font-family:Dana,sans-serif}.profile-edit-page .form-group input:focus,.profile-edit-page .custom-date-input:focus{outline:none;border-color:#5ba4e5;background-color:#fff;box-shadow:0 0 0 3px #5ba4e51a}.profile-edit-page .form-group input.error{border-color:#ef4444}.profile-edit-page .error-message{font-size:13px;color:#ef4444;margin-top:4px}.profile-edit-page .gender-options{display:flex;gap:12px}.profile-edit-page .gender-option{flex:1;padding:12px;border:2px solid #E5E7EB;border-radius:10px;text-align:center;cursor:pointer;transition:all .3s}.profile-edit-page .gender-option input{display:none}.profile-edit-page .gender-option span{font-size:15px;font-weight:600;color:#6b7280}.profile-edit-page .gender-option.selected{border-color:#5ba4e5;background:#5ba4e51a}.profile-edit-page .gender-option.selected span{color:#5ba4e5}.profile-edit-page .gender-option:hover{border-color:#5ba4e5}.rmdp-container{width:100%}.rmdp-calendar{box-shadow:0 10px 30px #0000001a;border-radius:15px;border:none;font-family:Dana,sans-serif}.rmdp-header{background-color:#5ba4e5;border-top-left-radius:15px;border-top-right-radius:15px;padding:15px 10px}.rmdp-header-values{color:#fff;font-weight:600}.rmdp-arrow{border-color:#fff}.rmdp-day.rmdp-selected span:not(.highlight),.rmdp-day.rmdp-selected:hover span:not(.highlight){background-color:#5ba4e5!important;color:#fff!important}.rmdp-day:not(.rmdp-disabled):not(.rmdp-selected):hover span{background-color:#5ba4e51a!important;color:#5ba4e5!important}.rmdp-week-day{color:#5ba4e5;font-weight:600}.rmdp-day{color:#252831}.rmdp-day.rmdp-today span{border:1px solid #5BA4E5;color:#5ba4e5}.profile-edit-page .form-actions{display:flex;gap:16px;padding-top:24px;border-top:1px solid #E5E7EB}.profile-edit-page .btn-cancel,.profile-edit-page .btn-save{flex:1;padding:14px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;font-family:Dana,sans-serif}.profile-edit-page .btn-cancel{background:#e5e7eb;color:#6b7280}.profile-edit-page .btn-cancel:hover{background:#d1d5db}.profile-edit-page .btn-save{background:linear-gradient(135deg,#5ba4e5,#4a8fd8);color:#fff;box-shadow:0 4px 15px #5ba4e54d}.profile-edit-page .btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #5ba4e566}.profile-edit-page .btn-save:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.profile-edit-page .form-grid{grid-template-columns:1fr}.profile-edit-page .edit-form{padding:24px}.profile-edit-page .form-actions{flex-direction:column}}.admin-login-page{min-height:100vh;background:#f3f4f6;display:flex;align-items:center;justify-content:center;padding:20px;direction:rtl;position:relative;overflow:hidden;font-family:Dana,sans-serif!important}.login-decoration{position:absolute;top:0;left:0;right:0;height:50vh;background:linear-gradient(135deg,#1e3a8a,#3b82f6);clip-path:ellipse(150% 100% at 50% 0%);z-index:0}.login-card{width:100%;max-width:420px;background:#fff;border-radius:24px;padding:48px 40px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:1;position:relative}.login-header{text-align:center;margin-bottom:40px}.logo-wrapper{width:64px;height:64px;background:#eff6ff;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#1e40af}.logo-icon{width:32px;height:32px}.login-title{font-size:24px;font-weight:800;color:#111827;margin:0 0 8px}.login-subtitle{font-size:14px;color:#6b7280;margin:0}.login-form{display:flex;flex-direction:column;gap:24px}.form-label{font-size:14px;font-weight:600;color:#374151;text-align:right}.input-wrapper{position:relative}.form-input{width:100%;height:48px;padding:0 16px 0 48px;border:1px solid #E5E7EB;border-radius:12px;font-size:14px;color:#1f2937;background:#f9fafb;transition:all .2s ease;font-family:Dana,sans-serif!important}.form-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;display:flex;align-items:center}.form-input:focus+.input-icon{color:#3b82f6}.error-message{background:#fef2f2;color:#dc2626;padding:12px;border-radius:8px;font-size:13px;display:flex;align-items:center;gap:8px}.btn-login{height:48px;background:#1e40af;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-family:Dana,sans-serif!important}.btn-login:hover:not(:disabled){background:#1e3a8a;transform:translateY(-1px);box-shadow:0 4px 6px -1px #1e3a8a33}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{background:#9ca3af;cursor:not-allowed}.loader{width:20px;height:20px;border:2px solid #ffffff;border-bottom-color:transparent;border-radius:50%;display:inline-block;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer{margin-top:32px;text-align:center}.login-footer p{font-size:12px;color:#9ca3af;margin:0}.admin-panel-page{display:flex;min-height:100vh;background-color:#f3f5f9;direction:rtl;font-family:Dana,sans-serif!important;position:relative;overflow:hidden}.admin-panel-page .bg-pattern{position:absolute;inset:0;background-image:radial-gradient(#D1D5DB 1px,transparent 1px);background-size:24px 24px;opacity:.5;z-index:0}.admin-panel-page .bg-blob{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;opacity:.4}.admin-panel-page .blob-1{width:400px;height:400px;background:#e0e7ff;top:-100px;right:-100px}.admin-panel-page .blob-2{width:300px;height:300px;background:#fce7f3;bottom:-50px;left:-50px}.admin-panel-page .sidebar-container{width:240px;padding:16px;height:100vh;position:sticky;top:0;z-index:50}.admin-panel-page .sidebar-content{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:100%;border-radius:24px;box-shadow:0 10px 30px -10px #0000000d;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.5)}.admin-panel-page .sidebar-header{padding:24px 16px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.admin-panel-page .logo-box{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #3b82f64d}.admin-panel-page .logo-text{font-size:18px;font-weight:800;color:#1f2937}.admin-panel-page .nav-scroll{flex:1;overflow-y:auto;padding:0 12px;margin-top:10px}.admin-panel-page .nav-subtitle{display:block;font-size:11px;color:#9ca3af;margin-bottom:12px;padding-right:8px;font-weight:600}.admin-panel-page .nav-item{width:100%;display:flex;align-items:center;padding:12px;border:none;background:transparent;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#6b7280;margin-bottom:6px;position:relative;overflow:hidden}.admin-panel-page .nav-item:hover{background:#f3f4f6cc;color:#374151}.admin-panel-page .nav-item.active{background:linear-gradient(90deg,#eff6ff,#fff);color:#2563eb;font-weight:600}.admin-panel-page .nav-icon{width:20px;height:20px;margin-left:10px;display:flex;align-items:center;justify-content:center}.admin-panel-page .nav-label{flex:1;text-align:right;font-size:13px}.admin-panel-page .nav-badge{background:#ef4444;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:700;box-shadow:0 2px 6px #ef44444d}.admin-panel-page .active-indicator{position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:#2563eb;border-radius:4px 0 0 4px}.admin-panel-page .nav-item-wrapper{width:100%}.admin-panel-page .nav-item.has-children{justify-content:flex-start}.admin-panel-page .nav-arrow{margin-right:auto;margin-left:4px;transition:transform .25s cubic-bezier(.4,0,.2,1);opacity:.6}.admin-panel-page .nav-item:hover .nav-arrow{opacity:1}.admin-panel-page .nav-arrow.expanded{transform:rotate(180deg);opacity:1}.admin-panel-page .nav-submenu{padding-right:12px;margin-top:2px;margin-bottom:6px;border-right:2px solid #E5E7EB;margin-right:18px;animation:slideDown .2s ease-out}.admin-panel-page .nav-subitem{padding:8px 10px!important;font-size:12px!important;margin-bottom:2px;border-radius:10px;display:flex;align-items:center;justify-content:space-between}.admin-panel-page .nav-subitem .nav-label{font-size:12px;flex:1}.admin-panel-page .nav-subitem:hover{background:#f3f4f6cc}.admin-panel-page .nav-subitem.active{background:linear-gradient(90deg,#3b82f61f,#3b82f60d);color:#2563eb;font-weight:600}.admin-panel-page .nav-subitem .nav-badge{font-size:9px;padding:2px 5px;min-width:16px;text-align:center}.admin-panel-page .sidebar-footer{padding:16px;border-top:1px solid #F3F4F6;display:flex;align-items:center;gap:8px}.admin-panel-page .user-profile-btn{flex:1;display:flex;align-items:center;gap:8px;background:transparent;border:none;cursor:pointer;padding:6px;border-radius:12px;transition:background .2s}.admin-panel-page .user-profile-btn:hover{background:#f9fafb}.admin-panel-page .avatar-img{width:32px;height:32px;border-radius:10px}.admin-panel-page .user-info{display:flex;flex-direction:column;align-items:flex-start}.admin-panel-page .user-name{font-size:12px;font-weight:700;color:#374151}.admin-panel-page .user-role{font-size:10px;color:#9ca3af}.admin-panel-page .logout-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#fef2f2;color:#ef4444;border-radius:10px;cursor:pointer;transition:all .2s}.admin-panel-page .logout-btn:hover{background:#fee2e2;transform:translate(-2px)}.admin-panel-page .main-content{flex:1;display:flex;flex-direction:column;position:relative;z-index:1;max-width:100%;overflow-x:hidden;overflow-y:auto;height:100vh}.admin-panel-page .top-header{padding:20px 32px;display:flex;justify-content:space-between;align-items:center;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.5);margin-bottom:24px;position:sticky;top:0;z-index:40}.admin-panel-page .page-title{font-size:22px;font-weight:800;color:#111827;margin:0 0 4px}.admin-panel-page .date-display{font-size:12px;color:#6b7280;display:flex;align-items:center}.admin-panel-page .mr-2{margin-left:6px}.admin-panel-page .header-end{display:flex;align-items:center;gap:16px}.admin-panel-page .search-bar{position:relative;width:240px}.admin-panel-page .search-bar input{width:100%;padding:10px 40px 10px 16px;border:none;background:#fff;border-radius:12px;font-size:13px;box-shadow:0 4px 20px #00000008;transition:all .2s}.admin-panel-page .search-bar input:focus{outline:none;box-shadow:0 4px 20px #2563eb1a}.admin-panel-page .search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.admin-panel-page .icon-btn{width:42px;height:42px;border-radius:12px;background:#fff;border:none;display:flex;align-items:center;justify-content:center;color:#6b7280;cursor:pointer;box-shadow:0 4px 20px #00000008;position:relative;transition:transform .2s}.admin-panel-page .icon-btn:hover{transform:translateY(-2px);color:#3b82f6}.admin-panel-page .dot{position:absolute;top:10px;right:10px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid white}.admin-panel-page .view-container{padding:0 32px 32px;flex:1}.admin-panel-page .stats-row{margin-bottom:24px}.admin-panel-page .stat-card{background:#fff;border-radius:20px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 30px #0000000a;width:fit-content;min-width:240px}.admin-panel-page .stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb}.admin-panel-page .stat-num{display:block;font-size:24px;font-weight:800;color:#111827;line-height:1.2}.admin-panel-page .stat-desc{font-size:12px;color:#6b7280}.admin-panel-page .content-card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 40px #00000008}.admin-panel-page .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-panel-page .card-header h3{font-size:18px;font-weight:700;color:#1f2937;margin:0}.admin-panel-page .refresh-btn{background:#f3f4f6;border:none;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s}.admin-panel-page .refresh-btn:hover{background:#e5e7eb;color:#374151}.admin-panel-page .spinning{animation:spin 1s linear infinite}.admin-panel-page .table-responsive{overflow-x:auto}.admin-panel-page .modern-table{width:100%;border-collapse:separate;border-spacing:0 12px}.admin-panel-page .modern-table th{text-align:right;font-size:12px;color:#9ca3af;font-weight:600;padding:0 20px 12px}.admin-panel-page .modern-table tbody tr{background:#fff;box-shadow:0 2px 8px #00000005;transition:transform .2s,box-shadow .2s}.admin-panel-page .modern-table tbody tr:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f;z-index:1;position:relative}.admin-panel-page .modern-table td{padding:16px 20px;background:#fff;border:1px solid #F3F4F6;border-style:solid none}.admin-panel-page .modern-table td:first-child{border-top-right-radius:16px;border-bottom-right-radius:16px;border-right-style:solid}.admin-panel-page .modern-table td:last-child{border-top-left-radius:16px;border-bottom-left-radius:16px;border-left-style:solid}.admin-panel-page .user-combo{display:flex;align-items:center;gap:12px}.admin-panel-page .user-avatar-sm{width:40px;height:40px;background:#eef2ff;color:#4f46e5;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.admin-panel-page .user-meta{display:flex;flex-direction:column}.admin-panel-page .user-meta .name{font-weight:600;color:#1f2937;font-size:14px}.admin-panel-page .user-meta .phone{font-size:12px;color:#9ca3af}.admin-panel-page .role-chip{background:#f9fafb;border:1px solid #E5E7EB;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#4b5563}.admin-panel-page .type-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.admin-panel-page .type-badge.dynamic{background:#dbeafe;color:#1e40af}.admin-panel-page .type-badge.legacy{background:#f3f4f6;color:#6b7280}.admin-panel-page .status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:6px}.admin-panel-page .status-dot.pending{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.admin-panel-page .status-dot.success{background:#10b981;box-shadow:0 0 0 2px #10b98133}.admin-panel-page .status-dot.danger{background:#ef4444;box-shadow:0 0 0 2px #ef444433}.admin-panel-page .action-group{display:flex;gap:8px}.admin-panel-page .btn-icon{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.admin-panel-page .btn-icon.secondary{background:#f3f4f6;color:#4b5563}.admin-panel-page .btn-icon.secondary:hover{background:#e5e7eb;color:#1f2937}.admin-panel-page .btn-icon.success{background:#ecfdf5;color:#059669}.admin-panel-page .btn-icon.success:hover{background:#d1fae5;transform:translateY(-2px)}.admin-panel-page .btn-icon.danger{background:#fef2f2;color:#dc2626}.admin-panel-page .btn-icon.danger:hover{background:#fee2e2;transform:translateY(-2px)}.admin-panel-page .btn-icon.permanent-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 4px #ef444433;position:relative;overflow:hidden}.admin-panel-page .btn-icon.permanent-delete: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 .5s}.admin-panel-page .btn-icon.permanent-delete:hover{transform:translateY(-2px);box-shadow:0 4px 8px #ef44444d}.admin-panel-page .btn-icon.permanent-delete:hover:before{left:100%}.admin-panel-page .btn-icon.permanent-delete:active{transform:translateY(0);box-shadow:0 2px 4px #ef444433}.admin-panel-page .dashboard-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.admin-panel-page .overview-card{border-radius:24px;padding:24px;display:flex;justify-content:space-between;align-items:center;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 20px #0000001a}.admin-panel-page .overview-card.gradient-1{background:linear-gradient(135deg,#3b82f6,#2563eb)}.admin-panel-page .overview-card.gradient-2{background:linear-gradient(135deg,#10b981,#059669)}.admin-panel-page .overview-card.gradient-3{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.admin-panel-page .card-inner{position:relative;z-index:2}.admin-panel-page .ov-label{display:block;font-size:14px;opacity:.9;margin-bottom:8px}.admin-panel-page .ov-value{display:block;font-size:32px;font-weight:800}.admin-panel-page .ov-icon{position:absolute;left:-10px;bottom:-10px;opacity:.2;transform:rotate(15deg) scale(1.5)}.admin-panel-page .charts-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}@media(max-width:1200px){.admin-panel-page .charts-grid{grid-template-columns:1fr 1fr}.admin-panel-page .chart-card.large{grid-column:span 2}}@media(max-width:768px){.admin-panel-page .charts-grid{grid-template-columns:1fr}.admin-panel-page .chart-card.large{grid-column:span 1}}.admin-panel-page .chart-card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 30px #00000008;display:flex;flex-direction:column;height:340px}.admin-panel-page .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-panel-page .chart-header h4{font-size:16px;font-weight:700;color:#374151;margin:0}.admin-panel-page .chart-select{background:#f3f4f6;border:none;padding:6px 12px;border-radius:8px;font-family:Dana;font-size:12px;outline:none}.admin-panel-page .chart-body{flex:1;position:relative;display:flex;align-items:center;justify-content:center}.admin-panel-page .chart-body.bar-body{align-items:flex-end}.admin-panel-page .svg-chart-container{width:100%;height:100%;display:flex;flex-direction:column}.admin-panel-page .fake-line-chart{width:100%;height:85%;overflow:visible}.admin-panel-page .chart-labels-x{display:flex;justify-content:space-between;font-size:11px;color:#9ca3af;margin-top:10px}.admin-panel-page .fake-donut{position:relative;width:180px;height:180px}.admin-panel-page .circular-chart{display:block;margin:0 auto;max-width:100%;max-height:100%}.admin-panel-page .circle-bg{fill:none;stroke:#f3f4f6;stroke-width:3.8}.admin-panel-page .circle{fill:none;stroke:#3b82f6;stroke-width:2.8;stroke-linecap:round;animation:progress 1s ease-out forwards}.admin-panel-page .circle.secondary{stroke:#10b981}@keyframes progress{0%{stroke-dasharray:0 100}}.admin-panel-page .donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.admin-panel-page .donut-center span{display:block;font-size:24px;font-weight:800;color:#1f2937}.admin-panel-page .donut-center small{font-size:12px;color:#9ca3af}.admin-panel-page .chart-legend{position:absolute;bottom:0;right:0;font-size:11px;color:#6b7280}.admin-panel-page .legend-item{display:flex;align-items:center;gap:4px;margin-top:4px}.admin-panel-page .legend-item .dot{width:6px;height:6px;border-radius:50%}.admin-panel-page .dot.blue{background:#3b82f6}.admin-panel-page .dot.green{background:#10b981}.admin-panel-page .dot.gray{background:#e5e7eb}.admin-panel-page .fake-bar-chart{width:100%;height:100%;display:flex;justify-content:space-around;align-items:flex-end;padding-bottom:20px}.admin-panel-page .bar-group{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end;width:10%}.admin-panel-page .bar{width:100%;background:#f3f4f6;border-radius:8px;transition:height 1s ease-out;position:relative;min-height:10px}.admin-panel-page .bar.active{background:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.admin-panel-page .bar-group span{font-size:12px;color:#9ca3af}.admin-panel-page .empty-view{display:flex;justify-content:center;align-items:center;min-height:400px}.admin-panel-page .placeholder-content{text-align:center;color:#9ca3af}.admin-panel-page .placeholder-icon-bg{width:80px;height:80px;background:#f3f4f6;border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#d1d5db}.admin-panel-page .modal-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.admin-panel-page .modal-container{background:#fff;border-radius:24px;width:100%;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.admin-panel-page .modal-container.large{max-width:800px;height:85vh}.admin-panel-page .modal-container.small{max-width:450px}.admin-panel-page .modal-head{padding:20px 24px;border-bottom:1px solid #F3F4F6;display:flex;justify-content:space-between;align-items:center}.admin-panel-page .modal-title-wrap{display:flex;align-items:center;gap:10px}.admin-panel-page .modal-icon{width:32px;height:32px;background:#eff6ff;color:#2563eb;border-radius:8px;display:flex;align-items:center;justify-content:center}.admin-panel-page .modal-head h3{font-size:18px;font-weight:700;color:#1f2937;margin:0}.admin-panel-page .close-btn{background:transparent;border:none;cursor:pointer;color:#9ca3af;transition:color .2s}.admin-panel-page .close-btn:hover{color:#ef4444}.admin-panel-page .modal-body{padding:24px}.admin-panel-page .modal-body.scrollable{overflow-y:auto}.admin-panel-page .info-section{margin-bottom:32px}.admin-panel-page .section-header{font-size:15px;color:#6b7280;margin-bottom:16px;display:flex;align-items:center;font-weight:600}.admin-panel-page .section-header:after{content:"";flex:1;height:1px;background:#f3f4f6;margin-right:12px}.admin-panel-page .info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.admin-panel-page .info-tile{background:#f9fafb;padding:12px 16px;border-radius:12px;border:1px solid #F3F4F6}.admin-panel-page .info-tile .label{display:block;font-size:12px;color:#9ca3af;margin-bottom:4px}.admin-panel-page .info-tile .value{font-size:14px;font-weight:600;color:#1f2937}.admin-panel-page .docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.admin-panel-page .doc-card{border-radius:16px;overflow:hidden;border:1px solid #F3F4F6;background:#fff;transition:transform .2s;position:relative}.admin-panel-page .doc-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000000d}.admin-panel-page .btn-download-file{position:absolute;top:8px;left:8px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:8px;padding:8px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #00000026;z-index:10}.admin-panel-page .btn-download-file:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:scale(1.1)}.admin-panel-page .btn-download-file svg{display:block;color:#3b82f6;width:16px;height:16px}.admin-panel-page .doc-img-wrapper{height:140px;background:#f3f4f6;position:relative;display:flex;align-items:center;justify-content:center}.admin-panel-page .doc-img-wrapper img{width:100%;height:100%;object-fit:cover}.admin-panel-page .zoom-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s}.admin-panel-page .doc-img-wrapper:hover .zoom-overlay{opacity:1}.admin-panel-page .doc-name{display:block;padding:10px;text-align:center;font-size:13px;font-weight:500;color:#4b5563;background:#fff;border-top:1px solid #F3F4F6}.admin-panel-page .map-container{border-radius:12px;overflow:hidden;border:2px solid #E5E7EB;box-shadow:0 4px 12px #0000000d}.admin-panel-page .map-container .leaflet-container{font-family:Dana,sans-serif}.admin-panel-page .map-container .leaflet-popup-content-wrapper{border-radius:8px;font-family:Dana,sans-serif;text-align:center}.admin-panel-page .files-list{display:flex;flex-direction:column;gap:12px}.admin-panel-page .file-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;transition:all .2s}.admin-panel-page .file-item:hover{background:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.admin-panel-page .file-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff;border-radius:10px;border:1px solid #E5E7EB;flex-shrink:0}.admin-panel-page .file-icon svg{color:#3b82f6;width:24px;height:24px}.admin-panel-page .file-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.admin-panel-page .file-name{font-size:14px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-panel-page .file-label{font-size:12px;color:#6b7280}.admin-panel-page .btn-download-file-inline{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Dana,sans-serif;flex-shrink:0;box-shadow:0 2px 8px #3b82f633}.admin-panel-page .btn-download-file-inline:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.admin-panel-page .btn-download-file-inline svg{width:18px;height:18px}.admin-panel-page .modal-footer{padding:20px 24px;border-top:1px solid #F3F4F6;display:flex;justify-content:flex-end;gap:12px;background:#f9fafb}.admin-panel-page .btn{padding:10px 24px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;border:none;transition:all .2s;font-family:Dana,sans-serif!important}.admin-panel-page .btn-secondary{background:#fff;border:1px solid #D1D5DB;color:#374151}.admin-panel-page .btn-secondary:hover{background:#f3f4f6}.admin-panel-page .btn-danger{background:#dc2626;color:#fff}.admin-panel-page .btn-danger:hover{background:#b91c1c;box-shadow:0 4px 12px #dc26264d}.admin-panel-page .modern-textarea{width:100%;border:2px solid #F3F4F6;border-radius:12px;padding:16px;font-family:Dana,sans-serif!important;font-size:14px;resize:vertical;transition:border-color .2s}.admin-panel-page .modern-textarea:focus{outline:none;border-color:#3b82f6}.admin-panel-page .filter-group{display:flex;gap:8px;background:#fff;border-radius:12px;padding:4px;border:1px solid #E5E7EB}.admin-panel-page .filter-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;border:none;background:transparent;color:#6b7280;cursor:pointer;transition:all .2s;font-family:Dana,sans-serif!important}.admin-panel-page .filter-btn:hover{background:#f3f4f6;color:#374151}.admin-panel-page .filter-btn.active{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f633}.admin-panel-page .status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap}.admin-panel-page .status-badge.approved{background:#d1fae5;color:#065f46}.admin-panel-page .status-badge.rejected{background:#fee2e2;color:#991b1b}.admin-panel-page .status-badge.large{padding:12px 20px;font-size:14px}.admin-panel-page .status-badge svg{width:14px;height:14px}.admin-panel-page .status-badge.large svg{width:18px;height:18px}.admin-panel-page .status-info{display:flex;flex-direction:column;gap:16px}.admin-panel-page .rejection-reason{padding:16px;background:#fef2f2;border-radius:12px;border-left:4px solid #DC2626}.admin-panel-page .rejection-reason strong{display:block;margin-bottom:8px;color:#991b1b;font-size:13px}.admin-panel-page .rejection-reason p{margin:0;color:#7f1d1d;font-size:14px;line-height:1.6}.admin-panel-page .review-date{padding:12px;background:#f3f4f6;border-radius:10px;font-size:13px;color:#4b5563}.admin-panel-page .review-date strong{color:#1f2937;margin-left:8px}@media(max-width:1024px){.admin-panel-page .sidebar-container{width:80px;padding:16px}.admin-panel-page .sidebar-content{width:100%}.admin-panel-page .logo-text,.admin-panel-page .nav-label,.admin-panel-page .nav-subtitle,.admin-panel-page .user-info,.admin-panel-page .nav-badge,.admin-panel-page .logout-btn{display:none}.admin-panel-page .logo-box{margin:0 auto}.admin-panel-page .nav-item{justify-content:center;padding:14px 0}.admin-panel-page .nav-icon{margin:0}.admin-panel-page .active-indicator{display:none}.admin-panel-page .sidebar-footer{flex-direction:column}.admin-panel-page .user-profile-btn{padding:0;justify-content:center}.admin-panel-page .view-container{padding:0 20px 20px}.admin-panel-page .filter-group{flex-wrap:wrap}.admin-panel-page .filter-btn{font-size:12px;padding:6px 12px}}.admin-panel-page .view-header-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;flex-wrap:wrap;gap:20px}.admin-panel-page .view-title{font-size:24px;font-weight:800;color:#111827;margin:0}.admin-panel-page .stats-summary{display:flex;gap:12px}.admin-panel-page .stat-chip{background:#fff;padding:8px 16px;border-radius:12px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #00000008;border:1px solid #F3F4F6;transition:transform .2s}.admin-panel-page .stat-chip:hover{transform:translateY(-2px)}.admin-panel-page .stat-chip.success .stat-value{color:#059669}.admin-panel-page .stat-chip.success svg{color:#10b981;background:#ecfdf5;padding:4px;border-radius:6px;width:24px;height:24px}.admin-panel-page .stat-chip.danger .stat-value{color:#dc2626}.admin-panel-page .stat-chip.danger svg{color:#ef4444;background:#fef2f2;padding:4px;border-radius:6px;width:24px;height:24px}.admin-panel-page .stat-value{font-size:18px;font-weight:800}.admin-panel-page .stat-label{font-size:12px;color:#6b7280;font-weight:500}.admin-panel-page .table-header-controls{padding:20px;border-bottom:1px solid #F3F4F6;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.admin-panel-page .search-box{position:relative;width:300px}.admin-panel-page .search-box input{width:100%;padding:10px 40px 10px 16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;font-family:Dana;font-size:13px;transition:all .2s}.admin-panel-page .search-box input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.admin-panel-page .search-box .search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9ca3af;display:flex}.admin-panel-page .filter-tabs{display:flex;background:#f3f4f6;padding:4px;border-radius:10px}.admin-panel-page .tab-btn{padding:8px 16px;border-radius:8px;border:none;background:transparent;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;font-family:Dana}.admin-panel-page .tab-btn.active{background:#fff;color:#1f2937;box-shadow:0 2px 4px #0000000d;font-weight:700}.admin-panel-page .count-badge{background:#e5e7eb;color:#4b5563;padding:2px 6px;border-radius:6px;font-size:11px}.admin-panel-page .tab-btn.active .count-badge{background:#f3f4f6;color:#1f2937}.admin-panel-page .tab-btn.active .count-badge.success{background:#ecfdf5;color:#059669}.admin-panel-page .tab-btn.active .count-badge.danger{background:#fef2f2;color:#dc2626}.admin-panel-page .status-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#374151}.admin-panel-page .status-pill.approved{color:#059669}.admin-panel-page .status-pill.rejected{color:#dc2626}.admin-panel-page .tab-switcher{display:flex;background:#f3f4f6;padding:4px;border-radius:14px;gap:4px}.admin-panel-page .tab-switch-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:10px;background:transparent;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;font-family:Dana}.admin-panel-page .tab-switch-btn svg{color:#9ca3af}.admin-panel-page .tab-switch-btn:hover{background:#ffffff80;color:#374151}.admin-panel-page .tab-switch-btn.active{background:#fff;color:#2563eb;font-weight:700;box-shadow:0 2px 8px #0000000d}.admin-panel-page .tab-switch-btn.active svg{color:#2563eb}.admin-panel-page .badge-count{background:#ef4444;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:700;line-height:1}.modern-input{width:100%;padding:12px 16px;border:2px solid #E5E7EB;border-radius:10px;font-size:14px;font-family:Dana,sans-serif;color:#1f2937;background:#fff;transition:all .2s ease;outline:none;resize:vertical}.modern-input:hover{border-color:#d1d5db}.modern-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modern-input::placeholder{color:#9ca3af;font-size:13px}.modern-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}textarea.modern-input{min-height:80px;line-height:1.6}select.modern-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;padding-left:40px}select.modern-input:focus{background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%233B82F6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}input[type=number].modern-input{-moz-appearance:textfield}input[type=number].modern-input::-webkit-outer-spin-button,input[type=number].modern-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=checkbox]{width:18px;height:18px;border:2px solid #D1D5DB;border-radius:4px;cursor:pointer;transition:all .2s ease}input[type=checkbox]:checked{background-color:#3b82f6;border-color:#3b82f6}input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.dynamic-role-list-container{padding:24px;max-width:1200px;margin:0 auto;direction:rtl}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;position:relative;z-index:5}.page-header h1{font-size:24px;font-weight:700;color:#1a1a1a}.page-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:16px;border-radius:12px;border:1px solid #e5e7eb}.filter-section{margin-bottom:0}.filter-section label{display:flex;align-items:center;gap:8px;cursor:pointer}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.role-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s ease}.role-card:hover{box-shadow:0 4px 12px #0000001a}.role-card.inactive{opacity:.6;background:#f9fafb}.role-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.role-icon{width:40px;height:40px;object-fit:contain}.role-header h3{flex:1;font-size:18px;font-weight:600;color:#1a1a1a}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.role-description{color:#6b7280;font-size:14px;margin-bottom:12px;line-height:1.5}.role-meta{display:flex;gap:16px;margin-bottom:16px;font-size:13px;color:#9ca3af}.role-actions{display:flex;gap:8px}.role-actions button{flex:1;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.role-actions button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#3b82f6;color:#fff;padding:10px 20px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-edit{background:#f3f4f6;color:#374151}.btn-edit:hover:not(:disabled){background:#e5e7eb}.btn-toggle{background:#fef3c7;color:#92400e}.btn-toggle:hover{background:#fde68a}.btn-delete{background:#fee2e2;color:#991b1b}.btn-delete:hover:not(:disabled){background:#fecaca}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#f9fafb;border-radius:12px}.empty-state p{font-size:16px;color:#6b7280;margin-bottom:20px}.field-type-palette{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;height:fit-content;position:sticky;top:20px}.field-type-palette h3{font-size:16px;font-weight:600;margin-bottom:4px;color:#1f2937}.palette-description{font-size:13px;color:#6b7280;margin-bottom:16px}.field-types-grid{display:grid;gap:8px}.field-type-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;text-align:right}.field-type-item:hover{background:#f3f4f6;border-color:#3b82f6;transform:translateY(-1px)}.field-type-icon{font-size:20px;flex-shrink:0}.field-type-label{font-size:14px;font-weight:500;color:#374151;flex:1}.field-list{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;min-height:400px}.field-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.field-list-header h3{font-size:16px;font-weight:600;color:#1f2937}.field-count{font-size:13px;color:#6b7280;background:#f3f4f6;padding:4px 12px;border-radius:12px}.field-list-items{display:flex;flex-direction:column;gap:8px}.field-list-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.field-list-item:hover{border-color:#cbd5e1;background:#f3f4f6}.field-list-item.selected{border-color:#3b82f6;background:#eff6ff}.drag-handle{cursor:grab;color:#9ca3af;display:flex;align-items:center;padding:4px}.drag-handle:active{cursor:grabbing}.field-info{display:flex;align-items:center;gap:12px;flex:1}.field-icon{font-size:20px}.field-details{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.field-label{font-size:14px;font-weight:500;color:#1f2937}.field-type-badge{font-size:11px;padding:2px 8px;background:#e0e7ff;color:#3730a3;border-radius:4px;font-weight:500}.required-badge{font-size:11px;padding:2px 8px;background:#fee2e2;color:#991b1b;border-radius:4px;font-weight:500}.conditional-badge{font-size:14px}.delete-field-btn{padding:6px;background:transparent;border:none;cursor:pointer;opacity:.6;transition:opacity .2s;font-size:16px}.delete-field-btn:hover{opacity:1}.field-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;color:#6b7280}.field-list-empty p{font-size:16px;font-weight:500;margin-bottom:8px}.field-list-empty span{font-size:14px}.field-editor{background:#fff;border:1px solid #e5e7eb;border-radius:12px;height:fit-content;max-height:calc(100vh - 200px);overflow-y:auto;position:sticky;top:20px}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.editor-header h3{font-size:16px;font-weight:600;color:#1f2937}.field-id{font-size:12px;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:4px;font-family:monospace}.editor-content{padding:20px}.editor-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f3f4f6}.editor-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.editor-section h4{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:12px}.section-description{font-size:13px;color:#6b7280;margin-bottom:12px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6}.checkbox-group label,.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox],.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.checkbox-group-vertical{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f9fafb;border-radius:6px}.checkbox-group-vertical .checkbox-label{margin:0;padding:6px;border-radius:4px;transition:background .2s}.checkbox-group-vertical .checkbox-label:hover{background:#f3f4f6}.field-hint{display:block;font-size:12px;color:#6b7280;margin-top:4px}.options-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.option-item{display:flex;gap:8px;align-items:center}.option-item input{flex:1;padding:8px;border:1px solid #d1d5db;border-radius:6px;font-size:13px}.btn-remove-option{padding:6px 10px;background:#fee2e2;color:#991b1b;border:none;border-radius:6px;cursor:pointer;font-size:16px}.btn-remove-option:disabled{opacity:.5;cursor:not-allowed}.btn-add-option{width:100%;padding:8px;background:#f3f4f6;border:1px dashed #d1d5db;border-radius:6px;color:#374151;font-size:13px;cursor:pointer;transition:all .2s}.btn-add-option:hover{background:#e5e7eb;border-color:#9ca3af}.conditional-values{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f9fafb;border-radius:6px}.info-box{padding:12px;background:#d1fae5;color:#065f46;border-radius:6px;font-size:13px}.no-field-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;color:#6b7280}.no-field-selected p{font-size:16px;font-weight:500;margin-bottom:8px}.no-field-selected span{font-size:14px}.step-manager{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:24px}.step-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.step-manager-header h2{font-size:18px;font-weight:600;color:#1f2937}.btn-add-step{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s}.btn-add-step:hover{background:#2563eb}.steps-container{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.step-card{min-width:200px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.step-card:hover{border-color:#cbd5e1}.step-card.active{border-color:#3b82f6;background:#eff6ff}.step-card-header{padding:16px;display:flex;gap:12px;align-items:flex-start}.step-number{width:32px;height:32px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.step-card.active .step-number{background:#1d4ed8}.step-info{flex:1}.step-info h4{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:4px}.step-info p{font-size:12px;color:#6b7280;margin-bottom:8px}.step-info .field-count{font-size:12px;color:#9ca3af}.step-actions{display:flex;gap:4px}.btn-edit-step,.btn-delete-step{padding:4px 8px;background:transparent;border:none;cursor:pointer;font-size:16px;opacity:.6;transition:opacity .2s}.btn-edit-step:hover,.btn-delete-step:hover{opacity:1}.step-edit-form{display:flex;flex-direction:column;gap:8px}.step-edit-form input{padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px}.btn-save-step{padding:6px 12px;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer}.form-field{display:flex;flex-direction:column;gap:4px;align-items:flex-end;width:100%;position:relative}.select-wrapper{width:100%;position:relative}.form-select{width:100%;height:56px;padding:16px 8px;border:1px solid #878A95;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .3s ease}.form-select:hover{border-color:#147ee4}.select-open{border-color:#147ee4;box-shadow:0 0 0 2px #147ee41a}.select-error{border-color:#ff4d4f}.select-disabled{background:#f5f5f5;cursor:not-allowed;border-color:#e0e0e0;opacity:.7}.select-icon{width:24px;height:24px;transition:transform .3s ease}.icon-rotate{transform:rotate(180deg)}.select-value{flex:1;font-size:16px;font-weight:400;color:#2f2f33;text-align:right}.value-placeholder{color:#adafb6}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #E0E0E0;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:300px;overflow:hidden;z-index:1000;display:flex;flex-direction:column}.search-container{padding:8px;border-bottom:1px solid #F5F5F5;position:relative;background:#fff}.dropdown-search-input{width:100%;padding:8px 32px 8px 8px;border:1px solid #E0E0E0;border-radius:6px;font-family:inherit;font-size:14px;direction:rtl;outline:none}.dropdown-search-input:focus{border-color:#147ee4}.search-icon-input{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none}.options-list{overflow-y:auto;max-height:250px}.dropdown-item{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .2s ease;direction:rtl}.dropdown-item:hover{background:#f5f5f5}.item-selected{background:#e8f5e9}.check-icon{width:20px;height:20px;margin-left:8px}.dropdown-item span{flex:1;text-align:right;font-size:14px;color:#2f2f33}.no-results{padding:12px;text-align:center;color:#adafb6;font-size:14px}.map-wrapper{margin-top:16px;position:relative}.map-label{font-size:14px;font-weight:700;color:#2f2f33;margin-bottom:12px;text-align:right}.map-container{width:100%;height:300px;border-radius:12px;overflow:hidden;border:1px solid #e0e3eb;z-index:1;touch-action:none}.map-container .leaflet-container,.map-container .leaflet-marker-draggable{touch-action:none}.map-hint{margin-top:12px;font-size:12px;color:#636774;text-align:right;padding-right:4px}.location-search{position:relative;margin-bottom:12px;z-index:100}.search-input-map{width:100%;padding:14px 16px 14px 44px;border:1px solid #e0e3eb;border-radius:12px;background-color:#fff;font-family:inherit;font-size:14px;color:#2f2f33;text-align:right;direction:rtl;outline:none;transition:border-color .3s}.numeric-field{display:flex;flex-direction:column;margin-bottom:16px}.numeric-label{font-size:14px;color:#374151;margin-bottom:8px;font-weight:500}.numeric-input-wrapper{position:relative;display:flex;align-items:center}.numeric-input{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:16px;font-family:inherit;background:#fff;color:#1f2937;direction:ltr;text-align:right;transition:border-color .2s,box-shadow .2s}.numeric-input:focus{outline:none;border-color:#1983e8;box-shadow:0 0 0 3px #1983e81a}.numeric-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.numeric-input.input-error{border-color:#ef4444}.numeric-input::placeholder{color:#9ca3af}.numeric-unit{position:absolute;left:12px;color:#6b7280;font-size:14px;pointer-events:none}.numeric-input-wrapper:has(.numeric-unit) .numeric-input{padding-left:50px}.numeric-error{font-size:12px;color:#ef4444;margin-top:4px}[dir=rtl] .numeric-input{text-align:left}[dir=rtl] .numeric-unit{left:auto;right:12px}[dir=rtl] .numeric-input-wrapper:has(.numeric-unit) .numeric-input{padding-left:16px;padding-right:50px}.field-group{display:flex;flex-direction:column;gap:8px}.field-label{font-size:14px;font-weight:500;color:#374151}.field-input,.field-textarea,.field-select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s;font-family:inherit}.field-input:focus,.field-textarea:focus,.field-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.field-textarea{resize:vertical;min-height:100px}.field-error{font-size:13px;color:#ef4444;display:flex;align-items:center;gap:4px}.no-neighborhood-hint{font-size:12px;color:#d97706;background:#fffbeb;padding:8px 12px;border-radius:8px;border:1px solid #fcd34d;margin-top:4px}.radio-group{display:flex;flex-direction:column;gap:12px;padding:12px;background:#f9fafb;border-radius:8px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151}.radio-label input[type=radio]{width:18px;height:18px;cursor:pointer}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151;padding:12px;background:#f9fafb;border-radius:8px;transition:background .2s}.checkbox-label:hover{background:#f3f4f6}.switch-group{display:flex;gap:12px;flex-wrap:wrap}.switch-label{display:flex;align-items:center;justify-content:center;padding:12px 24px;background:#f3f4f6;border:2px solid #E5E7EB;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;color:#6b7280;min-width:100px;text-align:center}.switch-label:hover{background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px)}.switch-label.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.switch-label.active:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.switch-text{pointer-events:none}.file-upload-area{display:flex;flex-direction:column;gap:8px}.file-upload-label{cursor:pointer}.file-upload-hidden{display:none}.file-upload-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border:2px dashed #d1d5db;border-radius:12px;background:#f9fafb;color:#3b82f6;font-weight:600;transition:all .2s;cursor:pointer}.file-upload-button:hover{border-color:#3b82f6;background:#eff6ff}.file-upload-button svg{width:20px;height:20px}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .6s linear infinite}.uploaded-files-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.uploaded-file-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;transition:all .2s}.uploaded-file-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.uploaded-file-item .file-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#eff6ff;border-radius:8px;flex-shrink:0}.uploaded-file-item .file-icon svg{color:#3b82f6}.uploaded-file-item .file-details{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.uploaded-file-item .file-name{font-size:14px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uploaded-file-item .file-size{font-size:12px;color:#6b7280}.btn-remove-file{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fef2f2;color:#ef4444;border:none;border-radius:6px;cursor:pointer;transition:all .2s;flex-shrink:0;font-size:16px}.btn-remove-file:hover{background:#fee2e2;transform:scale(1.1)}.location-fields{display:flex;flex-direction:column;gap:12px}.map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;text-align:center}.map-icon{font-size:48px;margin-bottom:12px}.map-placeholder p{font-size:15px;color:#6b7280;margin-bottom:16px}.btn-select-location{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-select-location:hover{background:#2563eb}.image-upload-input{display:none}.image-upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;border:2px dashed #d1d5db;border-radius:12px;background:#f9fafb;cursor:pointer;transition:all .3s ease;text-align:center}.image-upload-box:hover{border-color:#3b82f6;background:#eff6ff}.image-upload-box .upload-icon{color:#9ca3af;margin-bottom:12px;transition:color .2s}.image-upload-box:hover .upload-icon{color:#3b82f6}.image-upload-box .upload-text{font-size:14px;font-weight:500;color:#374151;margin-bottom:4px}.image-upload-box .upload-hint{font-size:12px;color:#6b7280}.image-previews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:16px}.image-preview-item{position:relative;border-radius:12px;overflow:hidden;border:2px solid #e5e7eb;background:#f9fafb;transition:all .2s}.image-preview-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.preview-image{width:100%;height:150px;object-fit:cover;display:block}.remove-image-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#ef4444f2;color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0;box-shadow:0 2px 8px #0003}.image-preview-item:hover .remove-image-btn{opacity:1}.remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.image-info{padding:8px;display:flex;flex-direction:column;gap:2px;background:#fff}.image-name{font-size:12px;font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-size{font-size:11px;color:#9ca3af}.unknown-field-type{padding:20px;background:#fef3c7;color:#92400e;border-radius:8px;text-align:center;font-size:14px}.persian-datepicker-input{width:100%!important;font-family:Dana,sans-serif!important;padding:12px;border:1px solid #d1d5db;border-radius:8px;height:46px}.rmdp-wrapper{direction:rtl;font-family:Dana,sans-serif!important}.rmdp-calendar{font-family:Dana,sans-serif!important;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #0000001a}.rmdp-header{background:#3b82f6;color:#fff;border-radius:12px 12px 0 0}.rmdp-header-values,.rmdp-arrow-container{color:#fff!important}.rmdp-arrow-container:hover{background:#fff3;box-shadow:none}.rmdp-week-day{color:#6b7280;font-weight:600}.rmdp-day{color:#374151}.rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden) span:hover{background-color:#dbeafe!important;color:#1e40af}.rmdp-day.rmdp-selected span:not(.highlight){background-color:#3b82f6!important;color:#fff;box-shadow:0 0 3px #3b82f6}.rmdp-day.rmdp-today span{background-color:#eff6ff;color:#3b82f6;font-weight:700}.rmdp-day.rmdp-range{background-color:#dbeafe}.rmdp-disabled{color:#d1d5db!important}.rmdp-month-picker,.rmdp-year-picker{background-color:#fff}.rmdp-ym .rmdp-day:not(.rmdp-disabled) span:hover{background-color:#dbeafe!important;color:#1e40af}.rmdp-ym .rmdp-day.rmdp-selected span{background-color:#3b82f6!important;color:#fff}@media(max-width:640px){.field-input,.field-textarea,.field-select{font-size:16px}.image-previews-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.preview-image{height:120px}}.form-preview-modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.form-preview-container{background:#fff;border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;direction:rtl}.preview-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid #e5e7eb}.preview-header h2{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:4px}.preview-header p{font-size:14px;color:#6b7280}.btn-close-preview{padding:8px;background:transparent;border:none;font-size:24px;cursor:pointer;color:#6b7280;transition:color .2s}.btn-close-preview:hover{color:#1f2937}.preview-content{flex:1;overflow-y:auto;padding:24px}.preview-stepper{display:flex;justify-content:space-between;margin-bottom:32px;gap:8px}.preview-step-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;padding:12px;border-radius:8px;transition:background .2s}.preview-step-item:hover{background:#f9fafb}.preview-step-number{width:32px;height:32px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .2s}.preview-step-item.active .preview-step-number{background:#3b82f6;color:#fff}.preview-step-item.completed .preview-step-number{background:#10b981;color:#fff}.preview-step-item span{font-size:12px;color:#6b7280;text-align:center}.preview-step-item.active span{color:#1f2937;font-weight:500}.preview-step-content h3{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:8px}.step-description{font-size:14px;color:#6b7280;margin-bottom:24px}.preview-fields{display:flex;flex-direction:column;gap:20px}.preview-field-group{display:flex;flex-direction:column;gap:6px}.preview-label{font-size:14px;font-weight:500;color:#374151}.required-star{color:#ef4444;margin-right:4px}.preview-input,.preview-textarea,.preview-select{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s}.preview-input:focus,.preview-textarea:focus,.preview-select:focus{outline:none;border-color:#3b82f6}.preview-radio-group{display:flex;flex-direction:column;gap:8px}.preview-radio-label,.preview-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.preview-file-input{padding:8px;border:1px dashed #d1d5db;border-radius:8px;cursor:pointer}.preview-special-field{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px}.special-field-icon{font-size:24px}.preview-special-field p{font-size:14px;color:#6b7280}.preview-image-upload{margin-top:8px}.hidden-file-input{display:none}.preview-image-upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;border:2px dashed #d1d5db;border-radius:12px;background:#f9fafb;text-align:center;cursor:pointer;transition:all .3s ease}.preview-image-upload-box:hover{border-color:#3b82f6;background:#eff6ff}.preview-image-upload-box .upload-icon{font-size:48px;margin-bottom:12px;transition:transform .2s}.preview-image-upload-box:hover .upload-icon{transform:scale(1.1)}.preview-image-upload-box p{font-size:14px;font-weight:500;color:#374151;margin:0 0 8px}.preview-image-upload-box .upload-hint{font-size:12px;color:#6b7280;display:block;margin-bottom:4px}.preview-image-upload-box .upload-formats{font-size:11px;color:#9ca3af;display:block;margin-top:8px;padding:4px 8px;background:#fff;border-radius:4px}.preview-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:16px}.preview-image-item{position:relative;border-radius:12px;overflow:hidden;border:2px solid #e5e7eb;background:#fff;transition:all .2s}.preview-image-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.preview-img{width:100%;height:120px;object-fit:cover;display:block}.remove-preview-image-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;background:#ef4444f2;color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s;opacity:0}.preview-image-item:hover .remove-preview-image-btn{opacity:1}.remove-preview-image-btn:hover{background:#dc2626;transform:scale(1.1)}.preview-image-info{padding:8px;display:flex;flex-direction:column;gap:2px;background:#f9fafb}.preview-image-name{font-size:11px;font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-image-size{font-size:10px;color:#9ca3af}.preview-unknown-field{padding:16px;background:#fef3c7;color:#92400e;border:1px dashed #fbbf24;border-radius:8px;text-align:center;font-size:13px}.conditional-indicator{font-size:12px;color:#6b7280;display:flex;align-items:center;gap:4px}.preview-navigation{display:flex;justify-content:space-between;margin-top:24px;gap:12px}.btn-prev,.btn-next,.btn-submit{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-prev{background:#f3f4f6;color:#374151}.btn-prev:hover:not(:disabled){background:#e5e7eb}.btn-prev:disabled{opacity:.5;cursor:not-allowed}.btn-next,.btn-submit{background:#3b82f6;color:#fff;flex:1}.btn-next:hover,.btn-submit:hover{background:#2563eb}.preview-footer{padding:16px 24px;background:#fef3c7;border-top:1px solid #fde68a;text-align:center}.preview-footer p{font-size:13px;color:#92400e}.preview-input.persian-datepicker-input{font-family:Dana,sans-serif!important;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;height:42px}.persian-datepicker-container{width:100%;position:relative}.form-preview-container .rmdp-wrapper{direction:rtl;font-family:Dana,sans-serif!important}.form-preview-container .rmdp-calendar{font-family:Dana,sans-serif!important;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #0000001a}.form-preview-container .rmdp-header{background:#3b82f6;color:#fff;border-radius:12px 12px 0 0}.form-preview-container .rmdp-header-values,.form-preview-container .rmdp-arrow-container{color:#fff!important}.form-preview-container .rmdp-arrow-container:hover{background:#fff3;box-shadow:none}.form-preview-container .rmdp-week-day{color:#6b7280;font-weight:600}.form-preview-container .rmdp-day{color:#374151}.form-preview-container .rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden) span:hover{background-color:#dbeafe!important;color:#1e40af}.form-preview-container .rmdp-day.rmdp-selected span:not(.highlight){background-color:#3b82f6!important;color:#fff;box-shadow:0 0 3px #3b82f6}.form-preview-container .rmdp-day.rmdp-today span{background-color:#eff6ff;color:#3b82f6;font-weight:700}.form-preview-container .rmdp-day.rmdp-range{background-color:#dbeafe}.form-preview-container .rmdp-disabled{color:#d1d5db!important}.role-form-builder-container{padding:24px;max-width:1600px;margin:0 auto;direction:rtl}.builder-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.builder-header h1{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.builder-header p{font-size:14px;color:#6b7280}.header-actions{display:flex;gap:12px}.btn-primary{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#2563eb}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:10px 20px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#e5e7eb}.btn-text{padding:10px 20px;background:transparent;color:#6b7280;border:none;font-size:14px;cursor:pointer;transition:color .2s}.btn-text:hover{color:#374151}.role-basic-info-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:24px}.role-basic-info-section h2{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:14px;font-weight:500;color:#374151}.form-group input[type=text],.form-group input[type=url],.form-group textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.builder-workspace{display:grid;grid-template-columns:250px 1fr 350px;gap:20px}@media(max-width:1400px){.builder-workspace{grid-template-columns:220px 1fr 320px}}@media(max-width:1200px){.builder-workspace{grid-template-columns:1fr}.field-palette-section{order:3}.field-list-section{order:1}.field-editor-section{order:2}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:16px;color:#6b7280}.icon-upload-container{margin-top:8px}.icon-upload-input{display:none}.icon-upload-label{display:block;border:2px dashed #d1d5db;border-radius:12px;padding:32px;text-align:center;cursor:pointer;transition:all .3s ease;background:#f9fafb}.icon-upload-label:hover{border-color:#3b82f6;background:#eff6ff}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#6b7280}.upload-placeholder svg{color:#9ca3af;transition:color .2s}.icon-upload-label:hover .upload-placeholder svg{color:#3b82f6}.upload-placeholder span{font-size:14px;font-weight:500;color:#374151}.upload-placeholder small{font-size:12px;color:#9ca3af}.icon-preview-box{position:relative;display:inline-block;width:160px;height:160px;border-radius:12px;overflow:hidden;border:2px solid #e5e7eb;background:#f9fafb}.icon-preview-img{width:100%;height:100%;object-fit:contain;padding:8px}.remove-icon-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#ef4444e6;color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 8px #00000026}.remove-icon-btn:hover{background:#dc2626;transform:scale(1.1)}.template-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.template-modal-content{background:#fff;border-radius:16px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.template-modal-header{padding:24px 30px;border-bottom:2px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#093967,#0a5490);color:#fff;border-radius:16px 16px 0 0}.template-modal-header h2{margin:0;font-size:24px;font-weight:700}.modal-close-btn{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-size:24px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#fff3;border-color:#fff;transform:rotate(90deg)}.template-modal-body{padding:30px}.template-modal-subtitle{text-align:center;font-size:16px;color:#6b7280;margin-bottom:30px;line-height:1.6}.template-type-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:20px}.template-type-card{border:2px solid #e5e7eb;border-radius:16px;padding:28px;cursor:pointer;transition:all .3s ease;background:#fff;position:relative;overflow:hidden}.template-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transform:scaleX(0);transition:transform .3s ease}.template-type-card:hover:before{transform:scaleX(1)}.template-type-card:hover{border-color:#3b82f6;box-shadow:0 12px 32px #3b82f626;transform:translateY(-4px)}.detail-card:hover{border-color:#10b981;box-shadow:0 12px 32px #10b98126}.detail-card:before{background:linear-gradient(90deg,#10b981,#059669)}.list-card:hover{border-color:#f59e0b;box-shadow:0 12px 32px #f59e0b26}.list-card:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.card-icon{width:64px;height:64px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:20px}.detail-card .card-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.list-card .card-icon{background:linear-gradient(135deg,#fef3c7,#fde68a)}.template-type-card h3{font-size:20px;font-weight:700;color:#111827;margin:0 0 12px}.template-type-card p{font-size:14px;color:#6b7280;margin:0 0 20px;line-height:1.6}.card-features{list-style:none;padding:0;margin:0 0 24px}.card-features li{font-size:14px;color:#374151;padding:8px 0;border-bottom:1px solid #f3f4f6}.card-features li:last-child{border-bottom:none}.card-btn{width:100%;padding:12px 24px;border-radius:10px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.detail-card .card-btn{background:linear-gradient(135deg,#10b981,#059669)}.list-card .card-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}.card-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}.detail-card .card-btn:hover{box-shadow:0 8px 16px #10b9814d}.list-card .card-btn:hover{box-shadow:0 8px 16px #f59e0b4d}.template-modal-footer{padding:20px 30px;border-top:1px solid #e5e7eb;display:flex;justify-content:center;background:#f9fafb;border-radius:0 0 16px 16px}.btn-cancel{padding:10px 32px;border-radius:8px;border:2px solid #d1d5db;background:#fff;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover{border-color:#9ca3af;color:#374151;background:#f9fafb}@media(max-width:768px){.template-type-options{grid-template-columns:1fr}.template-modal-content{width:95%;max-height:85vh}.template-modal-header h2{font-size:20px}.template-modal-body{padding:20px}}.role-assignment-std-container{padding:24px;height:calc(100vh - 100px);display:flex;flex-direction:column}.page-header h1{font-size:24px;font-weight:800;color:#1e293b;margin-bottom:8px}.page-header p{color:#64748b;font-size:14px;margin-bottom:24px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#64748b;gap:16px}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite}.assignment-layout{display:flex;gap:24px;height:100%;overflow:hidden}.roles-sidebar{width:320px;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.panel-header{padding:20px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;background:#fff}.panel-header h2{font-size:16px;font-weight:700;color:#334155;margin:0}.badge-count{background:#f1f5f9;color:#64748b;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.roles-list{overflow-y:auto;padding:12px;flex:1}.role-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:12px;cursor:pointer;transition:all .2s ease;margin-bottom:8px;border:1px solid transparent}.role-item:hover{background-color:#f8fafc}.role-item.active{background-color:#eff6ff;border-color:#bfdbfe}.role-info{display:flex;align-items:center;gap:12px}.role-icon-sm{width:32px;height:32px;border-radius:8px;object-fit:cover;background:#e2e8f0}.role-title{font-weight:600;color:#334155;font-size:14px}.role-item.active .role-title{color:#2563eb}.role-meta{display:flex;align-items:center;gap:8px}.assigned-count{background:#e2e8f0;color:#64748b;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.role-item.active .assigned-count{background:#dbeafe;color:#2563eb}.chevron-icon{width:16px;height:16px;color:#94a3b8}.requests-main-area{flex:1;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;overflow:hidden}.header-info{display:flex;align-items:center;gap:16px}.header-icon{width:48px;height:48px;border-radius:12px;object-fit:cover;border:1px solid #e2e8f0}.subtitle{font-size:13px;color:#94a3b8;margin-top:4px;display:block}.requests-grid{padding:24px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;align-content:start}.request-card-item{border:1px solid #e2e8f0;border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease;background:#fff;position:relative}.request-card-item:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -2px #0000000d;transform:translateY(-2px)}.request-card-item.active{border-color:#10b981;background-color:#f0fdf4}.req-content{display:flex;align-items:center;gap:16px;width:100%}.checkbox-wrapper{display:flex;align-items:center}.custom-checkbox{width:24px;height:24px;border:2px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;background:#fff}.request-card-item:hover .custom-checkbox{border-color:#94a3b8}.custom-checkbox.checked{background-color:#10b981;border-color:#10b981;color:#fff}.custom-checkbox svg{width:16px;height:16px}.req-info{display:flex;align-items:center;gap:12px}.req-icon{width:32px;height:32px;border-radius:8px;object-fit:cover}.req-title{font-weight:600;color:#334155;font-size:14px}.request-card-item.active .req-title{color:#065f46}.mini-spinner{width:16px;height:16px;border:2px solid #cbd5e1;border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite;position:absolute;left:16px}.empty-msg{text-align:center;color:#94a3b8;margin-top:20px;font-size:14px}.select-role-placeholder{display:flex;align-items:center;justify-content:center;height:100%;background-color:#f8fafc}.placeholder-content{text-align:center;color:#94a3b8}.placeholder-content svg{margin-bottom:16px}@media(max-width:768px){.assignment-layout{flex-direction:column}.roles-sidebar{width:100%;height:250px}.requests-main-area{height:400px}}.icon-uploader-wrapper{margin-bottom:15px}.icon-uploader-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.icon-uploader-content{margin-bottom:8px}.icon-preview-box{position:relative;width:80px;height:80px;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#f9fafb;display:flex;align-items:center;justify-content:center}.icon-preview-img{max-width:100%;max-height:100%;object-fit:contain}.icon-remove-btn{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border-radius:50%;background:#ef4444;color:#fff;border:2px solid white;font-size:20px;line-height:1;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.icon-upload-box{width:100%;min-height:120px;border:2px dashed #d1d5db;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#f9fafb;padding:20px}.icon-upload-box:hover{border-color:#3b82f6;background:#eff6ff}.upload-icon{font-size:48px;margin-bottom:10px}.upload-text{font-size:14px;font-weight:600;color:#374151;margin-bottom:5px}.upload-hint{font-size:12px;color:#9ca3af}.icon-uploader-note{display:block;font-size:12px;color:#6b7280;margin-top:5px}.template-builder-container{width:100%;height:calc(100vh - 60px);display:flex;flex-direction:column;background:#f5f7fa;overflow:hidden}.builder-header{background:#fff;padding:20px 30px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d}.builder-header h1{font-size:20px;font-weight:700;margin:0;color:#1f2937}.header-actions{display:flex;gap:15px;align-items:center}.template-name-input{padding:10px 15px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;width:200px;font-family:inherit}.btn-save,.btn-preview{padding:10px 20px;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:14px;font-family:inherit;transition:all .3s}.btn-save{background:#10b981;color:#fff}.btn-save:hover{background:#059669;transform:translateY(-1px)}.btn-preview{background:#3b82f6;color:#fff}.btn-preview:hover{background:#2563eb;transform:translateY(-1px)}.builder-workspace{display:grid;grid-template-columns:250px 1fr 300px;gap:0;height:calc(100% - 81px);overflow:hidden}.builder-sidebar{background:#fff;border-left:1px solid #e5e7eb;overflow-y:auto;padding:20px}.sidebar-section{margin-bottom:30px}.sidebar-section h3{font-size:14px;font-weight:700;color:#6b7280;margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px}.component-list,.field-list{display:flex;flex-direction:column;gap:8px}.component-item,.field-item{padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;font-size:14px;text-align:right;font-family:inherit;width:100%}.component-item:hover,.field-item:hover{background:#eff6ff;border-color:#3b82f6;transform:translate(-2px)}.field-item{display:flex;justify-content:space-between;align-items:center}.field-name{font-weight:500;color:#1f2937}.field-type{font-size:11px;background:#e5e7eb;padding:2px 8px;border-radius:4px;color:#6b7280}.builder-canvas-area{background:#f3f4f6;overflow-y:auto;padding:20px;display:flex;flex-direction:column}.canvas-header{background:#fff;padding:15px 20px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#1f2937;border:1px solid #e5e7eb;border-bottom:none}.canvas-hint{font-size:12px;color:#9ca3af;font-weight:400}.builder-canvas{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 8px 8px;min-height:600px;padding:20px;box-shadow:0 1px 3px #0000000d}.canvas-section{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:15px;margin-bottom:15px;cursor:move;transition:all .2s;position:relative}.canvas-section:hover{border-color:#3b82f6;box-shadow:0 4px 6px #3b82f61a}.canvas-section.selected{border-color:#10b981;background:#f0fdf4;box-shadow:0 0 0 3px #10b9811a}.canvas-section.row-section{background:#fef3c7;border-color:#fbbf24}.section-header{display:flex;align-items:center;gap:10px;font-weight:500;color:#1f2937}.section-icon{font-size:20px;display:flex;align-items:center;justify-content:center;min-width:24px}.section-icon-preview{width:24px;height:24px;object-fit:contain}.section-title{flex:1;font-size:14px}.section-field{font-size:12px;color:#6b7280;background:#fff;padding:4px 8px;border-radius:4px}.remove-btn{background:#ef4444;color:#fff;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;transition:all .2s}.remove-btn:hover{background:#dc2626;transform:scale(1.1)}.row-children{display:flex;gap:10px;margin-top:15px;padding-top:15px;border-top:1px dashed #d1d5db}.row-child-preview{flex:1;background:#fff;padding:10px;border-radius:6px;border:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;color:#6b7280;cursor:pointer;transition:all .2s;position:relative}.row-child-preview:hover{border-color:#3b82f6;background:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 6px #3b82f61a}.row-child-preview.selected-child{border-color:#8b5cf6;background:#faf5ff;box-shadow:0 0 0 3px #8b5cf633}.child-field{font-size:10px;color:#9ca3af;background:#f3f4f6;padding:2px 6px;border-radius:3px;margin-top:3px}.child-icon-preview{width:32px;height:32px;object-fit:contain}.remove-child-btn{position:absolute;top:-8px;left:-8px;background:#ef4444;color:#fff;border:none;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:14px;line-height:1;transition:all .2s;display:none}.row-child-preview:hover .remove-child-btn{display:block}.remove-child-btn:hover{background:#dc2626;transform:scale(1.15)}.canvas-empty{display:flex;align-items:center;justify-content:center;height:400px;color:#9ca3af;font-size:14px;text-align:center}.builder-properties{background:#fff;border-right:1px solid #e5e7eb;overflow-y:auto;padding:20px}.builder-properties h3{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e5e7eb}.properties-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:13px;font-weight:600;color:#374151}.form-group input,.form-group select{padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.hint{font-size:12px;color:#6b7280;background:#f9fafb;padding:10px;border-radius:6px;margin:5px 0}.properties-empty{display:flex;align-items:center;justify-content:center;height:300px;color:#9ca3af;font-size:14px}.builder-sidebar::-webkit-scrollbar,.builder-canvas-area::-webkit-scrollbar,.builder-properties::-webkit-scrollbar{width:8px}.builder-sidebar::-webkit-scrollbar-track,.builder-canvas-area::-webkit-scrollbar-track,.builder-properties::-webkit-scrollbar-track{background:#f1f1f1}.builder-sidebar::-webkit-scrollbar-thumb,.builder-canvas-area::-webkit-scrollbar-thumb,.builder-properties::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.builder-sidebar::-webkit-scrollbar-thumb:hover,.builder-canvas-area::-webkit-scrollbar-thumb:hover,.builder-properties::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.list-template-builder{height:100vh;display:flex;flex-direction:column;background:#f5f7fa}.builder-header{background:#fff;padding:20px 30px;border-bottom:2px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000000d}.header-content{display:flex;align-items:center;gap:20px}.builder-header h1{margin:0;font-size:24px;color:#111827}.btn-back{padding:10px 20px;border-radius:8px;border:2px solid #d1d5db;background:#fff;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-back:hover{border-color:#093967;color:#093967}.btn-save{padding:12px 28px;border-radius:10px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #10b9814d}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.builder-container{flex:1;display:grid;grid-template-columns:400px 1fr;gap:0;overflow:hidden}.config-sidebar{background:#fff;border-right:1px solid #e5e7eb;overflow-y:auto;padding:24px}.config-sidebar h2{margin:0 0 24px;font-size:20px;color:#111827;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.config-section{margin-bottom:28px;padding:20px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.config-section h3{margin:0 0 16px;font-size:16px;color:#374151;font-weight:600}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px;color:#374151;cursor:pointer;padding:8px 0}.form-group label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.form-group select,.config-section select{width:100%;padding:10px 12px;border:2px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;transition:all .2s}.form-group select:focus,.config-section select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-add-field{width:100%;padding:12px;border-radius:8px;border:2px dashed #3b82f6;background:#eff6ff;color:#3b82f6;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:16px}.btn-add-field:hover{background:#dbeafe;border-color:#2563eb}.field-config{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:16px;margin-bottom:12px}.field-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #f3f4f6}.field-header span{font-weight:600;color:#374151;font-size:14px}.field-header button{width:28px;height:28px;border-radius:50%;border:none;background:#fee2e2;color:#dc2626;font-size:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1}.field-header button:hover{background:#fecaca;transform:rotate(90deg)}.field-config select,.field-config input[type=text]{width:100%;padding:10px 12px;border:2px solid #d1d5db;border-radius:8px;font-size:14px;margin-bottom:10px;transition:all .2s}.field-config input[type=text]:focus,.field-config select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.preview-area{padding:40px;overflow-y:auto;background:linear-gradient(135deg,#f5f7fa,#e5e7eb)}.preview-area h2{margin:0 0 24px;font-size:20px;color:#111827;text-align:center}.card-preview{max-width:500px;margin:0 auto 24px;background:#fff;border:1px solid #d1d3d6;border-radius:8px;padding:12px;box-shadow:0 2px 8px #00000014;transition:all .2s}.card-preview:hover{box-shadow:0 4px 12px #0000001f;border-color:#147ee4}.card-preview-wrapper{display:flex;align-items:center;gap:12px}.card-image{width:104px;height:104px;border-radius:8px;overflow:hidden;flex-shrink:0;order:2}.card-image img{width:100%;height:100%;object-fit:cover}.card-content{display:flex;flex-direction:column;gap:8px;align-items:flex-end;text-align:right;flex:1;min-width:0;order:1}.card-title{margin:0;font-size:14px;font-weight:700;color:#414656;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-subtitle{margin:0;font-size:12px;font-weight:500;color:#636774;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-fields{display:flex;flex-direction:column;gap:4px;width:100%}.card-field-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#636774;line-height:20px;justify-content:flex-end}.field-icon-img{width:16px;height:16px;object-fit:contain;flex-shrink:0}.field-label,.field-value{font-size:12px;color:#636774;font-weight:500}.preview-note{max-width:450px;margin:0 auto;padding:16px;background:#fff3cd;border:1px solid #ffc107;border-radius:10px;font-size:13px;color:#856404;text-align:center}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:#6b7280}.spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media(max-width:1024px){.builder-container{grid-template-columns:1fr}.config-sidebar{border-right:none;border-bottom:1px solid #e5e7eb}}@media(max-width:640px){.card-preview-wrapper{flex-direction:column-reverse}.card-image{width:100%;height:180px;order:1}.card-content{order:2;align-items:center;text-align:center}}@media(max-width:768px){.builder-header{flex-direction:column;gap:16px;align-items:stretch}.header-content{flex-direction:column;gap:12px}.btn-save{width:100%}.preview-area{padding:20px}}.request-detail-view{min-height:100vh;background:#f5f7fa;padding:70px 15px 80px}.detail-wrapper{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.detail-container{padding:20px}.section-wrapper{margin-bottom:20px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:15px}.spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.no-template-container{max-width:600px;margin:100px auto;text-align:center;padding:40px;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d}.no-template-container h2{color:#374151;margin-bottom:15px}.no-template-container p{color:#6b7280}.image-slider{width:100%;height:300px;position:relative;border-radius:12px;overflow:hidden;background:#f3f4f6;touch-action:pan-y}.image-slider img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.slider-controls{position:absolute;display:flex;align-items:center;justify-content:space-between;padding:0 10px;pointer-events:none;background:transparent;z-index:10;transform:none;inset:0;border-radius:0}.slider-controls button{pointer-events:auto;background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:18px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:all .2s;box-shadow:0 2px 4px #0000001a}.slider-controls button:hover{background:#fff6;transform:scale(1.05)}.slider-controls span{position:absolute;top:12px;right:12px;background:#00000080;color:#fff;font-size:12px;font-weight:500;padding:4px 10px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.slider-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:10;background:#0003;padding:6px 10px;border-radius:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dot{width:8px;height:8px;border-radius:50%;background:#fff9;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.dot.active{background:#fff;width:20px;border-radius:4px}.slider-touch-area{position:absolute;inset:0;z-index:5}.no-images{display:flex;align-items:center;justify-content:center;height:200px;color:#9ca3af;background:#f9fafb;border-radius:12px}.single-image{width:100%;border-radius:12px;overflow:hidden}.single-image img{width:100%;height:auto;display:block}.text-field{display:flex;align-items:center;gap:10px;padding:15px;background:#f9fafb;border-radius:8px;border-right:4px solid #3b82f6}.field-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.field-icon .icon-img{width:100%;height:100%;object-fit:contain}.field-label{font-weight:600;color:#6b7280;font-size:14px}.field-value{color:#1f2937;font-size:16px;font-weight:500}.info-card{background:#c7e0f9;border-radius:8px;padding:8px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;min-width:85px}.card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.card-icon .icon-img{width:100%;height:100%;object-fit:contain}.card-label{font-size:14px;color:#093967;font-weight:500;line-height:20px}.card-value{font-size:18px;font-weight:700;color:#093967}.row-container{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-start}.row-item{flex:0 1 auto;min-width:85px}.price-field{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #e5e7eb}.price-label{color:#636774;font-size:16px}.price-value{color:#093967;font-size:16px;font-weight:600}.description-field{padding:20px;background:#f9fafb;border-radius:8px}.description-field h3{font-size:16px;font-weight:700;color:#414656;margin-bottom:15px}.description-field p{color:#414656;font-size:16px;line-height:1.8;text-align:justify}.map-location{border-radius:12px;overflow:hidden;margin:20px 0;box-shadow:0 2px 8px #0000001a}.map-container{position:relative;background:#e8f2fc}.map-container iframe{display:block;width:100%;min-height:300px}.map-info{background:#fff;padding:15px 20px;display:flex;align-items:center;gap:10px;border-top:1px solid #e5e7eb}.map-placeholder{background:#e8f2fc;padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.location-icon{font-size:24px}.location-text{color:#414656;font-weight:600;font-size:14px;flex:1;text-align:right}.contact-section{padding:15px 0}.contact-btn{width:100%;background:#1983e8;color:#fff;border:none;padding:15px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;font-family:inherit}.contact-btn:hover{background:#1565c0;transform:translateY(-2px);box-shadow:0 4px 8px #1983e84d}.divider{border:none;height:1px;background:#e5e7eb;margin:20px 0}.section-header-text{display:flex;align-items:center;gap:10px;margin:25px 0 15px;padding-bottom:10px;border-bottom:2px solid #3b82f6}.header-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.header-icon .icon-img{width:100%;height:100%;object-fit:contain}.section-header-text h2{font-size:18px;font-weight:700;color:#414656;margin:0}.action-buttons{padding:15px 20px;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;gap:12px;justify-content:center}.btn-action{flex:1;max-width:200px;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px}.btn-share{background:#3b82f6;color:#fff}.btn-share:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.btn-bookmark{background:#10b981;color:#fff}.btn-bookmark:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 8px #10b9814d}.unknown-component{padding:20px;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;text-align:center}.file-download-section{margin:20px 0}.file-download-section h4{font-size:16px;font-weight:700;color:#414656;margin-bottom:15px}.file-list{display:flex;flex-direction:column;gap:10px}.file-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s;font-family:inherit}.file-item:hover{background:#eff6ff;border-color:#3b82f6;transform:translate(-4px)}.file-icon{font-size:24px}.file-name{flex:1;text-align:right;font-size:14px;color:#414656}.download-icon{font-size:18px}.features-grid{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-start}.feature-item{background:#c7e0f9;border-radius:8px;padding:8px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:85px}.feature-item.disabled{background:#ecedee}.feature-item.disabled .feature-name{color:#d1d3d6}.feature-item.enabled{background:#c7e0f9}.feature-item.enabled .feature-name{color:#093967}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.feature-icon .icon-img{width:100%;height:100%;object-fit:contain}.feature-name{font-size:14px;font-weight:500;line-height:20px}@media(max-width:768px){.request-detail-view{padding:70px 10px 80px}.detail-container{padding:15px}.row-container{justify-content:center}.action-buttons{flex-wrap:wrap}.btn-action{flex:1 1 calc(50% - 6px);min-width:120px}}.subscription-management{padding:24px;max-width:1200px;margin:0 auto;direction:rtl}.subscription-management .admin-loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:16px;color:#6b7280}.subscription-management .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;position:relative;z-index:5}.subscription-management .page-header h1{font-size:24px;font-weight:700;color:#1a1a1a}.subscription-management .page-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:16px;border-radius:12px;border:1px solid #e5e7eb}.subscription-management .filter-section{margin-bottom:0}.subscription-management .btn-primary{background:#3b82f6;color:#fff;padding:10px 20px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;font-family:Dana,sans-serif}.subscription-management .btn-primary:hover{background:#2563eb}.subscription-management .subscriptions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.subscription-management .empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#f9fafb;border-radius:12px}.subscription-management .empty-state p{font-size:16px;color:#6b7280;margin-bottom:20px}.subscription-management .subscription-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s ease}.subscription-management .subscription-card:hover{box-shadow:0 4px 12px #0000001a}.subscription-management .subscription-card.inactive{opacity:.6;background:#f9fafb}.subscription-management .loading-container{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:16px;color:#6b7280}.subscription-management .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.subscription-management .subscription-logo{width:48px;height:48px}.subscription-management .subscription-logo svg rect{fill:#eff6ff}.subscription-management .subscription-logo svg path{stroke:#3b82f6}.subscription-management .status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.subscription-management .status-badge.active{background:#d1fae5;color:#065f46}.subscription-management .status-badge.inactive{background:#fee2e2;color:#991b1b}.subscription-management .card-body{margin-bottom:16px}.subscription-management .subscription-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.subscription-management .subscription-description{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.5}.subscription-management .subscription-details{display:flex;flex-direction:column;gap:8px}.subscription-management .detail-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.subscription-management .detail-label{color:#9ca3af}.subscription-management .detail-value{color:#374151;font-weight:500}.subscription-management .detail-value.price{color:#3b82f6;font-weight:600}.subscription-management .card-footer{display:flex;gap:8px;border-top:1px solid #f3f4f6;padding-top:16px}.subscription-management .card-footer button{flex:1;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;justify-content:center;gap:6px;font-family:Dana,sans-serif}.subscription-management .card-footer button:disabled{opacity:.5;cursor:not-allowed}.subscription-management .btn-edit{background:#f3f4f6;color:#374151}.subscription-management .btn-edit:hover:not(:disabled){background:#e5e7eb}.subscription-management .btn-delete{background:#fee2e2;color:#991b1b}.subscription-management .btn-delete:hover:not(:disabled){background:#fecaca}.subscription-management .modal-overlay,.admin-panel-page .subscription-management .modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.subscription-management .modal-content-xl,.admin-panel-page .subscription-management .modal-content-xl{background:#fff;border-radius:16px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026;direction:rtl;display:flex;flex-direction:column}.subscription-management .modal-header,.admin-panel-page .subscription-management .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}.subscription-management .modal-header h2,.admin-panel-page .subscription-management .modal-header h2{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.subscription-management .btn-close,.admin-panel-page .subscription-management .btn-close{background:#f3f4f6;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.subscription-management .btn-close:hover,.admin-panel-page .subscription-management .btn-close:hover{background:#e5e7eb;color:#374151}.subscription-management .subscription-form,.admin-panel-page .subscription-management .subscription-form{padding:24px;width:100%;max-width:100%;box-sizing:border-box;display:block}.subscription-management .form-section,.admin-panel-page .subscription-management .form-section{margin-bottom:24px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;width:100%;min-width:100%;max-width:100%;box-sizing:border-box;flex:1 1 100%}.subscription-management .section-title,.admin-panel-page .subscription-management .section-title{font-size:15px;font-weight:600;color:#3b82f6;margin:0 0 16px;display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%}.subscription-management .badge-count{background:#eff6ff;color:#3b82f6;font-size:12px;font-weight:500;padding:4px 10px;border-radius:12px}.subscription-management .form-grid,.admin-panel-page .subscription-management .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;min-width:100%;box-sizing:border-box}.subscription-management .form-group{display:flex;flex-direction:column}.subscription-management .form-group.full-width{grid-column:1 / -1}.subscription-management .form-group label{font-size:13px;font-weight:500;color:#374151;margin-bottom:6px;text-align:right}.subscription-management .form-group input,.subscription-management .form-group textarea{padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:Dana,sans-serif;background:#fff;color:#1a1a1a;transition:all .2s;text-align:right;direction:rtl;width:100%;box-sizing:border-box}.subscription-management .form-group input:focus,.subscription-management .form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.subscription-management .form-group input::placeholder,.subscription-management .form-group textarea::placeholder{color:#9ca3af}.subscription-management .form-group textarea{resize:vertical}.subscription-management .checkbox-group{flex-direction:row;align-items:center}.subscription-management .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;margin:0}.subscription-management .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.subscription-management .checkbox-label span{font-size:14px;font-weight:400;color:#374151}.subscription-management .selection-controls{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.subscription-management .btn-select-all,.subscription-management .btn-deselect-all{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:500;font-family:Dana,sans-serif;cursor:pointer;transition:all .2s}.subscription-management .btn-select-all{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.subscription-management .btn-select-all:hover{background:#a7f3d0}.subscription-management .btn-deselect-all{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.subscription-management .btn-deselect-all:hover{background:#fecaca}.subscription-management .search-input{flex:1;min-width:200px;padding:8px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#1a1a1a;font-family:Dana,sans-serif;font-size:13px}.subscription-management .search-input:focus{outline:none;border-color:#3b82f6}.subscription-management .search-input::placeholder{color:#9ca3af}.subscription-management .search-input.full-width{width:100%;margin-bottom:12px}.subscription-management .items-list{display:flex;flex-wrap:wrap;gap:8px;max-height:200px;overflow-y:auto;padding:4px}.subscription-management .loading-placeholder,.subscription-management .empty-placeholder{color:#9ca3af;font-size:14px;padding:20px;text-align:center;width:100%}.subscription-management .item-chip{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;color:#374151;font-size:13px}.subscription-management .item-chip:hover{border-color:#3b82f6;background:#eff6ff}.subscription-management .item-chip.selected{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.subscription-management .chip-icon{width:24px;height:24px;border-radius:4px;object-fit:cover}.subscription-management .check-icon{color:#22c55e;margin-right:auto}.subscription-management .location-picker{margin-top:12px}.subscription-management .selected-locations{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px}.subscription-management .location-tag{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#3b82f6;border-radius:16px;font-size:12px;color:#fff}.subscription-management .tag-remove{background:none;border:none;color:#fff;font-size:14px;cursor:pointer;padding:0 0 0 4px;line-height:1;opacity:.8}.subscription-management .tag-remove:hover{opacity:1}.subscription-management .btn-clear-locations{padding:6px 10px;background:#fee2e2;border:1px solid #fecaca;color:#991b1b;border-radius:16px;font-size:11px;font-family:Dana,sans-serif;cursor:pointer}.subscription-management .btn-clear-locations:hover{background:#fecaca}.subscription-management .provinces-list{max-height:350px;overflow-y:auto;padding:4px}.subscription-management .province-item{margin-bottom:12px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.subscription-management .province-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.subscription-management .province-name{font-weight:600;color:#1a1a1a;font-size:14px}.subscription-management .province-actions{display:flex;gap:8px}.subscription-management .btn-add-province{padding:4px 10px;background:#d1fae5;border:1px solid #a7f3d0;color:#065f46;border-radius:6px;font-size:11px;font-family:Dana,sans-serif;cursor:pointer;transition:all .2s}.subscription-management .btn-add-province:hover{background:#a7f3d0}.subscription-management .cities-grid{display:flex;flex-wrap:wrap;gap:6px;padding:12px}.subscription-management .city-chip{padding:5px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;color:#374151;font-size:12px;font-family:Dana,sans-serif;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.subscription-management .city-chip:hover:not(:disabled){border-color:#3b82f6;background:#eff6ff}.subscription-management .city-chip.selected{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.subscription-management .city-chip:disabled{opacity:.5;cursor:not-allowed}.subscription-management .city-chip .check-icon{width:12px;height:12px}.subscription-management .modal-actions,.admin-panel-page .subscription-management .modal-actions{display:flex;gap:12px;border-top:1px solid #e5e7eb;position:sticky;bottom:0;background:#fff;margin:0 -24px -24px;padding:16px 24px;width:calc(100% + 48px);box-sizing:border-box}.subscription-management .btn-cancel,.subscription-management .btn-submit{flex:1;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:500;font-family:Dana,sans-serif;cursor:pointer;transition:all .2s}.subscription-management .btn-cancel{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.subscription-management .btn-cancel:hover{background:#e5e7eb}.subscription-management .btn-submit{background:#3b82f6;color:#fff}.subscription-management .btn-submit:hover{background:#2563eb}.subscription-management .items-list::-webkit-scrollbar,.subscription-management .provinces-list::-webkit-scrollbar,.subscription-management .modal-content-xl::-webkit-scrollbar{width:6px}.subscription-management .items-list::-webkit-scrollbar-track,.subscription-management .provinces-list::-webkit-scrollbar-track,.subscription-management .modal-content-xl::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.subscription-management .items-list::-webkit-scrollbar-thumb,.subscription-management .provinces-list::-webkit-scrollbar-thumb,.subscription-management .modal-content-xl::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.subscription-management .items-list::-webkit-scrollbar-thumb:hover,.subscription-management .provinces-list::-webkit-scrollbar-thumb:hover,.subscription-management .modal-content-xl::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.subscription-management{padding:16px}.subscription-management .page-controls{flex-direction:column;gap:12px}.subscription-management .btn-primary{width:100%;justify-content:center}.subscription-management .subscriptions-grid,.subscription-management .form-grid{grid-template-columns:1fr}.subscription-management .modal-actions{flex-direction:column-reverse}.subscription-management .selection-controls{flex-direction:column}.subscription-management .search-input{width:100%}}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:99999;display:flex;flex-direction:column;gap:12px;pointer-events:none;width:90%;max-width:400px}.toast{pointer-events:auto;padding:16px;border-radius:12px;box-shadow:0 8px 24px #0000001f;display:flex;align-items:center;justify-content:space-between;animation:toastSlideDown .4s cubic-bezier(.21,1.02,.73,1);background:#fff;direction:rtl;overflow:hidden;border:1px solid rgba(0,0,0,.05);font-family:inherit}@keyframes toastSlideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.toast-content{display:flex;align-items:center;gap:12px;flex-grow:1}.toast-icon{font-size:20px;display:flex;align-items:center;justify-content:center;min-width:24px}.toast-message{font-size:.95rem;font-weight:500;color:#1f2937;line-height:1.5;text-align:right}.toast-close{background:none;border:none;font-size:24px;line-height:1;cursor:pointer;color:#9ca3af;padding:0 4px;margin-right:8px;transition:color .2s;display:flex;align-items:center}.toast-close:hover{color:#4b5563}.toast-success{border-right:6px solid #10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-right:6px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-right:6px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-right:6px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}.quiz-management-container{padding:20px;max-width:1200px;margin:0 auto}.radio-group{display:flex;gap:20px;margin-top:10px}.radio-label{display:flex;align-items:center;gap:8px;padding:10px 20px;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .3s;background:#fff}.radio-label:hover{border-color:#007bff;background-color:#f0f8ff}.radio-label input[type=radio]{cursor:pointer;width:18px;height:18px}.radio-label input[type=radio]:checked+span{color:#007bff;font-weight:600}.radio-label:has(input[type=radio]:checked){border-color:#007bff;background-color:#e7f3ff}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.page-header>div{display:flex;align-items:center;gap:15px}.btn-back{background:none;border:none;color:#007bff;font-size:16px;cursor:pointer;padding:5px 10px;transition:all .3s}.btn-back:hover{background-color:#f0f8ff;border-radius:4px}.page-header h1{margin:0;font-size:24px;color:#333}.quiz-info-card{background:#fff;border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.quiz-info-card h2{margin:0 0 10px;color:#333;font-size:22px}.quiz-info-card p{color:#666;margin-bottom:20px;line-height:1.6}.quiz-stats{display:flex;gap:30px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:5px}.stat-label{font-size:13px;color:#888}.stat-value{font-size:18px;font-weight:600;color:#007bff}.questions-list{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #0000001a}.questions-list h3{margin:0 0 20px;color:#333;font-size:18px;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.question-card{background:#f9f9f9;border-radius:8px;padding:20px;margin-bottom:15px;border:1px solid #e0e0e0;transition:all .3s}.question-card:hover{box-shadow:0 2px 8px #0000001a}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.question-number{font-weight:600;color:#007bff;font-size:14px}.question-points{background:#28a745;color:#fff;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.question-text{color:#333;font-size:16px;line-height:1.6;margin-bottom:15px}.question-options{list-style:none;padding:0;margin:0 0 15px}.question-options li{background:#fff;padding:10px 15px;border-radius:6px;margin-bottom:8px;border:1px solid #e0e0e0;color:#666}.question-options li.correct{border-color:#28a745;background-color:#f0fff4;color:#28a745;font-weight:500}.question-actions{display:flex;gap:10px;justify-content:flex-end}.quiz-form,.question-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:#333;font-size:14px}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:all .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group-checks{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label span{font-size:14px;color:#555}.options-section{background:#f9f9f9;padding:20px;border-radius:8px;border:1px solid #e0e0e0}.options-section>label{display:block;font-weight:600;color:#333;margin-bottom:15px;font-size:15px}.option-item{display:flex;align-items:center;gap:10px;margin-bottom:10px}.option-item input[type=text]{flex:1;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.btn-icon-danger{background:#dc3545;color:#fff;border:none;border-radius:6px;padding:8px 12px;cursor:pointer;transition:all .3s;font-size:16px}.btn-icon-danger:hover{background:#c82333}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-sm{padding:6px 12px;font-size:13px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-content.large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:20px;color:#333}.close-btn{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .3s}.close-btn:hover{color:#333}.modal-content form{padding:20px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;border-top:1px solid #e0e0e0;margin-top:20px}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.empty-state p{color:#999;font-size:16px;margin-bottom:20px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.spinner{border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@media(max-width:768px){.quiz-management-container{padding:15px}.page-header{flex-direction:column;align-items:stretch}.page-header>div{justify-content:space-between}.form-row{grid-template-columns:1fr}.quiz-stats{flex-direction:column;gap:15px}.option-item{flex-wrap:wrap}}.quiz-history-page{display:flex;flex-direction:column;height:100vh;background-color:#f8fafc}.quiz-history-content{flex:1;padding:24px 20px 80px;overflow-y:auto}.history-intro{margin-bottom:24px}.history-intro p{color:#64748b;font-size:14px;font-weight:500;margin:0}.loading-spinner{text-align:center;color:#64748b;padding:40px 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;gap:16px}.empty-state p{color:#94a3b8;font-size:14px;text-align:center}.attempts-list{display:flex;flex-direction:column;gap:12px}.attempt-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000a;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.attempt-row:active{transform:scale(.98);background-color:#f8fafc}.attempt-info-side{display:flex;flex-direction:column;gap:4px;flex:1}.attempt-title{font-size:14px;font-weight:700;color:#1e293b;margin:0}.attempt-meta{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:8px}.attempt-status-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:80px}.status-badge{font-size:11px;padding:4px 8px;border-radius:6px;font-weight:600}.status-badge.passed{background-color:#dcfce7;color:#166534}.status-badge.failed{background-color:#fee2e2;color:#991b1b}.status-badge.pending{background-color:#fef3c7;color:#92400e}.score-display{font-size:14px;font-weight:700;color:#3b82f6}.quiz-history-content::-webkit-scrollbar{width:4px}.quiz-history-content::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.admin-advertisement-management{padding:24px;max-width:1200px;margin:0 auto}.page-header h1{font-size:28px;font-weight:700;color:#1e293b;margin-bottom:8px}.page-header p{color:#64748b;font-size:15px}.admin-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:1px solid #e2e8f0;padding-bottom:16px;position:relative;z-index:5}.ad-tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.ad-tab-btn:hover{border-color:#147ee4;color:#147ee4}.ad-tab-btn.active{background:#147ee4;border-color:#147ee4;color:#fff}.ad-tab-btn .badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#ef4444;color:#fff;border-radius:10px;font-size:12px;font-weight:600}.ad-tab-btn.active .badge{background:#fff;color:#147ee4}.tab-content{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000f}.settings-card h2{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:24px}.setting-group{margin-bottom:24px}.setting-group label{display:block;font-size:14px;font-weight:500;color:#475569;margin-bottom:8px}.setting-input{width:100%;max-width:300px;padding:12px 16px;border:1px solid #e2e8f0;border-radius:10px;font-size:16px;color:#1e293b;direction:ltr;text-align:right}.setting-input:focus{outline:none;border-color:#147ee4}.setting-hint{display:block;margin-top:6px;color:#94a3b8;font-size:12px}.btn-save{padding:14px 32px;background:linear-gradient(135deg,#147ee4,#0d5eaa);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:16px}.btn-save:hover{transform:translateY(-2px);box-shadow:0 8px 20px #147ee44d}.btn-save:disabled{opacity:.7;cursor:not-allowed;transform:none}.pending-list{display:flex;flex-direction:column;gap:16px}.pending-card{background:#f8fafc;border-radius:12px;padding:16px;border:1px solid #e2e8f0}.pending-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ad-type{padding:4px 12px;background:#147ee4;color:#fff;border-radius:20px;font-size:12px;font-weight:500}.ad-date{color:#94a3b8;font-size:13px}.pending-card-body h3{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:8px}.ad-location{display:flex;align-items:center;gap:6px;color:#64748b;font-size:13px}.pending-card-actions{display:flex;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.btn-approve{display:flex;align-items:center;gap:6px;padding:10px 18px;background:#16a34a;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-approve:hover{background:#15803d}.btn-reject{display:flex;align-items:center;gap:6px;padding:10px 18px;background:#ef4444;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-reject:hover{background:#dc2626}.btn-view{padding:10px 18px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:14px;cursor:pointer;transition:all .2s}.btn-view:hover{border-color:#147ee4;color:#147ee4}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px}.stat-icon.blue{background:#dbeafe;color:#2563eb}.stat-icon.green{background:#d1fae5;color:#059669}.stat-icon.yellow{background:#fef3c7;color:#d97706}.stat-icon.red{background:#fee2e2;color:#dc2626}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;color:#1e293b}.stat-label{color:#64748b;font-size:13px}.revenue-section,.timeline-section{margin-bottom:32px}.revenue-section h2,.timeline-section h2{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:16px}.revenue-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.revenue-card{display:flex;flex-direction:column;padding:20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;border:1px solid #bbf7d0}.revenue-label{color:#16a34a;font-size:14px;margin-bottom:8px}.revenue-value{font-size:24px;font-weight:700;color:#15803d}.timeline-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.timeline-card{display:flex;flex-direction:column;align-items:center;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.timeline-value{font-size:32px;font-weight:700;color:#147ee4}.timeline-label{color:#64748b;font-size:14px;margin-top:4px}.modal-content{background:#fff;border-radius:16px;padding:28px;max-width:450px;width:100%}.modal-content h2{font-size:20px;font-weight:600;color:#1e293b;margin-bottom:12px}.modal-content p{color:#64748b;font-size:14px;margin-bottom:16px}.modal-content textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;resize:vertical;margin-bottom:20px}.modal-content textarea:focus{outline:none;border-color:#147ee4}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel{padding:10px 20px;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;font-size:14px;cursor:pointer}.btn-confirm-reject{padding:10px 20px;background:#ef4444;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer}@media(max-width:768px){.admin-advertisement-management{padding:16px}.admin-tabs{flex-wrap:wrap}.tab-btn{flex:1;justify-content:center;min-width:120px}.timeline-cards{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}}.employment-management-container{padding:24px;max-width:1400px;margin:0 auto}.page-header{margin-bottom:32px}.page-header h1{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:8px}.page-header p{color:#64748b;font-size:.95rem}.tabs-container{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e2e8f0;padding-bottom:0}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:none;color:#64748b;font-size:.95rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease}.tab-btn svg{width:20px;height:20px}.tab-btn:hover{color:#3b82f6}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{font-size:1.25rem;font-weight:600;color:#1e293b}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-primary svg{width:18px;height:18px}.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:#3b82f6;border:1px solid #3b82f6;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-outline:hover{background:#eff6ff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#f8fafc;border-radius:12px;color:#64748b}.empty-state svg{width:64px;height:64px;stroke:#cbd5e1;margin-bottom:16px}.empty-state p{margin-bottom:20px;font-size:1rem}.configs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.config-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;transition:all .2s ease}.config-card:hover{box-shadow:0 4px 20px #00000014}.config-card.inactive{opacity:.6}.config-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;border-bottom:1px solid #f1f5f9}.config-title h3{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:6px}.status-badge{display:inline-flex;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.status-badge.active{background:#dcfce7;color:#15803d}.status-badge.inactive{background:#fef2f2;color:#dc2626}.config-actions{display:flex;gap:4px}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#f1f5f9;color:#3b82f6}.action-btn.danger:hover{background:#fef2f2;color:#dc2626}.action-btn svg{width:18px;height:18px}.config-body{padding:16px}.role-flow{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.role-box{display:flex;flex-direction:column;align-items:center;padding:12px 20px;border-radius:8px;min-width:120px}.role-box.parent{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.role-box.child{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.role-label{font-size:.7rem;font-weight:600;text-transform:uppercase;color:#64748b;margin-bottom:4px}.role-box.parent .role-label{color:#1d4ed8}.role-box.child .role-label{color:#15803d}.role-name{font-size:.9rem;font-weight:600;color:#1e293b}.flow-arrow{color:#94a3b8}.flow-arrow svg{width:24px;height:24px}.config-desc{font-size:.85rem;color:#64748b;margin-bottom:12px;line-height:1.5}.config-meta{display:flex;gap:16px;font-size:.8rem;color:#94a3b8}.capacities-table-wrapper{overflow-x:auto}.capacities-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.capacities-table th,.capacities-table td{padding:14px 16px;text-align:right;border-bottom:1px solid #f1f5f9}.capacities-table th{background:#f8fafc;font-weight:600;color:#475569;font-size:.85rem}.capacities-table td{font-size:.9rem;color:#1e293b}.capacities-table tr:hover{background:#fafafa}.capacities-table tr.inactive-row{opacity:.5}.user-cell{display:flex;flex-direction:column}.user-name{font-weight:500}.user-role{font-size:.8rem;color:#64748b}.number-cell{font-family:Vazir,sans-serif;font-weight:600}.number-cell.highlight{color:#3b82f6}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header h3{font-size:1.15rem;font-weight:600;color:#1e293b}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:8px;color:#64748b;cursor:pointer}.close-btn svg{width:20px;height:20px}.modal-body{padding:24px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px}.form-group textarea.code-input{font-family:monospace;font-size:.85rem}.form-group .hint{display:block;font-size:.8rem;color:#94a3b8;margin-top:6px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc}.label-icon{display:inline-block;width:16px;height:16px;vertical-align:middle;margin-left:6px}.request-select{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;background:#f8fafc;cursor:pointer;transition:all .2s ease}.request-select:focus{outline:none;border-color:#3b82f6;background:#fff}.request-select:hover{border-color:#cbd5e1}.selected-request-info{margin-bottom:16px}.info-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border-radius:10px;font-size:.9rem;font-weight:500}.info-badge svg{width:18px;height:18px}.readonly-badge{display:inline-block;background:#fef3c7;color:#92400e;font-size:.75rem;padding:2px 8px;border-radius:4px;margin-right:8px;font-weight:500}.code-input.readonly{background:#f1f5f9;color:#64748b;cursor:not-allowed}.form-group input:disabled,.form-group select:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.btn-assign-capacity{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;padding:12px 16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0369a1;border:1px dashed #7dd3fc;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-assign-capacity:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-style:solid}.btn-assign-capacity svg{width:20px;height:20px}.action-buttons{display:flex;gap:4px}.capacity-modal{max-width:500px}.config-info-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;margin-bottom:20px;border:1px solid #e2e8f0}.config-info-banner .config-label{font-size:.85rem;color:#64748b}.config-info-banner .config-value{font-weight:600;color:#1e293b}.config-info-banner .role-info{font-size:.85rem;color:#94a3b8}.loading-parents{display:flex;align-items:center;gap:12px;padding:20px;justify-content:center;color:#64748b}.spinner-small{width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.no-parents-message{display:flex;flex-direction:column;align-items:center;padding:30px 20px;text-align:center;color:#64748b;background:#f8fafc;border-radius:10px}.no-parents-message svg{width:48px;height:48px;stroke:#94a3b8;margin-bottom:12px}.no-parents-message p{font-size:.9rem}.existing-capacity-info{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#fef3c7;border-radius:8px;margin-bottom:16px;color:#92400e;font-size:.85rem}.existing-capacity-info svg{width:20px;height:20px;flex-shrink:0;margin-top:2px}.btn-primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.employment-management-container{padding:16px}.tabs-container{overflow-x:auto}.tab-btn{white-space:nowrap}.configs-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:12px;align-items:stretch}.form-row{grid-template-columns:1fr}}.finance-management{padding:0}.finance-management .page-header{margin-bottom:24px}.finance-management .page-header h1{font-size:1.75rem;font-weight:700;color:#1a202c;margin:0 0 8px}.finance-management .page-header p{color:#718096;margin:0}.finance-management .tabs{display:flex;gap:8px;background:#f7fafc;padding:8px;border-radius:12px;margin-bottom:24px}.finance-management .tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;border-radius:8px;font-size:.95rem;font-weight:500;color:#4a5568;cursor:pointer;transition:all .2s}.finance-management .tab:hover{background:#edf2f7}.finance-management .tab.active{background:#fff;color:#3182ce;box-shadow:0 2px 8px #00000014}.finance-management .tab svg{opacity:.7}.finance-management .tab.active svg{opacity:1}.finance-dashboard .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.finance-dashboard .stat-card{background:#fff;border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 12px #0000000f}.finance-dashboard .stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.finance-dashboard .stat-card.primary .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.finance-dashboard .stat-card.success .stat-icon{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.finance-dashboard .stat-card.info .stat-icon{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.finance-dashboard .stat-card.warning .stat-icon{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.finance-dashboard .stat-info{display:flex;flex-direction:column;gap:4px}.finance-dashboard .stat-value{font-size:1.5rem;font-weight:700;color:#1a202c}.finance-dashboard .stat-label{font-size:.875rem;color:#718096}.finance-dashboard .stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.finance-dashboard .stat-box{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f}.finance-dashboard .stat-box h3{font-size:1.1rem;font-weight:600;margin:0 0 20px;color:#2d3748}.finance-dashboard .payment-stats,.finance-dashboard .today-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.finance-dashboard .payment-stat,.finance-dashboard .today-stat{padding:16px;background:#f7fafc;border-radius:12px;text-align:center}.finance-dashboard .payment-stat.success,.finance-dashboard .today-stat.success{background:#f0fff4;border:1px solid #c6f6d5}.finance-dashboard .payment-stat.danger,.finance-dashboard .today-stat.danger{background:#fff5f5;border:1px solid #fed7d7}.finance-dashboard .payment-stat.warning,.finance-dashboard .today-stat.warning{background:#fffaf0;border:1px solid #feebc8}.finance-dashboard .payment-stat .label,.finance-dashboard .today-stat .label{display:block;font-size:.8rem;color:#718096;margin-bottom:8px}.finance-dashboard .payment-stat .value,.finance-dashboard .today-stat .value{display:block;font-size:1.25rem;font-weight:700;color:#2d3748}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-size:1.25rem;font-weight:600;margin:0;color:#2d3748}.btn-adjust{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-adjust:hover{transform:translateY(-2px);box-shadow:0 4px 12px #48bb7866}.filter-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.filter-bar input,.filter-bar select{padding:10px 16px;border:1px solid #e2e8f0;border-radius:10px;font-size:.9rem;background:#fff;min-width:200px}.filter-bar input:focus,.filter-bar select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.table-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.data-table{width:100%;border-collapse:collapse}.data-table th{background:#f7fafc;padding:14px 16px;text-align:right;font-size:.85rem;font-weight:600;color:#4a5568;border-bottom:1px solid #e2e8f0}.data-table td{padding:14px 16px;font-size:.9rem;color:#2d3748;border-bottom:1px solid #edf2f7}.data-table tr:hover{background:#f7fafc}.data-table .amount{font-family:Vazirmatn,sans-serif;font-weight:600}.data-table .amount.success{color:#38a169}.data-table .amount.danger{color:#e53e3e}.data-table .description{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table small{display:block;color:#718096;font-size:.8rem}.type-badge,.status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:500}.type-badge.type-deposit{background:#c6f6d5;color:#276749}.type-badge.type-withdraw{background:#fed7d7;color:#c53030}.type-badge.type-transfer{background:#bee3f8;color:#2b6cb0}.type-badge.type-purchase{background:#e9d8fd;color:#6b46c1}.type-badge.type-refund{background:#feebc8;color:#c05621}.type-badge.type-ad-publish{background:#b2f5ea;color:#234e52}.type-badge.type-ad-boost{background:#fefcbf;color:#744210}.status-badge.status-pending{background:#feebc8;color:#c05621}.status-badge.status-paid{background:#bee3f8;color:#2b6cb0}.status-badge.status-verified{background:#c6f6d5;color:#276749}.status-badge.status-failed{background:#fed7d7;color:#c53030}.status-badge.status-cancelled{background:#e2e8f0;color:#4a5568}.btn-view{padding:6px 14px;background:#edf2f7;border:none;border-radius:6px;font-size:.85rem;color:#4a5568;cursor:pointer;transition:all .2s}.btn-view:hover{background:#3182ce;color:#fff}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding:16px}.pagination button{padding:8px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){background:#3182ce;color:#fff;border-color:#3182ce}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-size:.9rem;color:#4a5568}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-content.user-wallet-modal{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;font-size:1.2rem;font-weight:600;color:#2d3748}.close-btn{width:36px;height:36px;border:none;background:#f7fafc;border-radius:8px;font-size:1.5rem;color:#718096;cursor:pointer;transition:all .2s}.close-btn:hover{background:#fed7d7;color:#c53030}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0}.modal-footer .btn-cancel{padding:10px 24px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;color:#4a5568;cursor:pointer}.modal-footer .btn-confirm{padding:10px 24px;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:10px;color:#fff;font-weight:500;cursor:pointer}.wallet-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.wallet-summary .summary-item{padding:16px;background:#f7fafc;border-radius:12px;text-align:center}.wallet-summary .summary-item .label{display:block;font-size:.85rem;color:#718096;margin-bottom:8px}.wallet-summary .summary-item .value{display:block;font-size:1.1rem;font-weight:700;color:#2d3748}.wallet-summary .summary-item .value.success{color:#38a169}.wallet-summary .summary-item .value.danger{color:#e53e3e}.modal-body h4{font-size:1rem;font-weight:600;margin:0 0 16px;color:#2d3748}.user-transactions{max-height:300px;overflow-y:auto}.mini-table{width:100%;border-collapse:collapse}.mini-table th,.mini-table td{padding:10px 12px;text-align:right;font-size:.85rem}.mini-table th{background:#f7fafc;font-weight:600;color:#4a5568}.mini-table td{border-bottom:1px solid #edf2f7}.no-data{text-align:center;color:#718096;padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9rem;font-weight:500;color:#4a5568;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:10px;font-size:.95rem;resize:none}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.loading{text-align:center;padding:60px;color:#718096;font-size:1rem}.finance-users .user-info{display:flex;align-items:center;gap:8px}.finance-users .user-info .name{font-weight:500}.finance-users .admin-badge{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.7rem;font-weight:600;border-radius:4px}.finance-users .no-wallet{color:#a0aec0;font-style:italic}.finance-users .positive{color:#38a169}.finance-users .btn-view:disabled{opacity:.4;cursor:not-allowed}.finance-users .btn-view:disabled:hover{background:#edf2f7;color:#4a5568}@media(max-width:768px){.finance-management .tabs{flex-wrap:wrap}.finance-management .tab{flex:1;justify-content:center;min-width:120px}.section-header{flex-direction:column;gap:12px;align-items:flex-start}.filter-bar{flex-direction:column}.filter-bar input,.filter-bar select{width:100%;min-width:unset}.table-container{overflow-x:auto}.data-table{min-width:800px}.wallet-summary{grid-template-columns:1fr}.modal-content{margin:10px}}.admin-management{padding:24px;direction:rtl}.admin-management .admin-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.admin-management .page-title{font-size:1.5rem;font-weight:700;color:var(--text-primary, #1F2937);margin:0}.admin-management .btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.admin-management .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.admin-management .admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.admin-management .stat-card{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000a}.admin-management .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.admin-management .stat-icon.blue{background:#eff6ff;color:#3b82f6}.admin-management .stat-icon.green{background:#ecfdf5;color:#10b981}.admin-management .stat-icon.yellow{background:#fffbeb;color:#f59e0b}.admin-management .stat-icon.red{background:#fef2f2;color:#ef4444}.admin-management .stat-info h3{font-size:1.5rem;font-weight:700;color:var(--text-primary, #1F2937);margin:0}.admin-management .stat-info p{font-size:.875rem;color:var(--text-secondary, #6B7280);margin:0}.admin-management .admins-table-container{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000a}.admin-management .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.admin-management .table-title{font-size:1.125rem;font-weight:600;color:var(--text-primary, #1F2937);margin:0}.admin-management .search-input{padding:10px 16px;border:1px solid #E5E7EB;border-radius:10px;width:300px;font-size:.875rem;font-family:inherit}.admin-management .search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-management .admins-table{width:100%;border-collapse:collapse}.admin-management .admins-table th,.admin-management .admins-table td{padding:14px 16px;text-align:right;border-bottom:1px solid #F3F4F6;vertical-align:middle}.admin-management .admins-table th{background:#f9fafb;font-weight:600;color:var(--text-secondary, #6B7280);font-size:.875rem}.admin-management .admins-table tr:hover td{background:#f9fafb}.admin-management .admin-info{display:flex;align-items:center;gap:12px}.admin-management .admin-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;flex-shrink:0}.admin-management .admin-details h4{margin:0;font-weight:600;color:var(--text-primary, #1F2937);font-size:.95rem}.admin-management .admin-details p{margin:4px 0 0;font-size:.75rem;color:var(--text-secondary, #6B7280)}.admin-management .badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.admin-management .badge.super-admin{background:#fef3c7;color:#d97706}.admin-management .badge.active{background:#ecfdf5;color:#059669}.admin-management .badge.inactive{background:#fee2e2;color:#dc2626}.admin-management .permissions-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:#eff6ff;color:#3b82f6;border-radius:8px;font-size:.875rem;font-weight:600}.admin-management .admin-action-buttons{display:flex;gap:8px;justify-content:flex-start}.admin-management .action-btn{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.admin-management .action-btn.edit{background:#eff6ff;color:#3b82f6}.admin-management .action-btn.permissions{background:#f0fdf4;color:#16a34a}.admin-management .action-btn.password{background:#fef3c7;color:#d97706}.admin-management .action-btn.delete{background:#fee2e2;color:#dc2626}.admin-management .action-btn:hover{transform:scale(1.05)}.admin-management .action-btn:disabled{opacity:.5;cursor:not-allowed}.admin-management .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.admin-management .modal-content{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:modalSlide .3s ease}@keyframes modalSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.admin-management .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #F3F4F6}.admin-management .modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary, #1F2937)}.admin-management .modal-close{width:36px;height:36px;border:none;background:#f3f4f6;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #6B7280)}.admin-management .modal-close:hover{background:#e5e7eb}.admin-management .modal-body{padding:24px}.admin-management .form-group{margin-bottom:20px}.admin-management .form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary, #1F2937)}.admin-management .form-group input,.admin-management .form-group textarea{width:100%;padding:12px 16px;border:1px solid #E5E7EB;border-radius:10px;font-size:.95rem;transition:all .2s ease;font-family:inherit}.admin-management .form-group input:focus,.admin-management .form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-management .modal-footer{padding:16px 24px;border-top:1px solid #F3F4F6;display:flex;justify-content:flex-end;gap:12px}.admin-management .btn-secondary{padding:10px 20px;background:#f3f4f6;color:var(--text-primary, #1F2937);border:none;border-radius:10px;font-weight:600;cursor:pointer;font-family:inherit}.admin-management .btn-secondary:hover{background:#e5e7eb}.admin-management .permissions-modal .modal-content{max-width:800px}.admin-management .permission-groups{display:flex;flex-direction:column;gap:20px}.admin-management .permission-group{border:1px solid #E5E7EB;border-radius:12px;overflow:hidden}.admin-management .permission-group-header{display:flex;align-items:center;padding:14px 16px;background:#f9fafb;cursor:pointer;transition:background .2s ease}.admin-management .permission-group-header:hover{background:#f3f4f6}.admin-management .permission-group-header input[type=checkbox]{width:18px;height:18px;margin-left:12px;cursor:pointer}.admin-management .permission-group-title{font-weight:600;color:var(--text-primary, #1F2937);flex:1}.admin-management .permission-count{font-size:.75rem;background:#eff6ff;color:#3b82f6;padding:2px 8px;border-radius:12px;margin-left:12px}.admin-management .permission-items{padding:12px 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.admin-management .permission-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;transition:background .2s ease}.admin-management .permission-item:hover{background:#f9fafb}.admin-management .permission-item input[type=checkbox]{width:16px;height:16px;cursor:pointer}.admin-management .permission-item label{cursor:pointer;font-size:.875rem;color:var(--text-primary, #1F2937)}.admin-management .loading-spinner{display:flex;justify-content:center;align-items:center;padding:40px}.admin-management .spinner{width:40px;height:40px;border:3px solid #E5E7EB;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.admin-management .empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary, #6B7280)}.admin-management .empty-state svg{width:80px;height:80px;margin-bottom:16px;opacity:.5}.admin-management .empty-state h4{font-size:1.125rem;color:var(--text-primary, #1F2937);margin:0 0 8px}.admin-management .empty-state p{margin:0}@media(max-width:768px){.admin-management{padding:16px}.admin-management .admin-page-header{flex-direction:column;align-items:stretch}.admin-management .search-input{width:100%}.admin-management .admins-table{display:block;overflow-x:auto}.admin-management .modal-content{margin:10px;max-height:calc(100vh - 40px)}}.admin-logs-page{padding:0}.logs-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#fffffff2;border-radius:16px;margin-bottom:1.5rem;box-shadow:0 4px 20px #0000000d;flex-wrap:wrap;gap:1rem}.logs-title{display:flex;align-items:center;gap:1rem}.logs-title h2{margin:0;font-size:1.4rem;font-weight:700;color:#1a1a2e}.logs-count{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.logs-actions{display:flex;gap:.75rem;flex-wrap:wrap}.logs-select{padding:.6rem 1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:.9rem;background:#fff;cursor:pointer;transition:all .2s;min-width:120px}.logs-select:hover{border-color:#667eea}.logs-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-refresh:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-refresh:disabled{opacity:.7;cursor:not-allowed}.btn-clear{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#fff;color:#dc3545;border:2px solid #dc3545;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-clear:hover{background:#dc3545;color:#fff}.logs-container{background:#1a1a2e;border-radius:16px;min-height:500px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.logs-loading,.logs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#a0a0a0}.logs-empty svg{opacity:.5;margin-bottom:1rem}.logs-empty p{font-size:1.1rem;margin:0;color:#ccc}.logs-empty small{margin-top:.5rem;color:#888}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.spinner-lg{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.logs-list{padding:1rem;max-height:calc(100vh - 320px);overflow-y:auto}.logs-list::-webkit-scrollbar{width:8px}.logs-list::-webkit-scrollbar-track{background:#2a2a4e;border-radius:4px}.logs-list::-webkit-scrollbar-thumb{background:#4a4a6e;border-radius:4px}.logs-list::-webkit-scrollbar-thumb:hover{background:#5a5a7e}.log-item{background:#ffffff08;border-radius:10px;padding:1rem;margin-bottom:.5rem;border-right:4px solid #4a4a6e;transition:all .2s}.log-item:hover{background:#ffffff0f}.log-item.log-error{border-right-color:#ff6b6b;background:#ff6b6b14}.log-item.log-warning{border-right-color:#ffd93d;background:#ffd93d0d}.log-item.log-info{border-right-color:#6bcb77;background:#6bcb770d}.log-item.log-debug{border-right-color:#4d96ff;background:#4d96ff0d}.log-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.log-icon{font-size:1rem}.log-time{font-family:Consolas,Monaco,monospace;font-size:.8rem;color:#888;direction:ltr}.log-level{padding:.2rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.log-level.log-error{background:#ff6b6b33;color:#ff6b6b}.log-level.log-warning{background:#ffd93d33;color:#ffd93d}.log-level.log-info{background:#6bcb7733;color:#6bcb77}.log-level.log-debug{background:#4d96ff33;color:#4d96ff}.log-message{font-family:Consolas,Monaco,Vazirmatn,monospace;font-size:.9rem;color:#e0e0e0;line-height:1.6;word-break:break-word;direction:ltr;text-align:left}.log-stack-line{color:#888;font-size:.8rem;padding-right:1.5rem;border-right:1px dashed #4a4a6e;margin-right:.5rem}@media(max-width:768px){.logs-header{flex-direction:column;align-items:stretch;padding:1rem}.logs-title,.logs-actions{justify-content:center}.logs-select{min-width:unset;flex:1}.btn-refresh,.btn-clear{flex:1;justify-content:center}.logs-list{max-height:calc(100vh - 400px)}}.my-subordinates-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e8f4f8,#f0f9ff);padding-bottom:100px;direction:rtl}.my-subordinates-content{padding:20px 16px;max-width:600px;margin:0 auto}.pending-badge{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;font-size:14px;font-weight:500;color:#92400e;text-decoration:none;margin-bottom:20px;transition:all .2s ease}.pending-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fbbf244d}.pending-badge svg{width:22px;height:22px;flex-shrink:0}.pending-badge .badge-text{flex:1}.pending-badge .arrow{width:18px;height:18px;opacity:.7}.capacity-summary{background:#fff;border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 2px 12px #0000000f}.capacity-summary h3{font-size:1rem;font-weight:600;color:#475569;margin-bottom:16px}.capacity-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.capacity-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;padding:16px}.cap-title{font-size:.9rem;font-weight:600;color:#0369a1;margin-bottom:12px}.cap-numbers{display:flex;justify-content:space-between}.cap-item{text-align:center}.cap-value{display:block;font-size:1.5rem;font-weight:700;color:#1e293b}.cap-label{font-size:.7rem;color:#64748b}.cap-item.used .cap-value{color:#dc2626}.cap-item.remaining .cap-value{color:#16a34a}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;background:#fff;border-radius:10px;box-shadow:0 1px 4px #0000000a}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:#475569}.checkbox-label input{width:18px;height:18px;accent-color:#3b82f6}.count-info{font-size:.85rem;color:#94a3b8}.loading-box,.empty-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:16px;text-align:center}.loading-box .spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.empty-box svg{width:64px;height:64px;stroke:#cbd5e1;margin-bottom:16px}.empty-box h3{font-size:1.1rem;font-weight:600;color:#475569;margin-bottom:8px}.empty-box p{font-size:.9rem;color:#94a3b8}.subordinates-list{display:flex;flex-direction:column;gap:16px}.sub-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 12px #0000000f;border-right:4px solid #22c55e;transition:all .2s ease}.sub-card:hover{box-shadow:0 4px 20px #0000001a}.sub-card.suspended{border-right-color:#f59e0b;opacity:.8}.sub-card.terminated{border-right-color:#ef4444;opacity:.6}.sub-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.sub-avatar{width:56px;height:56px;border-radius:14px;overflow:hidden;flex-shrink:0}.sub-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.sub-info{flex:1}.sub-info h4{font-size:1.05rem;font-weight:600;color:#1e293b;margin-bottom:4px}.sub-role{font-size:.8rem;color:#64748b;background:#f1f5f9;padding:2px 10px;border-radius:12px}.status-tag{padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600}.status-tag.active{background:#dcfce7;color:#15803d}.status-tag.terminated{background:#fee2e2;color:#dc2626}.sub-details{display:flex;gap:20px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #f1f5f9}.detail-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#64748b}.detail-item svg{width:16px;height:16px;stroke:#94a3b8}.sub-stats{display:flex;gap:20px;margin-bottom:14px}.stat-item{display:flex;flex-direction:column;align-items:center;background:#f8fafc;padding:10px 20px;border-radius:10px}.stat-value{font-size:1.3rem;font-weight:700;color:#3b82f6}.stat-label{font-size:.75rem;color:#94a3b8}.sub-note{display:flex;align-items:flex-start;gap:8px;background:#fffbeb;padding:12px;border-radius:10px;margin-bottom:14px;font-size:.85rem;color:#92400e}.sub-note svg{width:18px;height:18px;flex-shrink:0;stroke:#f59e0b}.sub-actions{display:flex;gap:10px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:.85rem;color:#475569;cursor:pointer;transition:all .2s ease}.action-btn svg{width:16px;height:16px}.action-btn:hover{background:#f8fafc}.action-btn.note-btn:hover{border-color:#3b82f6;color:#3b82f6}.action-btn.suspend-btn:hover{border-color:#f59e0b;color:#f59e0b}.action-btn.activate-btn:hover{border-color:#22c55e;color:#22c55e}.action-btn.terminate-btn:hover{border-color:#ef4444;color:#ef4444}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:440px;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.modal-header h3{font-size:1.05rem;font-weight:600;color:#1e293b}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;border-radius:8px}.close-btn:hover{background:#f1f5f9}.modal-body textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:10px;font-size:.95rem;resize:vertical}.modal-body textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.warning-text{color:#dc2626;font-weight:500;margin-bottom:16px;text-align:center}.form-group{margin-bottom:0}.form-group label{display:block;font-size:.9rem;font-weight:500;color:#374151;margin-bottom:8px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e2e8f0;background:#f8fafc}.btn-outline,.btn-primary,.btn-danger{padding:10px 20px;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-outline{background:#fff;color:#64748b;border:1px solid #d1d5db}.btn-outline:hover{background:#f1f5f9}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}@media(max-width:640px){.page-header-sub{flex-direction:column;gap:16px;align-items:flex-start}.sub-details,.sub-stats{flex-direction:column;gap:10px}.stat-item{flex-direction:row;justify-content:space-between}}.employment-apply-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e8f4f8,#f0f9ff);padding-bottom:100px;direction:rtl}.employment-apply-content{padding:20px 16px;max-width:600px;margin:0 auto}.role-selector{background:#fff;padding:16px;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px #0000000f;display:flex;align-items:center;gap:12px}.role-selector label{font-size:14px;color:#4b5563;white-space:nowrap}.role-selector select{flex:1;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;background:#f9fafb}.tabs-bar{display:flex;gap:8px;margin-bottom:20px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 2px 8px #0000000f}.parents-grid{display:grid;gap:16px}.parent-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 12px #00000014;border:1px solid #f3f4f6}.parent-company,.parent-location{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;margin-bottom:8px}.parent-company svg,.parent-location svg{width:16px;height:16px}.parent-capacity{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f9fafb;border-radius:10px;margin-bottom:16px}.capacity-label{font-size:13px;color:#6b7280}.capacity-value{font-size:14px;font-weight:600}.capacity-value.has-capacity{color:#10b981}.capacity-value.no-capacity{color:#ef4444}.apply-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:linear-gradient(135deg,#147ee4,#0d5bb5);color:#fff;border:none;border-radius:12px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.apply-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #147ee44d}.apply-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.apply-btn svg{width:20px;height:20px}.request-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 12px #00000014;border-right:4px solid #e5e7eb}.request-card.pending{border-right-color:#f59e0b}.request-card.approved{border-right-color:#10b981}.request-card.rejected{border-right-color:#ef4444}.request-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.request-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.request-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#147ee4,#0d5bb5);color:#fff;font-size:18px;font-weight:600}.request-info{flex:1}.request-info h4{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 4px}.request-role{font-size:12px;color:#6b7280}.status-tag.pending{background:#fef3c7;color:#92400e}.status-tag.approved{background:#d1fae5;color:#065f46}.status-tag.rejected{background:#fee2e2;color:#991b1b}.request-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.rejection-reason{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#fef2f2;border-radius:10px;font-size:13px;color:#991b1b;margin-bottom:12px}.rejection-reason svg{width:18px;height:18px;flex-shrink:0;margin-top:2px}.cancel-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#fff;border:1px solid #ef4444;color:#ef4444;border-radius:10px;font-family:inherit;font-size:14px;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#fef2f2}.cancel-btn svg{width:18px;height:18px}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto}.close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer}.apply-target{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border-radius:12px;margin-bottom:16px}.target-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0}.target-avatar img{width:100%;height:100%;object-fit:cover}.target-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#147ee4,#0d5bb5);color:#fff;font-size:22px;font-weight:600}.target-info h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.target-info span{display:block;font-size:13px;color:#6b7280}.apply-config{padding:16px;background:#f0f9ff;border-radius:12px;border-right:3px solid #147ee4;margin-bottom:16px}.config-title{font-size:15px;font-weight:600;color:#1f2937}.config-desc{font-size:13px;color:#6b7280;margin:8px 0 0}.dynamic-form{padding:16px;background:#f9fafb;border-radius:12px;margin-bottom:16px}.form-placeholder{font-size:14px;color:#6b7280;text-align:center}.apply-note{display:flex;gap:10px;padding:14px;background:#fefce8;border-radius:12px}.apply-note svg{width:20px;height:20px;color:#ca8a04;flex-shrink:0}.apply-note p{font-size:13px;color:#713f12;margin:0;line-height:1.6}.btn-primary{flex:1;padding:12px;background:linear-gradient(135deg,#147ee4,#0d5bb5);border:none;border-radius:10px;font-family:inherit;font-size:15px;font-weight:600;color:#fff;cursor:pointer}.btn-primary:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.modal-content.modal-large{max-width:600px}.dynamic-form-container{margin-bottom:16px}.steps-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:24px;padding:0 20px}.step-dot{display:flex;align-items:center;position:relative}.step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#e5e7eb;color:#6b7280;border-radius:50%;font-size:14px;font-weight:600;transition:all .3s}.step-dot.active .step-number{background:linear-gradient(135deg,#147ee4,#0d5bb5);color:#fff;box-shadow:0 4px 12px #147ee44d}.step-dot.completed .step-number{background:#10b981;color:#fff}.step-line{width:40px;height:3px;background:#e5e7eb;margin:0 8px;border-radius:2px;transition:background .3s}.step-dot.completed .step-line{background:#10b981}.step-header{text-align:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.step-header h4{font-size:17px;font-weight:600;color:#1f2937;margin:0 0 6px}.step-description{font-size:13px;color:#6b7280;margin:0}.form-fields{display:flex;flex-direction:column;gap:16px}.btn-outline,.btn-primary{display:flex;align-items:center;justify-content:center;gap:6px}.btn-outline svg,.btn-primary svg{width:18px;height:18px}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:480px){.steps-indicator{padding:0 10px}.step-line{width:24px;margin:0 4px}.step-number{width:28px;height:28px;font-size:12px}.modal-footer{flex-wrap:wrap}.modal-footer .btn-outline:first-child{order:-1;flex:0 0 auto;width:auto;padding:10px 16px}}.map-view-wrapper{width:100%;margin:8px 0}.map-view-label{font-size:13px;font-weight:500;color:#64748b;margin-bottom:8px}.map-view-container{width:100%;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f}.map-view-coords{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;background:#f8fafc;border-radius:8px;font-size:12px;color:#64748b;direction:ltr;font-family:Courier New,monospace}.map-view-coords svg{flex-shrink:0;color:#94a3b8}.map-view-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;background:#f8fafc;border-radius:12px;border:1px dashed #e2e8f0;color:#94a3b8;font-size:13px}.map-view-container .leaflet-control-zoom{border:none;box-shadow:0 2px 8px #0000001a}.map-view-container .leaflet-control-zoom a{background:#fff;color:#334155;width:28px;height:28px;line-height:28px;font-size:14px}.map-view-container .leaflet-control-zoom a:hover{background:#f1f5f9}.map-view-container .leaflet-control-zoom-in{border-radius:6px 6px 0 0}.map-view-container .leaflet-control-zoom-out{border-radius:0 0 6px 6px}.employment-review-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e8f4f8,#f0f9ff);padding-bottom:100px;direction:rtl}.employment-review-content{padding:20px 16px;max-width:600px;margin:0 auto}.quick-stats{margin-bottom:20px}.stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;text-decoration:none;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.stat-card.subordinates{background:linear-gradient(135deg,#147ee4,#0d5bb5);color:#fff}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:12px}.stat-icon svg{width:24px;height:24px}.stat-info{flex:1;display:flex;align-items:center;justify-content:space-between}.stat-label{font-size:15px;font-weight:600}.stat-arrow svg{width:20px;height:20px;opacity:.7}.tabs-bar{display:flex;gap:8px;margin-bottom:16px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 2px 8px #0000000f}.tabs-bar .tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;background:transparent;border-radius:8px;font-family:inherit;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.tabs-bar .tab-btn svg{width:20px;height:20px}.tabs-bar .tab-btn.active{background:linear-gradient(135deg,#147ee4,#0d5bb5);color:#fff}.tabs-bar .tab-btn .badge{background:#ef4444;color:#fff;font-size:11px;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.tabs-bar .tab-btn.active .badge{background:#fff;color:#147ee4}.search-box{display:flex;align-items:center;gap:12px;background:#fff;padding:12px 16px;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px #0000000f}.search-box svg{width:20px;height:20px;color:#9ca3af;flex-shrink:0}.search-box input{flex:1;border:none;font-family:inherit;font-size:14px;outline:none;background:transparent}.empty-box p{font-size:14px;color:#6b7280;margin:0}.requests-list{display:grid;gap:16px}.request-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000a;border:1px solid #f1f5f9;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.request-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.request-main-row{padding:16px;flex:1}.request-profile{display:flex;align-items:flex-start;gap:12px}.request-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid #fff;box-shadow:0 2px 8px #0000001a}.request-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:24px;font-weight:600}.request-identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.identity-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.request-identity h4{font-size:16px;font-weight:700;color:#1e293b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge-modern{font-size:11px;padding:4px 10px;border-radius:20px;font-weight:600;white-space:nowrap}.status-badge-modern.pending{background:#fef3c7;color:#92400e}.status-badge-modern.approved{background:#dcfce7;color:#166534}.status-badge-modern.rejected{background:#fee2e2;color:#991b1b}.role-text{display:block;font-size:13px;color:#64748b;margin-bottom:8px}.request-metadata{display:flex;flex-wrap:wrap;gap:8px}.meta-item{display:flex;align-items:center;gap:4px;font-size:11px;color:#64748b;background:#f8fafc;padding:4px 8px;border-radius:6px;border:1px solid #f1f5f9}.meta-item svg{width:14px;height:14px;opacity:.7}.rejection-reason-modern{margin:0 16px 16px;padding:12px;background:#fef2f2;border-radius:8px;display:flex;align-items:flex-start;gap:8px;color:#b91c1c;font-size:13px}.rejection-reason-modern svg{width:18px;height:18px;flex-shrink:0;margin-top:2px}.rejection-reason-modern p{margin:0;line-height:1.5}.request-actions-footer{display:flex;padding:12px 16px;background:#f8fafc;border-top:1px solid #e2e8f0;gap:8px}.action-btn-modern{flex:1;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent;white-space:nowrap}.action-btn-modern.view{background:#fff;border-color:#e2e8f0;color:#475569}.action-btn-modern.view:hover{border-color:#cbd5e1;background:#f1f5f9}.action-btn-modern.approve{background:#10b981;color:#fff;box-shadow:0 2px 6px #10b98133}.action-btn-modern.approve:hover{background:#059669}.action-btn-modern.reject{background:#fff;border-color:#fee2e2;color:#ef4444}.action-btn-modern.reject:hover{background:#fef2f2;border-color:#fecaca}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #f3f4f6}.modal-header.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.modal-header.danger{background:linear-gradient(135deg,#fee2e2,#fecaca)}.modal-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fffc;border:none;border-radius:50%;cursor:pointer}.close-btn svg{width:20px;height:20px;color:#6b7280}.applicant-profile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;background:#f9fafb;border-radius:16px;margin-bottom:20px}.profile-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:12px;box-shadow:0 4px 12px #0000001a}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar .avatar-placeholder.large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#147ee4,#0d5bb5);color:#fff;font-size:32px;font-weight:600}.profile-info h4{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px}.profile-role{display:block;font-size:14px;color:#6b7280;margin-bottom:10px}.detail-list{display:grid;gap:12px;margin-bottom:16px}.detail-item{display:flex;justify-content:space-between;padding:12px;background:#f9fafb;border-radius:10px}.detail-label{font-size:13px;color:#6b7280}.detail-value{font-size:14px;font-weight:500;color:#1f2937}.rejection-box{padding:16px;background:#fef2f2;border-radius:12px;border-right:3px solid #ef4444;margin-bottom:16px}.rejection-box h5{font-size:14px;font-weight:600;color:#991b1b;margin:0 0 8px}.rejection-box p{font-size:13px;color:#7f1d1d;margin:0;line-height:1.6}.form-data-box{padding:16px;background:#f9fafb;border-radius:12px}.form-data-box h5{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.form-data-box pre{font-size:12px;color:#6b7280;background:#fff;padding:12px;border-radius:8px;overflow-x:auto;margin:0;direction:ltr;text-align:left}.confirm-message{text-align:center;padding:20px 0}.confirm-icon{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:50%}.confirm-icon.success{background:#d1fae5;color:#059669}.confirm-icon.danger{background:#fee2e2;color:#dc2626}.confirm-icon svg{width:32px;height:32px}.confirm-message h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 8px}.confirm-message p{font-size:14px;color:#6b7280;margin:0;line-height:1.6}.confirm-message strong{color:#374151}.form-group{margin-top:20px}.form-group.required label:after{content:" *";color:#ef4444}.form-group textarea{width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:14px;resize:vertical;min-height:80px}.form-group textarea:focus{outline:none;border-color:#147ee4;box-shadow:0 0 0 3px #147ee41a}.modal-footer{display:flex;gap:12px;padding:20px;border-top:1px solid #f3f4f6}.btn-outline{flex:1;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:15px;font-weight:500;color:#4b5563;cursor:pointer}.btn-close{flex:1;padding:12px;background:#f3f4f6;border:none;border-radius:10px;font-family:inherit;font-size:15px;font-weight:500;color:#4b5563;cursor:pointer}.btn-approve{flex:1;padding:12px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;font-family:inherit;font-size:15px;font-weight:600;color:#fff;cursor:pointer}.btn-approve:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.btn-reject{flex:1;padding:12px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;font-family:inherit;font-size:15px;font-weight:600;color:#fff;cursor:pointer}.btn-reject:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.form-data-section{margin-top:20px;padding-top:20px;border-top:1px solid #f3f4f6}.form-data-section h5{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 16px;display:flex;align-items:center;gap:8px}.form-data-section h5:before{content:"";width:4px;height:16px;background:linear-gradient(135deg,#147ee4,#0d5bb5);border-radius:2px}.form-data-list{display:flex;flex-direction:column;gap:12px}.form-data-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 16px;background:#f9fafb;border-radius:10px;gap:12px}.data-value{font-size:14px;color:#1f2937;font-weight:500;text-align:left;word-break:break-word}.no-data{font-size:14px;color:#9ca3af;text-align:center;padding:20px}.form-data-item-map{flex-direction:column;gap:8px}.form-data-item-map .data-label{margin-bottom:4px}.data-value-map{width:100%}.form-data-item-location{flex-direction:column;gap:8px}.data-value-location{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:10px;border:1px solid #bae6fd}.data-value-location svg{color:#0284c7;flex-shrink:0}.data-value-location span{font-size:14px;font-weight:500;color:#0369a1}.form-data-item-images{flex-direction:column;gap:8px}.data-value-images{width:100%}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.gallery-item{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;cursor:pointer;border:2px solid #e2e8f0;transition:all .2s}.gallery-item:hover{border-color:#3b82f6;transform:scale(1.02)}.gallery-item-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-item-overlay svg{color:#fff}.no-images{font-size:13px;color:#94a3b8;padding:16px;text-align:center;background:#f8fafc;border-radius:8px;border:1px dashed #e2e8f0}.image-lightbox{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;cursor:zoom-out}.image-lightbox img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 32px #00000080;cursor:default}.lightbox-close{position:absolute;top:20px;right:20px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;transition:all .2s}.lightbox-close:hover{background:#fff3}.lightbox-close svg{color:#fff}.my-parents-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e8f4f8,#f0f9ff);padding-bottom:100px;direction:rtl}.my-parents-content{padding:20px 16px;max-width:600px;margin:0 auto}.apply-banner{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#147ee4,#0d5bb5);border-radius:16px;margin-bottom:20px;text-decoration:none;color:#fff;transition:all .2s}.apply-banner:hover{transform:translateY(-2px);box-shadow:0 4px 16px #147ee466}.banner-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:12px;flex-shrink:0}.banner-icon svg{width:24px;height:24px}.banner-text{flex:1;display:flex;flex-direction:column;gap:4px}.banner-text span{font-size:15px;font-weight:600}.banner-text small{font-size:12px;opacity:.85}.banner-arrow{width:20px;height:20px;opacity:.7}.loading-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.loading-box .spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#147ee4;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.empty-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f}.empty-box svg{width:80px;height:80px;color:#d1d5db;margin-bottom:20px}.empty-box h3{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.empty-box p{font-size:14px;color:#6b7280;margin:0 0 20px}.empty-box .btn-primary{padding:12px 24px;background:linear-gradient(135deg,#147ee4,#0d5bb5);color:#fff;border:none;border-radius:10px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s}.empty-box .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #147ee44d}.parents-list{display:grid;gap:16px}.parent-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 12px #00000014;border-right:4px solid #e5e7eb}.parent-card.active{border-right-color:#10b981}.parent-card.suspended{border-right-color:#f59e0b}.parent-card.terminated{border-right-color:#9ca3af;opacity:.8}.parent-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.parent-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0}.parent-avatar img{width:100%;height:100%;object-fit:cover}.parent-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#147ee4,#0d5bb5);color:#fff;font-size:22px;font-weight:600}.parent-info{flex:1}.parent-info h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.parent-role{font-size:13px;color:#6b7280;background:#f3f4f6;padding:4px 10px;border-radius:6px;display:inline-block}.status-tag{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-tag.active{background:#d1fae5;color:#065f46}.status-tag.suspended{background:#fef3c7;color:#92400e}.status-tag.terminated{background:#f3f4f6;color:#6b7280}.parent-detail{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;margin-bottom:12px}.parent-detail svg{width:18px;height:18px;color:#9ca3af}.parent-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.meta-item svg{width:16px;height:16px}.employment-type{display:flex;align-items:center;gap:8px;padding:12px;background:#f0f9ff;border-radius:10px;font-size:13px;color:#0369a1;border-right:3px solid #147ee4}.employment-type svg{width:18px;height:18px}.suspended-notice{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#fef3c7;border-radius:10px;margin-top:12px;font-size:13px;color:#92400e}.suspended-notice svg{width:18px;height:18px;flex-shrink:0;margin-top:2px}.terminated-notice{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f3f4f6;border-radius:10px;margin-top:12px}.terminated-notice>span{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.terminated-notice svg{width:18px;height:18px;flex-shrink:0}.terminated-notice .end-reason{font-size:12px;color:#9ca3af;margin:0;padding-right:26px;line-height:1.5}.metri-loading,.metri-error{display:flex;align-items:center;justify-content:center;min-height:300px;font-size:15px;color:#6b7280;background:#fff;border-radius:24px;box-shadow:0 10px 40px #00000008}.metri-error{color:#dc2626;background:#fef2f2}.metri-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.metri-view-title{font-size:24px;font-weight:800;color:#111827;margin:0}.metri-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.metri-overview-card{border-radius:24px;padding:24px;display:flex;justify-content:space-between;align-items:center;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 20px #0000001a;transition:transform .2s,box-shadow .2s}.metri-overview-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #00000026}.metri-overview-card.gradient-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.metri-overview-card.gradient-green{background:linear-gradient(135deg,#10b981,#059669)}.metri-overview-card.gradient-orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.metri-overview-card.gradient-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.metri-card-inner{position:relative;z-index:2}.metri-card-label{display:block;font-size:14px;opacity:.9;margin-bottom:8px}.metri-card-value{display:block;font-size:28px;font-weight:800}.metri-card-icon{position:absolute;left:16px;bottom:16px;opacity:.3;font-size:48px;transform:rotate(15deg)}.metri-sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:32px}.metri-section-card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 40px #00000008}.metri-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #F3F4F6}.metri-section-header h3{font-size:16px;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:8px}.metri-section-header .btn-link{background:none;border:none;color:#3b82f6;font-size:13px;font-weight:600;cursor:pointer;font-family:Dana,sans-serif;transition:color .2s}.metri-section-header .btn-link:hover{color:#2563eb;text-decoration:underline}.metri-list-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #F3F4F6;transition:background .2s}.metri-list-item:last-child{border-bottom:none}.metri-list-item:hover{background:#f9fafb;margin:0 -12px;padding:14px 12px;border-radius:12px}.metri-item-info{display:flex;flex-direction:column;gap:4px}.metri-item-title{font-size:14px;font-weight:600;color:#1f2937}.metri-item-subtitle{font-size:12px;color:#6b7280}.metri-item-stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.metri-item-value{font-size:14px;font-weight:600;color:#3b82f6}.metri-item-price{font-size:12px;color:#059669;font-weight:500}.metri-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.metri-status-badge.pending{background:#fef3c7;color:#d97706}.metri-status-badge.active,.metri-status-badge.success{background:#d1fae5;color:#059669}.metri-status-badge.inactive,.metri-status-badge.cancelled{background:#fee2e2;color:#dc2626}.metri-status-badge.draft{background:#f3f4f6;color:#6b7280}.metri-quick-actions{background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 40px #00000008}.metri-quick-actions h3{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 20px}.metri-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.metri-action-btn{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;background:#f9fafb;border:2px solid #E5E7EB;border-radius:16px;cursor:pointer;transition:all .2s;font-family:Dana,sans-serif}.metri-action-btn:hover{background:#fff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f61a}.metri-action-icon{font-size:28px;line-height:1}.metri-action-btn span:last-child{font-size:13px;font-weight:600;color:#374151}.metri-empty-state{text-align:center;padding:40px 20px;color:#9ca3af;font-size:14px}.metri-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.metri-content-card{background:#fff;border-radius:24px;box-shadow:0 10px 40px #00000008;overflow:hidden}.metri-card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #F3F4F6;flex-wrap:wrap;gap:16px}.metri-card-header h3{font-size:18px;font-weight:700;color:#1f2937;margin:0}.metri-filter-tabs{display:flex;background:#f3f4f6;padding:4px;border-radius:12px;gap:4px;flex-wrap:wrap}.metri-filter-btn{padding:8px 16px;border-radius:8px;border:none;background:transparent;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;font-family:Dana,sans-serif;display:flex;align-items:center;gap:6px}.metri-filter-btn:hover{background:#ffffff80;color:#374151}.metri-filter-btn.active{background:#fff;color:#2563eb;font-weight:700;box-shadow:0 2px 8px #0000000d}.metri-filter-count{background:#e5e7eb;color:#4b5563;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700}.metri-filter-btn.active .metri-filter-count{background:#dbeafe;color:#2563eb}.metri-table-wrapper{overflow-x:auto;padding:0 24px 24px}.metri-table{width:100%;border-collapse:separate;border-spacing:0 12px}.metri-table th{text-align:right;font-size:12px;color:#9ca3af;font-weight:600;padding:0 16px 12px}.metri-table tbody tr{background:#fff;box-shadow:0 2px 8px #00000005;transition:transform .2s,box-shadow .2s}.metri-table tbody tr:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f;position:relative;z-index:1}.metri-table td{padding:16px;background:#fff;border:1px solid #F3F4F6;border-style:solid none;font-size:14px;color:#374151}.metri-table td:first-child{border-top-right-radius:16px;border-bottom-right-radius:16px;border-right-style:solid}.metri-table td:last-child{border-top-left-radius:16px;border-bottom-left-radius:16px;border-left-style:solid}.metri-cell-info{display:flex;flex-direction:column;gap:2px}.metri-cell-main{font-weight:600;color:#1f2937}.metri-cell-sub{font-size:12px;color:#9ca3af}.metri-action-group{display:flex;gap:8px}.metri-btn-icon{width:36px;height:36px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:16px}.metri-btn-icon.edit{background:#dbeafe;color:#2563eb}.metri-btn-icon.edit:hover{background:#bfdbfe;transform:translateY(-2px)}.metri-btn-icon.delete{background:#fee2e2;color:#dc2626}.metri-btn-icon.delete:hover{background:#fecaca;transform:translateY(-2px)}.metri-btn-icon.success{background:#d1fae5;color:#059669}.metri-btn-icon.success:hover{background:#a7f3d0;transform:translateY(-2px)}.metri-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;font-family:Dana,sans-serif;transition:all .2s;box-shadow:0 4px 12px #3b82f64d}.metri-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.metri-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.metri-btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;color:#374151;border:2px solid #E5E7EB;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;font-family:Dana,sans-serif;transition:all .2s}.metri-btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.metri-btn-danger{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;font-family:Dana,sans-serif;transition:all .2s;box-shadow:0 4px 12px #ef44444d}.metri-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px)}.metri-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.metri-modal{background:#fff;border-radius:24px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.metri-modal.small{max-width:420px}.metri-modal.large{max-width:800px}.metri-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #F3F4F6;flex-shrink:0}.metri-modal-title{display:flex;align-items:center;gap:12px}.metri-modal-icon{width:40px;height:40px;background:#eff6ff;color:#2563eb;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px}.metri-modal-header h3{font-size:18px;font-weight:700;color:#1f2937;margin:0}.metri-modal-close{width:36px;height:36px;background:#f3f4f6;border:none;border-radius:10px;font-size:20px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.metri-modal-close:hover{background:#fee2e2;color:#dc2626}.metri-modal>form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.metri-modal-body{padding:24px;overflow-y:auto;flex:1;min-height:0}.metri-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #F3F4F6;background:#f9fafb;flex-shrink:0;border-radius:0 0 24px 24px}.metri-form-group{margin-bottom:20px}.metri-form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#374151}.metri-form-group input,.metri-form-group select,.metri-form-group textarea{width:100%;padding:12px 16px;border:2px solid #E5E7EB;border-radius:12px;font-size:14px;font-family:Dana,sans-serif;color:#1f2937;background:#fff;transition:all .2s}.metri-form-group input:focus,.metri-form-group select:focus,.metri-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.metri-form-group textarea{resize:vertical;min-height:100px}.metri-form-group small{display:block;margin-top:6px;font-size:12px;color:#6b7280}.metri-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metri-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.metri-checkbox-label input[type=checkbox]{width:20px;height:20px;border:2px solid #D1D5DB;border-radius:6px;cursor:pointer;accent-color:#3B82F6}.metri-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.metri-settings-card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 40px #00000008}.metri-settings-card h3{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid #F3F4F6;display:flex;align-items:center;gap:8px}.metri-progress-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;position:relative}.metri-progress-bar .progress{height:100%;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:4px;transition:width .5s ease}.metri-progress-text{font-size:12px;color:#6b7280;margin-top:4px}@keyframes spin{to{transform:rotate(-360deg)}}.spinning{animation:spin 1s linear infinite}.metri-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 24px;border-top:1px solid #F3F4F6}.metri-pagination-info{font-size:13px;color:#6b7280;margin-left:auto}.metri-pagination-btn{width:36px;height:36px;border:1px solid #E5E7EB;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#374151;font-size:14px;font-weight:500}.metri-pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.metri-pagination-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.metri-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.metri-pagination-nav{padding:0 12px}.metri-pagination-dots{color:#9ca3af;font-size:14px;padding:0 4px}@media(max-width:768px){.metri-view-header{flex-direction:column;align-items:flex-start}.metri-overview-grid,.metri-sections-grid,.metri-form-row,.metri-settings-grid{grid-template-columns:1fr}.metri-filter-tabs{width:100%}.metri-filter-btn{flex:1;justify-content:center;text-align:center}}.dynamic-role-selection-container{width:100%;min-height:100vh;background:#5ba4e5;display:flex;flex-direction:column;direction:rtl;overflow-x:hidden}.selection-header{width:100%;background:#5ba4e5;padding:24px 20px 40px;display:flex;flex-direction:column;align-items:center}.selection-header h1{font-size:16px;font-weight:500;color:#fff;margin:0 0 40px;text-align:center}.success-container{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.success-circle{width:90px;height:90px;margin-bottom:16px}.success-circle svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(76,175,80,.3))}.success-message{font-size:16px;font-weight:600;color:#fff;margin:0;text-align:center}.white-content-section{flex:1;width:100%;background:#fff;border-radius:44px 44px 0 0;padding:34px 25px 40px;display:flex;flex-direction:column;align-items:center}.instruction-area{width:100%;text-align:center;margin-bottom:24px}.instruction-text{font-size:14px;font-weight:400;color:#252831;margin:0;line-height:20px}.roles-grid-selection{width:100%;max-width:310px;display:grid;grid-template-columns:repeat(3,90px);gap:20px 10px;justify-content:center;margin-bottom:24px}.role-card-selection{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease}.role-icon-box{width:90px;height:90px;background:#c7e0f9;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:2px solid transparent;transition:all .3s ease;overflow:hidden}.role-card-selection:hover .role-icon-box{transform:scale(1.05)}.role-card-selection.active .role-icon-box{border-color:#147ee4;box-shadow:0 0 0 3px #147ee433;background:#e6f0fa}.role-img{width:60%;height:60%;object-fit:contain}.role-placeholder-icon{width:50%;height:50%;color:#5ba4e5}.role-title{font-size:12px;font-weight:400;color:#252831;text-align:center;margin:0;line-height:20px;max-width:90px;word-wrap:break-word}.confirm-button{width:100%;max-width:310px;height:48px;background:#5ba4e5;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #5ba4e54d;margin-top:auto}.confirm-button:hover:not(:disabled){background:#4a93d4;box-shadow:0 4px 12px #5ba4e566}.confirm-button:disabled{opacity:.5;cursor:not-allowed;background:#a0cbef}.empty-roles{text-align:center;color:#6b7280;margin-top:40px}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:#5ba4e5;color:#fff}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media(max-width:375px){.roles-grid-selection{max-width:100%;grid-template-columns:repeat(3,1fr);gap:16px 8px}.role-icon-box{width:100%;height:auto;aspect-ratio:1}.white-content-section{padding:34px 20px 40px}}.dynamic-role-form-container{min-height:100vh;background-color:#e8f2fc;display:flex;justify-content:center;align-items:flex-start;padding-top:132px;position:relative;font-family:Dana,sans-serif;direction:rtl;overflow-x:hidden}.dynamic-role-form-container .form-card{width:100%;max-width:480px;background:#fff;border-radius:32px 32px 0 0;min-height:calc(100vh - 100px);position:relative;padding:24px 20px;box-shadow:0 -4px 20px #0000000d;display:flex;flex-direction:column}.dynamic-role-form-container .page-header{position:absolute;top:24px;right:0;left:0;text-align:center;z-index:10;padding:0 20px;display:flex;flex-direction:column;align-items:center}.dynamic-role-form-container .role-title-display{font-size:14px;color:#3e95e9;font-weight:400;margin:0 0 12px;line-height:20px;text-align:center}.dynamic-role-form-container .role-subtitle-display{font-size:16px;color:#147ee4;font-weight:500;margin:0;line-height:24px;text-align:center;max-width:280px}.dynamic-role-form-container .custom-stepper{display:flex;align-items:center;justify-content:center;margin-bottom:32px;position:relative;direction:rtl}.dynamic-role-form-container .stepper-step{display:flex;align-items:center;gap:10px;position:relative}.dynamic-role-form-container .step-circle{width:35px;height:35px;border-radius:50%;background:#e8f2fc;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#9ac8f3;transition:all .3s ease}.dynamic-role-form-container .stepper-step.active .step-circle{background:#1983e8;color:#fff;box-shadow:0 4px 10px #1983e84d}.dynamic-role-form-container .stepper-step.completed .step-circle{background:#e8f2fc;color:#9ac8f3}.dynamic-role-form-container .step-connector{width:40px;height:2px;background:#dcecf9;margin:0 4px}.dynamic-role-form-container .step-connector.active{background:#1983e8}.dynamic-role-form-container .form-content-area{display:flex;flex-direction:column;gap:24px;flex:1}.dynamic-role-form-container .step-title-block{text-align:right;margin-bottom:16px}.dynamic-role-form-container .step-title-block h2{font-size:14px;color:#2f2f33;font-weight:700;margin:0}.dynamic-role-form-container .field-group{margin-bottom:0!important}.dynamic-role-form-container .field-label{font-size:12px!important;color:#2f2f33!important;font-weight:500!important;margin-bottom:4px!important}.dynamic-role-form-container .field-input,.dynamic-role-form-container .field-select,.dynamic-role-form-container .field-textarea{border:1px solid #878A95!important;border-radius:8px!important;padding:12px!important;font-size:14px!important;background:#fff!important;color:#2f2f33!important;height:auto!important}.dynamic-role-form-container .field-input::placeholder{color:#adafb6!important}.dynamic-role-form-container .form-field{width:100%}.dynamic-role-form-container .form-select{height:56px;border:1px solid #878A95;border-radius:8px}.dynamic-role-form-container .form-label{font-size:12px;color:#2f2f33;font-weight:500;margin-bottom:4px}.dynamic-role-form-container .bottom-action-bar{width:100%;margin-top:32px;z-index:20}.dynamic-role-form-container .btn-main-action{width:100%;height:56px;background:#1983e8;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.dynamic-role-form-container .btn-main-action:disabled{background:#1983e880;cursor:not-allowed}.dynamic-role-form-container .btn-main-action:hover:not(:disabled){background:#147ee4}.dynamic-role-form-container .loading-overlay{position:absolute;inset:0;background:#e8f2fc;display:flex;justify-content:center;align-items:center;z-index:100}.dynamic-role-form-container .error-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;opacity:0;animation:fadeIn .3s forwards}.dynamic-role-form-container .error-modal-content{background:#fff;border-radius:24px;padding:32px 24px;width:90%;max-width:400px;text-align:center;box-shadow:0 20px 60px #0000004d;transform:translateY(20px);opacity:0;animation:slideUp .3s forwards;animation-delay:.1s}.dynamic-role-form-container .error-modal-content h2{font-size:20px;font-weight:700;color:#252831;margin:16px 0 12px}.dynamic-role-form-container .error-modal-content p{font-size:15px;color:#637381;margin-bottom:24px;line-height:1.6}.dynamic-role-form-container .error-icon-wrapper{width:72px;height:72px;background:linear-gradient(135deg,#ff708a,#ff4c6a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 8px 24px #ff4c6a4d}.dynamic-role-form-container .error-icon-wrapper svg{width:36px;height:36px;stroke:#fff;stroke-width:2.5}.dynamic-role-form-container .btn-close-modal{width:100%;padding:14px 20px;background:linear-gradient(135deg,#ff708a,#ff4c6a);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Dana,sans-serif;box-shadow:0 4px 12px #ff4c6a33}.dynamic-role-form-container .btn-close-modal:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff4c6a4d}.dynamic-role-form-container .btn-close-modal:active{transform:translateY(0);box-shadow:0 2px 8px #ff4c6a33}.courses-list-page{display:flex;flex-direction:column;height:100vh;background-color:#f8fafc}.courses-content{flex:1;padding:24px 20px 80px;overflow-y:auto}.tabs-container{margin-bottom:20px;overflow:hidden}.tabs-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.tabs-scroll::-webkit-scrollbar{display:none}.tab-btn{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e2e8f0;padding:8px 16px;border-radius:20px;cursor:pointer;white-space:nowrap;transition:all .2s}.tab-btn.active{background:#eff6ff;border-color:#3b82f6}.tab-label{font-size:13px;font-weight:500;color:#64748b}.tab-btn.active .tab-label{color:#1d4ed8}.tab-count{background:#f1f5f9;color:#64748b;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.tab-btn.active .tab-count{background:#dbeafe;color:#1d4ed8}.search-filter-row{display:flex;gap:12px;margin-bottom:20px;align-items:center;direction:rtl}.search-container{flex:1;position:relative;display:flex;align-items:center;height:44px;background:#fff;border:1px solid #878A95;border-radius:8px;padding:0 12px;gap:8px}.search-icon{flex-shrink:0}.search-input{flex:1;height:100%;padding:0;border:none;background:transparent;font-size:14px;color:#252831;outline:none;text-align:right}.search-container:focus-within{border-color:#3e95e9;box-shadow:0 0 0 2px #3e95e91a}.sort-container{position:relative;min-width:110px;flex-shrink:0}.sort-button{width:100%;height:44px;padding:0 12px;border:1px solid #878A95;border-radius:8px;background:#fff;font-size:14px;color:#636774;font-weight:500;cursor:pointer;outline:none;transition:all .2s;display:flex;align-items:center;justify-content:space-between;gap:8px;-webkit-user-select:none;user-select:none}.sort-button:hover{border-color:#3e95e9}.sort-button:focus,.sort-button:active{border-color:#3e95e9;box-shadow:0 0 0 2px #3e95e91a}.sort-arrow{transition:transform .2s;flex-shrink:0}.sort-arrow.open{transform:rotate(180deg)}.sort-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #E4E7EC;border-radius:8px;box-shadow:0 4px 12px #0000001a;overflow:hidden;z-index:100;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sort-option{width:100%;padding:12px 14px;border:none;background:#fff;font-size:14px;color:#636774;font-weight:500;text-align:right;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:space-between}.sort-option.active{background:#f0f9ff;color:#3e95e9}.courses-list{display:flex;flex-direction:column;gap:12px}.course-card{display:flex;align-items:center;background:#fff;border-radius:16px;padding:12px;gap:12px;box-shadow:0 2px 8px #0000000a;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.course-card:active{transform:scale(.98);background-color:#f8fafc}.course-image{width:64px;height:64px;border-radius:10px;overflow:hidden;flex-shrink:0}.course-image img{width:100%;height:100%;object-fit:cover}.course-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f1f5f9}.course-info{flex:1;display:flex;flex-direction:column;gap:4px;overflow:hidden}.course-title{font-size:14px;font-weight:700;color:#1e293b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.meta-item.price{color:#3b82f6;font-weight:600}.meta-dot{color:#cbd5e1}.course-action{color:#94a3b8;display:flex;align-items:center}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#94a3b8;font-size:14px}.spinner{width:32px;height:32px;border:3px solid #f1f5f9;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;color:#94a3b8;font-size:14px;gap:16px}.course-detail-page{min-height:100vh;background-color:#e8f2fc;padding-bottom:100px;font-family:Dana,sans-serif;direction:rtl}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:transparent;position:absolute;top:0;left:0;right:0;z-index:50}.back-btn{background:#ffffffe6;border:none;padding:10px;cursor:pointer;color:#1983e8;display:flex;align-items:center;justify-content:center;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.back-btn:hover{background:#fff;transform:scale(1.05)}.bookmark-btn,.share-btn{background:#ffffffe6;border:none;padding:10px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-right:8px;transition:all .3s ease}.bookmark-btn:hover,.share-btn:hover{background:#fff;color:#1983e8}.course-hero-image{position:relative;width:100%;height:280px;background:linear-gradient(135deg,#3e95e9,#1983e8)}.course-hero-image img{width:100%;height:100%;object-fit:cover}.hero-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3e95e9,#1983e8)}.carousel-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;transition:all .3s ease}.course-detail-content{background:#fff;border-radius:32px 32px 0 0;margin-top:-32px;position:relative;padding:28px 20px 40px;min-height:calc(100vh - 248px);box-shadow:0 -4px 20px #0000000d}.course-detail-title{font-size:20px;font-weight:700;color:#252831;margin:0 0 8px;text-align:right;line-height:32px}.course-provider{font-size:13px;font-weight:500;color:#64748b;text-align:right;margin-bottom:20px;line-height:20px}.provider-badge{display:flex;justify-content:space-between;align-items:center;background:#e8f2fc;padding:12px 16px;border-radius:12px;margin-bottom:24px}.provider-name{font-size:14px;font-weight:600;color:#1983e8;margin:0}.provider-logo{display:flex;flex-direction:column;align-items:center;gap:2px}.logo-text-main{font-size:10px;font-weight:700;color:#0b4882}.logo-text-sub{font-size:6px;font-weight:400;color:#0b4882}.price-section{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;padding:16px;background:linear-gradient(135deg,#e8f2fc,#dcecf9);border-radius:16px}.price-label{font-size:14px;font-weight:500;color:#64748b}.price-value{font-size:28px;font-weight:700;color:#1983e8}.price-unit{font-size:14px;font-weight:500}.description-section{margin-bottom:24px}.description-text{font-size:14px;font-weight:400;color:#637381;line-height:24px;text-align:right;margin:0}.specs-section{margin-bottom:24px}.section-title{font-size:16px;font-weight:700;color:#252831;margin:0 0 16px;text-align:right}.specs-list{background:#f8fafc;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}.spec-row{display:flex;justify-content:space-between;align-items:center}.spec-value{font-size:13px;font-weight:500;color:#64748b}.spec-divider{height:1px;background:#e5e7eb}.sections-section{margin-bottom:24px}.section-header-with-icon{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:16px}.sections-list{display:flex;flex-direction:column;gap:8px}.section-item{background:#f8fafc;border-radius:16px;overflow:hidden;border:1px solid #E5E7EB}.section-item-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .3s ease}.section-item-header:hover{background:#e8f2fc}.section-item-title{font-size:14px;font-weight:600;color:#252831;margin:0;flex:1;text-align:right}.section-arrow{transition:transform .3s ease;flex-shrink:0;color:#1983e8}.section-contents{padding:0 16px 16px;display:flex;flex-direction:column;gap:8px;background:#fff;border-top:1px solid #E5E7EB}.content-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:12px;margin-top:8px}.content-left{flex:1;text-align:right}.content-title{font-size:13px;font-weight:500;color:#252831;margin:0}.content-duration{font-size:11px;color:#94a3b8;margin-top:4px}.content-type-badge{display:flex;gap:6px;align-items:center}.content-type-badge .badge{padding:4px 10px;border-radius:8px;font-size:11px;font-weight:600}.content-type-badge .video-badge{background:#e8f2fc;color:#1983e8}.content-type-badge .quiz-badge{background:#d1fae5;color:#059669}.content-type-badge .text-badge{background:#fef3c7;color:#d97706}.content-type-badge .paid-badge{background:#fee2e2;color:#dc2626;padding:4px 8px}.content-item.content-preview{cursor:default}.empty-sections{text-align:center;color:#94a3b8;padding:24px;font-size:14px;background:#f8fafc;border-radius:16px}.reviews-section{margin-bottom:24px;background:#f8fafc;padding:16px;border-radius:16px}.review-count{font-size:12px;color:#64748b}.review-item{display:flex;align-items:flex-start;gap:12px;margin-top:12px}.review-avatar{width:40px;height:40px;background:#e8f2fc;border-radius:50%;flex-shrink:0}.review-text{font-size:13px;font-weight:400;color:#637381;margin:0;line-height:22px;flex:1;text-align:right}.purchase-section{margin-top:32px}.purchase-btn{width:100%;padding:16px;background:#1983e8;border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Dana,sans-serif;box-shadow:0 4px 12px #1983e84d}.purchase-btn:hover{background:#147ee4;transform:translateY(-2px);box-shadow:0 6px 16px #1983e866}.purchase-btn:active{transform:translateY(0)}.purchase-btn:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none}.enrollment-status-box{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px}.status-info{display:flex;flex-direction:column;gap:12px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;width:fit-content}.status-badge.enrolled{background:#059669;color:#fff}.progress-info{display:flex;align-items:center;gap:12px}.progress-bar-mini{flex:1;height:8px;background:#0000001a;border-radius:4px;overflow:hidden}.progress-bar-mini .progress-fill{height:100%;background:#059669;border-radius:4px;transition:width .3s ease}.progress-text{font-size:13px;color:#065f46;font-weight:600}.continue-btn{width:100%;padding:16px;background:#059669;border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;font-family:Dana,sans-serif;transition:all .3s ease;box-shadow:0 4px 12px #0596694d}.continue-btn:hover{background:#047857;transform:translateY(-2px)}.spinner{width:40px;height:40px;border:4px solid #E8F2FC;border-top:4px solid #1983E8;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 20px;color:#94a3b8;font-size:16px}.back-button{margin-top:20px;padding:14px 32px;background:#1983e8;color:#fff;border:none;border-radius:12px;cursor:pointer;font-family:Dana,sans-serif;font-weight:600;transition:all .3s ease}.back-button:hover{background:#147ee4}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .3s ease}.purchase-modal{background:#fff;border-radius:24px;max-width:420px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.purchase-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #E5E7EB}.purchase-modal .modal-header h3{font-size:18px;font-weight:700;color:#252831;margin:0}.purchase-modal .close-btn{background:#f8fafc;border:none;padding:8px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .3s ease}.purchase-modal .close-btn:hover{background:#e8f2fc;color:#1983e8}.purchase-modal .modal-body{padding:24px}.purchase-course-info{display:flex;gap:16px;align-items:center;padding:16px;background:#f8fafc;border-radius:16px;margin-bottom:20px}.purchase-course-info .course-thumb{width:72px;height:54px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#e8f2fc}.purchase-course-info .course-thumb img{width:100%;height:100%;object-fit:cover}.purchase-course-info .thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px}.purchase-course-info .course-details{flex:1;text-align:right}.purchase-course-info .course-details h4{margin:0 0 6px;font-size:15px;font-weight:600;color:#252831}.purchase-course-info .course-price{margin:0;font-size:18px;font-weight:700;color:#1983e8}.wallet-info-box{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f0f9ff;border-radius:12px;margin-bottom:20px;border:1px solid #BAE6FD}.wallet-icon{font-size:32px;text-align:center;margin-bottom:8px}.wallet-details{display:flex;justify-content:space-between;align-items:center}.wallet-label{font-size:14px;color:#0369a1;font-weight:500}.wallet-amount{font-size:18px;font-weight:700;color:#0c4a6e}.wallet-warning{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fef2f2;border-radius:8px;border:1px solid #FEE2E2;margin-top:8px}.wallet-warning svg{color:#dc2626;flex-shrink:0}.wallet-warning span{font-size:13px;color:#991b1b;font-weight:500}.warning-box{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fef3c7;border-radius:12px;margin-bottom:24px;border:1px solid #F59E0B}.warning-box svg{color:#d97706;flex-shrink:0;margin-top:2px}.warning-box p{margin:0;font-size:13px;color:#92400e;line-height:1.6;text-align:right}.payment-methods{margin-bottom:24px}.payment-methods h4{margin:0 0 16px;font-size:15px;font-weight:600;color:#252831;text-align:right}.payment-option{display:block;padding:16px;border:2px solid #E5E7EB;border-radius:16px;margin-bottom:12px;cursor:pointer;transition:all .3s ease}.payment-option:hover{border-color:#93c5fd;background:#f8fafc}.payment-option.selected{border-color:#1983e8;background:#e8f2fc}.payment-option input{display:none}.payment-option .option-content{display:flex;align-items:center;gap:16px}.payment-option .option-icon{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.payment-option .option-info{flex:1;text-align:right}.payment-option .option-title{display:block;font-size:15px;font-weight:600;color:#252831;margin-bottom:4px}.payment-option .option-balance{display:block;font-size:13px;color:#64748b}.payment-option .option-balance .insufficient{color:#dc2626;font-weight:600}.payment-option .option-desc{display:block;font-size:12px;color:#94a3b8;margin-top:2px}.purchase-summary{background:#f8fafc;border-radius:16px;padding:20px}.purchase-summary .summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#64748b;margin-bottom:10px}.purchase-summary .summary-row.total{margin-top:16px;padding-top:16px;border-top:1px solid #E5E7EB;font-size:18px;font-weight:700;color:#252831;margin-bottom:0}.purchase-modal .modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #E5E7EB}.purchase-modal .cancel-btn{flex:1;padding:14px;background:#f8fafc;border:1px solid #E5E7EB;border-radius:12px;color:#64748b;font-size:15px;font-weight:600;cursor:pointer;font-family:Dana,sans-serif;transition:all .3s ease}.purchase-modal .cancel-btn:hover{background:#e5e7eb}.purchase-modal .confirm-btn{flex:2;padding:14px;background:#1983e8;border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;font-family:Dana,sans-serif;transition:all .3s ease;box-shadow:0 4px 12px #1983e84d}.purchase-modal .confirm-btn:hover:not(:disabled){background:#147ee4;transform:translateY(-2px)}.purchase-modal .confirm-btn:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none}@media(max-width:480px){.course-hero-image{height:220px}.course-detail-content{padding:24px 16px 40px}.course-detail-title{font-size:18px}.price-value{font-size:24px}}.my-courses-page{display:flex;flex-direction:column;min-height:100vh;background-color:#e8f2fc;font-family:Dana,sans-serif}.my-courses-content{flex:1;padding:16px 16px 100px}.filter-tabs{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px}.filter-tab{flex-shrink:0;padding:10px 18px;border:none;border-radius:20px;background:#fff;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Dana,sans-serif;box-shadow:0 2px 8px #0000000a}.filter-tab:hover{background:#f1f5f9}.filter-tab.active{background:#1983e8;color:#fff;box-shadow:0 4px 12px #1983e84d}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fff;border-radius:24px;margin-top:20px}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state h3{color:#252831;font-size:18px;font-weight:700;margin:0 0 8px}.empty-state p{color:#64748b;font-size:14px;margin:0 0 24px}.browse-courses-btn{padding:14px 32px;background:#1983e8;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;font-family:Dana,sans-serif;transition:all .3s ease;box-shadow:0 4px 12px #1983e84d}.browse-courses-btn:hover{background:#147ee4;transform:translateY(-2px)}.my-courses-list{display:flex;flex-direction:column;gap:12px}.my-course-card{display:flex;align-items:center;gap:14px;background:#fff;border-radius:20px;padding:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.my-course-card:hover{transform:translate(-4px);box-shadow:0 4px 16px #00000014}.my-course-card:active{transform:scale(.98)}.course-thumbnail{position:relative;width:90px;height:90px;border-radius:16px;overflow:hidden;flex-shrink:0;background:#e8f2fc}.course-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f2fc,#dcecf9)}.status-badge{position:absolute;bottom:6px;left:6px;right:6px;padding:4px 8px;border-radius:8px;font-size:10px;font-weight:600;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-badge.status-active{background:#1983e8e6;color:#fff}.status-badge.status-completed{background:#059669e6;color:#fff}.status-badge.status-cancelled{background:#dc2626e6;color:#fff}.course-details{flex:1;min-width:0}.course-details .course-title{font-size:15px;font-weight:700;color:#252831;margin:0 0 10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.progress-section{display:flex;align-items:center;gap:10px;margin-bottom:8px}.progress-bar{flex:1;height:6px;background:#e8f2fc;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3e95e9,#1983e8);border-radius:3px;transition:width .5s ease}.progress-text{font-size:12px;font-weight:700;color:#1983e8;min-width:32px;text-align:left}.course-meta{display:flex;align-items:center;gap:8px}.meta-price{padding:4px 10px;border-radius:8px;font-size:11px;font-weight:600}.meta-price.paid{background:#d1fae5;color:#059669}.meta-price.free{background:#e8f2fc;color:#1983e8}.course-arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center}@media(max-width:360px){.course-thumbnail{width:80px;height:80px}.course-details .course-title{font-size:14px}.filter-tab{padding:8px 14px;font-size:12px}}.my-course-detail-page{min-height:100vh;background-color:#e8f2fc;padding-bottom:80px;font-family:Dana,sans-serif;direction:rtl}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#64748b}.spinner{width:40px;height:40px;border:4px solid #DCECF9;border-top:4px solid #1983E8;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.access-denied-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;padding:20px;text-align:center}.access-denied-icon{font-size:64px;margin-bottom:24px}.access-denied-container h2{color:#252831;font-size:22px;font-weight:700;margin-bottom:12px}.access-denied-container p{color:#64748b;font-size:15px;margin-bottom:32px}.access-denied-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px}.view-course-btn{background:#1983e8;color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Dana,sans-serif;box-shadow:0 4px 12px #1983e84d}.view-course-btn:hover{background:#147ee4;transform:translateY(-2px);box-shadow:0 6px 16px #1983e866}.back-button{background:transparent;color:#64748b;border:1px solid #E5E7EB;padding:14px 32px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Dana,sans-serif}.back-button:hover{background:#f8fafc;border-color:#1983e8;color:#1983e8}.learning-header{display:flex;align-items:center;padding:16px 20px;background:#fff;border-bottom:1px solid #E5E7EB;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000000a}.back-btn{background:#e8f2fc;border:none;color:#1983e8;padding:10px;cursor:pointer;border-radius:10px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.back-btn:hover{background:#dcecf9}.header-title{flex:1;text-align:center;color:#252831;font-size:16px;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 12px}.header-spacer{width:44px}.progress-section{background:#fff;margin:16px;padding:20px;border-radius:20px;box-shadow:0 2px 8px #0000000a}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.progress-label{color:#64748b;font-size:14px;font-weight:500}.progress-percentage{color:#1983e8;font-size:28px;font-weight:700}.progress-bar{height:10px;background:#e8f2fc;border-radius:5px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,#3e95e9,#1983e8);border-radius:5px;transition:width .5s ease}.progress-stats{color:#64748b;font-size:13px;font-weight:500}.learning-content{padding:0 16px}.sections-title{color:#252831;font-size:18px;font-weight:700;margin-bottom:16px;padding-right:4px}.empty-sections{color:#94a3b8;text-align:center;padding:48px 20px;background:#fff;border-radius:20px;font-size:14px}.sections-list{display:flex;flex-direction:column;gap:12px}.section-item{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.section-header{display:flex;justify-content:space-between;align-items:center;padding:18px;cursor:pointer;transition:background .3s ease}.section-header:hover{background:#f8fafc}.section-info{display:flex;flex-direction:column;gap:4px}.section-number{color:#1983e8;font-size:12px;font-weight:700}.section-title{color:#252831;font-size:15px;font-weight:600;margin:0}.section-count{color:#94a3b8;font-size:12px}.section-arrow{transition:transform .3s ease;color:#1983e8}.section-arrow.expanded{transform:rotate(180deg)}.section-contents{border-top:1px solid #E5E7EB;padding:12px;background:#f8fafc}.content-item{display:flex;align-items:center;gap:14px;padding:14px;cursor:pointer;transition:all .3s ease;border-radius:14px;margin-bottom:8px;background:#fff}.content-item:last-child{margin-bottom:0}.content-item.accessible:hover{background:#e8f2fc;transform:translate(-4px)}.content-item.locked{opacity:.6;cursor:not-allowed;background:#f8fafc}.content-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#e8f2fc;border-radius:12px}.content-details{flex:1;min-width:0;padding:24px 20px 10px!important}.content-title{color:#252831;font-size:14px;font-weight:600;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-duration{color:#94a3b8;font-size:12px}.content-status{flex-shrink:0;display:flex;align-items:center;justify-content:center}.lock-icon{font-size:18px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#64748b;text-align:center;padding:20px}.video-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.video-modal-content{background:#fff;border-radius:24px;width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.video-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #E5E7EB}.video-modal-header h3{color:#252831;font-size:17px;font-weight:700;margin:0}.close-modal-btn{background:#f8fafc;border:none;color:#64748b;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.close-modal-btn:hover{background:#e8f2fc;color:#1983e8}.video-modal-body{position:relative;width:100%;padding-top:56.25%;background:#000}.video-player{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-modal-description{padding:18px 24px;border-top:1px solid #E5E7EB;background:#f8fafc}.video-modal-description p{color:#64748b;font-size:14px;line-height:1.7;margin:0}@media(max-width:480px){.learning-header{padding:14px 16px}.header-title{font-size:15px}.progress-section{margin:12px;padding:18px;border-radius:16px}.progress-percentage{font-size:24px}.learning-content{padding:0 12px}.section-item{border-radius:16px}.section-header{padding:16px}.content-item{padding:12px;border-radius:12px}.video-modal-overlay{padding:0}.video-modal-content{border-radius:0;max-height:100vh}.video-modal-header{padding:16px 20px}}.take-quiz-page{min-height:100vh;background-color:#e8f2fc;display:flex;flex-direction:column;align-items:center;position:relative;font-family:Dana,sans-serif;direction:rtl}.simple-header{width:100%;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;background:transparent;position:absolute;top:0;z-index:10}.timer-display{background:#fff;padding:6px 12px;border-radius:20px;font-weight:700;color:#1983e8;font-size:14px;box-shadow:0 2px 8px #1983e81a}.timer-display.urgent{color:#e11d48;background:#ffe4e6}.quiz-card{width:100%;max-width:480px;background:#fff;border-radius:32px 32px 0 0;min-height:calc(100vh - 80px);margin-top:80px;padding:32px 20px 100px;box-shadow:0 -4px 20px #0000000d;position:relative;display:flex;flex-direction:column}.progress-container{width:100%;height:4px;background:#f1f5f9;border-radius:2px;margin-bottom:24px;overflow:hidden}.progress-fill{height:100%;background:#1983e8;border-radius:2px;transition:width .3s ease}.quiz-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.question-count{font-size:14px;color:#64748b;font-weight:500}.question-score-badge{background:#eff6ff;color:#1983e8;font-size:12px;padding:4px 10px;border-radius:6px;font-weight:700}.question-text{font-size:18px;color:#1e293b;line-height:1.6;font-weight:700;margin-bottom:24px;text-align:right}.question-image{width:100%;border-radius:12px;margin-bottom:20px;object-fit:cover}.options-list{display:flex;flex-direction:column;gap:12px}.option-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s;background:#fff}.option-item:hover{border-color:#9ac8f3;background:#f8fafc}.option-item.selected{border-color:#1983e8;background:#eff6ff}.option-radio{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;margin-top:2px;position:relative}.option-item.selected .option-radio{border-color:#1983e8}.option-item.selected .option-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#1983e8;border-radius:50%}.option-text{font-size:14px;color:#334155;line-height:1.5}.text-answer-input{width:100%;padding:16px;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;line-height:1.5;min-height:120px;resize:vertical}.text-answer-input:focus{outline:none;border-color:#1983e8}.quiz-actions{position:fixed;bottom:24px;left:0;right:0;padding:0 20px;display:flex;gap:12px;justify-content:center;z-index:20;max-width:520px;margin:0 auto}.btn-nav{flex:1;height:48px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-nav.prev{background:#fff;border:1px solid #e2e8f0;color:#64748b;flex:0 0 100px}.btn-nav.next{background:#1983e8;color:#fff;box-shadow:0 4px 12px #1983e833}.btn-nav.submit{background:#16a34a;color:#fff;box-shadow:0 4px 12px #16a34a33}.btn-nav:disabled{opacity:.5;cursor:not-allowed}.start-screen-content{text-align:center;padding:20px 0}.quiz-title-large{font-size:24px;color:#1e293b;margin-bottom:12px;font-weight:800}.quiz-desc{color:#64748b;font-size:14px;line-height:1.6;margin-bottom:32px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.info-box{background:#f8fafc;padding:16px;border-radius:12px;text-align:center}.info-label{display:block;font-size:12px;color:#94a3b8;margin-bottom:4px}.info-val{display:block;font-size:16px;color:#1e293b;font-weight:700}.btn-start{width:100%;height:52px;background:#1983e8;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #1983e840}.quiz-result-page{min-height:100vh;background-color:#e8f2fc;display:flex;flex-direction:column;align-items:center;position:relative;font-family:Dana,sans-serif;direction:rtl}.simple-header{width:100%;padding:16px 20px;display:flex;align-items:center;position:absolute;top:0;z-index:10}.back-btn{display:flex;align-items:center;gap:6px;background:#fffc;border:none;color:#1e293b;font-size:14px;font-weight:600;cursor:pointer;padding:8px 12px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.result-card{width:100%;max-width:480px;background:#fff;border-radius:32px 32px 0 0;min-height:calc(100vh - 80px);margin-top:80px;padding:40px 20px;box-shadow:0 -4px 20px #0000000d;display:flex;flex-direction:column;align-items:center}.score-section{text-align:center;margin-bottom:40px;width:100%}.score-ring{position:relative;width:140px;height:140px;margin:0 auto 24px}.score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#f1f5f9;stroke-width:8}.ring-progress{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray 1s ease}.ring-progress.passed{stroke:#22c55e}.ring-progress.failed{stroke:#ef4444}.score-text-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.score-number{font-size:32px;font-weight:800;color:#1e293b;line-height:1}.score-label{font-size:12px;color:#64748b;margin-top:4px}.result-message{font-size:20px;font-weight:700;margin-bottom:8px}.result-message.passed{color:#166534}.result-message.failed{color:#991b1b}.result-submessage{font-size:14px;color:#64748b}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;margin-bottom:32px}.stat-item{background:#f8fafc;padding:16px;border-radius:12px;text-align:center}.stat-val{display:block;font-size:18px;font-weight:700;color:#1e293b;margin-bottom:4px}.stat-lbl{font-size:12px;color:#64748b}.stat-val.correct{color:#16a34a}.stat-val.wrong{color:#dc2626}.result-actions{width:100%;display:flex;flex-direction:column;gap:12px}.btn-action{width:100%;height:52px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-action.primary{background:#1983e8;color:#fff;box-shadow:0 4px 12px #1983e840}.btn-action.outline{background:transparent;border:1px solid #cbd5e1;color:#475569}.pending-content{text-align:center;padding:40px 0}.pending-icon-circle{width:80px;height:80px;background:#fff7ed;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.pending-icon-circle svg{width:40px;height:40px;stroke:#ea580c}.pending-title{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:12px}.pending-desc{font-size:14px;color:#64748b;line-height:1.6;margin-bottom:32px}.review-section{width:100%;margin-top:24px}.review-btn{width:100%;padding:16px;background:#f1f5f9;border:none;border-radius:12px;font-size:14px;color:#475569;cursor:pointer;font-weight:600;margin-bottom:16px}.review-list{display:flex;flex-direction:column;gap:16px}.review-item{background:#fff;border:1px solid #e2e8f0;padding:16px;border-radius:12px;border-right:4px solid #cbd5e1}.review-item.correct{border-right-color:#22c55e}.review-item.wrong{border-right-color:#ef4444}.review-q-text{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:12px}.review-meta{font-size:12px;color:#64748b;display:flex;justify-content:space-between}.ans-val{font-weight:600}.ans-val.correct{color:#16a34a}.ans-val.wrong{color:#dc2626}.manual-feedback-box{margin-top:16px;padding:12px;background:#fefce8;border:1px solid #fef08a;border-radius:8px}.feedback-label{display:block;font-size:12px;color:#854d0e;font-weight:600;margin-bottom:4px}.feedback-text{font-size:13px;color:#713f12;margin:0;line-height:1.5}.create-request-page{display:flex;flex-direction:column;min-height:100vh;background:#e8f2fc}.content-request{flex:1;background:#fff;border-radius:32px 32px 0 0;padding:24px 20px 100px;display:flex;flex-direction:column;gap:20px}.request-intro{text-align:center}.request-intro p{color:#636774;font-size:14px;font-weight:500;margin:0}.loading-spinner{text-align:center;color:#636774;padding:40px 0;font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.empty-state p{color:#878a95;font-size:14px;text-align:center}.requests-list{display:flex!important;flex-direction:column!important;gap:12px!important}.request-card{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;background:#fff!important;border-radius:12px!important;padding:16px!important;box-shadow:0 2px 8px #0000000f!important;cursor:pointer;transition:all .2s ease;border:1px solid #E4E7EC!important;gap:12px!important;direction:rtl;text-align:right!important}.request-card:hover{border-color:#3e95e9!important;box-shadow:0 4px 12px #3e95e91a!important}.request-card:active{transform:scale(.98);background-color:#f9fafb!important}.request-card-icon{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;background:linear-gradient(135deg,#e8f4fd,#d4ecfc)!important;color:#3e95e9!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;order:1}.request-card-icon svg{width:24px!important;height:24px!important}.request-card-content{flex:1!important;overflow:hidden;text-align:right!important;order:2}.request-card-title{font-size:15px!important;font-weight:700!important;color:#252831!important;margin:0 0 4px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right!important}.request-card-desc{font-size:13px!important;color:#878a95!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right!important}.request-card-arrow{display:flex!important;align-items:center!important;justify-content:center!important;color:#adafb6!important;flex-shrink:0!important;order:3}.request-card-arrow svg{width:20px!important;height:20px!important}.submit-request-container{min-height:100vh;background-color:#e8f2fc;display:flex;justify-content:center;align-items:flex-start;padding-top:132px;position:relative;font-family:Dana,sans-serif;direction:rtl;overflow-x:hidden}.submit-request-container .form-card{width:100%;max-width:480px;background:#fff;border-radius:32px 32px 0 0;min-height:calc(100vh - 100px);position:relative;padding:24px 20px;box-shadow:0 -4px 20px #0000000d;display:flex;flex-direction:column}.submit-request-container .page-header{position:absolute;top:24px;right:0;left:0;text-align:center;z-index:10;padding:0 20px;display:flex;flex-direction:column;align-items:center}.submit-request-container .request-title-display{font-size:14px;color:#3e95e9;font-weight:400;margin:0 0 12px;line-height:20px;text-align:center}.submit-request-container .request-subtitle-display{font-size:16px;color:#147ee4;font-weight:500;margin:0;line-height:24px;text-align:center;max-width:280px}.submit-request-container .custom-stepper{display:flex;align-items:center;justify-content:center;margin-bottom:32px;position:relative;direction:rtl}.submit-request-container .stepper-step{display:flex;align-items:center;gap:10px;position:relative}.submit-request-container .step-circle{width:35px;height:35px;border-radius:50%;background:#e8f2fc;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#9ac8f3;transition:all .3s ease}.submit-request-container .stepper-step.active .step-circle{background:#1983e8;color:#fff;box-shadow:0 4px 10px #1983e84d}.submit-request-container .stepper-step.completed .step-circle{background:#e8f2fc;color:#9ac8f3}.submit-request-container .step-connector{width:40px;height:2px;background:#dcecf9;margin:0 4px}.submit-request-container .step-connector.active{background:#1983e8}.submit-request-container .form-content-area{display:flex;flex-direction:column;gap:24px;flex:1}.submit-request-container .step-title-block{text-align:right;margin-bottom:16px}.submit-request-container .step-title-block h2{font-size:14px;color:#2f2f33;font-weight:700;margin:0}.submit-request-container .field-group{margin-bottom:0!important}.submit-request-container .field-label{font-size:12px!important;color:#2f2f33!important;font-weight:500!important;margin-bottom:4px!important}.submit-request-container .field-input,.submit-request-container .field-select,.submit-request-container .field-textarea{border:1px solid #878A95!important;border-radius:8px!important;padding:12px!important;font-size:14px!important;background:#fff!important;color:#2f2f33!important;height:auto!important}.submit-request-container .field-input::placeholder{color:#adafb6!important}.submit-request-container .form-select{height:56px;border:1px solid #878A95;border-radius:8px}.submit-request-container .form-label{font-size:12px;color:#2f2f33;font-weight:500;margin-bottom:4px}.submit-request-container .bottom-action-bar{width:100%;margin-top:32px;z-index:20}.submit-request-container .btn-main-action{width:100%;height:56px;background:#1983e8;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.submit-request-container .btn-main-action:disabled{background:#1983e880;cursor:not-allowed}.submit-request-container .btn-main-action:hover:not(:disabled){background:#147ee4}.submit-request-container .loading-overlay{position:absolute;inset:0;background:#e8f2fc;display:flex;justify-content:center;align-items:center;z-index:100}.submit-request-container .error-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;opacity:0;animation:fadeIn .3s forwards}.submit-request-container .error-modal-content{background:#fff;border-radius:24px;padding:32px 24px;width:90%;max-width:400px;text-align:center;box-shadow:0 20px 60px #0000004d;transform:translateY(20px);opacity:0;animation:slideUp .3s forwards;animation-delay:.1s}.submit-request-container .error-modal-content h2{font-size:20px;font-weight:700;color:#252831;margin:16px 0 12px}.submit-request-container .error-modal-content p{font-size:15px;color:#637381;margin-bottom:24px;line-height:1.6}.submit-request-container .error-icon-wrapper{width:72px;height:72px;background:linear-gradient(135deg,#ff708a,#ff4c6a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 8px 24px #ff4c6a4d}.submit-request-container .error-icon-wrapper svg{width:36px;height:36px;stroke:#fff;stroke-width:2.5}.submit-request-container .btn-close-modal{width:100%;padding:14px 20px;background:linear-gradient(135deg,#ff708a,#ff4c6a);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Dana,sans-serif;box-shadow:0 4px 12px #ff4c6a33}.submit-request-container .btn-close-modal:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff4c6a4d}.submit-request-container .btn-close-modal:active{transform:translateY(0);box-shadow:0 2px 8px #ff4c6a33}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.templated-card{background:#fff;border:1px solid #d1d3d6;border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:all .2s ease;cursor:pointer;box-shadow:0 1px 3px #0000000d}.templated-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#147ee4}.templated-card-wrapper{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.templated-card-image{width:104px;height:104px;border-radius:8px;overflow:hidden;flex-shrink:0;order:2}.templated-card-image img{width:100%;height:100%;object-fit:cover}.templated-card-content{display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:right;flex:1;min-width:0;order:1}.templated-card-title{margin:0;font-size:14px;font-weight:700;color:#252831;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.templated-card-subtitle{margin:0;font-size:12px;font-weight:400;color:#878a95;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.templated-card-fields{display:flex;flex-direction:column;gap:4px;width:100%}.templated-card-field{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#636774;line-height:20px;justify-content:flex-end}.templated-card-field .field-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0}.templated-card-field .field-label,.templated-card-field .field-value{color:#636774;font-weight:500}.templated-card-status{font-size:12px;font-weight:500;line-height:20px;padding:2px 8px;border-radius:4px;display:inline-block}.templated-card-status.status-approved{color:#07a920;background:#f0fdf4}.templated-card-status.status-pending{color:#f59e0b;background:#fffbeb}.templated-card-status.status-rejected{color:#ef4444;background:#fef2f2}@media(max-width:380px){.templated-card{padding:10px;gap:10px}.templated-card-wrapper{gap:10px}.templated-card-image{width:80px;height:80px}.templated-card-title{font-size:13px;line-height:20px}.templated-card-subtitle{font-size:11px;line-height:18px}.templated-card-field{font-size:11px;gap:4px}.templated-card-status{font-size:11px;padding:2px 6px}}@media(max-width:350px){.templated-card{flex-direction:column;align-items:stretch}.templated-card-wrapper{flex-direction:column-reverse}.templated-card-image{width:100%;height:180px;order:1}.templated-card-content{order:2;align-items:center;text-align:center}}.my-requests-page{background:#e8f2fc;min-height:100vh;display:flex;flex-direction:column}.content-section{flex:1;background:#fff;border-radius:32px 32px 0 0;padding:16px 12px 100px;display:flex;flex-direction:column;gap:12px}.filter-pills{display:flex;gap:8px;justify-content:flex-end;direction:rtl;flex-wrap:wrap}.filter-pill{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 0;flex-shrink:0}.pill-count{background:#ecedee;border-radius:21px;padding:2px 6px;font-size:11px;font-weight:500;color:#878a95;min-width:20px;text-align:center}.pill-label{font-size:12px;font-weight:500;color:#878a95;white-space:nowrap}.search-sort-row{display:flex;gap:8px;direction:rtl}.search-box{flex:1;background:#fff;border:1px solid #878A95;border-radius:8px;padding:8px 10px;display:flex;align-items:center;gap:6px;height:40px;min-width:0}.search-input{flex:1;border:none;outline:none;font-size:13px;color:#252831;text-align:right;min-width:0}.sort-dropdown-wrapper{position:relative;flex:0 0 auto;min-width:90px}.sort-box{background:#fff;border:1px solid #878A95;border-radius:8px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:4px;cursor:pointer;font-size:12px;color:#636774;height:40px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.sort-box:hover{border-color:#3e95e9}.sort-box.active{border-color:#3e95e9;box-shadow:0 0 0 2px #3e95e91a}.sort-arrow{transition:transform .2s ease}.sort-arrow.rotated{transform:rotate(180deg)}.sort-dropdown-overlay{position:fixed;inset:0;z-index:99}.sort-dropdown{position:absolute;top:calc(100% + 4px);right:0;left:0;background:#fff;border:1px solid #E4E7EC;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden}.sort-option{padding:12px 14px;font-size:14px;color:#636774;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .2s ease}.sort-option:hover{background:#f9fafb}.sort-option.active{color:#3e95e9;background:#f0f9ff}.requests-container{display:flex;flex-direction:column;gap:12px}@media(max-width:380px){.content-section{padding:12px 10px 90px;gap:10px}.filter-pills{gap:6px}.pill-count{padding:2px 5px;font-size:10px;min-width:18px}.pill-label{font-size:11px}.search-sort-row{gap:6px}.search-box{padding:6px 8px;height:38px}.search-input{font-size:12px}.sort-dropdown-wrapper{min-width:80px}.sort-box{padding:6px 8px;font-size:11px;height:38px}.sort-option{padding:10px 12px;font-size:12px}}.request-details-page{background:#e8f2fc;min-height:100vh;display:flex;flex-direction:column}.content-details{flex:1;padding:24px 20px 100px;display:flex;flex-direction:column;gap:16px}.status-card,.data-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 12px #0000000d;direction:rtl}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.details-title{font-size:16px;font-weight:700;color:#414656;margin:0}.status-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;background:#f3f4f6}.status-badge.status-pending{background:#fffbeb;color:#f59e0b}.status-badge.status-approved{background:#ecfdf5;color:#10b981}.status-badge.status-rejected{background:#fef2f2;color:#ef4444}.status-date{display:flex;justify-content:space-between;font-size:13px;color:#6b7280;padding-top:12px;border-top:1px solid #F3F4F6}.rejection-box{margin-top:16px;background:#fef2f2;border:1px solid #FECACA;border-radius:8px;padding:12px}.rejection-title{font-size:13px;font-weight:600;color:#b91c1c;margin:0 0 4px}.rejection-text{font-size:13px;color:#7f1d1d;margin:0}.data-title{font-size:15px;font-weight:600;color:#414656;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #F3F4F6}.data-list{display:flex;flex-direction:column;gap:12px}.data-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.data-label{font-size:13px;color:#6b7280;flex-shrink:0}.data-value{font-size:13px;color:#1f2937;font-weight:500;text-align:left;word-break:break-word}.loading-container{flex:1;display:flex;align-items:center;justify-content:center;color:#6b7280}.empty-data{text-align:center;color:#9ca3af;font-size:13px}.image-viewer-overlay{position:fixed;inset:0;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.image-viewer-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;touch-action:none}.image-container img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .1s linear;-webkit-user-select:none;user-select:none}.close-btn{position:absolute;top:20px;right:20px;z-index:100;background:#fff3;border:none;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.viewer-controls{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:12px;background:#0009;padding:8px 16px;border-radius:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.viewer-controls button{background:transparent;border:none;color:#fff;padding:8px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.viewer-controls button:hover{background:#fff3}.zoom-level{color:#fffc;font-size:14px;min-width:40px;text-align:center;font-variant-numeric:tabular-nums}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:50;background:#ffffff1a;border:none;color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .2s}.nav-btn:hover{background:#fff3}.nav-btn.prev{left:20px}.nav-btn.next{right:20px}.viewer-counter{position:absolute;top:20px;left:20px;color:#fff;background:#00000080;padding:6px 12px;border-radius:16px;font-size:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.nav-btn{width:40px;height:40px;font-size:20px}.nav-btn.prev{left:10px}.nav-btn.next{right:10px}.close-btn{top:15px;right:15px}}.view-requests-page{background:#f8fafc;min-height:100vh}.view-requests-page .content-section{padding:16px 16px 100px}.request-type-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:16px;-webkit-overflow-scrolling:touch}.request-type-filters::-webkit-scrollbar{display:none}.requests-list{display:flex;flex-direction:column;gap:16px}.request-card-wrapper{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.request-card-footer{padding:12px 16px;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:12px}.request-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#94a3b8}.request-actions{display:flex;gap:8px}.btn-view-detail,.btn-convert-ad{flex:1;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-view-detail{background:#f1f5f9;border:none;color:#475569}.btn-view-detail:hover{background:#e2e8f0}.btn-convert-ad{background:linear-gradient(135deg,#147ee4,#0d5eaa);border:none;color:#fff}.btn-convert-ad:hover{transform:translateY(-1px);box-shadow:0 4px 12px #147ee44d}.converted-badge{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 16px;background:#f0fdf4;border-radius:10px;color:#16a34a;font-size:13px;font-weight:500}.no-subscription-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.no-subscription-icon{margin-bottom:24px}.no-subscription-container h2{color:#1e293b;font-size:20px;margin-bottom:12px}.no-subscription-container p{color:#64748b;font-size:14px;line-height:1.6;margin-bottom:24px;max-width:300px}.btn-subscribe{padding:14px 32px;background:linear-gradient(135deg,#147ee4,#0d5eaa);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-subscribe:hover{transform:translateY(-2px);box-shadow:0 8px 20px #147ee44d}.view-request-detail-page{background:#f8fafc;min-height:100vh}.detail-content{padding:16px 16px 120px}.request-type-badge{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,#147ee4,#0d5eaa);color:#fff;border-radius:20px;font-size:14px;font-weight:500;margin-bottom:16px}.template-content{background:#fff;border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0000000f}.image-slider{position:relative;width:100%;height:250px;border-radius:12px;overflow:hidden;background:#f1f5f9}.slider-controls button{width:36px;height:36px;border-radius:50%;background:#ffffffe6;border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.slider-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:background .2s}.text-field{display:flex;gap:8px;padding:12px 0;border-bottom:1px solid #f1f5f9}.info-card{background:#f8fafc;border-radius:12px;padding:12px 16px;text-align:center}.info-card .card-value{color:#1e293b;font-size:16px;font-weight:600}.price-field{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f0fdf4;border-radius:12px;margin:16px 0}.price-field .price-label{color:#16a34a;font-size:14px}.price-field .price-value{color:#16a34a;font-size:18px;font-weight:700}.description-field h3{color:#1e293b;font-size:16px;margin-bottom:8px}.description-field p{color:#475569;font-size:14px;line-height:1.8}.row-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.divider{border:none;border-top:1px solid #e2e8f0;margin:16px 0}.section-header-text h2{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:12px}.raw-data{background:#fff;border-radius:16px;padding:16px;margin-bottom:16px}.contact-section{background:#fff;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #0000000f}.contact-section h3{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:16px}.contact-info{display:flex;flex-direction:column;gap:12px}.contact-name{display:flex;align-items:center;gap:12px;color:#475569;font-size:15px}.contact-name svg{color:#147ee4}.contact-phone-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:#147ee4;border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.contact-phone-btn:hover{background:#1068c4}.phone-number{direction:ltr;font-size:18px;font-weight:600;letter-spacing:1px}.action-buttons{padding:0 0 20px}.btn-convert{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-convert:hover{transform:translateY(-2px);box-shadow:0 8px 20px #16a34a4d}.already-converted{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;color:#16a34a;font-size:14px}.convert-to-ad-container{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;padding:16px}.convert-to-ad-container .page-header{text-align:center;padding:24px 16px;margin-bottom:16px}.convert-to-ad-container .request-title-display{font-size:22px;font-weight:700;color:#1e293b;margin-bottom:8px}.convert-to-ad-container .request-subtitle-display{font-size:14px;color:#64748b}.convert-to-ad-container .form-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #00000014;flex:1;display:flex;flex-direction:column}.convert-to-ad-container .custom-stepper{display:flex;align-items:center;justify-content:center;margin-bottom:32px;padding:0 20px}.convert-to-ad-container .stepper-step{display:flex;align-items:center;justify-content:center}.convert-to-ad-container .step-circle{width:36px;height:36px;border-radius:50%;background:#e2e8f0;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:all .3s ease}.convert-to-ad-container .stepper-step.active .step-circle{background:#147ee4;color:#fff;box-shadow:0 4px 12px #147ee44d}.convert-to-ad-container .stepper-step.completed .step-circle{background:#16a34a;color:#fff}.convert-to-ad-container .step-connector{width:40px;height:3px;background:#e2e8f0;margin:0 8px;border-radius:2px;transition:background .3s ease}.convert-to-ad-container .step-connector.active{background:#16a34a}.convert-to-ad-container .form-content-area{padding:0;flex:1}.convert-to-ad-container .step-title-block{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.convert-to-ad-container .step-title-block h2{font-size:18px;font-weight:600;color:#1e293b;margin:0}.convert-to-ad-container .form-fields{display:flex;flex-direction:column;gap:20px}.convert-to-ad-container .bottom-action-bar{width:100%;margin-top:32px;z-index:20}.convert-to-ad-container .btn-main-action{width:100%;padding:16px;background:linear-gradient(135deg,#147ee4,#0d5eaa);border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.convert-to-ad-container .btn-main-action:hover{transform:translateY(-2px);box-shadow:0 8px 20px #147ee44d}.convert-to-ad-container .btn-main-action:disabled{opacity:.7;cursor:not-allowed;transform:none}.convert-to-ad-container .btn-main-action.btn-success{background:linear-gradient(135deg,#16a34a,#15803d)}.convert-to-ad-container .btn-main-action.btn-success:hover{box-shadow:0 8px 20px #16a34a4d}.convert-to-ad-container .btn-back{width:100%;margin-top:8px;padding:12px;background:transparent;border:none;color:#64748b;font-size:14px;cursor:pointer}.convert-to-ad-container .btn-back:hover{color:#475569}.convert-to-ad-container .confirmation-step{text-align:center;padding:20px 0}.convert-to-ad-container .confirmation-icon{margin-bottom:24px}.convert-to-ad-container .confirmation-step h2{font-size:20px;font-weight:600;color:#1e293b;margin-bottom:24px}.convert-to-ad-container .price-summary{background:#f0fdf4;border-radius:16px;padding:20px;margin-bottom:24px}.convert-to-ad-container .price-row{display:flex;justify-content:space-between;align-items:center;font-size:16px}.convert-to-ad-container .price-row span:first-child{color:#475569}.convert-to-ad-container .price-row .price{font-size:22px;font-weight:700;color:#16a34a}.convert-to-ad-container .price-note{margin-top:12px;font-size:13px;color:#64748b}.convert-to-ad-container .form-field{text-align:right;margin-bottom:16px}.convert-to-ad-container .form-field label{display:block;font-size:14px;font-weight:500;color:#475569;margin-bottom:8px}.convert-to-ad-container .form-input{width:100%;padding:14px 16px;border:1px solid #e2e8f0;border-radius:12px;font-size:15px;color:#1e293b;transition:border-color .2s}.convert-to-ad-container .form-input:focus{outline:none;border-color:#147ee4}.convert-to-ad-container .confirmation-note{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:#fffbeb;border-radius:12px;color:#b45309;font-size:14px}.convert-to-ad-container .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.convert-to-ad-container .modal-content{background:#fff;border-radius:20px;padding:32px;text-align:center;max-width:400px;width:100%}.convert-to-ad-container .modal-icon{margin-bottom:20px}.convert-to-ad-container .modal-content h2{font-size:20px;font-weight:600;color:#1e293b;margin-bottom:12px}.convert-to-ad-container .modal-content p{font-size:14px;color:#64748b;margin-bottom:24px;line-height:1.6}.convert-to-ad-container .btn-modal{width:100%;padding:14px;background:#147ee4;border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s}.convert-to-ad-container .btn-modal:hover{background:#1068c4}.convert-to-ad-container .modal-content.success .btn-modal{background:#16a34a}.convert-to-ad-container .modal-content.error .btn-modal{background:#ef4444}.convert-to-ad-container .loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#64748b}.convert-to-ad-container .spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#147ee4;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.advertisements-list-page{background:#f8fafc;min-height:100vh}.advertisements-list-page .content-section{padding:16px 16px 100px}.ad-type-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:16px;-webkit-overflow-scrolling:touch}.ad-type-filters::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0;padding:8px 16px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.filter-chip:hover{border-color:#147ee4;color:#147ee4}.filter-chip.active{background:#147ee4;border-color:#147ee4;color:#fff}.search-row{margin-bottom:16px}.search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px 12px}.search-box svg{flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-size:14px;background:transparent}.search-btn{padding:6px 16px;background:#147ee4;color:#fff;border:none;border-radius:8px;font-size:13px;cursor:pointer;transition:background .2s}.search-btn:hover{background:#1068c4}.results-info{margin-bottom:12px;color:#64748b;font-size:13px}.advertisements-grid{display:flex;flex-direction:column;gap:16px}.ad-card{position:relative;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;overflow:hidden;cursor:pointer;transition:all .2s}.ad-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.ad-card.boosted{border:2px solid #f59e0b;box-shadow:0 4px 16px #f59e0b33}.boost-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:20px;font-size:12px;font-weight:500;z-index:10}.ad-card-footer{padding:12px 16px;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.ad-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#94a3b8}.ad-location{display:flex;align-items:center;gap:4px}.ad-views{display:flex;align-items:center;gap:4px;color:#94a3b8;font-size:12px}.empty-state p{margin-top:16px;font-size:15px}.advertisement-detail-page{background:#f8fafc;min-height:100vh}.detail-content{padding:16px 16px 100px}.ad-header{background:#fff;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #0000000f}.ad-header-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ad-type-badge{padding:6px 14px;background:linear-gradient(135deg,#147ee4,#0d5eaa);color:#fff;border-radius:20px;font-size:13px;font-weight:500}.boost-badge{display:flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:20px;font-size:12px;font-weight:500}.ad-title{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:16px;line-height:1.4}.ad-meta-info{display:flex;flex-wrap:wrap;gap:16px}.ad-meta-info span{display:flex;align-items:center;gap:6px;color:#64748b;font-size:13px}.ad-meta-info svg{color:#94a3b8}.template-content{background:#fff;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #0000000f}.section-wrapper{margin-bottom:16px}.section-wrapper:last-child{margin-bottom:0}.image-slider{position:relative;width:100%;height:280px;border-radius:12px;overflow:hidden;background:#f1f5f9}.image-slider img{width:100%;height:100%;object-fit:cover}.slider-controls{position:absolute;bottom:50%;left:0;right:0;display:flex;justify-content:space-between;padding:0 8px;transform:translateY(50%)}.slider-controls button{width:40px;height:40px;border-radius:50%;background:#ffffffe6;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.slider-controls span{display:none}.slider-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px}.dot{width:10px;height:10px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:background .2s}.dot.active{background:#fff}.no-images{display:flex;align-items:center;justify-content:center;height:200px;background:#f1f5f9;border-radius:12px;color:#94a3b8}.text-field{display:flex;gap:8px;padding:14px 0;border-bottom:1px solid #f1f5f9}.text-field .field-label{color:#64748b;font-size:14px;flex-shrink:0}.text-field .field-value{color:#1e293b;font-size:14px}.info-card{background:#f8fafc;border-radius:12px;padding:14px 16px;text-align:center}.info-card .card-label{color:#64748b;font-size:12px;margin-bottom:4px}.info-card .card-value{color:#1e293b;font-size:17px;font-weight:600}.price-field{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:14px;margin:16px 0}.price-field .price-label{color:#16a34a;font-size:15px;font-weight:500}.price-field .price-value{color:#15803d;font-size:22px;font-weight:700}.description-field h3{color:#1e293b;font-size:16px;margin-bottom:10px}.description-field p{color:#475569;font-size:14px;line-height:1.9}.row-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}.divider{border:none;border-top:1px solid #e2e8f0;margin:20px 0}.section-header-text h2{color:#1e293b;font-size:17px;font-weight:600;margin-bottom:14px}.raw-data{background:#fff;border-radius:16px;padding:20px;margin-bottom:16px}.raw-item{display:flex;gap:8px;padding:12px 0;border-bottom:1px solid #f1f5f9}.raw-item:last-child{border-bottom:none}.raw-label{color:#64748b;font-size:14px;min-width:100px}.raw-value{color:#1e293b;font-size:14px;word-break:break-word}.contact-section{margin-bottom:16px}.contact-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #16a34a4d}.phone-number{font-size:20px;font-weight:700;letter-spacing:1px}.action-buttons{display:flex;gap:12px}.btn-share,.btn-bookmark{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-share:hover,.btn-bookmark:hover{background:#f8fafc;border-color:#147ee4;color:#147ee4}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.error-container p{color:#64748b;margin-bottom:16px}.error-container button{padding:12px 24px;background:#147ee4;border:none;border-radius:10px;color:#fff;cursor:pointer}.my-advertisements-page{background:#f8fafc;min-height:100vh}.my-advertisements-page .content-section{padding:16px 16px 100px}.filter-tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{flex-shrink:0;padding:10px 18px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.filter-tab:hover{border-color:#147ee4;color:#147ee4}.filter-tab.active{background:#147ee4;border-color:#147ee4;color:#fff}.advertisements-list{display:flex;flex-direction:column;gap:16px}.my-ad-card{position:relative;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;overflow:hidden;cursor:pointer;transition:all .2s}.my-ad-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.my-ad-card.boosted{border:2px solid #f59e0b}.ad-status-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#f8fafc;border-bottom:1px solid #f1f5f9}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.status-pending{background:#fef3c7;color:#b45309}.status-badge.status-active{background:#d1fae5;color:#059669}.status-badge.status-rejected{background:#fee2e2;color:#dc2626}.status-badge.status-expired{background:#f1f5f9;color:#64748b}.status-badge.status-inactive{background:#f1f5f9;color:#94a3b8}.boost-indicator{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;color:#fff}.ad-footer{padding:12px 16px;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.ad-info{display:flex;align-items:center;gap:14px;font-size:12px;color:#94a3b8}.ad-views{display:flex;align-items:center;gap:4px}.ad-actions{display:flex;gap:8px}.btn-boost{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.btn-boost:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.btn-delete{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #fee2e2;border-radius:8px;color:#ef4444;cursor:pointer;transition:all .2s}.btn-delete:hover{background:#fee2e2}.rejection-reason{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;background:#fff5f5;color:#dc2626;font-size:13px;line-height:1.5}.rejection-reason svg{flex-shrink:0;margin-top:2px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#94a3b8}.empty-state p{margin:16px 0 24px;font-size:15px}.btn-create{padding:12px 28px;background:linear-gradient(135deg,#147ee4,#0d5eaa);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.btn-create:hover{transform:translateY(-2px);box-shadow:0 8px 20px #147ee44d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#147ee4;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:16px}.pagination-btn{padding:8px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:14px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#147ee4;border-color:#147ee4;color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#64748b;font-size:14px}.create-listing-start{background:#f5f5f5;display:flex;flex-direction:column}.content-listing-start{flex:1;padding:76px 20px 120px;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:48px;background:#fff;border-radius:32px 32px 0 0}.illustration-container-listing{width:159px;height:159px;display:flex;align-items:center;justify-content:center}.illustration-listing{width:100%;height:100%}.form-section-listing-start{width:100%;max-width:320px;display:flex;flex-direction:column;gap:24px}.form-section-listing-start form{display:flex;flex-direction:column;gap:24px}.start-btn-listing{width:100%;background:#1983e8;color:#fff;border:none;border-radius:8px;padding:16px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.start-btn-listing:hover:not(:disabled){background:#147ee4}.start-btn-listing:disabled{background:#1983e880;cursor:not-allowed}.listing-step1{background:#f5f5f5;display:flex;flex-direction:column;height:100vh}.content-listing-step1{flex:1;background:#fff;padding:24px 20px 100px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.step-number.active{background:#1983e8;color:#fff}.step-line.active{background:#1983e8}.form-listing-location{display:flex;flex-direction:column;gap:24px}.no-neighborhood-hint{font-size:12px;color:#636774;text-align:right}.map-wrapper{display:flex;flex-direction:column;gap:8px;width:100%}.map-label{font-size:12px;font-weight:500;color:#2f2f33;text-align:right}.map-container{width:100%;height:200px;border-radius:12px;border:1px solid #e0e3eb;overflow:hidden;z-index:0}.map-hint{font-size:11px;color:#636774;text-align:right}.location-search{position:relative;margin-bottom:12px}.search-box{position:relative;width:100%}.search-input-map{width:100%;padding:12px 40px 12px 12px;border:2px solid #adafb6;border-radius:8px;font-size:14px;color:#2f2f33;text-align:right;direction:rtl;outline:none;transition:border-color .3s}.search-input-map:focus{border-color:#1983e8}.search-input-map::placeholder{color:#adafb6}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none}.suggestions-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e0e3eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:300px;overflow-y:auto;z-index:1000;direction:rtl}.suggestion-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f5f5f5;transition:background-color .2s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:#f8f9fa}.suggestion-title{font-size:14px;font-weight:700;color:#2f2f33;margin-bottom:4px;text-align:right}.suggestion-subtitle{font-size:12px;font-weight:400;color:#636774;text-align:right}.search-loading{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e0e3eb;border-radius:8px;padding:12px 16px;text-align:center;font-size:14px;color:#636774;box-shadow:0 4px 12px #0000001a;z-index:1000}.listing-step2{background:#f5f5f5;display:flex;flex-direction:column;height:100vh}.content-listing-step2{flex:1;background:#fff;border-radius:32px 32px 0 0;padding:24px 20px 100px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;direction:rtl}.gallery-item{position:relative;border-radius:12px;overflow:hidden;border:2px solid #2ed4b6;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item.add-slot{border:2px dashed #adafb6;background:linear-gradient(180deg,#c7e0f933,#fff3);cursor:pointer}.gallery-item.add-slot .add-icon{width:54px;height:54px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #1983e826}.remove-btn{position:absolute;top:6px;right:6px;background:#fff;border:none;border-radius:6px;padding:4px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #f21f1f33;cursor:pointer;z-index:10}.hidden-input{display:none}.next-btn{width:100%;background:#1983e8;color:#fff;border:none;border-radius:8px;padding:16px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:background .3s;margin-top:auto}.input-wrapper{width:100%;position:relative;display:flex;align-items:center}.input-unit{position:absolute;left:12px;color:#6b7280;font-size:14px;pointer-events:none}.input-wrapper:has(.input-unit) .form-input{padding-left:50px}.form-input{width:100%;height:56px;padding:16px 8px;border:1px solid #878A95;border-radius:8px;font-size:16px;font-weight:400;color:#2f2f33;text-align:right;direction:rtl;background:#fff;transition:all .3s ease}.form-input::placeholder{color:#adafb6}.form-input:focus{outline:none;border-color:#147ee4;box-shadow:0 0 0 2px #147ee41a}.form-input:disabled{background:#f5f5f5;cursor:not-allowed}.input-error{border-color:#ff4d4f}.listing-step4{background:#f5f5f5;display:flex;flex-direction:column;height:100vh}.content-listing-step4{flex:1;background:#fff;border-radius:32px 32px 0 0;padding:24px 20px 100px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.form-listing-details{display:flex;flex-direction:column;gap:24px}.next-btn{width:100%;background:#1983e8;color:#fff;border:none;border-radius:8px;padding:16px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:background .3s;margin-top:8px}.next-btn:hover:not(:disabled){background:#147ee4}.next-btn:disabled{background:#1983e880;cursor:not-allowed}.form-field{display:flex;flex-direction:column;gap:4px;align-items:flex-end;width:100%}.form-label{font-size:12px;font-weight:500;color:#2f2f33;text-align:right;width:100%}.textarea-wrapper{width:100%}.form-textarea{width:100%;border:1px solid #878A95;border-radius:8px;padding:16px 12px;font-size:14px;font-weight:400;color:#2f2f33;text-align:right;direction:rtl;background:#fff;resize:vertical;min-height:56px;transition:all .3s ease}.form-textarea::placeholder{color:#adafb6}.form-textarea:focus{outline:none;border-color:#147ee4;box-shadow:0 0 0 2px #147ee41a}.form-textarea:disabled{background:#f5f5f5;cursor:not-allowed}.textarea-error{border-color:#ff4d4f}.error-text{font-size:12px;color:#ff4d4f;text-align:right;width:100%}.listing-step5{background:#f5f5f5;display:flex;flex-direction:column;height:100vh}.header-section-listing{background:#e8f2fc;padding:24px 20px 16px;display:flex;align-items:center;justify-content:space-between}.spacer-listing{width:24px}.back-btn-listing{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.page-title-listing{font-size:18px;font-weight:500;color:#6baeee;margin:0;text-align:center;line-height:24px}.content-listing-step5{flex:1;background:#fff;border-radius:32px 32px 0 0;padding:24px 20px 100px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.stepper-listing{display:flex;align-items:center;justify-content:center;gap:4px;direction:rtl;margin-bottom:8px}.step-number{width:32px;height:32px;border-radius:50%;background:#e8f2fc;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#1983e8;transition:all .3s ease}.step-number.active,.step-number.completed{background:#1983e8;color:#fff}.step-line{width:30px;height:2px;background:#e8f2fc}.step-line.completed{background:#1983e8}.section-title{font-size:14px;font-weight:700;color:#2f2f33;text-align:right}.form-listing-finance{display:flex;flex-direction:column;gap:24px}.transaction-type-selector{display:flex;gap:12px;background:#f5f7fa;padding:4px;border-radius:12px}.type-btn{flex:1;padding:12px;border:none;border-radius:8px;background:transparent;font-size:14px;font-weight:500;color:#636774;cursor:pointer;transition:all .3s ease}.type-btn.active{background:#fff;color:#1983e8;box-shadow:0 2px 8px #0000000d;font-weight:700}.finance-group{display:flex;flex-direction:column;gap:12px}.checkbox-container{display:flex;align-items:center;gap:8px;cursor:pointer;direction:rtl}.checkbox-container input{display:none}.checkmark{width:20px;height:20px;border:2px solid #ADAFB6;border-radius:4px;position:relative;transition:all .2s}.checkbox-container input:checked~.checkmark{background:#1983e8;border-color:#1983e8}.checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:4px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-label{font-size:14px;color:#414656}.price-hint{font-size:12px;color:#1983e8;text-align:right;margin:-16px 0 0}.submit-btn{width:100%;background:#1983e8;color:#fff;border:none;border-radius:8px;padding:16px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:background .3s;margin-top:8px}.submit-btn:hover:not(:disabled){background:#147ee4}.submit-btn:disabled{background:#1983e880;cursor:not-allowed}.my-listings-page{background:#e8f2fc;min-height:100vh;display:flex;flex-direction:column}.header-section{padding:24px 20px 16px;display:flex;align-items:center;justify-content:space-between}.spacer{width:24px}.page-title{font-size:18px;font-weight:500;color:#6baeee;margin:0;text-align:center}.back-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.content-section{flex:1;background:#fff;border-radius:32px 32px 0 0;padding:24px 20px 100px;display:flex;flex-direction:column;gap:16px}.filter-pills{display:flex;gap:20px;justify-content:flex-end;direction:rtl;flex-wrap:wrap}.filter-pill{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;padding:0}.pill-count{background:#ecedee;border-radius:21px;padding:2px 8px;font-size:12px;font-weight:500;color:#878a95}.pill-label{font-size:14px;font-weight:500;color:#878a95}.filter-pill.active .pill-count{background:#3e95e9;color:#fff}.filter-pill.active .pill-label{color:#414656}.search-sort-row{display:flex;gap:16px;direction:rtl}.search-box{flex:1;background:#fff;border:1px solid #878A95;border-radius:8px;padding:8px;display:flex;align-items:center;gap:4px}.search-input{flex:1;border:none;outline:none;font-size:16px;color:#252831;text-align:right}.search-input::placeholder{color:#adafb6}.sort-box{flex:1;background:#fff;border:1px solid #878A95;border-radius:8px;padding:8px 20px;display:flex;align-items:center;justify-content:flex-end;gap:20px;cursor:pointer;font-size:16px;color:#adafb6}.loading-container,.empty-state{display:flex;align-items:center;justify-content:center;padding:40px 20px;font-size:14px;color:#636774}.listings-container{display:flex;flex-direction:column;gap:12px}.listing-card{background:#fff;border:1px solid #D1D3D6;border-radius:8px;padding:12px;display:flex;gap:12px;cursor:pointer;transition:box-shadow .2s;direction:rtl}.listing-card:hover{box-shadow:0 2px 8px #0000001a}.listing-image{width:104px;height:104px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#f5f5f5}.listing-image img{width:100%;height:100%;object-fit:cover}.listing-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.listing-info{flex:1;display:flex;flex-direction:column;gap:4px;align-items:flex-end;text-align:right}.listing-title{font-size:14px;font-weight:700;color:#414656;margin:0}.listing-price,.listing-meta{font-size:12px;font-weight:500;color:#636774;margin:0}.listing-status{font-size:12px;font-weight:500;margin:0}.status-published{color:#07a920}.status-unpublished{color:#ff6b6b}.property-detail{background:#fff;min-height:100vh;padding-bottom:140px;overflow-y:auto;position:relative}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;color:#636774}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;position:sticky;top:0;background:#fff;z-index:10;flex-direction:row-reverse}.icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0}.image-slider{position:relative;width:calc(100% - 40px);height:255px;margin:0 20px 19px;border-radius:12px;overflow:hidden;direction:ltr}.slider-container{width:100%;height:100%;overflow:hidden}.slider-track{display:flex;height:100%;transition:transform .3s ease;direction:ltr}.slider-item{min-width:100%;height:100%;flex-shrink:0}.slider-item img{width:100%;height:100%;object-fit:cover}.image-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:2;direction:ltr}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .3s ease}.dot.active{background:#fff;width:24px;border-radius:4px}.image-counter{position:absolute;top:12px;right:12px;background:#0009;color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;direction:ltr}.property-header{padding:0 20px;margin-bottom:24px;position:relative}.property-title{font-weight:700;font-size:18px;line-height:24px;color:#414656;margin:0 0 11px;text-align:right}.property-meta{font-weight:500;font-size:12px;line-height:20px;color:#636774;margin:0 0 9px;text-align:right}.property-agency{font-weight:500;font-size:12px;line-height:19px;color:#3e95e9;margin:0;text-align:center}.malakchi-badge{position:absolute;left:20px;top:52px;display:flex;flex-direction:column;align-items:center;gap:1px}.badge-text{display:flex;flex-direction:column;align-items:center;line-height:4px;color:#0b4882}.badge-main{font-weight:700;font-size:8px;margin-left:5px;margin-top:2px}.badge-sub{font-weight:400;font-size:4px}.property-stats{display:flex;gap:16px;padding:0 23px;margin-bottom:32px}.stat-item{background:#e8f2fcd1;border-radius:8px;padding:8px 30px;display:flex;flex-direction:column;align-items:center;gap:12px;flex:1}.stat-label{font-weight:500;font-size:16px;line-height:24px;color:#636774;text-align:center}.stat-value{font-weight:500;font-size:16px;line-height:24px;color:#093967}.financial-section{padding:0 20px;margin-bottom:32px}.financial-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.financial-label{font-weight:500;font-size:16px;line-height:24px;color:#636774;text-align:right}.unit{font-size:14px;line-height:20px}.financial-value{font-weight:500;font-size:16px;line-height:24px;color:#093967}.divider{height:1px;background:#e8f2fc;width:100%}.convertible-text{font-weight:700;font-size:14px;line-height:24px;color:#adafb6;text-align:right;margin:12px 0 0}.features-section{padding:0 21px;margin-bottom:32px}.section-title{font-weight:700;font-size:16px;line-height:24px;color:#414656;margin:0 0 16px;text-align:right}.features-grid{display:flex;gap:32px;justify-content:center}.feature-item{width:85px;border-radius:8px;padding:8px 16px;display:flex;flex-direction:column;align-items:center;gap:4px}.feature-item.active{background:#c7e0f9}.feature-item.inactive{background:#ecedee}.feature-item span{font-weight:500;font-size:14px;line-height:20px}.feature-item.active span{color:#093967}.feature-item.inactive span{color:#d1d3d6}.description-section{padding:0 19px;margin-bottom:24px}.description-text{font-weight:500;font-size:16px;line-height:24px;color:#414656;text-align:right;margin:16px 0 0}.additional-info{padding:16px 20px;margin:0 20px 24px;background:#f5f7fa;border-radius:8px}.info-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.info-label{color:#636774;font-weight:500}.info-value{color:#414656;font-weight:700}.map-section{background:#e8f2fc;border-radius:8px;padding:33px 36px;margin:0 20px 24px;display:flex;flex-direction:column;align-items:center;gap:9px;cursor:pointer}.map-section p{font-weight:700;font-size:16px;line-height:24px;color:#414656;margin:0}.report-section{display:flex;justify-content:space-between;align-items:center;padding:0 19px;margin-bottom:24px}.report-content{display:flex;align-items:center;gap:4px}.report-content span{font-weight:500;font-size:12px;line-height:20px;color:#2e323d}.arrow-btn{background:transparent;border:none;cursor:pointer;padding:0}.contact-btn{background:#1983e8;border-radius:8px;padding:12px 16px;width:calc(100% - 40px);margin:0 20px 20px;border:none;cursor:pointer;font-weight:700;font-size:12px;line-height:16px;color:#fff;text-align:center}.wallet-container{min-height:100vh;background-color:#e8f2fc;padding-bottom:100px;font-family:DanaFaNum,sans-serif}.wallet-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:18px;color:#0e59a2}.wallet-header{display:flex;align-items:center;justify-content:center;padding:24px 20px;position:relative}.wallet-title{font-size:18px;font-weight:500;color:#6baeee;margin:0}.wallet-content{padding:0 20px}.wallet-card{background:#fff;border-radius:32px;padding:32px 20px 48px;position:relative;margin-top:20px}.wallet-icon{position:absolute;top:-51px;left:50%;transform:translate(-50%);width:122px;height:122px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%}.wallet-balance-label{font-size:18px;font-weight:700;color:#0b4882;text-align:center;margin:60px 0 0}.wallet-actions{display:flex;justify-content:center;gap:24px;margin:40px 0 50px}.wallet-action-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .2s}.wallet-action-item:hover{transform:scale(1.05)}.action-icon-wrapper{position:relative}.action-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.transfer-icon,.withdraw-icon,.deposit-icon{background:#e8f2fc}.action-label{font-size:16px;font-weight:700;color:#0e59a2}.transactions-section{margin-top:40px}.transactions-header{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:24px;direction:ltr}.transactions-header svg{color:#0e59a2}.transactions-title{font-size:16px;font-weight:500;color:#000;margin:0}.transactions-list{display:flex;flex-direction:column}.no-transactions{text-align:center;color:#878a95;font-size:14px;padding:40px 20px}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.transaction-amount{background:#e6faf6;padding:4px 10px;border-radius:2px;font-size:12px;font-weight:500;color:#000}.transaction-details{display:flex;align-items:center;gap:8px}.transaction-info{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.transaction-description{font-size:12px;font-weight:500;color:#000;margin:0;text-align:right}.transaction-date{font-size:10px;font-weight:500;color:#878a95;margin:0;text-align:right}.transaction-icon{width:41px;height:41px;background:#faf6ef;border-radius:12px;display:flex;align-items:center;justify-content:center}.transaction-divider{height:1px;background:#e8f2fc;margin:0}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;padding:32px 24px;width:90%;max-width:400px}.modal-title{font-size:18px;font-weight:700;color:#0b4882;margin:0 0 24px;text-align:center}.deposit-input{width:100%;padding:16px;border:2px solid #C7E0F9;border-radius:8px;font-size:16px;font-family:DanaFaNum,sans-serif;margin-bottom:24px;text-align:center}.deposit-input:focus{outline:none;border-color:#1983e8}.modal-actions{display:flex;gap:12px}.btn-cancel,.btn-confirm{flex:1;padding:16px;border:none;border-radius:8px;font-size:16px;font-weight:700;font-family:DanaFaNum,sans-serif;cursor:pointer;transition:opacity .2s}.btn-cancel{background:#e8f2fc;color:#0e59a2}.btn-confirm{background:#1983e8;color:#fff}.btn-cancel:hover,.btn-confirm:hover{opacity:.9}.subscriptions-container{min-height:100vh;background-color:#e8f2fc;padding-bottom:100px;font-family:DanaFaNum,sans-serif}.subscriptions-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:18px;color:#0e59a2}.subscriptions-header{display:flex;align-items:center;justify-content:center;padding:24px 20px;position:relative}.back-button{position:absolute;right:20px;background:none;border:none;color:#6baeee;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.subscriptions-title{font-size:18px;font-weight:500;color:#6baeee;margin:0}.subscriptions-content{padding:0 20px}.subscriptions-card{background:#fff;border-radius:32px;padding:18px 20px 48px;margin-top:0}.section-title{font-size:18px;font-weight:500;color:#6baeee;text-align:center;margin:0 0 24px}.my-subscriptions-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.no-subscriptions{text-align:center;color:#878a95;font-size:14px;padding:40px 20px}.subscription-item{border:1px solid #E8F2FC;border-radius:16px;padding:16px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:16px;position:relative;background:#fff;box-shadow:0 4px 12px #00000008;transition:transform .2s,box-shadow .2s;overflow:hidden}.subscription-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.subscription-item.active{background:linear-gradient(to left,#fff,#f0fdf9);border-color:#91e9d9}.subscription-item.expired{background:#fafafa;border-color:#e0e0e0;opacity:.8}.subscription-logo{width:56px;height:56px;flex-shrink:0;border-radius:12px;overflow:hidden}.subscription-details{flex:1;display:flex;flex-direction:column;align-items:flex-end;gap:6px;z-index:1}.subscription-name{font-size:16px;font-weight:700;color:#0b4882;margin:0;text-align:right}.subscription-price{font-size:14px;color:#636774;font-weight:500;background:#e8f2fc80;padding:4px 8px;border-radius:6px}.subscription-badge{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;margin-top:4px}.subscription-badge span{display:inline-block}.subscription-badge.active span{color:#00cba6}.subscription-badge.active .badge-status{background:#e6faf6;padding:2px 8px;border-radius:4px}.subscription-badge.expired span{color:#adafb6}.subscription-badge.expired .badge-status{background:#f5f5f5;padding:2px 8px;border-radius:4px;color:#878a95}.btn-purchase-subscription{width:100%;background:#1983e8;color:#fff;border:none;border-radius:8px;padding:16px 24px;font-size:16px;font-weight:700;font-family:DanaFaNum,sans-serif;cursor:pointer;transition:opacity .2s}.btn-purchase-subscription:hover{opacity:.9}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content-purchase{background:#fff;border-radius:24px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header-purchase{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #E8F2FC;position:sticky;top:0;background:#fff;z-index:1;border-radius:24px 24px 0 0}.modal-title{font-size:20px;font-weight:700;color:#0b4882;margin:0}.btn-close-modal{background:#f5f5f5;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:#636774;transition:all .2s}.btn-close-modal:hover{background:#e8f2fc;color:#0e59a2}.subscriptions-select-list{padding:20px 28px 28px;display:flex;flex-direction:column;gap:12px}.no-subscriptions-available{text-align:center;color:#878a95;padding:60px 20px;font-size:16px}.subscription-select-item{display:flex;align-items:center;gap:16px;padding:16px;border:2px solid #E8F2FC;border-radius:16px;cursor:pointer;transition:all .3s;background:#fff}.subscription-select-item:hover{border-color:#1983e8;background:#f5f9fd;transform:translate(-4px);box-shadow:0 4px 12px #1983e81a}.select-item-icon{flex-shrink:0}.select-item-info{flex:1;min-width:0}.select-item-title{font-size:16px;font-weight:700;color:#0b4882;margin:0 0 4px}.select-item-description{font-size:13px;color:#636774;margin:0 0 8px;line-height:1.4}.select-item-details{display:flex;gap:12px;flex-wrap:wrap}.detail-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#e8f2fc;border-radius:6px;font-size:12px;color:#0e59a2;font-weight:500}.detail-badge svg{color:#1983e8}.select-item-price{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.price-value{font-size:18px;font-weight:700;color:#1983e8}.price-unit{font-size:12px;color:#878a95}.select-item-arrow{color:#c7e0f9;flex-shrink:0;transition:color .2s}.subscription-select-item:hover .select-item-arrow{color:#1983e8}.purchase-confirmation{padding:20px 28px 28px;display:flex;flex-direction:column;gap:24px}.selected-subscription-card{background:linear-gradient(135deg,#e6faf6,#e8f2fc);border-radius:16px;padding:20px}.selected-header{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}.selected-icon{flex-shrink:0}.selected-info h4{font-size:18px;font-weight:700;color:#0b4882;margin:0 0 8px}.selected-info p{font-size:14px;color:#636774;margin:0;line-height:1.5}.selected-details{display:flex;flex-direction:column;gap:12px;background:#fff;padding:16px;border-radius:12px}.detail-row-purchase{display:flex;justify-content:space-between;align-items:center;font-size:14px}.detail-label-purchase{color:#636774}.detail-value-purchase{color:#0b4882;font-weight:600}.detail-row-purchase.total{padding-top:12px;border-top:2px dashed #E8F2FC;margin-top:4px}.price-total{font-size:18px;color:#1983e8;font-weight:700}.wallet-info-section{background:#f5f9fd;border-radius:16px;padding:20px}.section-title-payment{font-size:16px;font-weight:700;color:#0b4882;margin:0 0 16px}.wallet-balance-card{display:flex;align-items:center;padding:16px;background:#fff;border:2px solid #E8F2FC;border-radius:12px;gap:16px}.wallet-balance-icon{width:48px;height:48px;background:#e8f2fc;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wallet-balance-details{flex:1;display:flex;flex-direction:column;gap:4px}.wallet-balance-label{font-size:13px;color:#636774;font-weight:500}.wallet-balance-amount{font-size:18px;font-weight:700;color:#1983e8}.insufficient-balance-warning{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #FEE2E2;border-radius:10px;margin-top:12px}.insufficient-balance-warning svg{flex-shrink:0}.insufficient-balance-warning span{font-size:13px;color:#dc2626;font-weight:500}.modal-actions-purchase{display:flex;gap:12px;padding-top:8px}.btn-back-purchase,.btn-confirm-purchase{flex:1;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:700;font-family:DanaFaNum,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-back-purchase{background:#f5f5f5;color:#636774}.btn-back-purchase:hover{background:#e8f2fc;color:#0e59a2}.btn-confirm-purchase{background:linear-gradient(135deg,#1983e8,#147ee4);color:#fff;box-shadow:0 4px 12px #1983e84d}.btn-confirm-purchase:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1983e866}.metri-page{background:#e8f2fc;display:flex;flex-direction:column}.content-metri{flex:1;background:#fff;border-radius:32px 32px 0 0;padding:24px 16px 110px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.metri-dashboard-card{background:#fff;border-radius:24px;padding:20px;box-shadow:0 0 20px #0000000d;margin-bottom:24px;display:flex;flex-direction:column;gap:20px}.dashboard-stats{display:flex;justify-content:center;align-items:center;gap:24px}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:20px;font-weight:700;color:#1983e8}.stat-label{font-size:12px;color:#6b7280;margin-top:2px}.stat-divider{width:1px;height:40px;background:#e5e7eb}.dashboard-actions{display:flex;gap:12px;padding-top:20px;border-top:1px solid #f1f5f9}.dashboard-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#334155;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;font-family:inherit}.dashboard-action-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.dashboard-action-btn .icon{font-size:18px}.section-title{margin-bottom:12px}.section-title h2{font-size:16px;font-weight:600;color:#2f2f33;margin:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:#6b7280}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;background:#fff;border-radius:24px;box-shadow:0 0 20px #0000000d;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.btn-view-projects{padding:12px 32px;background:#1983e8;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;margin-top:24px;transition:all .2s;font-family:inherit;box-shadow:0 4px 12px #1983e833}.btn-view-projects:hover{background:#147ee4;transform:translateY(-2px);box-shadow:0 6px 16px #1983e84d}.properties-grid{display:flex;flex-direction:column;gap:16px}.property-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 0 15px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s}.property-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.property-image{position:relative;height:160px;background:#f3f4f6}.property-image img{width:100%;height:100%;object-fit:cover}.placeholder-image{display:flex;align-items:center;justify-content:center;height:100%;font-size:48px;color:#d1d5db}.property-type{position:absolute;top:12px;right:12px;background:#0009;color:#fff;padding:4px 10px;border-radius:6px;font-size:12px}.property-content{padding:16px}.property-content h3{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 8px}.property-location{font-size:13px;color:#6b7280;margin:0 0 12px}.property-details{display:flex;justify-content:space-between;margin-bottom:12px}.detail-item{display:flex;flex-direction:column}.detail-label{font-size:11px;color:#9ca3af}.detail-value{font-size:14px;font-weight:600;color:#374151}.detail-value.price{color:#059669}.progress-section{display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-bar .progress{height:100%;background:linear-gradient(135deg,#1983e8,#147ee4);border-radius:3px}.progress-text{font-size:11px;color:#6b7280;white-space:nowrap}.property-image-section{position:relative;height:200px;background:#f3f4f6;border-radius:16px;overflow:hidden;box-shadow:0 0 15px #0000001a}.property-image-section img{width:100%;height:100%;object-fit:cover}.detail-content{padding:20px;background:#fff;border-radius:16px;box-shadow:0 0 15px #0000001a}.detail-content h1{font-size:20px;font-weight:700;color:#1a1a2e;margin:0 0 8px}.detail-location{font-size:14px;color:#6b7280;margin-bottom:20px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.info-card{background:#f8fafc;padding:12px;border-radius:10px;text-align:center}.info-label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}.info-value{font-size:16px;font-weight:600;color:#1a1a2e}.info-value.highlight{color:#1983e8}.purchase-section{background:#f8fafc;padding:16px;border-radius:12px;margin-bottom:20px}.purchase-section h3{font-size:15px;font-weight:600;margin:0 0 12px;color:#1a1a2e}.area-input-group{display:flex;gap:12px;align-items:center}.area-input{flex:1;display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.area-input input{flex:1;padding:12px;border:none;font-size:16px;font-family:inherit;outline:none;text-align:center}.area-input .unit{padding:12px;background:#f3f4f6;font-size:14px;color:#6b7280}.area-btn{width:44px;height:44px;border:1px solid #e5e7eb;background:#fff;border-radius:10px;font-size:20px;cursor:pointer}.area-btn:hover{background:#f3f4f6}.price-summary{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.price-label{font-size:14px;color:#6b7280}.price-value{font-size:18px;font-weight:700;color:#059669}.action-buttons{position:fixed;bottom:70px;left:0;right:0;display:flex;gap:12px;padding:16px;background:#fff;box-shadow:0 -2px 10px #0000000d}.btn-add-cart{flex:1;padding:14px;background:#1983e8;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit}.btn-add-cart:hover{background:#147ee4}.btn-add-cart:disabled{background:#9ca3af;cursor:not-allowed}.btn-reserve{flex:1;padding:14px;background:#fff;color:#1983e8;border:2px solid #1983E8;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit}.btn-reserve:hover{background:#e8f2fc}.action-buttons-inline{display:flex;gap:12px;margin-top:16px}.cart-items{display:flex;flex-direction:column;gap:12px}.cart-item{background:#fff;border-radius:16px;padding:16px;display:flex;gap:16px;box-shadow:0 0 15px #0000001a}.cart-item-image{width:80px;height:80px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:32px}.cart-item-info{flex:1}.cart-item-title{font-size:15px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.cart-item-location{font-size:12px;color:#6b7280;margin-bottom:8px}.cart-item-details{display:flex;justify-content:space-between;align-items:center}.cart-item-area{font-size:14px;color:#1983e8;font-weight:500}.cart-item-price{font-size:14px;color:#059669;font-weight:600}.cart-item-remove{background:none;border:none;font-size:18px;cursor:pointer;padding:8px}.cart-summary{background:#fff;padding:20px;border-radius:16px;box-shadow:0 0 15px #0000001a;margin-top:16px}.summary-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#6b7280}.summary-row.total{font-size:16px;font-weight:700;color:#1a1a2e;padding-top:8px;border-top:1px solid #e5e7eb}.btn-checkout{width:100%;padding:14px;background:#1983e8;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;margin-top:12px;font-family:inherit}.btn-checkout:hover{background:#147ee4}.btn-checkout:disabled{background:#9ca3af;cursor:not-allowed}.assets-summary-card{background:linear-gradient(135deg,#1983e8,#0b4882);padding:24px;color:#fff;text-align:center;border-radius:16px;box-shadow:0 0 15px #00000026}.assets-summary-card h2{font-size:14px;font-weight:500;opacity:.9;margin:0 0 8px}.total-value{font-size:28px;font-weight:700;margin-bottom:16px}.profit-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#fff3;border-radius:20px;font-size:14px}.profit-badge.positive{color:#4ade80}.profit-badge.negative{color:#f87171}.assets-stats{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2)}.asset-stat{display:flex;flex-direction:column;align-items:center}.asset-stat-value{font-size:18px;font-weight:600}.asset-stat-label{font-size:12px;opacity:.9}.assets-stats .stat-divider{background:#ffffff4d}.assets-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.assets-list h2{font-size:16px;font-weight:600;color:#2f2f33;margin:0 0 12px}.asset-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 0 15px #0000001a}.asset-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.asset-title{font-size:15px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.asset-location{font-size:12px;color:#6b7280}.asset-area{font-size:14px;font-weight:600;color:#1983e8}.asset-values{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid #f3f4f6}.value-item{display:flex;flex-direction:column}.value-label{font-size:11px;color:#9ca3af}.value-amount{font-size:14px;font-weight:600;color:#374151}.value-amount.profit{color:#059669}.asset-actions{display:flex;gap:8px;margin-top:12px}.asset-btn{flex:1;padding:10px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;font-size:13px;cursor:pointer;font-family:inherit}.asset-btn:hover{background:#f8fafc}.asset-btn.primary{background:#1983e8;color:#fff;border-color:#1983e8}.asset-btn.primary:hover{background:#147ee4}.asset-btn.has-cert{background:#ecfdf5;border-color:#059669;color:#059669}.asset-btn.sell-btn{background:#fef3c7;border-color:#f59e0b;color:#b45309}.asset-btn.sell-btn:hover{background:#fde68a}.certificate-info{background:#f0fdf4;padding:8px 12px;border-radius:8px;font-size:12px;color:#059669;margin-top:12px;text-align:center}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.modal-header h3{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.modal-close{width:32px;height:32px;border:none;background:#f3f4f6;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-body{padding:20px}.certificate-preview{text-align:center;padding:24px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-radius:12px;margin-bottom:20px}.cert-icon{font-size:48px;margin-bottom:12px}.certificate-preview h4{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 8px}.cert-number{font-size:14px;color:#059669;margin-bottom:16px}.cert-details{display:flex;justify-content:center;gap:24px}.cert-detail{display:flex;flex-direction:column;gap:4px}.cert-detail span{font-size:12px;color:#6b7280}.cert-detail strong{font-size:14px;color:#1a1a2e}.btn-download{width:100%;padding:14px;background:#059669;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit}.btn-download:hover{background:#047857}.sell-modal{max-width:420px}.sell-asset-info{background:#f8fafc;padding:16px;border-radius:12px;margin-bottom:20px}.sell-asset-info h4{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 8px}.sell-asset-info p{font-size:14px;color:#6b7280;margin:0}.sell-price-info{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.price-row{display:flex;justify-content:space-between;font-size:14px;color:#6b7280;margin-bottom:8px}.price-row.highlight{color:#1a1a2e;font-weight:500}.offer-price{color:#059669;font-weight:700}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#1983e8}.sell-notice{background:#fef3c7;padding:12px;border-radius:8px;margin-bottom:16px}.sell-notice p{font-size:13px;color:#b45309;margin:0}.btn-submit{width:100%;padding:14px;background:#1983e8;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit}.btn-submit:hover{background:#147ee4}.btn-submit:disabled{background:#9ca3af;cursor:not-allowed}.verify-section{text-align:center}.verify-icon{font-size:48px;margin-bottom:16px}.verify-section h4{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 8px}.verify-section p{font-size:14px;color:#6b7280;margin-bottom:24px}.btn-resend{background:none;border:none;color:#1983e8;font-size:14px;cursor:pointer;margin-bottom:16px;font-family:inherit}.btn-resend:hover{text-decoration:underline}.dashboard-page{background:#e8f2fc;display:flex;flex-direction:column}.content-dashboard{flex:1;background:#fff;border-radius:32px 32px 0 0;padding:24px 16px 110px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.search-card{border-radius:8px;border:1px solid #adafb6;padding:10px 12px;display:flex;align-items:center;gap:10px;direction:rtl}.search-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.search-input{border:none;flex:1;font-size:14px;text-align:right;direction:rtl;color:#636774;background:transparent;min-width:0;cursor:default}.search-input::placeholder{color:#9ca3af}.search-input:focus{outline:none}.courses-card{background:#ffffffd6;border-radius:16px;box-shadow:0 0 15px #00000026;padding:16px 16px 12px;direction:rtl}.courses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-right:4px}.courses-title{font-size:14px;font-weight:600;color:#2f2f33}.view-all-btn{background:none;border:none;color:#1983e8;font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px;font-family:Dana,sans-serif}.view-all-btn:hover{text-decoration:underline}.courses-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.courses-row::-webkit-scrollbar{height:4px}.courses-row::-webkit-scrollbar-track{background:transparent}.courses-row::-webkit-scrollbar-thumb{background:#0000001a;border-radius:999px}.course-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 auto}.course-image-wrapper{border:1px solid #d1d3d6;height:90px;overflow:hidden;width:100px}.course-image-wrapper.right-rounded{border-radius:0 8px 8px 0}.course-image-wrapper.left-rounded{border-radius:8px 0 0 8px}.course-image-wrapper.center-rounded{border-radius:8px;width:120px}.course-image-wrapper img{width:100%;height:100%;object-fit:cover}.course-label{font-size:11px;font-weight:500;color:#636774;text-align:center;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.courses-loading{display:flex;justify-content:center;padding:24px}.mini-spinner{width:24px;height:24px;border:3px solid #E8F2FC;border-top:3px solid #1983E8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-courses{text-align:center;padding:20px}.no-courses p{color:#94a3b8;font-size:13px;margin:0 0 12px}.browse-btn{background:#1983e8;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:Dana,sans-serif;transition:all .3s ease}.browse-btn:hover{background:#147ee4}.course-item{cursor:pointer;transition:transform .2s ease}.course-item:hover{transform:scale(1.02)}.course-image-wrapper{position:relative}.course-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f2fc,#dcecf9)}.progress-overlay{position:absolute;bottom:0;left:0;right:0;padding:6px;background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.progress-bar-mini{height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden}.progress-fill-mini{height:100%;background:#1983e8;border-radius:2px;transition:width .5s ease}.price-badge{position:absolute;bottom:6px;left:6px;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.price-badge.free{background:#059669e6;color:#fff}.price-badge.paid{background:#1983e8e6;color:#fff}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-card{border-radius:8px;border:1px solid #d1d3d6;padding:8px;display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;cursor:pointer}.feature-image{width:100%;border-radius:8px;overflow:hidden}.feature-image img{width:100%;height:111px;object-fit:cover}.feature-title{font-size:14px;font-weight:500;color:#2f2f33;text-align:center}@font-face{font-family:Dana;src:url(/fonts/Dana-Medium.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dana;src:url(/fonts/Dana-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Dana;src:url(/fonts/Dana-Medium.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dana;src:url(/fonts/Dana-Medium.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}*{font-family:Dana,sans-serif!important;margin:0;padding:0;box-sizing:border-box}body{font-family:Dana,sans-serif!important;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;direction:rtl;font-feature-settings:"ss01","ss02";-webkit-font-feature-settings:"ss01","ss02"}#root{width:100%;min-height:100vh}.mobile-container{background-color:#fff;max-width:390px;width:100%;height:844px;position:relative;overflow-y:auto;overflow-x:hidden;box-shadow:0 10px 40px #0000001a;margin:0 auto}.bg-decoration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:linear-gradient(135deg,#e8f2fc,#f0f7ff);border-radius:50%;opacity:.4;z-index:0}.content{position:relative;z-index:1;padding:60px 20px 40px;height:100%;display:flex;flex-direction:column;align-items:center}.logo-text{font-size:16px;color:#4b4747;margin-bottom:50px;text-align:center;font-weight:500}.illustration-container{width:217px;height:216px;margin-bottom:40px;position:relative}.illustration-bg{position:absolute;width:280px;height:280px;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#dae9f8,#e8f2fc);border-radius:50%;z-index:-1}.illustration{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.logo-icon{width:217px;height:216px;object-fit:contain}.welcome-section{text-align:center;margin-bottom:64px}.welcome-title{font-size:20px;font-weight:500;color:#252831;margin-bottom:12px;line-height:28px}.welcome-subtitle{font-size:14px;color:#252831;line-height:24px}.form-section{width:100%;max-width:320px}.form-label{font-size:12px;font-weight:500;color:#2f2f33;margin-bottom:8px;display:block;text-align:right}.form-control{border:1px solid #958a8a;border-radius:8px;padding:16px 12px;font-size:16px;color:#827b7b;text-align:right;direction:rtl;width:100%;font-family:Dana,sans-serif!important}.form-control:focus{border-color:#1983e8;box-shadow:0 0 0 .2rem #1983e826;outline:none}.form-control::placeholder{color:#827b7b}.submit-btn{background-color:#1983e8;color:#fff;border:none;border-radius:8px;padding:16px 24px;font-size:16px;font-weight:700;width:100%;margin-top:24px;cursor:pointer;transition:background-color .3s;font-family:Dana,sans-serif!important}.submit-btn:hover{background-color:#1571c7}.submit-btn:active{background-color:#125fa8}.submit-btn:disabled{background-color:#adafb6;cursor:not-allowed}.decoration-circle-1{position:absolute;top:110px;right:41px;width:42px;height:42px;background:linear-gradient(135deg,#b8d8f5,#d4e8fa);border-radius:50%;opacity:.5;z-index:0}.decoration-circle-2{position:absolute;top:162px;left:41px;width:20px;height:20px;background:linear-gradient(135deg,#f5e5b8,#faefd4);border-radius:50%;opacity:.4;z-index:0}.success-section{display:flex;flex-direction:column;align-items:center;gap:48px;margin-bottom:48px}.success-icon-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px}.success-icon{width:96px;height:96px;background:linear-gradient(135deg,#5bc4bf,#3e95e9);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #3b95e94d;animation:scaleIn .5s ease-out}.success-icon svg{width:48px;height:48px}.success-message{font-size:20px;font-weight:500;color:#252831;line-height:28px;text-align:center}.role-section{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:320px}.role-instruction{font-size:16px;color:#2f2f33;line-height:20px;text-align:center}.custom-select-wrapper{position:relative;width:100%}.custom-select{width:100%;background-color:#fff;border:2px solid #adafb6;border-radius:8px;padding:16px 12px;font-size:18px;font-weight:500;color:#636774;text-align:right;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;transition:all .3s ease;direction:rtl;font-family:Dana,sans-serif!important}.custom-select:hover{border-color:#1983e8}.custom-select:focus{outline:none;border-color:#1983e8;box-shadow:0 0 0 .2rem #1983e826}.custom-select option{padding:12px;font-size:16px}.select-arrow{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#637381}.spacer{flex-grow:1}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@media(max-width:480px){.mobile-container{max-width:100%;height:100vh;height:100dvh}body{padding:0}}@media(max-width:380px){.mobile-container{max-width:100%;height:100vh;height:100dvh}}