:root{--auth-primary:var(--main-color);--auth-bg-dark:var(--background-color);--auth-bg-panel:var(--background-2-color);--auth-card:var(--card-color);--auth-card-hover:var(--card-color-hover);--auth-input-bg:var(--Dark-color);--auth-text-light:var(--wight-color);--auth-text-dark:var(--color-text-dark);--auth-text-muted:var(--gray-color);--auth-border:#3f495a;--auth-radius:var(--main-border-radius)}.modern-auth-wrapper{display:flex;min-height:100vh;width:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tajawal,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";background-color:var(--auth-bg-panel)}.auth-panel-brand{width:45%;position:relative;display:flex;align-items:center;justify-content:center;padding:3rem;background-color:var(--auth-primary);color:var(--auth-text-dark);text-align:center}.brand-logo img{max-height:60px;margin-bottom:2rem}.brand-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.brand-subtitle{font-size:1.1rem;opacity:.8}.auth-panel-form{width:55%;display:flex;align-items:center;justify-content:center;padding:3rem}.form-container{width:100%;max-width:420px}.form-header{margin-bottom:2rem}.form-title{font-size:2rem;font-weight:700;color:var(--auth-text-light)}.form-subtitle{color:var(--auth-text-muted);margin-top:.5rem}.form-group-icon{position:relative}.form-icon{position:absolute;top:50%;transform:translateY(-50%);left:1rem;width:20px;height:20px;filter:invert(1);opacity:.3;pointer-events:none;transition:opacity 0.3s ease}.form-control{width:100%;padding:1rem 1rem 1rem 3.25rem;border:1px solid var(--auth-card);border-radius:var(--auth-radius);font-size:1rem;background-color:var(--auth-input-bg)!important;color:var(--auth-text-light)!important;height:55px;transition:all 0.3s ease}.form-control::placeholder{color:var(--auth-text-muted)!important;opacity:.6}.form-control:focus{outline:none;border-color:var(--auth-primary);box-shadow:0 0 0 3px rgb(252 185 0 / .2)}.form-control:focus+.form-icon{opacity:.8}.form-check-input{border-color:var(--auth-card);background-color:var(--auth-input-bg)}.form-check-input:checked{background-color:var(--auth-primary);border-color:var(--auth-primary)}.form-check-label{color:var(--auth-text-light)}.form-text-link{color:var(--auth-primary);text-decoration:none;font-weight:500}.btn-submit{width:100%;padding:1rem!important;border:none!important;border-radius:var(--auth-radius)!important;background:var(--auth-primary)!important;color:var(--auth-text-dark)!important;font-size:1rem!important;font-weight:600!important;text-align:center;cursor:pointer;transition:all 0.3s ease}.btn-submit:hover{filter:brightness(1.1);transform:translateY(-3px)}.btn-submit:active{transform:var(--active-click);filter:brightness(1)}.form-footer-text{text-align:center;margin-top:2rem;color:var(--auth-text-muted)}.form-footer-text a{color:var(--auth-primary);font-weight:600;text-decoration:none}.alert{padding:1rem!important;margin-bottom:1.5rem!important;border-radius:var(--auth-radius)!important;border:1px solid!important}.alert-success{background:rgb(20 184 166 / .1)!important;color:#a3e635!important;border-color:#14b8a6!important}.alert-danger{background:rgb(239 68 68 / .1)!important;color:#f87171!important;border-color:#ef4444!important}.visually-hidden-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.my-account-dashboard-content{width:100%;padding:2rem!important;background-color:var(--auth-bg-dark)!important;color:var(--auth-text-light)!important}.my-account-dashboard-content .dashboard-header{margin-bottom:2rem!important}.my-account-dashboard-content .dashboard-header h1{font-size:2rem!important;font-weight:700!important;color:var(--auth-text-light)!important;margin:0!important}.my-account-form .card{margin-bottom:2rem!important;overflow:hidden!important;background-color:var(--auth-card)!important;border:1px solid var(--auth-border)!important;border-radius:var(--auth-radius)!important}.my-account-form .card-header{padding:1rem 1.5rem!important;background-color:var(--auth-bg-panel)!important;border-bottom:1px solid var(--auth-border)!important}.my-account-form .card-header h3{font-size:1.25rem!important;font-weight:600!important;color:var(--auth-text-light)!important;margin:0!important}.my-account-form .card-body{padding:1.5rem!important}.profile-overview-card .card-body{display:flex;align-items:center!important;gap:2rem!important;flex-wrap:wrap!important}.profile-avatar-wrapper{position:relative!important;width:120px!important;height:120px!important;flex-shrink:0!important}.profile-avatar-wrapper .profile-avatar{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;border:4px solid var(--auth-primary)!important;margin-top:0!important}.profile-avatar-wrapper .btn-change-avatar{position:absolute!important;bottom:0px!important;right:0px!important;width:36px!important;height:36px!important;background-color:var(--auth-card)!important;border:2px solid var(--auth-primary)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all 0.3s ease!important;padding:0!important}.profile-avatar-wrapper .btn-change-avatar:hover{background-color:var(--auth-primary)!important}.profile-avatar-wrapper .btn-change-avatar .svg-icon{width:16px!important;height:16px!important;filter:var(--auth-text-dark)!important}.profile-avatar-wrapper .btn-change-avatar:hover .svg-icon{filter:var(--auth-text-dark)!important}.profile-info-section .display-name{font-size:1.75rem!important;font-weight:600!important;color:var(--auth-text-light)!important;margin-bottom:0.25rem!important}.profile-info-section .username{font-size:1rem!important;color:var(--auth-text-muted)!important}.my-account-form .form-group{margin-bottom:1.5rem!important}.my-account-form .form-group:last-child{margin-bottom:0!important}.my-account-form .form-group label{display:block;font-weight:500;margin-bottom:0.5rem!important;color:var(--auth-text-muted)!important}.my-account-form .form-control{padding-left:1rem!important}.my-account-form .form-control:disabled{background-color:var(--auth-bg-panel)!important;opacity:.6;cursor:not-allowed}.my-account-form .input-hint{font-size:0.85rem!important;color:var(--auth-text-muted)!important;opacity:0.7!important;margin-top:0.5rem!important;display:block}.my-account-form .btn-save-changes{display:block!important;margin-top:2rem!important;width:auto!important;min-width:180px!important}.my-account-form .form-messages{margin-bottom:2rem!important}@media (max-width:768px){.profile-overview-card .card-body{flex-direction:column;align-items:flex-start!important}.profile-avatar-wrapper{margin-bottom:1.5rem!important}}.account-dashboard{background-color:var(--auth-bg-dark);color:var(--auth-text-light)}.account-dashboard .container{padding-top:3rem;padding-bottom:3rem}.account-dashboard .dashboard-header{border-bottom:1px solid var(--auth-card);padding-bottom:1.5rem}.account-dashboard .text-muted{color:var(--auth-text-muted)}.account-dashboard .card{background-color:var(--auth-card);border-radius:var(--auth-radius);border:1px solid var(--auth-border);transition:transform 0.3s ease}.account-dashboard .card:hover{transform:translateY(-5px)}.account-dashboard .profile-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid var(--auth-card);margin-top:-50px}.account-dashboard .details-card .list-group-item{background:#fff0;border-color:var(--auth-border);display:flex;align-items:center;justify-content:space-between;padding:1.25rem}.account-dashboard .details-card .list-group-item strong{color:var(--wight-color)}.account-dashboard .details-card .list-group-item span{color:var(--auth-text-muted)}.account-dashboard .detail-icon{width:20px;height:20px;margin-right:1rem;filter:invert(1);opacity:.5}.account-dashboard .actions-card{background:#fff0;border:none}.account-dashboard .btn-action{text-decoration:none;padding:.75rem 1.5rem;font-weight:600;border-radius:var(--auth-radius);transition:all 0.3s ease;display:inline-flex;align-items:center}.account-dashboard .btn-action.btn-secondary{background-color:var(--card-color-hover);color:var(--wight-color);margin-right:1rem}.account-dashboard .btn-action.btn-secondary:hover{background-color:var(--auth-card)}.account-dashboard .btn-action.btn-danger{background-color:var(--auth-primary);color:var(--auth-text-dark)}.account-dashboard .btn-action.btn-danger:hover{filter:brightness(1.1)}.account-dashboard .btn-action.btn-danger img{filter:none;width:16px;margin-right:.5rem}@media (max-width:992px){.auth-panel-brand{display:none}.auth-panel-form{width:100%}}.container.first-sec{display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:3rem 1rem;box-sizing:border-box}.card-data{background:var(--auth-bg-panel,#202633);border-radius:25px;padding:25px;position:relative;width:100%;max-width:500px;margin:auto}.card-data .h1-text{font-size:3.125rem;margin-bottom:1.5rem;text-align:center;color:var(--auth-text-light,#ffffff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-image:linear-gradient(247deg,var(--auth-primary,#fcb900),#ffd154);font-weight:700}.container-card{position:relative;display:flex;justify-content:center;align-items:center}.form-register{width:100%;max-width:100%;margin:auto;text-align:center;display:flex;flex-direction:column;justify-content:center}.form-register input[type="text"],.form-register input[type="email"],.form-register input[type="password"],.form-register input[type="number"]{background:var(--auth-card,#313A4B)!important;border-radius:5px!important;padding:15px!important;width:100%!important;border:1px solid var(--auth-border,#3f495a)!important;outline:none!important;color:var(--auth-text-light,#ffffff)!important;height:50px!important;font-size:1rem!important;margin-bottom:1rem;box-sizing:border-box}.form-register input::placeholder{color:var(--auth-text-muted,#d7e1f5)!important;opacity:0.6!important}.form-register input:focus{outline:none!important;border-color:var(--auth-primary)!important;box-shadow:0 0 0 3px rgb(252 185 0 / .2)!important}.register-up-div{display:flex;flex-direction:column;gap:15px}.button-form{width:100%;padding:1rem!important;border:none!important;border-radius:var(--auth-radius)!important;background:var(--auth-primary)!important;color:var(--auth-text-dark)!important;font-size:1rem!important;font-weight:600!important;text-align:center;cursor:pointer;height:50px;transition:all 0.3s ease}.button-form:hover{filter:brightness(1.1)}.sing-in{text-align:center;margin-top:1rem}.sing-in a.sing,.forgot-pass-a{color:var(--auth-primary,#fcb900);text-decoration:none;font-weight:500}.sing-in a.sing:hover,.forgot-pass-a:hover{text-decoration:underline}.alert-div-parent{padding:18px 20px!important;display:flex;align-items:center;gap:10px;border-radius:var(--auth-radius);color:var(--auth-text-dark);width:100%;margin-top:1.5rem;margin-bottom:1rem;border:1px solid}.alert-div-parent .icon-alert{display:flex;flex-shrink:0}.alert-div-parent .icon-alert img.icon{width:24px;height:24px}.alert-div-parent ul{list-style:none;padding:0;margin:0;color:inherit;text-align:right}.alert-div-parent ul li{color:inherit}.alert-div-parent.alert-error{background:rgb(239 68 68 / .1);color:#f87171;border-color:#ef4444}.alert-div-parent.alert-error .icon-alert img.icon{filter:invert(53%) sepia(90%) saturate(4493%) hue-rotate(326deg) brightness(99%) contrast(90%)}.alert-div-parent.alert-success{background:rgb(20 184 166 / .1);color:#a3e635;border-color:#14b8a6}.alert-div-parent.alert-success .icon-alert img.icon{filter:invert(83%) sepia(11%) saturate(2588%) hue-rotate(98deg) brightness(89%) contrast(82%)}.alert-div-parent.alert-warning{background:#fffbeb;color:#f59e0b;border-color:#f59e0b}.alert-div-parent.alert-warning .icon-alert img.icon{filter:invert(66%) sepia(53%) saturate(1210%) hue-rotate(359deg) brightness(100%) contrast(95%)}.alert-div-parent.alert-info{background:#eff6ff;color:#3b82f6;border-color:#3b82f6}.alert-div-parent.alert-info .icon-alert img.icon{filter:invert(51%) sepia(98%) saturate(1348%) hue-rotate(197deg) brightness(98%) contrast(94%)}.img-bg{z-index:-2;position:fixed;left:0;top:0;width:100%;height:100%;opacity:.2;overflow:hidden}.bg-img{position:absolute;top:0;left:0;width:100vw;height:auto;min-height:100%;z-index:-1;animation:bg-img-scroll 60s linear infinite}@keyframes bg-img-scroll{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}@media (max-width:500px){.container.first-sec{padding-top:2rem;padding-bottom:2rem;min-height:auto}.container.first-sec .card-data{width:90%!important;padding:20px}.card-data .h1-text{font-size:2.25rem}.form-register input[type="text"],.form-register input[type="email"],.form-register input[type="password"],.form-register input[type="number"],.button-form{height:45px;padding:12px!important;font-size:0.9rem!important}.alert-div-parent{padding:15px!important}.alert-div-parent .icon-alert img.icon{width:20px;height:20px}}