body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--danger-color:#ef4444;--warning-color:#f59e0b;--success-color:#10b981;--info-color:#3b82f6;--dark:#1e293b;--gray-dark:#475569;--gray:#64748b;--gray-light:#cbd5e1;--gray-lighter:#f1f5f9;--white:#fff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius-sm:0.375rem;--radius:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--transition:all 0.3s ease;--transition-fast:all 0.15s ease;--transition-slow:all 0.5s ease}*{box-sizing:border-box;margin:0;padding:0}html{direction:rtl;font-size:16px;max-width:100vw;overflow-x:hidden;scroll-behavior:smooth;scrollbar-color:#1e547080 #0000;scrollbar-width:thin;width:100%}html[lang=en]{direction:ltr}html[lang=ku]{direction:rtl}html>body{direction:rtl}html>body,html[lang=en]>body{max-width:100vw;overflow-x:hidden;width:100%}html[lang=en]>body{direction:ltr}html[lang=ku]>body{direction:rtl;max-width:100vw;overflow-x:hidden;width:100%}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:#0000}html::-webkit-scrollbar-thumb{background:#1e547080;border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}html::-webkit-scrollbar-thumb:hover{background:#1e5470b3}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f1f5f9;background-color:var(--gray-lighter);color:#1e293b;color:var(--dark);font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}body[lang=en]{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h1,h2,h3,h4,h5,h6{color:#1e293b;color:var(--dark);font-weight:700;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}a{color:#1e5470;color:var(--primary-color);text-decoration:none;transition:all .3s ease;transition:var(--transition)}a:hover{color:#163d52;color:var(--primary-dark)}.btn{border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);gap:var(--spacing-sm);overflow:hidden;padding:.75rem 1.5rem;position:relative;text-align:center;transition:var(--transition);white-space:nowrap}.btn:before{background:#fff3;content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .5s ease}.btn:hover:before{transform:translateX(100%)}.btn:disabled{opacity:.6}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,#1e5470,#6ec1d1);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white)}.btn-primary:hover:not(:disabled){box-shadow:0 10px 30px #1e547066}.btn-secondary{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success-color),#059669);color:#fff;color:var(--white)}.btn-secondary:hover:not(:disabled){box-shadow:0 10px 30px #10b98166;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger-color),#dc2626);color:#fff;color:var(--white)}.btn-danger:hover:not(:disabled){box-shadow:0 10px 30px #ef444466;transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning-color),#d97706);color:#fff;color:var(--white)}.btn-warning:hover:not(:disabled){box-shadow:0 10px 30px #f59e0b66;transform:translateY(-2px)}.btn-info{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--info-color),#2563eb);color:#fff;color:var(--white)}.btn-info:hover:not(:disabled){box-shadow:0 10px 30px #3b82f666;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #1e5470;border:2px solid var(--primary-color);color:#1e5470;color:var(--primary-color)}.btn-outline:hover:not(:disabled){background:#1e5470;background:var(--primary-color);color:#fff;color:var(--white);transform:translateY(-2px)}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.btn-lg{font-size:1.125rem;padding:1rem 2rem}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form-label{color:#1e293b;color:var(--dark);display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.form-control{background:#fff;background:var(--white);border:2px solid #cbd5e1;border-radius:1rem;border-radius:var(--radius-lg);padding:.75rem 1rem;transition:var(--transition)}.form-control:focus{box-shadow:0 0 0 4px #1e54701a}.form-control:disabled{background:#f1f5f9;background:var(--gray-lighter);cursor:not-allowed;opacity:.6}.form-control.is-invalid{border-color:#ef4444;border-color:var(--danger-color)}.form-control.is-invalid:focus{box-shadow:0 0 0 4px #ef44441a}.invalid-feedback{color:#ef4444;color:var(--danger-color);display:block;font-size:.875rem;margin-top:.25rem;margin-top:var(--spacing-xs)}.card{background:#fff;background:var(--white);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:2rem;padding:var(--spacing-xl);transition:all .3s ease;transition:var(--transition)}.card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-header{border-bottom:2px solid #f1f5f9;border-bottom:2px solid var(--gray-lighter);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:1.5rem;padding-bottom:var(--spacing-lg)}.card-title{color:#1e293b;color:var(--dark);font-size:1.5rem;font-weight:700;margin:0}.card-body{flex:1 1}.table-container{border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}table{background:#fff;background:var(--white);border-collapse:collapse;width:100%}thead{background:linear-gradient(135deg,#1e5470,#6ec1d1);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;color:var(--white)}th{font-size:.95rem;font-weight:600;padding:1rem;text-align:right}tbody tr{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-lighter);transition:all .3s ease;transition:var(--transition)}tbody tr:hover{background:#f1f5f9;background:var(--gray-lighter)}td{color:#475569;color:var(--gray-dark);padding:1rem;text-align:right}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.875rem;font-weight:600;gap:.25rem;gap:var(--spacing-xs);padding:.375rem .75rem;white-space:nowrap}.badge-primary{background:linear-gradient(135deg,#1e54701a,#34729c1a);color:#1e5470;color:var(--primary-color)}.badge-success{background:#10b9811a;color:#10b981;color:var(--success-color)}.badge-danger{background:#ef44441a;color:#ef4444;color:var(--danger-color)}.badge-warning{background:#f59e0b1a;color:#f59e0b;color:var(--warning-color)}.badge-info{background:#3b82f61a;color:#3b82f6;color:var(--info-color)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:.25rem;margin-top:var(--spacing-xs)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-3{margin-top:1rem;margin-top:var(--spacing-md)}.mt-4{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-5{margin-top:2rem;margin-top:var(--spacing-xl)}.mb-1{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.d-flex{display:flex}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem;gap:var(--spacing-xs)}.gap-2{gap:.5rem;gap:var(--spacing-sm)}.gap-3{gap:1rem;gap:var(--spacing-md)}.gap-4{gap:1.5rem;gap:var(--spacing-lg)}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.btn{font-size:.95rem;padding:.625rem 1.25rem}.card{padding:1.5rem;padding:var(--spacing-lg)}td,th{font-size:.9rem;padding:.75rem}}@media (max-width:480px){html{font-size:14px}.btn{width:100%}.table-container{font-size:.85rem}}@media print{.btn,.header-actions,.sidebar{display:none}body{background:#fff}.card{border:1px solid #cbd5e1;border:1px solid var(--gray-light);box-shadow:none}}.criteria-tooltip{align-items:center;animation:criteriaTooltipIn .3s ease;background:linear-gradient(135deg,#fff3cd,#ffeeba);border:1px solid #ffc107;border-radius:8px;box-shadow:0 2px 8px #ffc10733;color:#856404;display:flex;font-size:.78rem;font-weight:600;gap:6px;left:0;margin-top:4px;padding:6px 12px;position:absolute;right:0;top:100%;z-index:10}.criteria-tooltip i{color:#e67e22;flex-shrink:0;font-size:.85rem}@keyframes criteriaTooltipIn{0%{opacity:0;transform:translateY(-6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ndd-panel{animation:nddFadeIn .2s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026,0 0 0 1px #0000000a;direction:rtl;font-family:Cairo,Tajawal,sans-serif;left:0;max-width:95vw;overflow:hidden;position:absolute;top:calc(100% + 8px);width:400px;z-index:9999}[dir=ltr] .ndd-panel{left:auto;right:0}@keyframes nddFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ndd-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;justify-content:space-between;padding:14px 18px}.ndd-header,.ndd-header-right{align-items:center;display:flex}.ndd-header-right{gap:8px}.ndd-header-bell{color:#1e5470;font-size:16px}.ndd-title{color:#2c3e50;font-size:15px;font-weight:700}.ndd-header-tabs{align-items:center;background:#e9ecef;border-radius:8px;display:flex;gap:2px;padding:3px}.ndd-tab{background:#0000;border:none;border-radius:6px;color:#6c757d;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:5px 12px;transition:all .2s ease;white-space:nowrap}.ndd-tab:hover{background:#ffffff80;color:#495057}.ndd-tab-active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1e5470}.ndd-body{background:#fff;max-height:400px;overflow-y:auto}.ndd-body::-webkit-scrollbar{width:4px}.ndd-body::-webkit-scrollbar-track{background:#0000}.ndd-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.ndd-empty{color:#adb5bd;padding:50px 20px;text-align:center}.ndd-empty i{color:#dee2e6;display:block;font-size:40px;margin-bottom:12px}.ndd-empty p{font-size:14px;font-weight:500;margin:0}.ndd-item{align-items:flex-start;border-bottom:1px solid #f1f3f5;cursor:pointer;display:flex;gap:12px;padding:14px 18px;position:relative;transition:background .15s ease}.ndd-item:last-child{border-bottom:none}.ndd-item-unread{background:#eef4fb;border-right:3px solid #1e5470}.ndd-item-unread:hover{background:#e3edf7}.ndd-item-read{background:#fff}.ndd-item-read:hover{background:#f8f9fa}.ndd-item-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:42px;justify-content:center;margin-top:2px;min-width:42px;width:42px}.ndd-ic-blue{background:linear-gradient(135deg,#3498db,#2980b9)}.ndd-ic-green{background:linear-gradient(135deg,#2ecc71,#27ae60)}.ndd-ic-red{background:linear-gradient(135deg,#e74c3c,#c0392b)}.ndd-ic-orange{background:linear-gradient(135deg,#f39c12,#e67e22)}.ndd-ic-gray{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.ndd-item-body{flex:1 1;min-width:0}.ndd-item-title{color:#2c3e50;font-size:13.5px;font-weight:700;line-height:1.5;margin-bottom:3px}.ndd-item-unread .ndd-item-title{color:#1a252f}.ndd-item-msg{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#7f8c8d;display:-webkit-box;font-size:12.5px;line-height:1.6;margin-bottom:5px;overflow:hidden}.ndd-item-time{align-items:center;color:#adb5bd;display:flex;font-size:11px;font-weight:500;gap:4px}.ndd-item-time i{font-size:10px}.ndd-unread-dot{background:#1e5470;border-radius:50%;box-shadow:0 0 0 3px #1e547026;height:9px;margin-top:6px;min-width:9px;width:9px}.ndd-footer{background:#f8f9fa;border-top:1px solid #e9ecef;justify-content:space-between;padding:0}.ndd-footer,.ndd-footer-mark{align-items:center;display:flex}.ndd-footer-mark{background:#0000;border:none;border-left:1px solid #e9ecef;color:#6c757d;cursor:pointer;flex:1 1;font-family:inherit;font-size:12.5px;font-weight:600;gap:6px;justify-content:center;padding:12px 16px;transition:all .15s ease}[dir=ltr] .ndd-footer-mark{border-left:none;border-right:1px solid #e9ecef}.ndd-footer-mark:hover{background:#e9ecef;color:#1e5470}.ndd-footer-mark i{font-size:12px}.ndd-footer-all{align-items:center;background:#0000;border:none;color:#1e5470;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:12.5px;font-weight:600;gap:6px;justify-content:center;padding:12px 16px;transition:all .15s ease}.ndd-footer-all:hover{background:#e9ecef;color:#163d52}.ndd-footer-all i{font-size:11px}@media (max-width:480px){.ndd-panel{border-radius:0 0 16px 16px;left:0;max-width:100vw;position:fixed;right:0;top:60px;width:100vw}.ndd-header{flex-wrap:wrap;gap:8px}.ndd-header-tabs{justify-content:center;width:100%}.ndd-body{max-height:60vh}}@media (max-width:768px){.ndd-panel{width:360px}}:root{--primary-color:#1e5470;--primary-dark:#163d52;--primary-light:#34729c;--primary-lighter:#4a8db8;--secondary-color:#6ec1d1;--accent-color:#c8eaec;--text-primary:#2c3e50;--text-secondary:#7f8c8d;--text-light:#95a5a6;--bg-primary:#f8f9fa;--bg-card:#fff;--border-color:#ecf0f1;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--sidebar-width:280px;--sidebar-collapsed-width:78px;--header-height:90px;--banner-offset:0px}.dashboard-container,.dashboard-layout{background:#f8f9fa;direction:rtl;display:flex;font-family:Cairo,Segoe UI,sans-serif;height:100vh;height:calc(100vh - var(--banner-offset));margin-top:0;margin-top:var(--banner-offset);overflow:hidden;position:relative;transition:height .35s ease,margin-top .35s ease}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #fff6;transform:scale(1)}50%{box-shadow:0 0 0 10px #fff0;transform:scale(1.05)}}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes notificationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sidebar{background:linear-gradient(180deg,#1e5470,#163d52);background:linear-gradient(180deg,var(--primary-color),var(--primary-dark));box-shadow:2px 0 15px #00000026;direction:ltr;display:flex;flex-direction:column;height:100vh;height:calc(100vh - var(--banner-offset));overflow-y:hidden;position:fixed;right:0;top:0;top:var(--banner-offset);transition:all .3s ease;width:280px;width:var(--sidebar-width);z-index:1000}.sidebar.closed{box-shadow:none;transform:translateX(280px)}.sidebar.collapsed{width:78px;width:var(--sidebar-collapsed-width)}.sidebar.collapsed .sidebar-header{gap:0;justify-content:center;padding:0}.sidebar.collapsed .sidebar-logo{height:44px;width:44px}.sidebar.collapsed .sidebar-close-btn,.sidebar.collapsed .sidebar-title{display:none}.sidebar.collapsed .menu-section-title{color:#1e5470;color:var(--primary-color);font-size:.65rem;opacity:.7;overflow:hidden;padding:10px 0 4px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.sidebar.collapsed .menu-section-title:after{right:50%;transform:translateX(50%);width:20px}.sidebar.collapsed .menu-item,.sidebar.collapsed .nav-item{gap:0;justify-content:center;margin:2px auto;padding:14px 0;width:calc(100% - 16px)}.sidebar.collapsed .menu-item span,.sidebar.collapsed .nav-item span{display:none}.sidebar.collapsed .menu-item i,.sidebar.collapsed .nav-item i{font-size:1.25rem;width:auto}.sidebar.collapsed .menu-item:before,.sidebar.collapsed .nav-item:before{display:none}.sidebar.collapsed .menu-item[title]:hover:after{background:#2c3e50;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;content:attr(title);font-size:.85rem;padding:6px 14px;pointer-events:none;position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;z-index:9999}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:999}.sidebar-overlay.active{display:block}.sidebar-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;border-bottom:1px solid #ffffff1a;color:#fff;direction:rtl;display:flex;gap:15px;height:90px;height:var(--header-height);min-height:90px;min-height:var(--header-height);padding:0 20px;position:relative}.logo,.sidebar-logo{align-items:center;background:#fff;box-shadow:0 4px 15px #00000026;color:#1e5470;color:var(--primary-color);display:flex;flex-shrink:0;font-size:22px;height:50px;justify-content:center;overflow:hidden;padding:2px;transition:all .3s ease;width:50px}.logo,.sidebar-logo,.sidebar-logo-img{border-radius:.75rem;border-radius:var(--radius-lg)}.sidebar-logo-img{height:100%;object-fit:contain;width:100%}.sidebar-title{color:#fff;flex:1 1}.sidebar-title h3{color:#fff;font-size:1.3rem;font-weight:700;margin:0;text-shadow:0 2px 10px #0003}.sidebar-title p{color:#fff;font-size:.85rem;font-weight:500;margin:5px 0 0;opacity:.95}.logo span{color:#fff;font-size:1.2rem;font-weight:700}.sidebar-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:none;font-size:18px;height:35px;justify-content:center;left:15px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:35px}.sidebar-close-btn:hover{background:#ffffff4d;transform:translateY(-50%) rotate(90deg)}.sidebar-close-btn:active{transform:translateY(-50%) scale(.95)}.sidebar-menu,.sidebar-nav{-ms-overflow-style:none;background:#0000;direction:rtl;flex:1 1;overflow-y:auto;padding:20px 0;scrollbar-width:none}.sidebar-menu::-webkit-scrollbar,.sidebar-nav::-webkit-scrollbar{display:none}.nav-section{margin-bottom:20px}.menu-section-title,.nav-section-title{color:#95a5a6;font-size:.75rem;font-weight:700;letter-spacing:1px;padding:20px 20px 10px;position:relative;text-transform:uppercase}.menu-section-title:after,.nav-section-title:after{background:linear-gradient(90deg,#6ec1d1,#0000);background:linear-gradient(90deg,var(--secondary-color),#0000);border-radius:2px;bottom:5px;content:"";height:2px;position:absolute;right:20px;width:30px}.menu-item,.nav-item{align-items:center;border-radius:8px;color:#ecf0f1;display:flex;font-size:.95rem;font-weight:500;gap:15px;margin:2px 10px;padding:15px 20px;position:relative;text-decoration:none;transition:all .3s ease}.menu-item:before,.nav-item:before{background:#fff;border-radius:4px 0 0 4px;content:"";height:24px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .3s ease;width:0}.menu-item:hover,.nav-item:hover{background:#ffffff1a;color:#fff;transform:translateX(-2px)}.menu-item:hover:before,.nav-item:hover:before{width:4px}.menu-item.active,.nav-item.active{background:#ffffff26;box-shadow:none;color:#fff;font-weight:600}.menu-item.active:before,.nav-item.active:before{width:4px}.menu-item i,.nav-item i{font-size:1.1rem;text-align:center;transition:all .3s ease;width:24px}.menu-item.active i,.menu-item:hover i,.nav-item.active i,.nav-item:hover i{color:#fff;transform:scale(1.15)}.menu-item span,.nav-item span{transition:all .3s ease}.dashboard-main,.main-content{display:flex;flex:1 1;flex-direction:column;margin-right:280px;margin-right:var(--sidebar-width);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.sidebar.closed~.dashboard-main,.sidebar.closed~.main-content{margin-right:0}.sidebar.collapsed~.dashboard-main,.sidebar.collapsed~.main-content{margin-right:78px;margin-right:var(--sidebar-collapsed-width)}.dashboard-header{align-items:center;background:#fff;border-bottom:1px solid #ecf0f1;border-bottom:1px solid var(--border-color);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);display:flex;gap:20px;height:90px;height:var(--header-height);min-height:90px;min-height:var(--header-height);padding:0 30px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dashboard-header:after{background:linear-gradient(90deg,#0000,#1e54704d,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.mobile-menu-btn{background:none;border:none;border-radius:10px;color:#475569;cursor:pointer;display:none;font-size:24px;padding:10px;position:relative;transition:all .3s ease}.mobile-menu-btn:after{background:linear-gradient(135deg,#1e5470,#34729c);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:9999px;border-radius:var(--radius-full);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.mobile-menu-btn:hover{color:#fff}.mobile-menu-btn:hover:after{opacity:1}.mobile-menu-btn:active{transform:scale(.95)}.page-title{align-items:center;color:#2c3e50;display:flex;flex:1 1;font-size:1.5rem;font-weight:700;gap:12px;margin:0}.page-title i{color:#1e5470;color:var(--primary-color)}.header-role-wrapper{align-items:center;display:flex;gap:10px;position:relative}.header-role-primary{align-items:center;color:#1e293b;display:inline-flex;font-size:1.15rem;font-weight:700;gap:6px}.header-role-temp-badge{background:#f59e0b;border-radius:6px;color:#fff;font-size:.6rem;font-weight:600;line-height:1.5;padding:1px 6px}.header-roles-more-btn{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:14px;color:#475569;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:5px;padding:3px 10px;transition:all .2s;white-space:nowrap}.header-roles-more-btn:hover{background:#e2e8f0;border-color:#94a3b8;color:#1e293b}.header-roles-more-btn i:first-child{color:#64748b;font-size:.7rem}.header-roles-dropdown{animation:rolesDropIn .15s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #0000001f;max-width:380px;min-width:280px;position:absolute;right:0;top:calc(100% + 8px);z-index:200}@keyframes rolesDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.header-roles-dropdown-title{align-items:center;border-bottom:1px solid #f1f5f9;color:#334155;display:flex;font-size:.8rem;font-weight:600;gap:8px;padding:10px 14px}.header-roles-dropdown-title i{color:#1e5470;color:var(--primary-color);font-size:.85rem}.header-roles-count{background:#1e5470;background:var(--primary-color);border-radius:10px;color:#fff;font-size:.65rem;font-weight:700;margin-left:0;margin-right:auto;padding:1px 7px}[dir=ltr] .header-roles-count{margin-left:auto;margin-right:0}.header-roles-dropdown-list{max-height:260px;overflow-y:auto;padding:6px 0}.header-roles-dropdown-item{align-items:center;color:#475569;display:flex;font-size:.78rem;gap:8px;padding:7px 14px;transition:background .15s}.header-roles-dropdown-item:hover{background:#f8fafc}.header-roles-dropdown-item.primary{color:#1e293b;font-weight:600}.header-roles-item-name{flex:1 1;min-width:0}.header-roles-item-badge{border-radius:8px;flex-shrink:0;font-size:.62rem;font-weight:600;padding:1px 7px;white-space:nowrap}.header-roles-item-badge.primary{background:#dbeafe;color:#1d4ed8}.header-roles-item-badge.temp{background:#fef3c7;color:#92400e}.header-actions{align-items:center;display:flex;gap:15px}.header-icon-btn{align-items:center;background:#eef2f5;border:1px solid #e0e6eb;border-radius:9999px;border-radius:var(--radius-full);color:#7f8c8d;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:45px;justify-content:center;position:relative;transition:all .3s ease;width:45px}.header-icon-btn:hover{background:linear-gradient(135deg,#1e5470,#34729c);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));box-shadow:0 8px 25px #1e54704d;color:#fff;transform:translateY(-3px) scale(1.05)}.header-icon-btn:active{transform:translateY(0) scale(1)}.language-menu{position:relative}.language-menu-dropdown{animation:dropdownSlide .3s ease;background:#fff;border:1px solid #ecf0f1;border-radius:8px;box-shadow:0 4px 16px #00000026;left:0;overflow:hidden;position:absolute;top:calc(100% + 10px);width:200px;z-index:1000}[dir=ltr] .language-menu-dropdown{left:auto;right:0}.language-menu-dropdown .menu-item{align-items:center;background:none;border:none;color:#2c3e50;cursor:pointer;display:flex;font-size:.95rem;gap:12px;padding:12px 18px;text-align:right;text-decoration:none;transition:all .3s ease;width:100%}.language-menu-dropdown .menu-item:hover{background:#ecf0f1;color:#1e5470;color:var(--primary-color)}.language-menu-dropdown .menu-item.active{background:linear-gradient(135deg,#1e547014,#1e54700a);color:#1e5470;color:var(--primary-color);font-weight:600}.language-menu-dropdown .lang-flag{flex-shrink:0;font-size:1.2rem}.language-menu-dropdown .lang-label{flex:1 1}.language-menu-dropdown .lang-check{color:#1e5470;color:var(--primary-color);flex-shrink:0;font-size:.85rem}.notification-badge{align-items:center;animation:notificationPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#e74c3c,#c0392b);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #e74c3c80;box-sizing:border-box;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:20px;justify-content:center;left:-5px;line-height:1;min-width:20px;padding:0 4px;position:absolute;text-align:center;top:-5px;z-index:2}.notifications-menu{position:relative}.notifications-dropdown{animation:dropdownSlide .3s ease;background:#fff;border:1px solid #ecf0f1;border-radius:8px;box-shadow:0 4px 16px #00000026;left:0;overflow:hidden;position:absolute;top:calc(100% + 10px);width:380px;z-index:1000}.dropdown-header{background:linear-gradient(135deg,#1e5470,#163d52);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-bottom:1px solid #ffffff1a;color:#fff;padding:20px;position:relative}.dropdown-header h3{font-size:1.2rem;font-weight:600;margin:0;position:relative;z-index:1}.dropdown-content{max-height:450px;overflow-y:auto}.notification-item{border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:15px;padding:18px 20px;position:relative;transition:all .3s ease}.notification-item:before{background:#1e547014;bottom:0;content:"";position:absolute;right:0;top:0;transition:width .3s ease;width:0}.notification-item:hover{background:#f8f9fa}.notification-item:hover:before{width:100%}.notification-item.unread{background:#ebf5fb;border-right:3px solid #1e5470;border-right:3px solid var(--primary-color)}.notification-item.unread:hover{background:#d6eaf8}.notification-icon{align-items:center;border-radius:14px;box-shadow:0 4px 15px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}.notification-icon:before{background:#fff3;content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .5s ease}.notification-item:hover .notification-icon:before{transform:translateX(100%)}.notification-icon.success{background:linear-gradient(135deg,#52c234,#5cb85c)}.notification-icon.warning{background:linear-gradient(135deg,#f39c12,#e67e22)}.notification-icon.info{background:linear-gradient(135deg,#1e5470,#163d52);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark))}.notification-icon.error{background:linear-gradient(135deg,#e74c3c,#c0392b)}.notification-content{flex:1 1;position:relative;z-index:1}.notification-content h4{color:#2c3e50;font-size:.95rem;font-weight:600;margin:0 0 6px}.notification-content p{color:#7f8c8d;font-size:.85rem;line-height:1.5;margin:0 0 8px}.notification-time{align-items:center;color:#95a5a6;display:flex;font-size:.75rem;gap:4px}.user-avatar,.user-menu{position:relative}.user-avatar{align-items:center;background:linear-gradient(135deg,#1e5470,#34729c);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:50%;box-shadow:0 2px 8px #1e54704d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;overflow:hidden;transition:all .3s ease;width:40px}.user-avatar:before{background:#fff3;content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .4s ease}.user-avatar:hover{background:#fff;box-shadow:0 4px 12px #1e547066;color:#1e5470;color:var(--primary-color);transform:scale(1.05)}.user-avatar:hover:before{transform:translateX(100%)}.user-dropdown{animation:dropdownSlide .3s ease;background:#fff;border:1px solid #ecf0f1;border-radius:8px;box-shadow:0 4px 16px #00000026;left:0;overflow:hidden;position:absolute;top:calc(100% + 10px);width:280px;z-index:1000}.user-dropdown-header{background:linear-gradient(135deg,#1e5470,#34729c);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;padding:20px;text-align:center}.user-dropdown-avatar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:3px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:700;height:70px;justify-content:center;margin:0 auto 12px;width:70px}.user-dropdown-header h3{font-size:1.2rem;font-weight:600;margin:0 0 5px}.user-dropdown-header p{font-size:.85rem;margin:0;opacity:.9}.user-dropdown-menu{padding:10px 0}.user-dropdown-item{align-items:center;color:#475569;display:flex;font-size:.95rem;gap:12px;padding:14px 20px;position:relative;text-decoration:none;transition:all .3s ease}.user-dropdown-item:before{background:#1e547014;bottom:0;content:"";position:absolute;right:0;top:0;transition:width .3s ease;width:0}.user-dropdown-item:hover{color:#1e5470;color:var(--primary-color)}.user-dropdown-item:hover:before{width:100%}.user-dropdown-item i{text-align:center;width:20px}.user-dropdown-item i,.user-dropdown-item span{position:relative;z-index:1}.user-dropdown-divider{background:#ecf0f1;height:1px;margin:10px 0}.user-dropdown-item.logout{color:#e74c3c}.user-dropdown-item.logout:hover{background:#e74c3c;color:#fff}.user-dropdown-item.logout:hover:before{width:0}.dropdown-item{align-items:center;background:none;border:none;color:#475569;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;gap:12px;padding:14px 20px;position:relative;text-align:right;text-decoration:none;transition:all .3s ease;width:100%}.dropdown-item:before{background:#1e547014;bottom:0;content:"";position:absolute;right:0;top:0;transition:width .3s ease;width:0}.dropdown-item:hover{background:#f8f9fa;color:#1e5470;color:var(--primary-color)}.dropdown-item:hover:before{width:100%}.dropdown-item i{text-align:center;width:20px}.dropdown-item i,.dropdown-item span{position:relative;z-index:1}.dropdown-item.text-danger{color:#e74c3c}.dropdown-item.text-danger:hover{background:#e74c3c;color:#fff}.dropdown-item.text-danger:hover:before{width:0}.dropdown-divider{background:#ecf0f1;height:1px;margin:10px 0}.text-danger{color:#e74c3c}.text-muted{color:#7f8c8d}.workflow-name{align-items:center;color:#2c3e50;display:flex;font-weight:600;gap:10px}.workflow-name i{color:#1e5470;color:var(--primary-color);font-size:16px}.stats-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(4,1fr);margin-bottom:0;padding:30px}.stat-card{background:#fff;border:1px solid #ecf0f1;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;gap:20px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.stat-card:before{background:radial-gradient(circle,#1e547008 0,#0000 70%);content:"";height:200%;opacity:0;position:absolute;right:-50%;top:-50%;transition:opacity .5s ease;width:200%}.stat-card:hover:before{opacity:1}.stat-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:28px;height:65px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:65px}.stat-card:hover .stat-icon{box-shadow:0 6px 18px #0003;transform:scale(1.08)}.stat-icon:before{background:#fff3;content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s ease}.stat-card:hover .stat-icon:before{transform:translateX(100%)}.stat-content,.stat-details{flex:1 1}.stat-content h3{color:#2c3e50;font-size:2rem;font-weight:700;line-height:1;margin:0 0 8px;transition:all .3s ease}.stat-card:hover .stat-content h3{transform:scale(1.03)}.stat-content p{color:#7f8c8d;font-size:.95rem;font-weight:600;margin:0}.stat-value{color:#2c3e50;font-size:2rem;font-weight:700;line-height:1;margin:0 0 8px;transition:all .3s ease}.stat-card:hover .stat-value{transform:scale(1.03)}.stat-label{color:#7f8c8d;font-size:.95rem;font-weight:600;margin:0}.stat-description{align-items:center;color:#95a5a6;display:flex;font-size:.85rem;gap:5px}.stat-card.purple .stat-icon{background:linear-gradient(135deg,#1e5470,#34729c)}.stat-card.green .stat-icon{background:linear-gradient(135deg,#52c234,#5cb85c)}.stat-card.orange .stat-icon{background:linear-gradient(135deg,#f39c12,#e67e22)}.stat-card.blue .stat-icon{background:linear-gradient(135deg,#1e5470,#163d52);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark))}.stat-card.red .stat-icon{background:linear-gradient(135deg,#e74c3c,#c0392b)}.stat-card.gray .stat-icon{background:linear-gradient(135deg,#9ca3af,#6b7280)}.content-area,.dashboard-content,.page-content{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:30px;position:relative}.page-content::-webkit-scrollbar{width:8px}.page-content::-webkit-scrollbar-track{background:#ecf0f1;border-radius:4px}.page-content::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.page-content::-webkit-scrollbar-thumb:hover{background:#95a5a6}.dropdown-content::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:6px}.dropdown-content::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:#0000}.dropdown-content::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.dropdown-content::-webkit-scrollbar-thumb:hover,.sidebar::-webkit-scrollbar-thumb:hover{background:#0000004d}.content-card{background:#fff;border:1px solid #ecf0f1;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:25px;overflow:hidden}.card-header{background:#f8f9fa;border-bottom:1px solid #ecf0f1;justify-content:space-between;padding:20px 25px}.card-header,.card-header h2{align-items:center;display:flex}.card-header h2{color:#2c3e50;font-size:1.3rem;font-weight:700;gap:10px;margin:0}.card-actions{display:flex;gap:10px}.btn-icon{background:#ecf0f1;border:none}.btn-icon:hover{box-shadow:none}.card-body{padding:25px}.header-left{flex:1 1;gap:20px}.header-left,.header-right{align-items:center;display:flex}.header-right{gap:15px}.sidebar-toggle{align-items:center;background:#ecf0f1;border:none;border-radius:8px;color:#7f8c8d;cursor:pointer;display:flex;font-size:18px;height:42px;justify-content:center;transition:all .3s ease;width:42px}.sidebar-toggle:hover{background:#1e5470;background:var(--primary-color);color:#fff}.breadcrumb{align-items:center;color:#7f8c8d;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem;gap:var(--spacing-sm);margin-bottom:10px}.breadcrumb a{color:#1e5470;color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:#163d52;color:var(--primary-dark);text-decoration:underline}.breadcrumb i,.breadcrumb-separator{color:#95a5a6;color:var(--text-light);font-size:.75rem;opacity:.5}.breadcrumb .current{color:#2c3e50;color:var(--text-primary);font-weight:600}.header-search{align-items:center;display:flex;position:relative}.header-search i{color:#7f8c8d;font-size:16px;position:absolute;right:15px}.header-search input{border:1px solid #ecf0f1;border-radius:8px;font-size:.95rem;padding:10px 15px 10px 45px;transition:all .3s ease;width:300px}.header-search input:focus{border-color:#1e5470;border-color:var(--primary-color);box-shadow:0 0 0 3px #1e54701a;outline:none}.header-icon{align-items:center;background:#ecf0f1;border:none;border-radius:8px;color:#7f8c8d;cursor:pointer;display:flex;font-size:18px;height:42px;justify-content:center;position:relative;transition:all .3s ease;width:42px}.header-icon:hover{background:#1e5470;background:var(--primary-color);color:#fff}.header-icon .badge{align-items:center;background:#e74c3c;border-radius:9px;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;left:6px;min-width:18px;padding:0 5px;position:absolute;top:6px}.user-menu-button,.user-menu-toggle{align-items:center;background:#eef2f5;border:1px solid #e0e6eb;border-radius:50px;cursor:pointer;display:flex;padding:6px 9px 6px 6px;transition:all .3s ease}.user-menu-button .user-avatar,.user-menu-toggle .user-avatar{-webkit-margin-end:6px;margin-inline-end:6px}.user-menu-button>i.fa-chevron-down,.user-menu-toggle>i.fa-chevron-down{margin:0 5px}.user-menu-button:hover,.user-menu-toggle:hover{background:linear-gradient(135deg,#1e5470,#34729c);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));box-shadow:0 8px 25px #1e54704d;transform:translateY(-3px)}.user-menu-button:hover .user-name,.user-menu-button:hover .user-role,.user-menu-button:hover i,.user-menu-toggle:hover .user-name,.user-menu-toggle:hover .user-role,.user-menu-toggle:hover i{color:#fff}.user-info{align-items:flex-start;display:flex;flex-direction:column;text-align:right}.user-name{color:#2c3e50;font-size:.95rem;font-weight:600}.user-name,.user-role{transition:color .3s ease}.user-role{color:#7f8c8d;font-size:.8rem}.user-menu-dropdown{animation:dropdownSlide .3s ease;background:#fff;border:1px solid #ecf0f1;border-radius:8px;box-shadow:0 4px 16px #00000026;left:0;overflow:hidden;position:absolute;top:calc(100% + 10px);width:240px;z-index:1000}.menu-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:.95rem;gap:12px;padding:14px 20px;text-align:right;text-decoration:none;transition:all .3s ease;width:100%}.menu-item:hover{background:#ecf0f1;color:#1e5470;color:var(--primary-color)}.menu-item i{text-align:center;width:20px}.menu-divider{background:#ecf0f1;height:1px;margin:8px 0}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f8f9fa;border-bottom:2px solid #ecf0f1}.data-table th{color:#2c3e50;font-size:.95rem;font-weight:600;padding:15px;text-align:right;white-space:nowrap}.data-table td{border-bottom:1px solid #ecf0f1;color:#475569;padding:15px;text-align:right}.data-table td:last-child,.data-table th:last-child{background:#f8f9fa;box-shadow:-2px 0 5px #0000000d;left:0;min-width:140px;position:-webkit-sticky;position:sticky;text-align:center;z-index:2}.data-table td:last-child{background:#fff}.data-table tbody tr:hover td:last-child{background:#f8f9fa}.data-table tbody tr{transition:all .3s ease}.data-table tbody tr:hover{background:#f8f9fa}.status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.85rem;font-weight:600;gap:5px;padding:6px 12px}.status-badge.active{background:#d4edda;color:#155724}.status-badge.warning{background:#fff3cd;color:#856404}.status-badge.danger{background:#f1e0e0;color:#8b3a3a}.status-badge.inactive{background:#f8d7da;color:#721c24}.mobile-cards{display:none}.desktop-table{display:block}table.desktop-table{display:table}.mobile-card{background:#fff;border:1px solid #ecf0f1;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;margin-bottom:12px;padding:20px;transition:all .3s ease}.mobile-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.mobile-card:last-child{margin-bottom:0}.mobile-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.mobile-card-header .workflow-name{color:#2c3e50;font-size:1.05rem;font-weight:700}.mobile-card-header .workflow-name i{color:#1e5470;color:var(--primary-color)}.mobile-card-desc{color:#64748b;font-size:.9rem;line-height:1.5;margin:0 0 12px}.mobile-card-details{border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:15px;padding-bottom:15px}.mobile-card-detail{align-items:center;color:#94a3b8;display:flex;font-size:.82rem;gap:6px}.mobile-card-detail i{color:#1e5470;color:var(--primary-color);font-size:.8rem}.mobile-card-actions{display:flex;gap:8px}.mobile-card-actions .btn-icon{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:6px;height:auto;justify-content:center;padding:10px 12px;width:auto}.mobile-card-actions .btn-icon span{font-size:.8rem}.mobile-card-actions .btn-icon.btn-primary{background:#1e54701a;border:1px solid #1e547026;color:#1e5470;color:var(--primary-color)}.mobile-card-actions .btn-icon.btn-primary:hover{background:#1e5470;background:var(--primary-color);color:#fff}.mobile-card-actions .btn-icon.btn-warning{background:#f39c121a;border:1px solid #f39c1226;color:#f39c12}.mobile-card-actions .btn-icon.btn-warning:hover{background:#f39c12;color:#fff}.mobile-card-actions .btn-icon.btn-danger{background:#e74c3c1a;border:1px solid #e74c3c26;color:#e74c3c}.mobile-card-actions .btn-icon.btn-danger:hover{background:#e74c3c;color:#fff}.action-buttons{display:flex;gap:8px;justify-content:flex-end}.btn-action{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.btn-action.edit{background:#1e54701a;color:#1e5470;color:var(--primary-color)}.btn-action.edit:hover{background:#1e5470;background:var(--primary-color);color:#fff}.btn-action.toggle{background:#f39c121a;color:#f39c12}.btn-action.toggle:hover{background:#f39c12;color:#fff}.btn-action.delete{background:#e74c3c1a;color:#e74c3c}.btn-action.delete:hover{background:#e74c3c;color:#fff}.btn-primary{align-items:center;background:linear-gradient(135deg,#1e5470,#34729c);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#163d52,#1e5470);background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));transform:translateY(-3px)}.companies-fab{align-items:center;border-radius:50%;bottom:28px;box-shadow:0 4px 14px #1e547059;display:flex;font-size:1.3rem;height:56px;justify-content:center;left:28px;padding:0;position:fixed;width:56px;z-index:100}.companies-fab:hover{box-shadow:0 6px 20px #1e547073;transform:translateY(-3px)}.companies-fab.fab-active{background:#c0392b!important}.companies-fab.fab-active:hover{background:#a93226!important;transform:translateY(-3px)}.fab-overlay{background:#00000026;inset:0;position:fixed;z-index:99}.fab-container{bottom:28px;left:28px;position:fixed;z-index:100}.fab-container .companies-fab{position:static}.fab-menu{animation:fabSlideUp .3s cubic-bezier(.34,1.56,.64,1);border-radius:18px;bottom:calc(100% + 18px);box-shadow:0 12px 40px #00000029,0 4px 12px #0000000f;display:flex;flex-direction:column;gap:4px;left:0;min-width:240px;padding:8px}.fab-menu,.fab-menu-arrow{background:#fff;position:absolute}.fab-menu-arrow{border-radius:2px;bottom:-7px;box-shadow:3px 3px 6px #0000000f;height:14px;left:22px;transform:rotate(45deg);width:14px}.fab-menu-item{align-items:center;background:#0000;border:none;border-radius:14px;color:#334155;color:var(--cd-text,#334155);cursor:pointer;display:flex;gap:12px;padding:10px 14px;transition:all .2s ease;white-space:nowrap}.fab-menu-item:hover{background:#f1f5f9}.fab-menu-item:active{transform:scale(.97)}.fab-menu-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.fab-menu-icon i{color:#fff;font-size:.95rem}.fab-menu-text{display:flex;flex-direction:column;gap:2px;text-align:start}.fab-menu-label{color:#1e293b;font-size:.92rem;font-weight:600;line-height:1.2}.fab-menu-desc{color:#94a3b8;font-size:.75rem;font-weight:400;line-height:1.2}@keyframes fabSlideUp{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.table-action-btn{align-items:center;border:1.5px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:500;gap:6px;line-height:1;padding:7px 14px;transition:all .2s ease;white-space:nowrap}.table-action-primary{background:#1e5470;background:var(--cd-primary,#1e5470);border-color:#1e5470;border-color:var(--cd-primary,#1e5470);color:#fff}.table-action-primary:hover{background:#164058;box-shadow:0 2px 8px #1e54704d}.table-action-warning{background:#fffbeb;border-color:#fcd34d;color:#b45309}.table-action-warning:hover{background:#fef3c7;border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b33}.table-action-secondary{background:#f0f0ff;border-color:#c7d2fe;color:#6366f1;padding:7px 10px}.table-action-secondary:hover{background:#e0e0ff;border-color:#a5b4fc;box-shadow:0 2px 8px #6366f133}.btn-warning{background:#f39c121a!important;color:#f39c12!important}.btn-warning:hover{background:#f39c12!important;border-color:#f39c12!important;color:#fff!important}.btn-danger{background:#e74c3c1a!important;color:#e74c3c!important}.btn-danger:hover{background:#e74c3c!important;border-color:#e74c3c!important;color:#fff!important}.modal-backdrop{animation:fadeIn .3s ease;background:#00000080;inset:0;position:fixed;z-index:1999}.modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;left:50%;max-height:90vh;max-width:500px;overflow-y:auto;padding:0;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:2000}.modal .modal-header{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:20px 25px}.modal .modal-header h2{color:#2c3e50;font-size:1.3rem;font-weight:700;margin:0}.modal .modal-body{padding:25px}.modal .modal-footer{border-top:1px solid #ecf0f1;display:flex;gap:10px;justify-content:flex-end;padding:15px 25px}.page-header{align-items:center;background:#fff;border-bottom:1px solid #ecf0f1;box-sizing:border-box;display:flex;justify-content:space-between;min-height:97px;padding:25px 30px}.page-header-menu-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#1e5470;color:var(--primary-color,#1e5470);cursor:pointer;display:flex;flex-shrink:0;font-size:1.4rem;height:44px;justify-content:center;transition:all .2s ease;width:44px}.page-header-menu-btn:hover{background:#1e547014}.page-header-menu-btn:active{transform:scale(.95)}.page-header h1,.page-header-content h1{color:#2c3e50;font-size:1.8rem;font-weight:700;margin:0 0 5px}.page-header p,.page-header-content p{color:#7f8c8d;font-size:.95rem;margin:0}.loading-state{align-items:center;color:#7f8c8d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-state i{color:#1e5470;color:var(--primary-color);font-size:48px;margin-bottom:15px}.loading-state p{font-size:1.1rem;margin:0}.empty-state{align-items:center;color:#7f8c8d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-state i{color:#bdc3c7;font-size:64px;margin-bottom:20px}.empty-state h3{color:#2c3e50;font-size:1.3rem;font-weight:700;margin:0 0 10px}.empty-state p{color:#95a5a6;font-size:1.1rem;margin:0}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.modal-header h2{color:#2c3e50;font-size:1.5rem;font-weight:700;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#7f8c8d;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.modal-close:hover{background:#ecf0f1;color:#2c3e50}.form-group,.modal-body{margin-bottom:20px}.form-group label{color:#2c3e50;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.form-control{border:1px solid #ecf0f1;border-radius:8px;font-family:inherit;font-size:.95rem;padding:12px}.form-control:focus{border-color:#1e5470;box-shadow:0 0 0 3px #1e54701a}textarea.form-control{min-height:100px;resize:vertical}.modal-footer{display:flex;gap:10px;justify-content:flex-end}.btn-secondary{background:#ecf0f1;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-secondary:hover{background:#bdc3c7}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stat-card{animation:fadeInUp .6s ease backwards}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.welcome-section{animation:fadeInUp .6s ease;color:#2c3e50;margin-bottom:30px}.welcome-section h2{animation:fadeInUp .6s ease .1s backwards;color:#2c3e50;font-size:2rem;font-weight:700;margin:0 0 10px}.welcome-section p{animation:fadeInUp .6s ease .2s backwards;color:#7f8c8d;font-size:1.05rem;font-weight:500;margin:0}.online-users-section{animation:fadeInUp .6s ease .35s backwards;background:var(--card-bg);border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:30px;padding:24px}.online-users-header h2{align-items:center;color:#2c3e50;color:var(--text-primary);display:flex;font-size:1.15rem;font-weight:700;gap:10px;margin:0 0 18px}.online-users-header h2 i{color:#10b981;font-size:1.1rem}.online-count-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:13px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:700;height:26px;justify-content:center;min-width:26px;padding:0 8px}.online-users-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.online-user-card{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #ecf0f1;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.online-user-card:hover{border-color:#10b981;box-shadow:0 2px 8px #10b9811f}.online-user-avatar{align-items:center;background:linear-gradient(135deg,#1e5470,#34729c);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;position:relative;width:40px}.online-dot{animation:pulse-green 2s infinite;background:#10b981;border:2px solid #fff;border:2px solid var(--card-bg,#fff);border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}@keyframes pulse-green{0%,to{box-shadow:0 0 0 0 #10b98166}50%{box-shadow:0 0 0 4px #10b98100}}.online-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.online-user-name{color:#2c3e50;color:var(--text-primary);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-user-time{align-items:center;color:#7f8c8d;color:var(--text-secondary,#64748b);display:flex;font-size:.75rem;gap:4px}.online-user-time i{font-size:.65rem}.online-users-empty{color:#7f8c8d;color:var(--text-secondary,#94a3b8);padding:24px;text-align:center}.online-users-empty i{font-size:2rem;margin-bottom:8px;opacity:.5}.online-users-empty p{font-size:.9rem;margin:0}@media (max-width:768px){.online-users-grid{grid-template-columns:1fr}}.quick-access-section{animation:fadeInUp .6s ease .5s backwards;margin-bottom:30px}.quick-access-section h2{align-items:center;color:#2c3e50;display:flex;font-size:1.5rem;font-weight:700;gap:12px;margin:0 0 25px;text-shadow:0 4px 20px #0003}.quick-access-section h2 i{animation:iconBounce 2s ease-in-out infinite}.quick-access-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.quick-access-card{background:#fff;border-radius:18px;box-shadow:0 8px 30px #0000001a;display:flex;gap:22px;overflow:hidden;padding:28px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.quick-access-card:before{background:linear-gradient(90deg,#0000,#1e54700d);content:"";height:100%;position:absolute;right:0;top:0;transition:width .4s ease;width:0}.quick-access-card:hover:before{width:100%}.quick-access-card:hover{box-shadow:0 15px 50px #0000002e;transform:translateY(-6px) translateX(-3px)}.quick-access-icon{align-items:center;border-radius:16px;box-shadow:0 8px 25px #0003;color:#fff;display:flex;flex-shrink:0;font-size:28px;height:65px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:65px}.quick-access-card:hover .quick-access-icon{box-shadow:0 12px 35px #0000004d;transform:scale(1.1) rotate(-5deg)}.quick-access-icon:before{background:#fff3;content:"";inset:0;position:absolute;transform:translateY(-100%);transition:transform .5s ease}.quick-access-card:hover .quick-access-icon:before{transform:translateY(100%)}.quick-access-content{flex:1 1}.quick-access-content h3{color:#1e293b;font-size:1.15rem;font-weight:600;margin:0 0 10px;transition:all .3s ease}.quick-access-card:hover .quick-access-content h3{color:#1e5470;color:var(--primary-color);transform:translateX(-3px)}.quick-access-content p{color:#64748b;font-size:.92rem;line-height:1.5;margin:0;transition:all .3s ease}.quick-access-card:hover .quick-access-content p{color:#475569}.ext-welcome-banner{animation:fadeInUp .6s ease;background:linear-gradient(135deg,#1e5470,#2a7a9e 50%,#34729c);border-radius:16px;margin-bottom:28px;overflow:hidden;padding:32px 36px;position:relative}.ext-welcome-banner:before{background:radial-gradient(circle,#ffffff14 0,#0000 70%);border-radius:50%;content:"";height:300px;left:-10%;position:absolute;top:-30%;width:300px}.ext-welcome-banner:after{background:radial-gradient(circle,#ffffff0d 0,#0000 70%);border-radius:50%;bottom:-40%;content:"";height:250px;position:absolute;right:5%;width:250px}.ext-welcome-content{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.ext-welcome-text{flex:1 1}.ext-greeting{color:#fffc;display:block;font-size:1rem;font-weight:500;margin-bottom:6px}.ext-welcome-name{color:#fff;font-size:1.75rem;font-weight:700;line-height:1.3;margin:0 0 12px}.ext-user-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;padding:6px 16px}.ext-user-badge i{font-size:.9rem}.ext-welcome-illustration{text-align:center}.ext-welcome-icon-circle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:50%;display:flex;height:72px;justify-content:center;margin:0 auto 8px;width:72px}.ext-welcome-icon-circle i{color:#fff;font-size:30px}.ext-welcome-illustration p{color:#ffffffbf;font-size:.8rem;font-weight:500;margin:0}.ext-section-title{align-items:center;color:#2c3e50;display:flex;font-size:1.25rem;font-weight:700;gap:10px;margin:0 0 20px}.ext-section-title i{color:#1e5470;color:var(--primary-color);font-size:1.1rem}.ext-stats-section{animation:fadeInUp .6s ease .15s backwards;margin-bottom:28px}.ext-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.ext-stat-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;cursor:default;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.ext-stat-card:after{border-radius:0 0 12px 12px;bottom:0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;transition:opacity .3s ease}.ext-stat-total:after{background:linear-gradient(90deg,#1e5470,#34729c)}.ext-stat-draft:after{background:linear-gradient(90deg,#9ca3af,#6b7280)}.ext-stat-submitted:after{background:linear-gradient(90deg,#3b82f6,#2563eb)}.ext-stat-review:after{background:linear-gradient(90deg,#f59e0b,#d97706)}.ext-stat-approved:after{background:linear-gradient(90deg,#10b981,#059669)}.ext-stat-rejected:after{background:linear-gradient(90deg,#ef4444,#dc2626)}.ext-stat-completed:after{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.ext-stat-cancelled:after{background:linear-gradient(90deg,#78716c,#57534e)}.ext-stat-card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-3px)}.ext-stat-card:hover:after{opacity:1}.ext-stat-icon-wrap{align-items:center;border-radius:12px;box-shadow:0 3px 8px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:50px;justify-content:center;transition:transform .3s ease;width:50px}.ext-stat-card:hover .ext-stat-icon-wrap{transform:scale(1.08)}.ext-stat-info{display:flex;flex-direction:column;gap:2px}.ext-stat-number{color:#2c3e50;font-size:1.6rem;font-weight:700;line-height:1}.ext-stat-label{color:#7f8c8d;font-size:.8rem;font-weight:600}.ext-actions-section{animation:fadeInUp .6s ease .3s backwards;margin-bottom:28px}.ext-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ext-action-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 6px #0000000a;display:flex;gap:16px;overflow:hidden;padding:20px 24px;position:relative;text-decoration:none;transition:all .3s ease}.ext-action-card:before{background:linear-gradient(135deg,#1e547005,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.ext-action-card:hover:before{opacity:1}.ext-action-card:hover{border-color:#1e547026;box-shadow:0 6px 18px #0000001a;transform:translateY(-3px)}.ext-action-icon{align-items:center;border-radius:12px;box-shadow:0 3px 8px #0000001f;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;transition:transform .3s ease;width:48px}.ext-action-card:hover .ext-action-icon{transform:scale(1.1)}.ext-action-text{flex:1 1;min-width:0}.ext-action-text h4{color:#2c3e50;font-size:.95rem;font-weight:700;margin:0 0 4px;transition:color .3s ease}.ext-action-card:hover .ext-action-text h4{color:#1e5470;color:var(--primary-color)}.ext-action-text p{color:#7f8c8d;font-size:.8rem;line-height:1.4;margin:0}.ext-action-arrow{color:#bdc3c7;flex-shrink:0;font-size:.85rem;transition:all .3s ease}[dir=ltr] .ext-action-arrow{transform:rotate(180deg)}.ext-action-card:hover .ext-action-arrow{color:#1e5470;color:var(--primary-color);transform:translateX(-4px)}[dir=ltr] .ext-action-card:hover .ext-action-arrow{transform:rotate(180deg) translateX(-4px)}.ext-companies-section{animation:fadeInUp .6s ease .35s backwards;margin-bottom:28px}.ext-companies-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.ext-companies-grid .ext-company-card{flex-shrink:0;width:280px}.ext-company-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0000000a;color:inherit;display:block;overflow:hidden;text-decoration:none;transition:all .3s ease}.ext-company-card:hover{border-color:#34729c;box-shadow:0 8px 24px #1e547026;transform:translateY(-4px)}.ext-company-card-header{align-items:center;display:flex;justify-content:space-between;padding:16px 18px 0}.ext-company-avatar{align-items:center;background:linear-gradient(135deg,#1e5470,#34729c);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.ext-company-owner-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 10px}.ext-company-owner-badge i{font-size:9px}.ext-company-status-badge{align-items:center;background:#e5e7eb;border-radius:20px;color:#374151;display:inline-flex;font-size:11px;font-weight:600;padding:3px 10px}.ext-status-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.ext-status-under_establishment{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.ext-status-suspended,.ext-status-withdrawn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.ext-status-under_liquidation{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.ext-company-card-body{padding:12px 18px 18px}.ext-company-card-footer{padding:0 18px 14px}.ext-deposit-release-btn{align-items:center;background:#fff;border:1.5px solid #1e5470;border:1.5px solid var(--primary-color,#1e5470);border-radius:6px;color:#1e5470;color:var(--primary-color,#1e5470);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease;width:100%}.ext-deposit-release-btn:hover{background:#1e5470;background:var(--primary-color,#1e5470);color:#fff}.ext-deposit-release-btn:active{background:#163d52;background:var(--primary-dark,#163d52);color:#fff}.ext-deposit-release-btn i{font-size:12px}.ext-company-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a2332;display:-webkit-box;font-size:15px;font-weight:700;line-height:1.4;margin:0 0 10px;overflow:hidden}.ext-company-info-row{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px;margin-bottom:6px}.ext-company-info-row i{color:#9ca3af;font-size:11px;text-align:center;width:14px}.ext-company-info-row:last-child{margin-bottom:0}@media (max-width:640px){.ext-companies-grid{align-items:center;flex-direction:column}.ext-companies-grid .ext-company-card{max-width:360px;width:100%}}.ext-recent-section{animation:fadeInUp .6s ease .45s backwards;margin-bottom:28px}.ext-recent-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.ext-recent-header .ext-section-title{margin-bottom:0}.ext-view-all-link{align-items:center;color:#1e5470;color:var(--primary-color);display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;text-decoration:none;transition:all .2s ease}.ext-view-all-link:hover{color:#163d52;color:var(--primary-dark);gap:10px}[dir=ltr] .ext-view-all-link i{transform:rotate(180deg)}.ext-requests-table-wrap{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow-x:auto}.ext-requests-table{border-collapse:collapse;width:100%}.ext-requests-table thead{background:#f8f9fb}.ext-requests-table th{border-bottom:2px solid #e9ecef;color:#64748b;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:14px 20px;text-align:right;text-transform:uppercase}[dir=ltr] .ext-requests-table th{text-align:left}.ext-requests-table td{border-bottom:1px solid #f0f0f0;color:#2c3e50;font-size:.9rem;padding:14px 20px;vertical-align:middle}.ext-requests-table tbody tr{transition:background .2s ease}.ext-requests-table tbody tr:last-child td{border-bottom:none}.ext-requests-table tbody tr:hover{background:#f8fafc}.ext-req-number{color:#1e5470!important;color:var(--primary-color)!important;font-weight:600;white-space:nowrap}.ext-req-number i{-webkit-margin-end:6px;color:#94a3b8;font-size:.7rem;margin-inline-end:6px;vertical-align:middle}.ext-req-date{color:#7f8c8d!important;font-size:.85rem!important;white-space:nowrap}.ext-req-date i{-webkit-margin-end:6px;color:#94a3b8;font-size:.75rem;margin-inline-end:6px;vertical-align:middle}.cell-company-name{max-width:280px;overflow-wrap:break-word;word-break:break-all}.ext-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.78rem;font-weight:600;gap:5px;padding:4px 12px;white-space:nowrap}.ext-status-badge i{font-size:.7rem}.badge-draft{background:#f1f5f9;color:#64748b}.badge-submitted{background:#eff6ff;color:#2563eb}.badge-review{background:#fffbeb;color:#d97706}.badge-approved{background:#ecfdf5;color:#059669}.badge-rejected{background:#fef2f2;color:#dc2626}.badge-completed{background:#f5f3ff;color:#7c3aed}.badge-cancelled{background:#f5f5f4;color:#57534e}.ext-empty-state{background:#fff;border:2px dashed #e2e8f0;border-radius:12px;padding:50px 30px;text-align:center}.ext-empty-icon{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:50%;display:flex;height:70px;justify-content:center;margin:0 auto 16px;width:70px}.ext-empty-icon i{color:#94a3b8;font-size:28px}.ext-empty-state h4{color:#475569;font-size:1.1rem;font-weight:700;margin:0 0 8px}.ext-empty-state p{color:#7f8c8d;font-size:.9rem;margin:0 0 20px}.ext-empty-cta{align-items:center;background:linear-gradient(135deg,#1e5470,#34729c);border-radius:10px;box-shadow:0 3px 10px #1e547040;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 24px;text-decoration:none;transition:all .3s ease}.ext-empty-cta:hover{box-shadow:0 6px 16px #1e547059;transform:translateY(-2px)}@media (max-width:1200px){.ext-stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:992px){.ext-actions-grid,.ext-stats-grid{grid-template-columns:repeat(2,1fr)}.ext-welcome-illustration{display:none}}@media (max-width:768px){.ext-welcome-banner{padding:24px 20px}.ext-welcome-name{font-size:1.35rem}.ext-stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.ext-stat-card{padding:14px}.ext-stat-number{font-size:1.3rem}.ext-actions-grid{grid-template-columns:1fr}.ext-requests-table-wrap{overflow-x:auto}.ext-requests-table td,.ext-requests-table th{font-size:.82rem;padding:10px 12px}}@media (max-width:480px){.ext-stats-grid{gap:8px;grid-template-columns:1fr 1fr}.ext-stat-card{gap:10px;padding:12px}.ext-stat-icon-wrap{font-size:16px;height:40px;width:40px}.ext-stat-number{font-size:1.1rem}.ext-stat-label{font-size:.72rem}}@media (max-width:1200px){.stats-grid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.dashboard-container,.dashboard-layout{display:flex}.sidebar{box-shadow:none;transform:translateX(280px)}.sidebar.open{box-shadow:-4px 0 30px #00000026;transform:translateX(0)}.dashboard-main,.main-content{margin-right:0;max-width:100vw;width:100%}.mobile-menu-btn{display:flex!important}.sidebar-close-btn{display:flex}.sidebar-overlay.active{display:block}.quick-access-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{transform:translateX(280px);width:280px}.sidebar.open{transform:translateX(0)}.sidebar-close-btn{display:flex}.main-content{margin-right:0;max-width:100vw;width:100%}.mobile-menu-btn{display:flex!important}.stats-grid{gap:15px;grid-template-columns:1fr;padding:15px}.stat-card{min-height:100px;padding:20px}.stat-icon{font-size:1.4rem;height:52px;width:52px}.dashboard-header{padding:15px 20px}.page-title{font-size:1.2rem}.notifications-dropdown,.user-dropdown{left:auto;right:0;width:280px}.search-filter-section{flex-direction:column;padding:15px}.search-box{min-width:100%}.filter-buttons{justify-content:flex-start;width:100%}.filter-btn{font-size:.85rem;padding:8px 12px}.table-header{align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px;padding:12px 16px}.results-count{font-size:.85rem}.desktop-table,.pagination-wrapper.desktop-table{display:none!important}.mobile-cards{display:flex;flex-direction:column;gap:0;padding:15px}.btn-filter-header span{display:none}.btn-filter-header{min-width:42px;padding:10px 14px}.pagination-info{font-size:.8rem;padding:4px 10px}.filter-modal-container{max-height:85vh;width:95%}.filter-modal-header{padding:1.2rem 1.5rem}.filter-modal-body{padding:1.5rem}.filter-modal-footer{flex-direction:column;padding:1.2rem 1.5rem}.filter-modal-footer .btn-primary,.filter-modal-footer .btn-secondary{justify-content:center;width:100%}.filter-date-row{flex-direction:column;gap:12px}.search-box input{font-size:.9rem;padding:10px 40px 10px 12px}.welcome-section h2{font-size:1.6rem}.welcome-section p{font-size:1rem}.quick-access-grid{gap:18px;grid-template-columns:1fr}.quick-access-card{padding:22px}.quick-access-icon{font-size:24px;height:55px;width:55px}}.search-filter-section{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px;padding:20px}.search-box{flex:1 1;min-width:250px;position:relative}.search-box input{border:2px solid #ecf0f1;border-radius:8px;font-family:Cairo,sans-serif;font-size:.95rem;padding:12px 45px 12px 15px;transition:all .3s ease;width:100%}.search-box input:focus{border-color:#1e5470;border-color:var(--primary-color);box-shadow:0 0 0 3px #1e54701a;outline:none}.search-box input::placeholder{color:#95a5a6}.search-box i{color:#7f8c8d;font-size:16px;left:15px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{align-items:center;background:#fff;border:2px solid #ecf0f1;border-radius:8px;color:#7f8c8d;cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.filter-btn i{font-size:14px}.filter-btn:hover{background:#1e54700d;box-shadow:0 4px 8px #1e547026;color:#1e5470;color:var(--primary-color);transform:translateY(-2px)}.filter-btn.active,.filter-btn:hover{border-color:#1e5470;border-color:var(--primary-color)}.filter-btn.active{background:#1e5470;background:var(--primary-color);box-shadow:0 4px 12px #1e54704d;color:#fff}.filter-btn.active:hover{background:#163d52;background:var(--primary-dark);border-color:#163d52;border-color:var(--primary-dark);transform:translateY(-2px)}.table-header{background:#f8f9fa;border-bottom:2px solid #ecf0f1;border-radius:12px 12px 0 0;justify-content:space-between;padding:20px}.table-header,.table-header h2{align-items:center;display:flex}.table-header h2{color:#2c3e50;font-size:1.3rem;font-weight:700;gap:10px;margin:0}.table-actions{align-items:center;display:flex;gap:15px}.pagination-info{background:#fff;border:1px solid #ecf0f1;border-radius:8px;color:#7f8c8d;font-size:.9rem;font-weight:500;padding:6px 14px;white-space:nowrap}.pagination-info strong{color:#7f8c8d;font-weight:700}.results-count{border-radius:6px;padding:6px 12px}.btn-filter-header,.results-count{background:#fff;border:1px solid #ecf0f1;color:#7f8c8d;font-size:.9rem;font-weight:600}.btn-filter-header{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 20px;position:relative;transition:all .3s ease}.btn-filter-header:hover{background:#1e5470;background:var(--primary-color);border-color:#1e5470;border-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.btn-filter-header:active{transform:translateY(0)}.filter-count-badge{align-items:center;animation:badgePop .3s ease;background:#e74c3c;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:22px;justify-content:center;left:-6px;position:absolute;top:-6px;width:22px}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.filter-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.filter-modal-container{animation:modalSlideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:550px;overflow:hidden;width:90%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.filter-modal-header{background:linear-gradient(135deg,#1e5470,#163d52);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);justify-content:space-between;padding:1.5rem 2rem}.filter-modal-header,.filter-modal-title{align-items:center;color:#fff;display:flex}.filter-modal-title{font-size:1.2rem;font-weight:700;gap:10px;margin:0}.filter-modal-title span{color:#fff}.filter-modal-title i{font-size:1.1rem}.filter-modal-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.filter-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.filter-modal-body{max-height:calc(90vh - 180px);overflow-y:auto;padding:2rem}.filter-section{margin-bottom:24px}.filter-section:last-child{margin-bottom:0}.filter-section-label{align-items:center;color:#374151;display:flex;font-size:.95rem;font-weight:700;gap:8px;margin-bottom:14px}.filter-section-label i{color:#1e5470;color:var(--primary-color);font-size:1rem}.filter-options-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.filter-option-item{position:relative}.filter-option-item input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.filter-option-item label{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease}.filter-option-item label:hover{background:#1e54700d;border-color:#1e5470;border-color:var(--primary-color);box-shadow:0 4px 12px #1e547026;transform:translateY(-2px)}.filter-option-item input[type=checkbox]:checked+label{background:linear-gradient(135deg,#1e547026,#1e54700d);border-color:#1e5470;border-color:var(--primary-color);box-shadow:0 4px 12px #1e547033;color:#1e5470;color:var(--primary-color);font-weight:700}.filter-option-icon{font-size:1.1rem}.filter-date-row{display:flex;gap:16px}.filter-date-field{display:flex;flex:1 1;flex-direction:column;gap:6px}.filter-date-field label{color:#6b7280;font-size:.85rem;font-weight:600}.filter-date-field input[type=date]{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-size:.9rem;outline:none;padding:10px 14px;transition:all .3s ease}.filter-date-field input[type=date]:focus{border-color:#1e5470;border-color:var(--primary-color);box-shadow:0 0 0 3px #1e54701a}.filter-modal-footer{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:2px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:1.5rem 2rem}.filter-modal-footer .btn-secondary{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 24px;transition:all .3s ease}.filter-modal-footer .btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.filter-modal-footer .btn-primary{align-items:center;background:linear-gradient(135deg,#1e5470,#163d52);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border:none;border-radius:10px;box-shadow:0 4px 12px #1e54704d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 24px;transition:all .3s ease}.filter-modal-footer .btn-primary:hover{box-shadow:0 6px 20px #1e547066;transform:translateY(-2px)}.pagination-wrapper{align-items:center;border-top:1px solid #ecf0f1;display:flex;justify-content:center;padding:20px}.pagination{gap:6px}.pagination,.pagination-btn{align-items:center;display:flex}.pagination-btn{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:600;height:40px;justify-content:center;min-width:40px;padding:0 10px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#1e54700d;border-color:#1e5470;border-color:var(--primary-color);box-shadow:0 4px 8px #1e547026;color:#1e5470;color:var(--primary-color);transform:translateY(-2px)}.pagination-btn.active{background:#1e5470;background:var(--primary-color);border-color:#1e5470;border-color:var(--primary-color);box-shadow:0 4px 12px #1e54704d;color:#fff}.pagination-btn:disabled{background:#f9fafb;cursor:not-allowed;opacity:.4}.pagination-dots{color:#9ca3af;font-weight:700;letter-spacing:2px;padding:0 6px}.infinite-scroll-trigger{display:flex;justify-content:center;padding:20px}.scroll-loading-message{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-size:.9rem;font-weight:500;gap:10px;padding:15px}.scroll-loading-message i{animation:bounceDown 1.5s ease infinite;font-size:1.2rem}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.scroll-spinner{animation:spin .8s linear infinite;border:4px solid #1e54701a;border-radius:50%;border-top:4px solid var(--primary-color);height:36px;width:36px}.scroll-end-message{margin-top:10px;padding:20px 15px;text-align:center}.end-message-content{align-items:center;color:#10b981;display:flex;flex-direction:column;font-size:.95rem;font-weight:600;gap:8px}.end-message-content i{font-size:2rem;opacity:.8}.btn-icon{align-items:center;background:#fff;border:1px solid #ecf0f1;border-radius:8px;color:#7f8c8d;cursor:pointer;display:flex;font-size:16px;height:38px;justify-content:center;transition:all .3s ease;width:38px}.btn-icon:hover{background:#1e5470;background:var(--primary-color);border-color:#1e5470;border-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.btn-icon:active{transform:translateY(0)}@media (max-width:480px){.content-area,.dashboard-content,.page-content{padding:15px}.stats-grid{gap:15px}.stat-card{gap:15px;padding:20px}.stat-icon{font-size:24px;height:55px;width:55px}.stat-content h3{font-size:1.6rem}.stat-content p{font-size:.9rem}.notifications-dropdown,.user-dropdown{border-radius:16px}.dropdown-header{padding:20px}.notification-item{padding:15px}.notification-icon{font-size:18px;height:42px;width:42px}.welcome-section{margin-bottom:25px}.welcome-section h2{font-size:1.4rem}.welcome-section p{font-size:.9rem}.quick-access-section h2{font-size:1.3rem;margin-bottom:20px}.quick-access-card{gap:15px;padding:20px}.quick-access-icon{font-size:22px;height:50px;width:50px}.quick-access-content h3{font-size:1rem}.quick-access-content p{font-size:.85rem}}.dropdown-item:focus,.header-icon-btn:focus,.menu-item:focus,.mobile-menu-btn:focus,.nav-item:focus,.user-menu-toggle:focus{outline:2px solid #1e5470;outline:2px solid var(--primary-color);outline-offset:2px}@media print{.dashboard-header,.mobile-menu-btn,.sidebar{display:none}.dashboard-main,.main-content{margin-right:0}.stat-card{break-inside:avoid;page-break-inside:avoid}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.designer-container{background:#f8f9fa;background:var(--bg-primary);direction:inherit;display:flex;flex-direction:column;font-family:Cairo,Tajawal,sans-serif;height:100vh;height:calc(100vh - var(--banner-offset, 0px));margin-top:0;margin-top:var(--banner-offset,0);overflow:hidden;transition:height .35s ease,margin-top .35s ease;width:100vw}.designer-toolbar{align-items:center;background:linear-gradient(135deg,#1e5470,#163d52);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:#fff;display:flex;flex-shrink:0;gap:16px;height:64px;justify-content:space-between;padding:0 20px;z-index:100}.designer-toolbar-center,.designer-toolbar-left,.designer-toolbar-right{align-items:center;display:flex;gap:12px}.designer-toolbar-right{flex:1 1;min-width:0}.designer-toolbar-center,.designer-toolbar-left{flex-shrink:0}.designer-btn-back{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.designer-btn-back:hover{background:#ffffff40;border-color:#ffffff80;transform:translateX(3px)}.designer-title-section{display:flex;flex-direction:column;min-width:0}.designer-title{align-items:center;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designer-title-icon{font-size:22px}.designer-subtitle{font-size:12px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designer-info-badges{display:flex;gap:8px}.designer-badge{align-items:center;background:#ffffff1f;border:1px solid #ffffff26;border-radius:9999px;border-radius:var(--radius-full);display:flex;font-size:13px;gap:4px;padding:6px 12px}.designer-badge-icon{font-size:14px}.designer-badge-count{font-size:15px;font-weight:700}.designer-badge-label{font-size:12px;opacity:.8}.designer-btn-cancel,.designer-btn-save,.designer-btn-toolbox{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.designer-btn-toolbox{background:#ffffff1f;border:1px solid #fff3;color:#fff}.designer-btn-toolbox:hover{background:#ffffff38}.designer-btn-cancel{background:#ffffff14;border:1px solid #fff3;color:#fff}.designer-btn-cancel:hover{background:#dc35454d;border-color:#dc354580}.designer-btn-save{background:#fff;color:#1e5470;color:var(--primary-color)}.designer-btn-save:hover{background:#f0f8ff;transform:translateY(-1px)}.designer-btn-save:disabled{cursor:not-allowed;opacity:.6;transform:none}.designer-btn-text{display:inline}.designer-toast{align-items:center;animation:toastSlideIn .3s ease;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 8px 32px #00000026;display:flex;font-family:Cairo,Tajawal,sans-serif;font-size:14px;font-weight:600;gap:10px;left:50%;padding:12px 24px;position:fixed;top:76px;transform:translateX(-50%);z-index:9999}.designer-toast-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.designer-toast-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.designer-toast-warning{background:#fff3cd;border:1px solid #ffeeba;color:#856404}.designer-toast-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.designer-toast-close{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;opacity:.6;padding:0 4px}.designer-toast-close:hover{opacity:1}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.designer-content{display:flex;flex:1 1;overflow:hidden;position:relative}.designer-toolbox{background:#fff;border-left:1px solid #ecf0f1;border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:260px;z-index:50}.designer-toolbox.closed{border-left:none;width:0}.designer-toolbox-header{align-items:center;background:linear-gradient(135deg,#1e54700a,#6ec1d10a);border-bottom:1px solid #ecf0f1;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 18px}.designer-toolbox-header h3{align-items:center;color:#2c3e50;color:var(--text-primary);display:flex;font-size:15px;font-weight:700;gap:8px;margin:0}.designer-toolbox-close{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#7f8c8d;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:all .2s;width:28px}.designer-toolbox-close:hover{background:#f8f9fa;background:var(--bg-primary);color:#2c3e50;color:var(--text-primary)}.designer-toolbox-hint{background:#1e547008;border-bottom:1px solid #ecf0f1;border-bottom:1px solid var(--border-color);color:#7f8c8d;color:var(--text-secondary);font-size:12px;padding:10px 18px}.designer-toolbox-items{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:12px}.designer-toolbox-item{align-items:center;background:#fff;border:1px solid #0000;border-radius:.75rem;border-radius:var(--radius-lg);cursor:grab;display:flex;gap:12px;padding:10px 14px;transition:all .2s ease}.designer-toolbox-item:hover{background:#f8f9fa;background:var(--bg-primary);border-color:#ecf0f1;border-color:var(--border-color);transform:translateX(-4px)}.designer-toolbox-item:active{cursor:grabbing;transform:scale(.97)}.designer-toolbox-item-icon{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001f;display:flex;flex-shrink:0;font-size:18px;height:38px;justify-content:center;width:38px}.designer-toolbox-item-label{color:#2c3e50;color:var(--text-primary);font-size:14px;font-weight:600}.designer-canvas{background:#f5f7fa;flex:1 1;position:relative}.designer-canvas .react-flow{height:100%;width:100%}.designer-canvas .react-flow__node{cursor:pointer;transition:box-shadow .15s ease,filter .15s ease}.designer-canvas .react-flow__node:hover{filter:brightness(1.1)}.designer-canvas .react-flow__node.selected{box-shadow:0 0 0 3px #1e5470,0 4px 16px #1e54704d!important;box-shadow:0 0 0 3px var(--primary-color),0 4px 16px #1e54704d!important}.designer-controls{bottom:16px!important;left:16px!important;right:auto!important}.designer-controls button{background:#fff!important;border:1px solid #ecf0f1!important;border:1px solid var(--border-color)!important;border-radius:.5rem!important;border-radius:var(--radius-md)!important;color:#2c3e50!important;color:var(--text-primary)!important;height:36px!important;width:36px!important}.designer-controls button:hover{background:#f8f9fa!important;background:var(--bg-primary)!important}.designer-minimap{border:2px solid #ecf0f1!important;border:2px solid var(--border-color)!important;border-radius:.75rem!important;border-radius:var(--radius-lg)!important;bottom:16px!important;left:auto!important;overflow:hidden;right:16px!important}.designer-empty-state{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1}.designer-empty-icon{font-size:64px;margin-bottom:16px;opacity:.6}.designer-empty-state h3{color:#2c3e50;color:var(--text-primary);font-size:22px;font-weight:700;margin:0 0 8px}.designer-empty-state p{color:#7f8c8d;color:var(--text-secondary);font-size:14px;margin:4px 0}.designer-loading{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:5}.designer-loading-spinner{animation:designerSpin .8s linear infinite;border:4px solid #ecf0f1;border-top-color:#1e5470;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:48px;margin:0 auto 16px;width:48px}.designer-loading p{color:#7f8c8d;color:var(--text-secondary);font-size:15px;font-weight:600}@keyframes designerSpin{to{transform:rotate(1turn)}}.designer-properties{animation:propSlideIn .25s ease;background:#fff;border-right:1px solid #ecf0f1;border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;width:300px;z-index:50}@keyframes propSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.designer-properties-header{align-items:center;background:linear-gradient(135deg,#1e54700a,#6ec1d10a);border-bottom:1px solid #ecf0f1;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 18px}.designer-properties-header h3{align-items:center;color:#2c3e50;color:var(--text-primary);display:flex;font-size:15px;font-weight:700;gap:8px;margin:0}.designer-properties-close{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#7f8c8d;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:all .2s;width:28px}.designer-properties-close:hover{background:#f8f9fa;background:var(--bg-primary);color:#2c3e50;color:var(--text-primary)}.designer-properties-body{flex:1 1;overflow-y:auto;padding:16px 18px}.designer-prop-group{margin-bottom:16px}.designer-prop-label{color:#7f8c8d;color:var(--text-secondary);display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.designer-prop-input{background:#f8f9fa;background:var(--bg-primary);border:1px solid #ecf0f1;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#2c3e50;color:var(--text-primary);direction:inherit;font-family:inherit;font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.designer-prop-input:focus{background:#fff;border-color:#1e5470;border-color:var(--primary-color);outline:none}.designer-prop-type{display:flex}.designer-prop-type-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px}.designer-prop-text{color:#2c3e50;color:var(--text-primary);font-size:14px;line-height:1.6;margin:0}.designer-prop-id{background:#f8f9fa;background:var(--bg-primary);border-radius:.25rem;border-radius:var(--radius-sm);color:#95a5a6;color:var(--text-light);direction:ltr;font-family:Courier New,monospace;font-size:12px;padding:6px 10px;text-align:left;word-break:break-all}.designer-feature-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:3px;padding:3px 8px;white-space:nowrap}.designer-prop-actions{border-top:1px solid #ecf0f1;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;margin-top:24px;padding-top:16px}.designer-btn-delete-node,.designer-btn-edit-node{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px;transition:all .2s}.designer-btn-edit-node{background:#1e5470;background:var(--primary-color);color:#fff}.designer-btn-edit-node:hover{background:#163d52;background:var(--primary-dark)}.designer-btn-delete-node{background:#fff;border:1px solid #f5c6cb;color:#dc3545}.designer-btn-delete-node:hover{background:#f8d7da}.designer-mapping-panel{animation:propSlideIn .25s ease;background:#fff;border-right:1px solid #ecf0f1;border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:320px;z-index:50}.designer-mapping-panel-header{align-items:center;background:linear-gradient(135deg,#1e54700f,#6ec1d10f);border-bottom:1px solid #ecf0f1;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 18px}.designer-mapping-panel-header h3{align-items:center;color:#2c3e50;color:var(--text-primary);display:flex;font-size:15px;font-weight:700;gap:8px;margin:0}.designer-mapping-panel-body{flex:1 1;overflow-y:auto;padding:16px 18px}.designer-mapping-existing{border-bottom:1px solid #ecf0f1;border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:16px}.designer-mapping-existing-item{align-items:center;background:#f8f9fa;background:var(--bg-primary);border:1px solid #ecf0f1;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);direction:ltr;display:flex;font-size:13px;gap:8px;margin-top:8px;padding:10px 12px}.designer-mapping-existing-entity{color:#2c3e50;color:var(--text-primary);flex:1 1;font-weight:600}.designer-mapping-existing-op{background:#1e5470;background:var(--primary-color);border-radius:9999px;border-radius:var(--radius-full);color:#fff;font-size:11px;font-weight:600;padding:2px 10px}.designer-mapping-existing-priority{color:#95a5a6;color:var(--text-light);font-size:12px;font-weight:500}.designer-mapping-add-section{margin-top:8px}.designer-mapping-add-section .designer-mapping-fields{border-top:1px dashed #ecf0f1;border-top:1px dashed var(--border-color);margin-top:12px;padding-top:12px}.designer-mapping-add-section .designer-form-group{margin-bottom:14px}.designer-mapping-add-section .designer-form-group label{color:#7f8c8d;color:var(--text-secondary);display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.designer-mapping-add-section .designer-form-group input,.designer-mapping-add-section .designer-form-group select{background:#f8f9fa;background:var(--bg-primary);border:1px solid #ecf0f1;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#2c3e50;color:var(--text-primary);direction:inherit;font-family:inherit;font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.designer-mapping-add-section .designer-form-group input:focus,.designer-mapping-add-section .designer-form-group select:focus{background:#fff;border-color:#1e5470;border-color:var(--primary-color);outline:none}.designer-mapping-panel-save{align-items:center;background:#1e5470;background:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:12px;transition:all .2s;width:100%}.designer-mapping-panel-save:hover{background:#163d52;background:var(--primary-dark)}.designer-mapping-panel-save:disabled{cursor:not-allowed;opacity:.5}.designer-btn-mapping{align-items:center;background:#fff;border:1px solid #ecf0f1;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#2c3e50;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.designer-btn-mapping:hover{background:#f8f9fa;background:var(--bg-primary);border-color:#1e5470;border-color:var(--primary-color);color:#1e5470;color:var(--primary-color)}.designer-btn-mapping.active{background:#1e5470;background:var(--primary-color);border-color:#1e5470;border-color:var(--primary-color);color:#fff}.designer-modal-overlay{align-items:center;animation:modalFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.designer-modal{animation:modalScaleIn .25s ease;background:#fff;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:500px;overflow:hidden;width:90%}.designer-modal-mapping{max-width:560px}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.designer-modal-header{align-items:center;background:linear-gradient(135deg,#1e5470,#163d52);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.designer-modal-header h3{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;gap:10px;margin:0}.designer-modal-close{align-items:center;background:#ffffff26;border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.designer-modal-close:hover{background:#ffffff4d}.designer-modal-body{flex:1 1;overflow-y:auto;padding:24px}.designer-modal-footer{background:#f8f9fa;background:var(--bg-primary);border-top:1px solid #ecf0f1;border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-start;padding:16px 24px}.designer-modal-btn-cancel,.designer-modal-btn-save{border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.designer-modal-btn-cancel{background:#fff;border:1px solid #ecf0f1;border:1px solid var(--border-color);color:#7f8c8d;color:var(--text-secondary)}.designer-modal-btn-cancel:hover{background:#f8f9fa;background:var(--bg-primary);color:#2c3e50;color:var(--text-primary)}.designer-modal-btn-save{background:#1e5470;background:var(--primary-color);color:#fff}.designer-modal-btn-save:hover{background:#163d52;background:var(--primary-dark)}.designer-modal-btn-save:disabled{cursor:not-allowed;opacity:.5}.designer-form-group{margin-bottom:16px}.designer-form-group label{color:#2c3e50;color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.designer-form-group .required{color:#dc3545}.designer-form-group input[type=number],.designer-form-group input[type=text],.designer-form-group select,.designer-form-group textarea{background:#fff;border:1px solid #ecf0f1;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#2c3e50;color:var(--text-primary);direction:inherit;font-family:inherit;font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.designer-form-group input:focus,.designer-form-group select:focus,.designer-form-group textarea:focus{border-color:#1e5470;border-color:var(--primary-color);box-shadow:0 0 0 3px #1e54701a;outline:none}.designer-form-group textarea{min-height:70px;resize:vertical}.designer-form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%237f8c8d' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;cursor:pointer;padding-left:32px}.designer-form-hint{color:#95a5a6;color:var(--text-light);display:block;font-size:12px;margin-top:4px}.designer-mapping-success{background:#d4edda;border:1px solid #c3e6cb;border-radius:.5rem;border-radius:var(--radius-md);color:#155724;font-size:14px;font-weight:600;margin-bottom:16px;padding:12px 16px}.designer-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px;padding:12px 0}.designer-checkbox-label input[type=checkbox]{accent-color:#1e5470;accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.designer-checkbox-text{color:#2c3e50;color:var(--text-primary);font-size:14px;font-weight:600}.designer-mapping-fields{border-top:1px solid #ecf0f1;border-top:1px solid var(--border-color);margin-top:12px;padding-top:12px}.designer-mapping-info{align-items:flex-start;background:#d1ecf1;border:1px solid #bee5eb;border-radius:.5rem;border-radius:var(--radius-md);color:#0c5460;display:flex;font-size:13px;gap:10px;line-height:1.6;padding:12px 16px}.designer-mapping-info-icon{flex-shrink:0;font-size:18px;margin-top:2px}.designer-footer{align-items:center;background:linear-gradient(135deg,#1e5470,#163d52);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-top:1px solid #ffffff1a;color:#fff;display:flex;flex-shrink:0;gap:16px;height:52px;justify-content:space-between;padding:0 20px;z-index:100}.designer-footer-right{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.designer-footer-left{align-items:center;display:flex;flex-shrink:0;gap:10px}.designer-footer-center{align-items:center;display:flex;flex-shrink:0;gap:8px}.designer-footer-badge{align-items:center;background:#ffffff1a;border-radius:.5rem;border-radius:var(--radius-md);display:inline-flex;gap:4px;padding:4px 10px}.designer-footer-badge,.designer-footer-label{font-size:13px;font-weight:600;white-space:nowrap}.designer-footer-label{opacity:.9}.designer-footer-select{-webkit-appearance:none;appearance:none;background:#ffffff1f;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:10px;background-repeat:no-repeat;border:1px solid #ffffff4d;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;direction:inherit;font-family:inherit;font-size:13px;font-weight:500;max-width:320px;min-width:180px;padding:6px 12px 6px 28px;transition:all .2s}.designer-footer-select:focus{background:#fff3;border-color:#fff9;outline:none}.designer-footer-select option{background:#163d52;background:var(--primary-dark);color:#fff}.designer-footer-select.footer-select-warning{background:#ff980026;border-color:#ff9800}.designer-footer-separator{background:#fff3;height:24px;margin:0 12px;width:1px}.designer-footer-mapping-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:6px 14px;transition:all .2s;white-space:nowrap}.designer-footer-mapping-btn:hover{background:#fff3;border-color:#ffffff80}.designer-footer-mapping-btn.has-mapping{background:#4caf5026;border-color:#4caf5080}.designer-footer-mapping-btn.no-mapping{background:#ff980026;border-color:#ff980080}.footer-mapping-name{font-size:12px;opacity:.8}.designer-footer .designer-btn-cancel,.designer-footer .designer-btn-save{font-size:13px;padding:6px 14px}.designer-db-overlay{animation:modalFadeIn .2s ease;background:#f0f2f5;display:flex;flex-direction:column;inset:0;position:fixed;z-index:9999}.designer-db-overlay-header{align-items:center;background:linear-gradient(135deg,#1e5470,#163d52);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:600;justify-content:space-between;padding:10px 20px}.designer-db-overlay-header button{align-items:center;background:#ffffff26;border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s;width:32px}.designer-db-overlay-header button:hover{background:#ffffff4d}.designer-db-overlay-body{flex:1 1;overflow:auto}.designer-fab-toolbox{align-items:center;animation:fabPop .3s cubic-bezier(.34,1.56,.64,1);background:#1e5470;background:var(--primary-color);border:none;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 16px #1e547059;color:#fff;cursor:pointer;display:flex;font-size:22px;height:48px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:48px;z-index:60}.designer-fab-toolbox:hover{background:#163d52;background:var(--primary-dark);box-shadow:0 6px 24px #1e547073;transform:scale(1.1)}.designer-fab-toolbox:active{transform:scale(.95)}@keyframes fabPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.designer-toolbar{flex-wrap:wrap;gap:8px;height:auto;padding:10px 12px}.designer-toolbar-right{flex:1 1;order:1}.designer-toolbar-center{justify-content:center;order:3;width:100%}.designer-toolbar-left{order:2}.designer-title{font-size:15px}.designer-btn-text,.designer-subtitle{display:none}.designer-btn-cancel,.designer-btn-save,.designer-btn-toolbox{padding:8px 12px}.designer-info-badges{gap:6px}.designer-badge{font-size:12px;padding:4px 8px}.designer-badge-label{display:none}.designer-toolbox{box-shadow:-4px 0 20px #00000026;height:100%;position:absolute;right:0;top:0;width:260px;z-index:200}.designer-toolbox.closed{box-shadow:none;width:0}.designer-properties{width:280px}.designer-mapping-panel,.designer-properties{box-shadow:4px 0 20px #00000026;height:100%;left:0;position:absolute;top:0;z-index:200}.designer-mapping-panel{width:300px}.designer-minimap{display:none!important}.designer-footer{flex-wrap:wrap;gap:8px;height:auto;padding:8px 12px}.designer-footer-right{order:2;width:100%}.designer-footer-select{flex:1 1;max-width:none;min-width:0}.designer-footer-left{justify-content:flex-end;order:1;width:100%}.designer-footer .designer-btn-text{display:none}.designer-fab-toolbox{font-size:18px;height:42px;right:10px;top:10px;width:42px}.designer-modal{max-height:90vh;width:95%}}@media (max-width:480px){.designer-toolbar{padding:8px 10px}.designer-info-badges{display:none}.designer-toolbox{width:220px}.designer-mapping-panel,.designer-properties{width:100%}.designer-footer-label,.designer-footer-select{font-size:12px}.designer-fab-toolbox{font-size:16px;height:38px;width:38px}}@keyframes flowDash{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.designer-binding-bar{align-items:center;border-bottom:1px solid #00000014;display:flex;font-family:Cairo,Tajawal,sans-serif;font-size:13px;font-weight:600;gap:12px;min-height:40px;padding:8px 20px}.designer-binding-bar.has-binding{background:linear-gradient(90deg,#e8f5e9,#f1f8e9);color:#2e7d32}.designer-binding-bar.no-binding{background:linear-gradient(90deg,#fff8e1,#fff3e0);color:#e65100}.designer-binding-bar .binding-icon{font-size:18px}.designer-binding-bar .binding-entity{background:#ffffffb3;border-radius:8px;font-weight:700;padding:2px 10px}.designer-binding-bar .binding-op{background:#0000000f;border-radius:6px;font-size:11px;padding:2px 8px}.designer-binding-bar .binding-edit-btn{-webkit-margin-start:auto;background:none;border:1px solid;border-radius:6px;color:inherit;cursor:pointer;font-family:inherit;font-size:12px;margin-inline-start:auto;padding:2px 10px;transition:background .2s}.designer-binding-bar .binding-edit-btn:hover{background:#0000000f}.designer-toolbar-btn-group{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;gap:2px;padding:2px 4px}.designer-toolbar-btn{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-size:16px;gap:4px;padding:4px 8px;position:relative;transition:background .15s}.designer-toolbar-btn:hover{background:#ffffff26}.designer-toolbar-btn:disabled{cursor:default;opacity:.35}.designer-toolbar-btn .btn-label{color:#ffffffe6;font-size:11px;font-weight:600}.designer-badge-labeled{align-items:center;background:#ffffff1a;border-radius:8px;color:#ffffffd9;display:flex;font-size:12px;gap:4px;padding:2px 8px}.designer-toolbar-separator{background:#ffffff40;flex-shrink:0;height:28px;margin:0 4px;width:1px}.designer-badge-labeled .badge-label{font-size:10px;font-weight:600;opacity:.8}.workflow-guide{background:#eef1f5;direction:inherit;font-family:Cairo,Tajawal,sans-serif;margin:0 auto;max-width:900px;min-height:100vh;padding:24px}.workflow-guide-header{align-items:center;background:linear-gradient(135deg,#1e5470,#2a7a9b);background:linear-gradient(135deg,var(--primary-color) 0,#2a7a9b 100%);border-radius:16px;color:#fff;display:flex;margin-bottom:24px;padding:18px 24px}.workflow-guide-header h1{font-size:24px;font-weight:700;margin:0 0 8px}.workflow-guide-header .guide-meta{display:flex;font-size:13px;gap:20px;justify-content:center;opacity:.85}.workflow-guide-summary{margin-bottom:32px}.workflow-guide-summary h2{align-items:center;color:#1e5470;color:var(--primary-color);display:flex;font-size:18px;gap:8px;margin-bottom:16px}.guide-summary-table{border-collapse:collapse;font-size:13px;width:100%}.guide-summary-table th{background:#1e5470;background:var(--primary-color);color:#fff;font-weight:600;padding:10px 12px;text-align:right}.guide-summary-table td{border-bottom:1px solid #eee;padding:10px 12px}.guide-summary-table tr:nth-child(2n) td{background:#f9fafb}.guide-summary-table .role-badge{background:#e3f2fd;color:#1565c0}.guide-summary-table .priority-badge,.guide-summary-table .role-badge{border-radius:6px;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.guide-step-detail{background:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:24px;overflow:hidden;page-break-inside:avoid}.guide-step-header{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:700;gap:12px;padding:16px 20px}.guide-step-header .step-number{align-items:center;background:#ffffff40;border-radius:50%;display:flex;font-size:14px;font-weight:800;height:32px;justify-content:center;width:32px}.guide-step-body{padding:16px 20px}.guide-step-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.guide-step-info-item{display:flex;flex-direction:column;gap:2px}.guide-step-info-item .info-label{color:#888;font-size:11px;font-weight:600}.guide-step-info-item .info-value{color:#333;font-size:13px;font-weight:600}.guide-employees-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.guide-employee-chip{border-radius:20px;color:#455a64;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 10px}.guide-scenarios{margin-top:12px}.guide-scenarios h4{color:#555;font-size:13px;margin:0 0 8px}.guide-scenario-item{align-items:flex-start;margin-bottom:6px;padding:8px 12px}.guide-scenario-item.approve{background:#e8f5e9;color:#2e7d32}.guide-scenario-item.reject{background:#ffebee;color:#c62828}.guide-scenario-item.return{background:#fff3e0;color:#e65100}.guide-scenario-item .scenario-icon{flex-shrink:0;font-size:16px}.guide-scenario-item .scenario-text{flex:1 1}.guide-features-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.guide-feature-tag{padding:3px 10px}.guide-toolbar{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.guide-toolbar button{align-items:center;background:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.guide-toolbar button:hover{background:#f5f5f5;border-color:#1e5470;border-color:var(--primary-color);color:#1e5470;color:var(--primary-color)}.return-field-marker{align-items:center;background:#fafafa;border:1.5px solid #bdbdbd;border-radius:50%;color:#9e9e9e;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;position:relative;transition:all .2s;width:24px}.return-field-marker:hover{background:#fff3e0;border-color:#ff9800;color:#ff9800}.return-field-marker.marked{background:#ff9800;border-color:#ff9800;color:#fff}.return-field-row{transition:all .3s}.return-field-row.marked{-webkit-border-start:3px solid #ff9800;background:#ff98000f!important;border-inline-start:3px solid #ff9800}.return-sticky-bar{align-items:center;background:linear-gradient(90deg,#fff3e0,#ffe0b2);border-top:2px solid #ff9800;bottom:0;box-shadow:0 -4px 12px #0000001a;color:#e65100;display:flex;font-family:Cairo,sans-serif;font-size:13px;font-weight:600;gap:12px;left:0;padding:10px 20px;position:-webkit-sticky;position:sticky;right:0;z-index:100}.return-sticky-bar .return-count{background:#ff9800;border-radius:12px;color:#fff;font-size:12px;padding:2px 10px}.return-sticky-bar .return-btn{-webkit-margin-start:auto;background:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;margin-inline-start:auto;padding:8px 20px;transition:background .2s}.return-sticky-bar .return-btn:hover{background:#f57c00}.return-sticky-bar .return-note-btn{background:none;border:1px solid #ff9800;border-radius:8px;color:#e65100;cursor:pointer;font-family:inherit;font-size:12px;padding:6px 12px}.return-sticky-bar.return-sticky-inline{border:2px solid #ff9800;border-radius:10px;bottom:auto;box-shadow:0 2px 8px #ff980026;left:auto;margin-top:12px;position:relative;right:auto}.print-dropdown-menu{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 16px #00000026;left:0;margin-top:4px;min-width:180px;overflow:hidden;position:absolute;right:auto;top:100%;z-index:1000}[dir=rtl] .print-dropdown-menu{left:auto;right:0}.print-dropdown-menu button{align-items:center;background:#fff;border:none;color:#333;cursor:pointer;display:flex;font-family:Cairo,Tajawal,sans-serif;font-size:13px;font-weight:600;gap:10px;padding:10px 16px;transition:background .15s;white-space:nowrap;width:100%}.print-dropdown-menu button:hover{background:#f0f7ff;color:#1e5470;color:var(--primary-color)}.print-dropdown-menu button i{color:#1e5470;color:var(--primary-color);text-align:center;width:16px}@page{margin:8mm 10mm}@media print{.designer-fab-toolbox,.designer-footer,.designer-toolbar,.designer-toolbox,.guide-toolbar,.header-bar,.hide-on-print,.no-print,.print-dropdown-menu,.sidebar,.workflow-guide-toolbar,[style*="position: fixed"][style*="z-index: 99999"]{display:none!important}body,html{background:#fff!important}.content-area,.dashboard-content,.main-content,.page-content,body,html{height:auto!important;margin:0!important;overflow:visible!important;padding:0!important}.workflow-guide{background:#fff!important;margin:0!important;max-width:100%!important;min-height:auto!important;padding:4mm 0!important}.workflow-guide-header{background:#1a6b8a!important;border-radius:8px!important;break-after:avoid!important;margin-bottom:10px!important;padding:12px 16px!important;page-break-after:avoid!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.workflow-guide-header .btn-icon{display:none!important}.workflow-guide-summary{border:2px solid #ccc!important;border-radius:8px!important;box-shadow:none!important;break-inside:avoid;margin-bottom:10px!important;padding:10px!important;page-break-inside:avoid}.workflow-guide-summary .data-table{font-size:11px!important}.workflow-guide-summary .data-table th{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.workflow-guide-step{background:#fff!important;border:2px solid #999!important;border-radius:8px!important;box-shadow:none!important;break-inside:avoid!important;margin-bottom:8px!important;page-break-inside:avoid!important}.workflow-guide-step.expanded{border-color:#666!important}.workflow-guide-step .workflow-guide-step-body,.workflow-guide-step.collapsed .workflow-guide-step-body{display:block!important;padding:0 14px 10px!important}.workflow-guide-step-header{border-bottom:1px solid #ddd;padding:8px 14px!important}.guide-info-grid,.workflow-guide-step-header .step-number{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.guide-info-grid{background:#f5f5f5!important;border:1px solid #ddd!important;border-radius:6px!important;gap:6px!important;margin-bottom:8px!important;padding:6px 10px!important}.guide-employee-chip{background:#f0f4f8!important;border:1px solid #ccc!important}.guide-employee-chip,.guide-feature-tag.enabled{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.guide-feature-tag.enabled{border:1px solid #4caf50!important}.status-badge{border:1px solid #bbb!important}.guide-scenario-badge,.status-badge{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.guide-scenario-item{border:1px solid #eee!important}.workflow-guide-step-header .fa-chevron-down,.workflow-guide-step-header .fa-chevron-up{display:none!important}.workflow-guide>div:last-child{border-top:1px solid #ddd;font-size:10px!important;margin-top:8px;opacity:1!important;padding-top:6px!important}.workflow-guide-steps{margin-bottom:0!important}.workflow-guide-step-body .guide-section{margin-bottom:6px!important}.workflow-guide-step-body h4{font-size:13px!important;margin:4px 0!important}.clickable-row{cursor:default!important}}.workflow-guide-toolbar{align-items:center;display:flex;gap:8px}.workflow-guide-toolbar .btn-icon{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-size:11px;font-weight:600;gap:5px;height:auto!important;padding:4px 10px!important;transition:all .2s;width:auto!important}.workflow-guide-toolbar .btn-icon:hover{background:#ffffff40}.workflow-guide-summary{background:#fff;border:1.5px solid #d0d7de;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;padding:20px}.workflow-guide-steps{margin-bottom:24px}.workflow-guide-step{background:#fff;border:1.5px solid #d0d7de;border-radius:12px;box-shadow:0 2px 6px #00000012;cursor:pointer;margin-bottom:14px;overflow:hidden;transition:all .25s}.workflow-guide-step:hover{border-color:#1e5470;border-color:var(--primary-color);box-shadow:0 3px 14px #0000001f}.workflow-guide-step.expanded{-webkit-border-start:4px solid #1e5470;-webkit-border-start:4px solid var(--primary-color);border-color:#1e5470;border-color:var(--primary-color);border-inline-start:4px solid #1e5470;border-inline-start:4px solid var(--primary-color)}.workflow-guide-step-header{align-items:center;background:#fafbfc;border-bottom:1px solid #eee;display:flex;font-weight:600;justify-content:space-between;padding:14px 20px}.workflow-guide-step-header .step-number{align-items:center;background:#1e5470;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:800;height:30px;justify-content:center;width:30px}.workflow-guide-step-body{cursor:default;padding:0 20px 20px}.guide-info-grid{grid-gap:12px;background:#f8f9fa;border-radius:10px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px;padding:12px}.guide-info-item{display:flex;flex-direction:column;gap:3px}.guide-info-label{color:#888;font-size:11px;font-weight:600;text-transform:uppercase}.guide-info-value{color:#333;font-size:13px;font-weight:600}.guide-employees{margin-bottom:16px}.guide-employees h5{color:#555;font-size:13px;margin:0 0 8px}.guide-employee-chips{display:flex;flex-wrap:wrap;gap:8px}.guide-employee-chip{align-items:center;background:#f0f4f8;border-radius:24px;display:flex;gap:8px;padding:6px 12px;transition:transform .2s}.guide-employee-chip:hover{transform:scale(1.03)}.guide-employee-avatar{align-items:center;background:#1e5470;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.guide-features{margin-bottom:16px}.guide-features h5{color:#555;font-size:13px;margin:0 0 8px}.guide-feature-tags{display:flex;flex-wrap:wrap;gap:6px}.guide-feature-tag{align-items:center;background:#f5f5f5;border-radius:20px;color:#777;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 12px}.guide-feature-tag.enabled{background:#e8f5e9;color:#2e7d32}.guide-fields h5,.guide-scenarios h5{color:#555;font-size:13px;margin:0 0 8px}.guide-scenario-items{display:flex;flex-direction:column;gap:4px;margin-top:4px}.guide-scenario-item{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;font-size:12px;gap:8px;padding:6px 12px}.guide-scenario-badge{border-radius:6px;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.guide-scenario-badge.approve{background:#e8f5e9;color:#2e7d32}.guide-scenario-badge.reject{background:#ffebee;color:#c62828}.guide-scenario-badge.return{background:#fff3e0;color:#e65100}.guide-scenario-badge.conditionTrue{background:#e8f5e9;color:#2e7d32}.guide-scenario-badge.conditionFalse{background:#ffebee;color:#c62828}.guide-scenario-badge.default{background:#e3f2fd;color:#1565c0}.clickable-row:hover{background:#f0f7ff!important;cursor:pointer}.clickable-row.selected{background:#e3f2fd!important}.musjl-modal-overlay{align-items:center;animation:musjlModalFadeIn .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#1e547059;display:flex;inset:0;justify-content:center;position:fixed;z-index:1100}@keyframes musjlModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes musjlModalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.musjl-modal{animation:musjlModalSlideUp .25s ease;background:#fff;border-radius:16px;border-top:4px solid #1e5470;border-top:4px solid var(--tr-primary,#1e5470);box-shadow:0 20px 60px #1e547038,0 4px 16px #00000014;display:flex;flex-direction:column;max-height:88vh;max-width:560px;overflow:hidden;padding:0;width:92%}.musjl-modal--sm{max-width:420px}.musjl-modal--md{max-width:560px}.musjl-modal--lg{max-width:720px}.musjl-modal--xl{max-width:900px}.musjl-modal--full{max-height:92vh;max-width:95vw;width:95vw}.musjl-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 24px 14px}.musjl-modal-header h3{align-items:center;border:none;display:flex;font-weight:800;gap:8px;line-height:1.3;margin:0;padding:0}.musjl-modal-header h3,.musjl-modal-header h3 i{color:#1e5470;color:var(--tr-primary,#1e5470);font-size:16px}.musjl-modal-header h3 i{opacity:.7}.musjl-modal-header-extra{-webkit-margin-start:auto;-webkit-margin-end:8px;align-items:center;display:flex;gap:8px;margin-inline-end:8px;margin-inline-start:auto}.musjl-modal-counter{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:10px;color:#2e7d32;font-size:.78rem;font-weight:700;line-height:1.4;padding:2px 10px;white-space:nowrap}.musjl-modal-close{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:8px;color:#718096;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:32px;justify-content:center;transition:all .2s;width:32px}.musjl-modal-close:hover{background:#fee2e2;border-color:#e53e3e;color:#e53e3e}.musjl-modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:16px 24px}.musjl-modal-body::-webkit-scrollbar{width:5px}.musjl-modal-body::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:10px}.musjl-modal-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;padding:12px 24px 16px}.musjl-modal-footer--spread{justify-content:space-between}.musjl-modal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.82rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s;white-space:nowrap}.musjl-modal-btn:disabled{cursor:not-allowed;opacity:.55}.musjl-modal-btn i{font-size:13px}.musjl-modal-btn--cancel{background:#f5f5f5;border:1px solid #e0e0e0;color:#666}.musjl-modal-btn--cancel:hover:not(:disabled){background:#e8e8e8}.musjl-modal-btn--primary{background:#1e5470;background:var(--tr-primary,#1e5470);color:#fff}.musjl-modal-btn--primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.musjl-modal-btn--success{background:#2e7d32;color:#fff}.musjl-modal-btn--success:hover:not(:disabled){background:#388e3c;transform:translateY(-1px)}.musjl-modal-btn--danger{background:#fff5f5;border:1px solid #fca5a5;color:#c53030}.musjl-modal-btn--danger:hover:not(:disabled){background:#fee2e2}.musjl-modal-empty{color:#a0aec0;padding:32px 16px;text-align:center}.musjl-modal-empty i{display:block;font-size:36px;margin-bottom:12px;opacity:.5}.musjl-modal-empty p{font-size:.88rem;margin:0}@media (max-width:600px){.musjl-modal{border-radius:14px;max-height:90vh;width:96%}.musjl-modal-header{padding:14px 16px 12px}.musjl-modal-header h3{font-size:14px}.musjl-modal-body{padding:12px 16px}.musjl-modal-footer{padding:10px 16px 14px}.musjl-modal-btn{font-size:.78rem;padding:7px 12px}}.sim-banner{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #00000026;color:#fff;display:flex;font-size:14px;font-weight:500;gap:16px;justify-content:space-between;left:0;padding:8px 20px;position:fixed;right:0;top:0;z-index:9999}.sim-banner--done{background:linear-gradient(135deg,#10b981,#059669)}.sim-banner__left{align-items:center;display:flex;flex-shrink:0;gap:8px}.sim-banner__icon{font-size:18px}.sim-banner__label{font-weight:700;letter-spacing:.3px}.sim-banner__flow-name{font-size:13px;opacity:.85}.sim-banner__center{align-items:center;display:flex;flex:1 1;gap:12px;justify-content:center}.sim-banner__step{font-size:13px;white-space:nowrap}.sim-banner__progress{background:#ffffff4d;border-radius:3px;height:6px;overflow:hidden;width:180px}.sim-banner__progress-fill{background:#fff;border-radius:3px;height:100%;transition:width .4s ease}.sim-banner__complete-text{font-size:13px;font-weight:600}.sim-banner__right{flex-shrink:0}.sim-banner__exit-btn{background:#fff3;border:1px solid #ffffff80;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:4px 16px;transition:background .2s}.sim-banner__exit-btn:hover{background:#ffffff59}body.sim-active{padding-top:44px}.login-page{align-items:center;background:linear-gradient(135deg,#1e5470,#34729c);bottom:0;display:flex;font-family:Cairo,Segoe UI,sans-serif;height:100vh;height:calc(100vh - var(--banner-offset, 0px));justify-content:center;left:0;margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;top:var(--banner-offset,0);transition:top .35s ease,height .35s ease;width:100%}.login-page:before{animation:morph 20s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:600px;right:-200px;top:-200px;width:600px}.login-page:after,.login-page:before{content:"";position:absolute;z-index:0}.login-page:after{animation:morph 25s ease-in-out infinite reverse;background:radial-gradient(circle,#ffffff14 0,#0000 70%);border-radius:40% 60% 70% 30%/40% 50% 60% 50%;bottom:-150px;height:500px;left:-100px;width:500px}.login-page .floating-icons{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.login-page .floating-icon{color:#ffffff0f;font-size:2.5rem;position:absolute}.login-page .icon-1{font-size:3.5rem;right:8%;top:5%}.login-page .icon-2{font-size:2.2rem;left:5%;top:18%}.login-page .icon-3{bottom:25%;font-size:3rem;right:4%}.login-page .icon-4{bottom:6%;font-size:2.5rem;left:10%}.login-page .icon-5{font-size:2rem;right:2%;top:45%}.login-page .icon-6{font-size:2rem;left:30%;top:8%}.login-page .icon-7{bottom:45%;font-size:2.8rem;left:3%}.login-page .icon-8{bottom:8%;font-size:2.2rem;right:25%}.login-page .icon-9{font-size:2.8rem;left:15%;top:3%}.login-page .icon-10{font-size:2rem;left:1%;top:35%}.login-page .icon-11{bottom:35%;font-size:2.4rem;right:12%}.login-page .icon-12{font-size:1.8rem;left:8%;top:60%}.login-page .icon-13{bottom:18%;font-size:2rem;left:25%}.login-page .icon-14{font-size:2.3rem;right:20%;top:12%}.login-page .icon-15{bottom:40%;font-size:1.9rem;right:1%}.login-page .icon-16{font-size:2.6rem;right:8%;top:75%}.login-container{animation:slideUp .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 30px 80px #0000004d;display:grid;grid-template-columns:1fr 1fr;margin:1rem;max-height:calc(100vh - 2rem);max-width:1200px;width:calc(100% - 2rem);z-index:1}.login-container,.login-image{overflow:hidden;position:relative}.login-image{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;display:flex;flex-direction:column;justify-content:center;padding:3rem}.login-image:before{animation:moveBackground 20s linear infinite;background:radial-gradient(circle,#ffffff0d 1px,#0000 0);background-size:50px 50px;content:"";height:200%;position:absolute;width:200%}.login-image:after{background:#ffffff1a;border-radius:50%;content:"";height:300px;position:absolute;right:-100px;top:-100px;width:300px}@keyframes moveBackground{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.login-image-content{position:relative;text-align:center;z-index:1}.login-image i{animation:float 3s ease-in-out infinite;font-size:5rem;margin-bottom:2rem;opacity:.9}.login-image h2{color:#e8f4f8;font-size:2rem;font-weight:700;letter-spacing:.5px;margin-bottom:1rem;text-shadow:0 2px 15px #0000004d}.login-image p{color:#ffffffd9;font-size:1.15rem;font-weight:500;line-height:1.6;opacity:1;text-shadow:0 1px 8px #00000026}.login-form-container{background:#fff;display:flex;flex-direction:column;justify-content:center;max-height:calc(100vh - 2rem);overflow-y:auto;padding:2rem}.login-form-container::-webkit-scrollbar{width:6px}.login-form-container::-webkit-scrollbar-track{background:var(--gray-lighter);border-radius:10px}.login-form-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.login-header{margin-bottom:2rem;padding-bottom:1rem;position:relative;text-align:center}.login-header:after{background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.login-header h1{color:var(--primary-color);font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.login-header p{color:var(--gray);font-size:.95rem}.login-subtitle{color:var(--gray)!important;font-size:.95rem!important;font-weight:500}.login-page .input-group{margin-bottom:1.25rem;position:relative}.login-page .input-group.has-error .form-control{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.login-page .input-group.has-error .input-icon{color:#e74c3c}.login-page .field-error{align-items:center;animation:errorFadeIn .3s ease;color:#e74c3c;display:flex;font-size:.8rem;font-weight:500;gap:5px;left:0;margin-top:4px;padding:0 4px;position:absolute;right:0;top:100%;z-index:9}.login-page .field-error i{font-size:.75rem}.login-page .form-errors-box{animation:errorFadeIn .3s ease;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-top:1rem;padding:.85rem 1rem}.login-page .form-errors-header{align-items:center;color:#dc2626;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.login-page .form-errors-header i{font-size:.9rem}.login-page .form-errors-list{display:flex;flex-direction:column;gap:.35rem;list-style:none;margin:0;padding:0}.login-page .form-errors-list li{color:#b91c1c;font-size:.82rem;font-weight:500;padding-right:1rem;position:relative}.login-page .form-errors-list li:before{color:#dc2626;content:"\f111";font-family:Font Awesome\ 6 Free;font-size:.3rem;font-weight:900;position:absolute;right:0;top:50%;transform:translateY(-50%)}[dir=ltr] .login-page .form-errors-list li{padding-left:1rem;padding-right:0}[dir=ltr] .login-page .form-errors-list li:before{left:0;right:auto}.login-page .input-icon{color:var(--gray);font-size:1.125rem;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:2}.login-page .form-control{border:2px solid var(--gray-light);border-radius:10px;direction:rtl;font-family:Cairo,sans-serif;font-size:1rem;padding:.875rem 3rem .875rem 1rem;text-align:right;transition:all .3s ease;width:100%}.login-page .form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.login-page .form-control::placeholder{color:var(--gray)}.login-page .password-toggle{background:none;border:none;color:var(--gray);cursor:pointer;font-size:1.05rem;left:.75rem;padding:4px;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease;z-index:2}.login-page .password-toggle:hover{color:var(--primary-color)}.login-page .form-control.has-toggle{padding-left:2.75rem}[dir=ltr] .login-page .form-control{direction:ltr;padding-left:3rem;padding-right:1rem;text-align:left}[dir=ltr] .login-page .form-control.has-toggle{padding-left:3rem;padding-right:2.75rem}[dir=ltr] .login-page .input-icon{left:1rem;right:auto}[dir=ltr] .login-page .password-toggle{left:auto;right:.75rem}[dir=ltr] .login-page .test-user-credentials{border-left:3px solid #1e5470;border-right:none}.forgot-password-row{display:flex;justify-content:flex-end;margin-bottom:1.5rem}[dir=ltr] .forgot-password-row{justify-content:flex-start}.forgot-password{color:var(--primary-color);font-size:.875rem;text-decoration:none;transition:all .3s ease}.forgot-password:hover{color:var(--primary-dark);text-decoration:underline}.login-page .btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:Cairo,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.login-page .btn-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:#fff}.login-page .btn-primary:hover:not(:disabled){box-shadow:0 10px 20px #2563eb4d;transform:translateY(-2px)}.login-page .btn-primary:active{transform:translateY(0)}.login-page .btn-primary:disabled{cursor:not-allowed;opacity:.6}.login-page .otp-section{padding:1rem 0;text-align:center}.login-page .otp-header{margin-bottom:2rem}.login-page .otp-icon{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#1e5470,#34729c);border-radius:50%;display:flex;height:70px;justify-content:center;margin:0 auto 1.2rem;width:70px}.login-page .otp-icon i{color:#fff;font-size:1.8rem}.login-page .otp-header h3{color:var(--dark);font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.login-page .otp-header p{color:var(--gray);direction:ltr;font-size:.9rem;line-height:1.5;text-align:center}.login-page .otp-inputs{display:flex;gap:10px;justify-content:center;margin-bottom:1.5rem}.login-page .otp-input{background:#fff;border:2px solid var(--gray-light);border-radius:12px;color:var(--dark);font-family:Cairo,sans-serif;font-size:1.5rem;font-weight:700;height:54px;outline:none;text-align:center;transition:all .3s ease;width:48px}.login-page .otp-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1e547026;transform:translateY(-2px)}.login-page .otp-input.otp-error{animation:shake .4s ease;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.login-page .otp-error-msg{align-items:center;animation:errorFadeIn .3s ease;color:#e74c3c;display:flex;font-size:.85rem;font-weight:500;gap:5px;justify-content:center;margin-bottom:1rem}.login-page .otp-resend{color:var(--gray);font-size:.9rem;margin-top:1.2rem}.login-page .resend-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:600;text-decoration:underline;transition:all .2s}.login-page .resend-btn:hover{color:var(--primary-dark)}.login-page .resend-countdown{color:var(--gray);font-size:.85rem;font-weight:500}.login-page .step-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.login-page .back-btn{align-items:center;background:var(--white);border:1px solid var(--gray-light);border-radius:8px;color:var(--gray-dark);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;gap:.3rem;padding:.4rem 1rem;transition:all .2s}.login-page .back-btn:hover{background:var(--gray-lighter);border-color:var(--primary-color);color:var(--primary-color)}.register-link{color:var(--gray);font-size:.95rem;margin-top:1.5rem;text-align:center}.register-link a{color:var(--primary-color);font-weight:600;text-decoration:none}.register-link a:hover{text-decoration:underline}.login-page .lang-switcher{position:absolute;right:20px;top:20px;z-index:100}.lang-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:10px;color:#fff;font-weight:500}.lang-btn:hover{background:#ffffff4d}@media (max-width:768px){.login-container{grid-template-columns:1fr;height:auto;max-width:95%;min-height:90vh}.login-image{min-height:200px;padding:2rem}.login-image i{font-size:3rem;margin-bottom:1rem}.login-image h2{font-size:1.5rem}.login-form-container{padding:1.5rem}.login-page .lang-switcher{right:10px;top:10px}.login-page .otp-input{font-size:1.2rem;height:46px;width:40px}}.test-users-backdrop{animation:fadeIn .2s ease;background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.test-users-dropdown{animation:fadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:800px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:95%;z-index:10000}.test-users-header{align-items:center;background:linear-gradient(135deg,#1e5470,#34729c);color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem}.test-users-header i{font-size:1.2rem}.test-users-header .close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;margin-right:auto;transition:all .3s ease;width:30px}.test-users-header .close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.test-users-list{display:flex;flex:1 1;flex-direction:column;gap:0;max-height:calc(90vh - 180px);overflow-y:auto;padding:1rem}.test-users-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1rem 0}.service-users-grid{animation:slideDown .3s ease;padding:.75rem 0 1rem}.test-user-item{align-items:flex-start;background:#f8f9fa;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:1rem;padding:1.2rem;position:relative;transition:all .3s ease}.test-user-item:hover{background:linear-gradient(135deg,#1e547015,#34729c15);border-color:#1e5470;box-shadow:0 6px 16px #1e547033;transform:translateY(-3px)}.test-user-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.test-user-info{flex:1 1}.test-user-name{color:#2c3e50;font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.test-user-role{background:#e3e8f0;border-radius:20px;color:#666;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:.75rem;padding:.25rem .75rem}.test-user-credentials{background:#fff;border-radius:8px;border-right:3px solid #1e5470;color:#555;display:flex;flex-direction:column;font-size:.85rem;gap:.5rem;padding:.75rem}.test-user-credentials div{align-items:center;display:flex;gap:.5rem}.test-user-credentials i{color:#1e5470;font-size:.9rem;width:16px}.test-users-section-header{align-items:center;background:linear-gradient(135deg,#1e5470,#2980b9);border-radius:8px;color:#fff;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.test-users-section-header span{flex:1 1}.test-users-service-btn{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border:2px solid #d0d7de;border-radius:10px;color:#1e5470;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:.75rem;margin-top:.5rem;padding:.85rem 1.2rem;transition:all .3s ease;-webkit-user-select:none;user-select:none}.test-users-service-btn:hover{background:linear-gradient(135deg,#1e547015,#34729c15);border-color:#1e5470;box-shadow:0 4px 12px #1e547026;transform:translateY(-1px)}.test-users-service-btn.active{background:linear-gradient(135deg,#1e5470,#34729c);border-color:#1e5470;color:#fff}.test-users-service-btn i:first-child{font-size:1.1rem}.service-user-count{background:#1e54701a;border-radius:20px;color:#1e5470;font-size:.75rem;font-weight:600;margin-right:auto;padding:.2rem .6rem}.test-users-service-btn.active .service-user-count{background:#fff3;color:#fff}.service-arrow{font-size:.8rem;transition:transform .3s ease}.test-user-step-badge{align-items:center;background:#1e5470;border-radius:50%;box-shadow:0 2px 6px #0003;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;left:-6px;position:absolute;top:-6px;width:24px;z-index:2}.test-user-item.disabled{background:#f0f0f0;border:2px dashed #ccc;cursor:not-allowed;opacity:.65}.test-user-item.disabled:hover{border-color:#ccc;box-shadow:none;transform:none}.test-user-not-assigned{align-items:center;background:#fff3e0;border-radius:8px;border-right:3px solid #e65100;color:#e65100;display:flex;font-size:.8rem;gap:.5rem;padding:.5rem .75rem}.test-user-not-assigned i{color:#e65100}.test-users-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e0e0e0;color:#666;display:flex;font-size:.85rem;gap:.5rem;padding:.75rem 1rem}.test-users-footer i{color:#1e5470;font-size:1rem}.searchable-select{position:relative;width:100%}.searchable-select-trigger{align-items:center;background:#fff;border:1.5px solid #e0e0e0;border-radius:10px;box-sizing:border-box;cursor:pointer;direction:rtl;display:flex;font-family:Cairo,sans-serif;font-size:1rem;gap:8px;height:52px;justify-content:space-between;padding:.875rem 3rem .875rem 1rem;text-align:right;transition:all .3s ease;width:100%}.searchable-select-trigger:hover{border-color:#1e5470;border-color:var(--primary-color,#1e5470)}[dir=ltr] .searchable-select-trigger{direction:ltr;padding-left:3rem;padding-right:1rem;text-align:left}.searchable-select-trigger:focus,.searchable-select.open .searchable-select-trigger{border-color:#1e5470;border-color:var(--primary-color,#1e5470);box-shadow:0 0 0 3px #2563eb1a;outline:none}.searchable-select.has-error .searchable-select-trigger{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.searchable-select.disabled .searchable-select-trigger{background:#f3f4f6;cursor:default;opacity:.7}.searchable-select.disabled .searchable-select-arrow{display:none}.searchable-select-value{align-items:center;display:flex;flex:1 1;gap:8px;overflow:hidden}.searchable-select-icon{flex-shrink:0;font-size:1.2rem}.searchable-select-icon.flag-img{border-radius:2px;box-shadow:0 0 0 .5px #0000001a;height:18px;object-fit:cover;width:24px}.searchable-select-label{color:#1f2937;color:var(--dark,#1f2937);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchable-select-sublabel{direction:ltr;flex-shrink:0;font-size:.85rem}.searchable-select-arrow,.searchable-select-placeholder,.searchable-select-sublabel{color:#6b7280;color:var(--gray,#6b7280)}.searchable-select-arrow{flex-shrink:0;font-size:.75rem;transition:transform .2s ease}.searchable-select-arrow.rotated{transform:rotate(180deg)}.searchable-select-dropdown{animation:dropdownSlide .2s ease;background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;box-shadow:0 10px 40px #00000026;font-family:Cairo,Segoe UI,sans-serif;overflow:hidden}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.searchable-select-search-wrap{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-light,#e5e7eb);display:flex;padding:8px;position:relative}.searchable-select-search-icon{color:#6b7280;color:var(--gray,#6b7280);font-size:.85rem;pointer-events:none;position:absolute;right:16px}.searchable-select-search{border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-light,#e5e7eb);border-radius:8px;direction:rtl;font-family:Cairo,sans-serif;font-size:.9rem;outline:none;padding:.6rem 2.2rem .6rem .8rem;text-align:right;transition:border-color .2s ease;width:100%}.searchable-select-search:focus{border-color:#1e5470;border-color:var(--primary-color,#1e5470)}[dir=ltr] .searchable-select-search{direction:ltr;padding-left:2.2rem;padding-right:.8rem;text-align:left}[dir=ltr] .searchable-select-search-icon{left:16px;right:auto}.searchable-select-options{max-height:220px;overflow-y:auto;padding:4px 0}.searchable-select-options::-webkit-scrollbar{width:5px}.searchable-select-options::-webkit-scrollbar-track{background:#0000}.searchable-select-options::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-light,#d1d5db);border-radius:10px}.searchable-select-option{align-items:center;background:none;border:none;color:#1f2937;color:var(--dark,#1f2937);cursor:pointer;direction:rtl;display:flex;font-family:Cairo,sans-serif;font-size:.9rem;gap:8px;padding:.6rem 1rem;text-align:right;transition:background .15s ease;width:100%}.searchable-select-option:hover{background:#1e54700f}.searchable-select-option.active{background:#1e54701a;color:#1e5470;color:var(--primary-color,#1e5470);font-weight:600}.searchable-select-opt-icon{flex-shrink:0;font-size:1.15rem}.searchable-select-opt-icon.flag-img{border-radius:2px;box-shadow:0 0 0 .5px #0000001a;height:18px;object-fit:cover;width:24px}.searchable-select-opt-icon.fa-icon{color:#1e5470;color:var(--primary-color,#1e5470);font-size:1rem;text-align:center;width:24px}.searchable-select-icon.fa-icon{color:#1e5470;color:var(--primary-color,#1e5470);flex-shrink:0;font-size:.95rem;text-align:center;width:20px}.searchable-select-opt-label{flex:1 1;text-align:right}.searchable-select-opt-sublabel{color:#6b7280;color:var(--gray,#6b7280);direction:ltr;flex-shrink:0;font-size:.8rem}.searchable-select-check{color:#1e5470;color:var(--primary-color,#1e5470);flex-shrink:0;font-size:.75rem}.searchable-select-empty{align-items:center;color:#6b7280;color:var(--gray,#6b7280);display:flex;flex-direction:column;font-size:.9rem;gap:6px;padding:1.5rem 1rem;text-align:center}.searchable-select-empty i{font-size:1.2rem;opacity:.5}.searchable-select.phone-code-select{flex-shrink:0;width:auto}.searchable-select.phone-code-select .searchable-select-trigger{background:#f9fafb;background:var(--gray-lighter,#f9fafb);border-left:none;border-radius:0 10px 10px 0;direction:ltr;justify-content:flex-start;min-width:120px;padding:.875rem .8rem .875rem .5rem;text-align:left}[dir=ltr] .searchable-select.phone-code-select .searchable-select-trigger{border-left:1.5px solid #e0e0e0;border-radius:10px 0 0 10px;border-right:none}.searchable-select.phone-code-select .searchable-select-value{direction:ltr;justify-content:flex-start}.searchable-select.phone-code-select .searchable-select-icon{font-size:1.1rem;line-height:1}.searchable-select.phone-code-select .searchable-select-value:before{color:#6b7280;content:"\f0ac";font-family:Font Awesome\ 6 Free;font-size:.85rem;font-weight:900;margin-right:6px}.searchable-select.phone-code-select .searchable-select-arrow{margin-left:auto}.searchable-select.phone-code-select .searchable-select-trigger:focus,.searchable-select.phone-code-select.open .searchable-select-trigger{background-color:#f0f7ff;border-color:#1e5470;border-color:var(--primary-color,#1e5470)}.searchable-select-dropdown.phone-code-dropdown .searchable-select-option{direction:ltr;text-align:left}.searchable-select-dropdown.phone-code-dropdown .searchable-select-search{direction:ltr;padding-left:2.2rem;padding-right:.8rem;text-align:left}.searchable-select-dropdown.phone-code-dropdown .searchable-select-search-icon{left:16px;right:auto}.has-error .searchable-select.phone-code-select .searchable-select-trigger{border-color:#e74c3c}.register-page{align-items:center;background:linear-gradient(135deg,#1e5470,#34729c);bottom:0;display:flex;font-family:Cairo,Segoe UI,sans-serif;height:100vh;height:calc(100vh - var(--banner-offset, 0px));justify-content:center;left:0;margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;top:var(--banner-offset,0);transition:top .35s ease,height .35s ease;width:100%}.register-page:before{animation:morph 20s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;content:"";height:600px;position:absolute;right:-200px;top:-200px;width:600px;z-index:0}.register-page:after{animation:morph 25s ease-in-out infinite reverse;background:radial-gradient(circle,#ffffff14 0,#0000 70%);border-radius:40% 60% 70% 30%/40% 50% 60% 50%;bottom:-150px;content:"";height:500px;left:-100px;position:absolute;width:500px;z-index:0}@keyframes morph{0%,to{border-radius:40% 60% 70% 30%/40% 50% 60% 50%}25%{border-radius:60% 40% 50% 50%/30% 60% 70% 40%}50%{border-radius:50% 50% 30% 70%/50% 50% 50% 50%}75%{border-radius:30% 70% 60% 40%/60% 30% 40% 70%}}.register-container{animation:slideUp .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 30px 80px #0000004d;display:grid;grid-template-columns:1fr 1fr;margin:1rem;max-height:calc(100vh - 2rem);max-width:1200px;overflow:hidden;position:relative;width:calc(100% - 2rem);z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lang-switcher{position:absolute;right:20px;top:20px;z-index:100}.lang-switcher-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:600;gap:10px;padding:10px 22px;transition:all .3s ease}.lang-switcher-btn:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.lang-switcher-btn i{font-size:1.15rem}.lang-switcher-label{white-space:nowrap}.lang-switcher .language-menu-dropdown{left:auto;right:0;top:calc(100% + 8px)}.lang-btn{align-items:center;background:#fffffff2;border:2px solid #2563eb33;border-radius:50px;box-shadow:0 4px 15px #0000001a;color:var(--primary-color);cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.lang-btn:hover{background:var(--primary-color);box-shadow:0 6px 20px #2563eb4d;color:#fff;transform:translateY(-2px)}.lang-btn i{font-size:1.125rem}.notification{align-items:center;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;display:flex;font-family:Cairo,sans-serif;gap:12px;min-width:300px;padding:1rem 1.5rem;position:fixed;right:20px;top:-100px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);z-index:1000}.notification.show{animation:slideDown .4s ease;top:20px}@keyframes slideDown{0%{opacity:0;top:-100px}to{opacity:1;top:20px}}.notification.success{border-right:4px solid var(--success)}.notification.error{border-right:4px solid var(--danger)}.notification i{font-size:1.5rem}.notification.success i{color:var(--success)}.notification.error i{color:var(--danger)}.notification span{color:var(--dark);font-size:1rem;font-weight:500}.register-image{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:#fff;display:flex;justify-content:center;overflow:hidden;padding:3rem;position:relative}.register-image:before{background:#ffffff1a;border-radius:50%;content:"";height:300px;position:absolute;right:-100px;top:-100px;width:300px}.register-image-content{text-align:center;z-index:1}.register-image i{animation:float 3s ease-in-out infinite;font-size:5rem;margin-bottom:2rem;opacity:.9}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.register-image h2{color:#e8f4f8;font-size:2rem;font-weight:700;letter-spacing:.5px;margin-bottom:1rem;text-shadow:0 2px 15px #0000004d}.register-image p{color:#ffffffd9;font-size:1.15rem;font-weight:500;line-height:1.6;opacity:1;text-shadow:0 1px 8px #00000026}.register-form-container{background:#fff;max-height:calc(100vh - 2rem);overflow-y:auto;padding:2rem}.register-form-container::-webkit-scrollbar{width:6px}.register-form-container::-webkit-scrollbar-track{background:var(--gray-lighter);border-radius:10px}.register-form-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.register-header{margin-bottom:2rem;padding-bottom:1rem;position:relative;text-align:center}.register-header:after{background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.register-header h1{color:var(--primary-color);font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.register-header p{color:var(--gray);font-size:.95rem}.register-subtitle{color:var(--gray)!important;font-size:.95rem!important;font-weight:500}.input-group{margin-bottom:1.25rem;position:relative}.input-group.has-error .form-control{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.field-error,.input-group.has-error .input-icon{color:#e74c3c}.field-error{align-items:center;animation:errorFadeIn .3s ease;display:flex;font-size:.8rem;font-weight:500;gap:5px;left:0;margin-top:4px;padding:0 4px;position:absolute;right:0;top:100%;z-index:9}.field-error i{font-size:.75rem}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.input-icon{color:var(--gray);font-size:1.125rem;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:2}.input-group>.searchable-icon{z-index:3}.input-group>.searchable-icon+.searchable-select .searchable-select-trigger{padding-right:2.75rem}.password-toggle{background:none;border:none;color:var(--gray);cursor:pointer;font-size:1.05rem;left:.75rem;padding:4px;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease;z-index:2}.password-toggle:hover{color:var(--primary-color)}.form-control.has-toggle{padding-left:2.75rem}[dir=ltr] .form-control{direction:ltr;padding-left:3rem;padding-right:1rem;text-align:left}[dir=ltr] .form-control.has-toggle{padding-left:3rem;padding-right:2.75rem}[dir=ltr] .input-icon{left:1rem;right:auto}[dir=ltr] .password-toggle{left:auto;right:.75rem}[dir=ltr] .input-group>.searchable-icon{left:1rem;right:auto}[dir=ltr] .input-group>.searchable-icon+.searchable-select .searchable-select-trigger{padding-left:2.75rem;padding-right:1rem}[dir=ltr] .phone-inner-icon{left:calc(120px + .65rem);right:auto}[dir=ltr] .phone-input-wrapper .phone-input{border-left:none;border-radius:0 10px 10px 0;border-right:2px solid var(--gray-light);padding-left:2.5rem;padding-right:1rem}[dir=ltr] .has-error .phone-input-wrapper .phone-input{border-right-color:#e74c3c}.form-control{border:2px solid var(--gray-light);border-radius:10px;direction:rtl;font-family:Cairo,sans-serif;font-size:1rem;padding:.875rem 3rem .875rem 1rem;text-align:right;transition:all .3s ease;width:100%}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-control::placeholder{color:var(--gray)}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:left 1rem center;background-repeat:no-repeat;cursor:pointer;padding-left:3rem}.form-errors-box{animation:errorFadeIn .3s ease;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-top:1rem;padding:.85rem 1rem}.form-errors-header{align-items:center;color:#dc2626;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.form-errors-header i{font-size:.9rem}.form-errors-list{display:flex;flex-direction:column;gap:.35rem;list-style:none;margin:0;padding:0}.form-errors-list li{color:#b91c1c;font-size:.82rem;font-weight:500;padding-right:1rem;position:relative}.form-errors-list li:before{color:#dc2626;content:"\f111";font-family:Font Awesome\ 6 Free;font-size:.3rem;font-weight:900;position:absolute;right:0;top:50%;transform:translateY(-50%)}[dir=ltr] .form-errors-list li{padding-left:1rem;padding-right:0}[dir=ltr] .form-errors-list li:before{left:0;right:auto}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:Cairo,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1.5rem;padding:1rem;transition:all .3s ease;width:100%}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #2563eb4d;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.login-link{color:var(--gray-dark)}.login-link a{transition:all .3s ease}.login-link a:hover{color:var(--primary-dark)}@media (max-width:768px){.register-container{grid-template-columns:1fr;height:auto;max-width:95%;min-height:90vh}.register-image{min-height:200px;padding:2rem}.register-image i{font-size:3rem;margin-bottom:1rem}.register-image h2{font-size:1.5rem}.register-form-container{padding:1.5rem}.lang-switcher,.notification{right:10px;top:10px}.notification{left:10px;min-width:auto}.user-type-cards{flex-direction:column}.form-grid{grid-template-columns:1fr!important}.form-grid .full-width{grid-column:1!important}}.user-type-selection{padding:.5rem 0}.user-type-title{color:var(--dark);font-size:1.1rem;font-weight:600;margin-bottom:1.2rem;text-align:center}.user-type-title i{color:var(--primary-color);margin-left:.5rem}.user-type-cards{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.user-type-card{background:var(--white);border:2px solid var(--gray-light);border-radius:16px;cursor:pointer;flex:1 1;max-width:200px;min-width:140px;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transition:all .3s ease}.user-type-card:hover{border-color:var(--primary-color);box-shadow:0 8px 25px #1e547026;transform:translateY(-4px)}.user-type-icon{align-items:center;background:linear-gradient(135deg,#1e5470,#34729c);border-radius:50%;display:flex;height:56px;justify-content:center;margin:0 auto .8rem;width:56px}.user-type-icon i{color:#fff;font-size:1.4rem}.user-type-card h4{color:var(--dark);font-size:.95rem;font-weight:700;margin-bottom:.3rem}.user-type-card p{color:var(--gray);font-size:.78rem;line-height:1.3;margin:0}.step-header{gap:.5rem;justify-content:space-between;margin-bottom:1rem}.back-btn,.step-header{align-items:center;display:flex}.back-btn{background:var(--white);border:1px solid var(--gray-light);border-radius:8px;color:var(--gray-dark);cursor:pointer;font-family:inherit;font-size:.85rem;gap:.3rem;padding:.4rem 1rem;transition:all .2s}.back-btn:hover{background:var(--gray-lighter);border-color:var(--primary-color);color:var(--primary-color)}.selected-type-badge{align-items:center;background:linear-gradient(135deg,#1e5470,#34729c);border-radius:20px;color:#fff;display:flex;font-size:.82rem;font-weight:600;gap:.4rem;padding:.35rem .8rem}.form-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:1fr 1fr}.form-grid .input-group{margin-bottom:0}.form-grid .full-width{grid-column:1/-1}.phone-input-wrapper{align-items:stretch;display:flex;gap:0;position:relative;width:100%}.phone-inner-icon{color:var(--gray);font-size:1rem;pointer-events:none;position:absolute;right:calc(120px + .65rem);top:50%;transform:translateY(-50%);z-index:2}.country-code-select{appearance:none;-webkit-appearance:none;background:var(--gray-lighter);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:8px;background-repeat:no-repeat;border:2px solid var(--gray-light);border-left:none;border-radius:0 10px 10px 0;color:var(--dark);cursor:pointer;direction:ltr;font-family:Cairo,sans-serif;font-size:.9rem;max-width:120px;min-width:110px;outline:none;padding:.875rem .5rem .875rem 20px;text-align:center;transition:all .3s ease}.country-code-select:focus{background-color:#f0f7ff;border-color:var(--primary-color)}.phone-input-wrapper .phone-input{border-radius:10px 0 0 10px;border-right:none;flex:1 1;padding-right:2.5rem}.phone-input-wrapper .phone-input:focus{z-index:1}.has-error .phone-input-wrapper .country-code-select,.has-error .phone-input-wrapper .phone-input{border-color:#e74c3c}[dir=ltr] .has-error .searchable-select.phone-code-select .searchable-select-trigger{border-left-color:#e74c3c}.register-page .searchable-select.phone-code-select .searchable-select-sublabel{font-size:1rem}.register-page .searchable-select-trigger{border-color:var(--gray-light);border-width:2px;height:auto;min-height:0;padding:.875rem 3rem .875rem 1rem}[dir=ltr] .register-page .searchable-select-trigger{padding-left:3rem;padding-right:1rem}.register-page .searchable-select.phone-code-select .searchable-select-trigger{border-color:var(--gray-light);border-width:2px;border-left:none;padding:.875rem .8rem .875rem .5rem}[dir=ltr] .register-page .searchable-select.phone-code-select .searchable-select-trigger{border-left:2px solid var(--gray-light);border-right:none}.otp-section{padding:1rem 0;text-align:center}.otp-header{margin-bottom:2rem}.otp-icon{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#1e5470,#34729c);border-radius:50%;display:flex;height:70px;justify-content:center;margin:0 auto 1.2rem;width:70px}.otp-icon i{color:#fff;font-size:1.8rem}.otp-header h3{color:var(--dark);font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.otp-header p{color:var(--gray);direction:ltr;font-size:.9rem;line-height:1.5;text-align:center}.otp-inputs{display:flex;gap:10px;justify-content:center;margin-bottom:1.5rem}.otp-input{background:#fff;border:2px solid var(--gray-light);border-radius:12px;color:var(--dark);font-family:Cairo,sans-serif;font-size:1.5rem;font-weight:700;height:54px;outline:none;text-align:center;transition:all .3s ease;width:48px}.otp-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1e547026;transform:translateY(-2px)}.otp-input.otp-error{animation:shake .4s ease;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.otp-error-msg{align-items:center;animation:errorFadeIn .3s ease;color:#e74c3c;display:flex;font-size:.85rem;font-weight:500;gap:5px;justify-content:center;margin-bottom:1rem}.otp-resend{color:var(--gray);font-size:.9rem;margin-top:1.2rem}.resend-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:600;text-decoration:underline;transition:all .2s}.resend-btn:hover{color:var(--primary-dark)}.floating-icons{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.floating-icon{color:#ffffff0f;font-size:2.5rem;position:absolute}.icon-1{font-size:3.5rem;right:8%;top:5%}.icon-2{font-size:2.2rem;left:5%;top:18%}.icon-3{bottom:25%;font-size:3rem;right:4%}.icon-4{bottom:6%;font-size:2.5rem;left:10%}.icon-5{font-size:2rem;right:2%;top:45%}.icon-6{font-size:2rem;left:30%;top:8%}.icon-7{bottom:45%;font-size:2.8rem;left:3%}.icon-8{bottom:8%;font-size:2.2rem;right:25%}.icon-9{font-size:2.8rem;left:15%;top:3%}.icon-10{font-size:2rem;left:1%;top:35%}.icon-11{bottom:35%;font-size:2.4rem;right:12%}.icon-12{font-size:1.8rem;left:8%;top:60%}.icon-13{bottom:18%;font-size:2rem;left:25%}.icon-14{font-size:2.3rem;right:20%;top:12%}.icon-15{bottom:40%;font-size:1.9rem;right:1%}.icon-16{font-size:2.6rem;right:8%;top:75%}.forgot-password-page{align-items:center;background:linear-gradient(135deg,#1e5470,#34729c);bottom:0;display:flex;font-family:Cairo,Segoe UI,sans-serif;height:100vh;height:calc(100vh - var(--banner-offset, 0px));justify-content:center;left:0;margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;top:var(--banner-offset,0);transition:top .35s ease,height .35s ease;width:100%}.forgot-password-page:before{animation:fpMorph 20s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;content:"";height:600px;position:absolute;right:-200px;top:-200px;width:600px;z-index:0}.forgot-password-page:after{animation:fpMorph 25s ease-in-out infinite reverse;background:radial-gradient(circle,#ffffff14 0,#0000 70%);border-radius:40% 60% 70% 30%/40% 50% 60% 50%;bottom:-150px;content:"";height:500px;left:-100px;position:absolute;width:500px;z-index:0}@keyframes fpMorph{0%,to{border-radius:40% 60% 70% 30%/40% 50% 60% 50%}25%{border-radius:60% 40% 50% 50%/30% 60% 70% 40%}50%{border-radius:50% 50% 30% 70%/50% 50% 50% 50%}75%{border-radius:30% 70% 60% 40%/60% 30% 40% 70%}}.forgot-password-page .floating-icons{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.forgot-password-page .floating-icon{color:#ffffff0f;font-size:2.5rem;position:absolute}.forgot-password-page .icon-1{font-size:3.5rem;right:8%;top:5%}.forgot-password-page .icon-2{font-size:2.2rem;left:5%;top:18%}.forgot-password-page .icon-3{bottom:25%;font-size:3rem;right:4%}.forgot-password-page .icon-4{bottom:6%;font-size:2.5rem;left:10%}.forgot-password-page .icon-5{font-size:2rem;right:2%;top:45%}.forgot-password-page .icon-6{font-size:2rem;left:30%;top:8%}.forgot-password-page .icon-7{bottom:45%;font-size:2.8rem;left:3%}.forgot-password-page .icon-8{bottom:8%;font-size:2.2rem;right:25%}.forgot-password-page .icon-9{font-size:2.8rem;left:15%;top:3%}.forgot-password-page .icon-10{font-size:2rem;left:1%;top:35%}.forgot-password-page .icon-11{bottom:35%;font-size:2.4rem;right:12%}.forgot-password-page .icon-12{font-size:1.8rem;left:8%;top:60%}.forgot-password-page .icon-13{bottom:18%;font-size:2rem;left:25%}.forgot-password-page .icon-14{font-size:2.3rem;right:20%;top:12%}.forgot-password-page .icon-15{bottom:40%;font-size:1.9rem;right:1%}.forgot-password-page .icon-16{font-size:2.6rem;right:8%;top:75%}.forgot-password-container{animation:fpSlideUp .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 30px 80px #0000004d;display:grid;grid-template-columns:1fr 1fr;margin:1rem;max-height:calc(100vh - 2rem);max-width:1200px;overflow:hidden;position:relative;width:calc(100% - 2rem);z-index:1}@keyframes fpSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.forgot-password-image{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:3rem;position:relative}.forgot-password-image:before{animation:fpMoveBackground 20s linear infinite;background:radial-gradient(circle,#ffffff0d 1px,#0000 0);background-size:50px 50px;content:"";height:200%;position:absolute;width:200%}.forgot-password-image:after{background:#ffffff1a;border-radius:50%;content:"";height:300px;position:absolute;right:-100px;top:-100px;width:300px}@keyframes fpMoveBackground{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.forgot-password-image-content{position:relative;text-align:center;z-index:1}.forgot-password-image i{animation:fpFloat 3s ease-in-out infinite;font-size:5rem;margin-bottom:2rem;opacity:.9}@keyframes fpFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.forgot-password-image h2{color:#e8f4f8;font-size:2rem;font-weight:700;letter-spacing:.5px;margin-bottom:1rem;text-shadow:0 2px 15px #0000004d}.forgot-password-image p{color:#ffffffd9;font-size:1.15rem;font-weight:500;line-height:1.6;opacity:1;text-shadow:0 1px 8px #00000026}.forgot-password-form-container{background:#fff;max-height:calc(100vh - 2rem);overflow-y:auto;padding:2rem}.forgot-password-form-container::-webkit-scrollbar{width:6px}.forgot-password-form-container::-webkit-scrollbar-track{background:var(--gray-lighter);border-radius:10px}.forgot-password-form-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.forgot-password-header{margin-bottom:1.5rem;padding-bottom:1rem;position:relative;text-align:center}.forgot-password-header:after{background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.forgot-password-header h1{color:var(--primary-color);font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.forgot-password-header p{color:var(--gray);font-size:.95rem}.forgot-password-subtitle{color:var(--gray)!important;font-size:.95rem!important;font-weight:500}.fp-steps-indicator{gap:0;margin-bottom:2rem}.fp-step-dot,.fp-steps-indicator{align-items:center;display:flex;justify-content:center}.fp-step-dot{background:var(--gray-light);border-radius:50%;height:36px;position:relative;transition:all .3s ease;width:36px}.fp-step-dot span{color:var(--gray);font-size:.85rem;font-weight:700;transition:all .3s ease}.fp-step-dot.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));box-shadow:0 4px 12px #1e54704d}.fp-step-dot.active span{color:#fff}.fp-step-label{color:var(--gray);font-size:.7rem;font-weight:600;position:absolute;top:42px;white-space:nowrap}.fp-step-dot.active .fp-step-label{color:var(--primary-color)}.fp-step-line{background:var(--gray-light);height:3px;transition:all .3s ease;width:60px}.fp-step-line.active{background:linear-gradient(90deg,var(--primary-color),var(--primary-dark))}.fp-step-description{background:linear-gradient(135deg,#f0f7fa,#e8f4f8);border:1px solid #1e54701a;border-radius:12px;margin-bottom:1.5rem;padding:1rem;text-align:center}.fp-step-description i{color:var(--primary-color);display:block;font-size:2rem;margin-bottom:.5rem}.fp-step-description p{color:var(--gray-dark);font-size:.9rem;line-height:1.6;margin:0}.forgot-password-page .input-group{margin-bottom:1.25rem;position:relative}.forgot-password-page .input-group.has-error .form-control{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.forgot-password-page .input-group.has-error .input-icon{color:#e74c3c}.forgot-password-page .field-error{align-items:center;animation:fpErrorFadeIn .3s ease;color:#e74c3c;display:flex;font-size:.8rem;font-weight:500;gap:5px;left:0;margin-top:4px;padding:0 4px;position:absolute;right:0;top:100%;z-index:9}.forgot-password-page .field-error i{font-size:.75rem}@keyframes fpErrorFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.forgot-password-page .form-errors-box{animation:fpErrorFadeIn .3s ease;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-top:1rem;padding:.85rem 1rem}.forgot-password-page .form-errors-header{align-items:center;color:#dc2626;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.forgot-password-page .form-errors-header i{font-size:.9rem}.forgot-password-page .form-errors-list{display:flex;flex-direction:column;gap:.35rem;list-style:none;margin:0;padding:0}.forgot-password-page .form-errors-list li{color:#b91c1c;font-size:.82rem;font-weight:500;padding-right:1rem;position:relative}.forgot-password-page .form-errors-list li:before{color:#dc2626;content:"\f111";font-family:Font Awesome\ 6 Free;font-size:.3rem;font-weight:900;position:absolute;right:0;top:50%;transform:translateY(-50%)}[dir=ltr] .forgot-password-page .form-errors-list li{padding-left:1rem;padding-right:0}[dir=ltr] .forgot-password-page .form-errors-list li:before{left:0;right:auto}.forgot-password-page .input-icon{color:var(--gray);font-size:1.125rem;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:2}.forgot-password-page .form-control{border:2px solid var(--gray-light);border-radius:10px;direction:rtl;font-family:Cairo,sans-serif;font-size:1rem;padding:.875rem 3rem .875rem 1rem;text-align:right;transition:all .3s ease;width:100%}.forgot-password-page .form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.forgot-password-page .form-control::placeholder{color:var(--gray)}.forgot-password-page .password-toggle{background:none;border:none;color:var(--gray);cursor:pointer;font-size:1.05rem;left:.75rem;padding:4px;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease;z-index:2}.forgot-password-page .password-toggle:hover{color:var(--primary-color)}.forgot-password-page .form-control.has-toggle{padding-left:2.75rem}.password-hints{grid-gap:.5rem;background:#f8f9fa;border-radius:10px;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem;padding:.75rem 1rem}.password-hints .hint{align-items:center;color:var(--gray);display:flex;font-size:.78rem;gap:.4rem;transition:all .3s ease}.password-hints .hint i{font-size:.65rem;transition:all .3s ease}.password-hints .hint.valid,.password-hints .hint.valid i{color:#27ae60}[dir=ltr] .forgot-password-page .form-control{direction:ltr;padding-left:3rem;padding-right:1rem;text-align:left}[dir=ltr] .forgot-password-page .form-control.has-toggle{padding-left:3rem;padding-right:2.75rem}[dir=ltr] .forgot-password-page .input-icon{left:1rem;right:auto}[dir=ltr] .forgot-password-page .password-toggle{left:auto;right:.75rem}[dir=ltr] .forgot-password-page .login-link i{transform:rotate(180deg)}.forgot-password-page .btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:Cairo,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.forgot-password-page .btn-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:#fff}.forgot-password-page .btn-primary:hover:not(:disabled){box-shadow:0 10px 20px #2563eb4d;transform:translateY(-2px)}.forgot-password-page .btn-primary:active{transform:translateY(0)}.forgot-password-page .btn-primary:disabled{cursor:not-allowed;opacity:.6}.forgot-password-page .otp-section{padding:1rem 0;text-align:center}.forgot-password-page .otp-header{margin-bottom:2rem}.forgot-password-page .otp-icon{align-items:center;animation:fpFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#1e5470,#34729c);border-radius:50%;display:flex;height:70px;justify-content:center;margin:0 auto 1.2rem;width:70px}.forgot-password-page .otp-icon i{color:#fff;font-size:1.8rem}.forgot-password-page .otp-header h3{color:var(--dark);font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.forgot-password-page .otp-header p{color:var(--gray);direction:ltr;font-size:.9rem;line-height:1.5;text-align:center}.forgot-password-page .otp-inputs{display:flex;gap:10px;justify-content:center;margin-bottom:1.5rem}.forgot-password-page .otp-input{background:#fff;border:2px solid var(--gray-light);border-radius:12px;color:var(--dark);font-family:Cairo,sans-serif;font-size:1.5rem;font-weight:700;height:54px;outline:none;text-align:center;transition:all .3s ease;width:48px}.forgot-password-page .otp-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1e547026;transform:translateY(-2px)}.forgot-password-page .otp-input.otp-error{animation:fpShake .4s ease;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}@keyframes fpShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.forgot-password-page .otp-error-msg{align-items:center;animation:fpErrorFadeIn .3s ease;color:#e74c3c;display:flex;font-size:.85rem;font-weight:500;gap:5px;justify-content:center;margin-bottom:1rem}.forgot-password-page .otp-resend{color:var(--gray);font-size:.9rem;margin-top:1.2rem}.forgot-password-page .resend-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:600;text-decoration:underline;transition:all .2s}.forgot-password-page .resend-btn:hover{color:var(--primary-dark)}.forgot-password-page .step-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.forgot-password-page .back-btn{align-items:center;background:var(--white);border:1px solid var(--gray-light);border-radius:8px;color:var(--gray-dark);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;gap:.3rem;padding:.4rem 1rem;transition:all .2s}.forgot-password-page .back-btn:hover{background:var(--gray-lighter);border-color:var(--primary-color);color:var(--primary-color)}.fp-success-section{animation:fpSlideUp .5s ease;padding:2rem 0;text-align:center}.fp-success-icon{align-items:center;animation:fpFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.fp-success-icon i{color:#fff;font-size:2.5rem}.fp-success-section h3{color:#27ae60;font-size:1.3rem;font-weight:700;margin-bottom:.75rem}.fp-success-section p{line-height:1.5}.fp-success-section p,.login-link{color:var(--gray);font-size:.95rem}.login-link{margin-top:1.5rem;text-align:center}.login-link i{color:var(--primary-color);font-size:.85rem}.login-link a{color:var(--primary-color);font-weight:600;text-decoration:none}.login-link a:hover{text-decoration:underline}.forgot-password-page .lang-switcher{position:absolute;right:20px;top:20px;z-index:100}@media (max-width:768px){.forgot-password-container{grid-template-columns:1fr;height:auto;max-width:95%;min-height:90vh}.forgot-password-image{min-height:200px;padding:2rem}.forgot-password-image i{font-size:3rem;margin-bottom:1rem}.forgot-password-image h2{font-size:1.5rem}.forgot-password-form-container{padding:1.5rem}.forgot-password-page .lang-switcher{right:10px;top:10px}.forgot-password-page .otp-input{font-size:1.2rem;height:46px;width:40px}.password-hints{grid-template-columns:1fr}.fp-step-line{width:40px}}