@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&display=swap";:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{width:100%;transform:translate3d(0,var(--y),0)scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g)*1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0)scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0)perspective(400px)}30%{transform:translate3d(0,var(--y),0)perspective(400px)rotate3d(1,0,0,-20deg);opacity:1}to{transform:translate3d(0,var(--y),0)perspective(400px)rotate3d(1,0,0,90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-content{animation:.4s ease-in-out fadeIn}.dropdown-item{color:#222;cursor:pointer;align-items:center;gap:10px;padding:10px 16px;font-size:16px;font-weight:500;transition:background .2s;display:flex}.HomeStyling{text-align:center;background-image:linear-gradient(#5f59598c,#201f1f8c),url(/CAREER_BG.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;font-family:Trebuchet MS,Arial,sans-serif;font-size:clamp(1rem,4vw,2.5rem);display:flex}.logo{width:clamp(400px,40vw,400px);z-index:1200px;filter:brightness(5.6)contrast(3.15);border-radius:18px;justify-content:center;align-items:center;margin:0 auto;transition:transform .3s,filter .3s,box-shadow .3s}.logo:hover{filter:brightness(1.5)contrast(1.2);transform:scale(1.05)}.logo img{object-fit:contain;filter:brightness(0)saturate()invert(36%)sepia(88%)saturate(10%)hue-rotate(10deg);width:100%;height:auto}.welcome{text-align:center;background:linear-gradient(135deg,#fa8b4f,#eeaf50);color:#0000;-webkit-user-select:none;user-select:none;letter-spacing:.05em;-webkit-background-clip:text;background-clip:text;width:90%;max-width:800px;padding:1rem;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:clamp(.9rem,2vw,1.1rem);line-height:1.8;transition:background .4s;position:fixed;bottom:34%;left:50%;transform:translate(-50%)}.Myform{background-color:#fffffffa;border-radius:16px;align-items:center;width:100%;max-width:880px;margin:30px auto 0;padding:clamp(20px,5vw,50px);transition:box-shadow .3s;animation:.5s ease-in-out fadeIn;box-shadow:0 12px 36px #00000026}.Myform:hover{box-shadow:0 16px 48px #00000038}.Myform h2{color:#081314d0;text-align:center;letter-spacing:.03em;margin-bottom:30px;font-size:clamp(1.75rem,3vw,2.2rem);font-weight:700}.Myform p{color:#071314dd;text-align:center;margin:20px 0 10px;font-size:clamp(1rem,2vw,1.1rem);font-weight:500}.Myform label{color:#071314;text-align:left;-webkit-user-select:none;user-select:none;margin-bottom:10px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:clamp(1rem,2vw,1.1rem);font-weight:700;display:block}.Myform input,.Myform select{color:#222;background-color:#fffffff2;border:2px solid #ccc;border-radius:10px;width:100%;margin-bottom:24px;padding:14px 18px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:clamp(1rem,2vw,1.1rem);transition:all .3s;box-shadow:inset 0 1px 3px #0000001a}.form-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:18px 40px;display:grid}.form-field{flex-direction:column;display:flex}.form-field.full-width{grid-column:1/-1}.radio-group{align-items:center;gap:18px;margin-top:8px;display:flex}.radio-group label{color:#333;align-items:center;gap:8px;font-weight:600;display:inline-flex}.radio-group input[type=radio]{width:16px;height:16px}.form-actions{flex-direction:column;gap:10px;margin-top:5px;display:flex}.form-actions .small{text-align:center;color:#333;margin:0;font-size:.95rem}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.Myform{padding:5px}}.Myform input:focus,.Myform select:focus{background-color:#f0f8ff;border-color:#4a90e2;outline:none;box-shadow:0 0 10px #4a90e24d}.Myform input[type=file]{cursor:pointer;background-color:#fafafa;border:2px dashed #ccc;padding:10px;transition:background-color .3s,border-color .3s}.Myform input[type=file]:hover{background-color:#e6f0ff;border-color:#4a90e2}.Myform select{cursor:pointer;appearance:none;background-position:right 16px center;background-repeat:no-repeat;background-size:20px;padding-right:40px}.Myform button[type=submit]{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.6px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;width:100%;margin-top:10px;padding:16px;font-size:clamp(1.1rem,2vw,1.25rem);font-weight:700;transition:all .3s;box-shadow:0 6px 18px #667eea80}.Myform button[type=submit]:hover{transform:translateY(-3px);box-shadow:0 10px 28px #667eea99}.Myform button[type=submit]:active{transform:translateY(0);box-shadow:0 6px 18px #667eea80}.modal{z-index:2000;-webkit-user-select:none;user-select:none;background:#000000a6;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:440px;padding:36px 36px 40px;transition:box-shadow .3s;animation:.35s ease-in-out fadeIn;box-shadow:0 16px 48px #00000059}.modal-content:hover{box-shadow:0 20px 56px #00000073}.profile-header{-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:24px;display:flex}.info-item{background:#fff;border-radius:12px;padding:19px;transition:box-shadow .3s;box-shadow:0 6px 18px #0000001a}.dashboard-container,.home-hero,.hero-content{background:0 0!important}.menu-divider{-webkit-user-select:none;user-select:none;background-color:#eee;border:none;height:2px;margin:6px 0}.signup-btn,.login-btn{color:#000;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:12px;padding:clamp(12px,2vw,16px) clamp(24px,6vw,48px);font-size:clamp(.9rem,2vw,1.125rem);font-weight:700;text-decoration:none;transition:all .3s;position:fixed;bottom:20%;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #e1c05c80}.signup-btn:hover,.login-btn:hover{background:linear-gradient(135deg,#ed7207 0%,#f2f54e 100%);transform:translate(-50%)translateY(-3px);box-shadow:0 10px 28px #ea966699}.signup-btn{margin-left:calc(clamp(80px,15vw,150px));bottom:20%}.login-btn{margin-left:calc(-1*clamp(80px,15vw,150px));bottom:20%}.profile-completion-title{color:#222;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}@media (max-width:1024px){.top-nav-container{padding:6px 16px}.nav-item{min-width:80px;padding:10px 14px}.logo{width:clamp(180px,35vw,350px)}.welcome{width:85%;font-size:clamp(.85rem,1.8vw,1rem);bottom:40%}.signup-btn{margin-left:clamp(60px,12vw,120px)}.login-btn{margin-left:calc(-1*clamp(60px,12vw,120px))}.profile-completion-title{color:#222;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:600;display:flex}}@media (max-width:768px){.top-nav-container{justify-content:space-between;padding:8px 10px}.nav-item{min-width:70px;padding:8px 10px;font-size:12px}.nav-item svg{width:22px;height:22px}.logo{width:clamp(150px,30vw,250px)}.welcome{width:90%;padding:.8rem;font-size:clamp(.8rem,1.5vw,.95rem);bottom:42%}.homeTab{width:95%;padding:10px 18px;top:65px}.Myform{width:95%;margin:100px auto 50px;padding:28px 24px}.Myform label{text-align:left;margin-bottom:8px}.Myform input,.Myform select{margin-bottom:18px;padding:12px 14px}.profile-header{text-align:center;flex-direction:column;gap:20px}.info-grid{grid-template-columns:1fr}.info-item{padding:16px}footer{gap:12px;width:95%;bottom:12px}.register-link,.login-link{max-width:100%;padding:14px 20px}.modal-content{width:95%;padding:24px}.HomeStyling{padding-top:100px}.signup-btn,.login-btn{padding:clamp(10px,1.8vw,14px) clamp(20px,5vw,36px);font-size:clamp(.85rem,1.8vw,1rem);bottom:22%}.signup-btn{margin-left:clamp(50px,10vw,90px)}.login-btn{margin-left:calc(-1*clamp(50px,10vw,90px))}.profile-completion-title{color:#222;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:600;display:flex}}@media (max-width:480px){.nav-item span{font-size:11px}.nav-item{gap:4px;min-width:60px;padding:6px 8px}.nav-item svg{width:20px;height:20px}.logo{width:clamp(120px,28vw,180px)}.welcome{width:92%;padding:.6rem;font-size:clamp(.75rem,1.3vw,.85rem);line-height:1.6;bottom:43%}.homeTab{padding:8px 14px;font-size:.9rem;top:60px}.Myform{margin:90px auto 40px;padding:22px 18px}.Myform h2{margin-bottom:22px}.Myform input,.Myform select{padding:10px;font-size:.9rem}.Myform button[type=submit]{padding:14px;font-size:1rem}.signup-btn,.login-btn{padding:10px 20px;font-size:.8rem;bottom:25%}.signup-btn{margin-left:45px}.login-btn{margin-left:-45px}.profile-completion-title{color:#222;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:600;display:flex}}@media (max-width:360px){.logo{width:clamp(100px,25vw,140px)}.welcome{width:95%;padding:.5rem;font-size:.7rem;bottom:48%}.signup-btn,.login-btn{padding:8px 16px;font-size:.75rem;bottom:28%}.signup-btn{margin-left:38px}.login-btn{margin-left:-38px}.profile-completion-title{color:#222;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:600;display:flex}}@media (max-height:600px) and (orientation:landscape){.top-nav{position:relative}.homeTab{margin-bottom:20px;position:relative;top:0}.Myform{margin:20px auto}.HomeStyling{padding-top:20px}.welcome{margin:25px auto;position:relative;bottom:auto}.signup-btn,.login-btn{margin:10px 5px;display:inline-block;position:relative;bottom:auto;transform:none}.signup-btn:hover,.login-btn:hover{transform:translateY(-3px)}.profile-completion-title{color:#222;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:600;display:flex}}.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.bg-decoration{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bg-circle-1{filter:blur(80px);background:#ffffff1a;border-radius:50%;width:20rem;height:20rem;animation:3s ease-in-out infinite pulse;position:absolute;top:-10rem;right:-10rem}.bg-circle-2{filter:blur(80px);background:#ffffff1a;border-radius:50%;width:20rem;height:20rem;animation:3s ease-in-out 1s infinite pulse;position:absolute;bottom:-10rem;left:-10rem}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.back-link{color:#fff;z-index:10;align-items:center;gap:.5rem;font-weight:500;text-decoration:none;transition:color .3s;display:flex;position:absolute;top:1.5rem;left:1.5rem}.back-link:hover{color:#fffc}.back-arrow{width:1.25rem;height:1.25rem}.login-card-wrapper{width:100%;max-width:28rem;position:relative}.login-card-glow{filter:blur(40px);opacity:.3;z-index:-1;background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);border-radius:1.5rem;position:absolute;inset:0}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px -12px #00000040}.logo-container{justify-content:center;margin-bottom:1.5rem;display:flex}.logo-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3,#ffffff0d);border:1px solid #ffffff4d;border-radius:1rem;padding:1rem}.logo-icon{color:#fff;width:3rem;height:3rem}.login-header{text-align:center;margin-bottom:2rem}.login-title{color:#fff;margin-bottom:.5rem;font-size:1.875rem;font-weight:700}.login-subtitle{color:#fffc;font-size:.875rem}.login-form{flex-direction:column;gap:1.5rem;display:flex}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-label{color:#fff;font-size:.875rem;font-weight:500;display:block}.input-container{position:relative}.input-icon{color:#000204;pointer-events:none;width:1.25rem;height:1.25rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.input-field{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:.75rem;outline:none;width:100%;padding:.875rem 1rem .875rem 3rem;font-size:1rem;transition:all .3s}.input-field::placeholder{color:#ffffff80}.input-field:focus{border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff1a}.password-toggle{color:#000;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:color .3s;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.password-toggle:hover{color:#000}.password-toggle-icon{width:1.25rem;height:1.25rem}.submit-button{color:#764ba2;cursor:pointer;background:#fff;border:none;border-radius:.75rem;width:100%;padding:.875rem 1rem;font-weight:600;transition:all .3s;box-shadow:0 10px 15px -3px #0000001a}.submit-button:hover{background:#fffffff2;transform:scale(1.02)}.submit-button:active{transform:scale(.98)}.login-footer{text-align:center;margin-top:1.5rem}.login-footer-text{color:#fff9;font-size:.875rem}@media (max-width:640px){.login-card{padding:1.5rem}.login-title{font-size:1.5rem}.back-link{font-size:.875rem;top:1rem;left:1rem}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:#ffffffb6;background-size:cover;width:100%;height:100%;min-height:100vh;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;transition:background-color .3s,color .3s}.white-card,.earnings-card-container,.referrals-card,.data-table,.table,.referrals-table{background:#fefffd;border-radius:20px;padding:6px;transition:box-shadow .3s}.container{max-width:14500px;margin:0 auto;padding:0}.page-container,.dashboard-container,.earnings-page-container{max-width:1400px;margin:0 auto}.dashboard-container{background:linear-gradient(#f5f7fae4 0%,#e1e8f7 100%);min-height:100vh;padding-bottom:100px;transition:background .4s}.page-title,.card-title,.referrals-title{color:#1a1a1a;text-shadow:0 1px 2px #0000000d;margin-bottom:20px;font-weight:700;transition:color .3s}.page-title{font-size:clamp(22px,4vw,28px)}.card-title{color:#10043c;border-bottom:3px solid #d1e8ff;padding-top:15px;padding-bottom:12px;font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(22px,3vw,26px)}.referrals-title{margin-bottom:15px;font-size:clamp(18px,2.5vw,22px)}.metric-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:49px;display:grid}.metric-card{color:#fff;cursor:default;border-radius:14px;padding:28px 32px;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 20px #0000001f}.metric-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000038}.metric-card-content{justify-content:space-between;align-items:center;display:flex}.metric-info p{opacity:.95;color:#fffffff2;margin:0 0 10px;font-size:15px;font-weight:600}.metric-info h3{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(15px,4vw,28px);font-weight:700;overflow:hidden}.metric-icon{opacity:.9;width:52px;height:52px;transition:transform .3s}.metric-card:hover .metric-icon{transform:scale(1.1)}.metric-card.blue{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.metric-card.green{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)}.metric-card.orange{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.metric-card.red{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.metric-card.purple{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.metric-card.teal{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.search-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.search-group{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:10px;display:flex}.search-input-wrapper{background:#ffffffe6;border:1.5px solid #bbb;border-radius:8px;align-items:center;min-width:220px;padding:10px 14px;transition:border-color .3s,box-shadow .3s;display:flex;box-shadow:0 3px 7px #0000000d}.search-input-wrapper:focus-within{border-color:#2563eb;box-shadow:0 0 8px #2563ebaa}.search-input{color:#222;background-color:#f8fafce6;border:none;outline:none;flex:1;margin-left:6px;font-size:17px;font-weight:500;transition:background-color .3s}.search-input::placeholder{color:#888;font-style:italic}.search-icon{opacity:.65;color:#1c4379;transition:color .3s}.search-input:focus+.search-icon{color:#2563eb}.filter-select{color:#0f0c0c;cursor:pointer;background:#fff;border:1.5px solid #b6b4b4;border-radius:12px;padding:10px 14px;font-size:15px;font-weight:600;transition:border-color .3s,box-shadow .3s}.filter-select:hover,.filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 6px #667eeaaa}.btn,.primary-btn,.approve-btn,.reject-btn,.submit-btn{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 18px;font-weight:700;transition:all .3s;display:inline-flex}.btn,.btn-primary,.primary-btn{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 12px #667eea99}.btn-primary:hover,.primary-btn:hover{background:linear-gradient(135deg,#5568d3 0%,#5a3d8b 100%);transform:translateY(-3px);box-shadow:0 6px 20px #5568d3cc}.btn-approve,.approve-btn{color:#fff;background:linear-gradient(135deg,#28a745 0%,#218838 100%);border:1.5px solid #1c6c2d;padding:8px 16px}.btn-approve:hover,.approve-btn:hover{background:linear-gradient(135deg,#218838 0%,#1e6c2a 100%);transform:translateY(-2px);box-shadow:0 4px 14px #218838b3}.btn-approve:disabled{cursor:not-allowed;opacity:.6;background:#8fd5a5;border-color:#7bcf8a}.btn-decline,.reject-btn{color:#fff;background:linear-gradient(135deg,#dc3545 0%,#b22237 100%);border:1.5px solid #8f1f2a;padding:8px 16px}.btn-decline:hover,.reject-btn:hover{background:linear-gradient(135deg,#c82333 0%,#9e1b29 100%);transform:translateY(-2px);box-shadow:0 4px 14px #c82333b3}.btn-decline:disabled{cursor:not-allowed;opacity:.6;background:#e9a4aa;border-color:#d88f95}.btn-icon{cursor:pointer;color:#667eea;background:0 0;border:none;border-radius:8px;padding:10px;font-size:18px;transition:background .3s,color .3s}.btn-icon.delete{color:#e74c3c}.btn-icon:hover{color:#334155;background:#f1f1f1}.edit-btn{cursor:pointer;color:#667eea;background:0 0;border:none;padding:10px;font-size:16px;transition:all .3s}.edit-btn:hover{color:#334155;background:#f1f1f1;border-radius:6px}.action-buttons{flex-wrap:wrap;gap:14px;display:flex}.table-container,.referrals-table-wrapper{border-radius:15px;margin-top:5px;overflow-x:auto}.data-table,.table,.referrals-table{border-spacing:0;border-radius:16px;width:100%;overflow:hidden}.data-table th,.table th,.referrals-table thead th{text-align:left;color:#2d3748;background:#f0f4ff;border-bottom:3px solid #d1e8ff;padding:15px 20px;font-size:15px;font-weight:700}.data-table td,.table td,.referral-col{color:#4a5568;border-bottom:1.5px solid #e8eaf0;padding:10px 18px;font-size:15px;font-weight:500;transition:background .3s}.data-table tr:hover,.table tr:hover,.referral-row:hover{cursor:pointer;background:#e9f0ff}.table-actions,.referral-actions{gap:10px;padding:12px 0}.data-table th,.data-table td{vertical-align:middle;text-overflow:ellipsis;padding:10px 20px;overflow:hidden}.data-table th:first-child,.data-table td:first-child{width:20%;min-width:130px}.data-table th:last-child,.data-table td:last-child{text-align:center}.data-table .table-actions,.data-table .action-buttons{justify-content:center;place-items:center}.data-table select.status-select{min-width:120px}.data-table .status-badge{text-align:center;min-width:88px;display:inline-block}.data-table tbody td[colspan]{text-align:center;color:#6b7280;padding:200px 12px;font-style:italic}@media (max-width:800px){.data-table th,.data-table td{white-space:normal}.data-table th:first-child,.data-table td:first-child{width:auto;min-width:120px}}.client-details-row{color:#6b7280;background:#f8f9fc;font-style:italic}.empty-text{text-align:center;color:#6b7280;padding:28px 12px;font-style:italic}.status-action-group{justify-content:center;align-items:center;gap:10px;display:flex}.data-table .btn,.data-table .btn-icon{vertical-align:middle}.badge,.status-badge{text-transform:capitalize;border-radius:22px;padding:7px 16px;font-size:13px;font-weight:700;transition:background-color .3s,color .3s;display:inline-block}.badge-success,.status-badge.active,.status-badge.approved{color:#1e8f38;background:#d4f7d6;box-shadow:0 0 8px #1e8f3822}.badge-danger,.status-badge.inactive,.status-badge.rejected,.status-badge.declined{color:#d62828;background:#ffd4d4;box-shadow:0 0 8px #d6282822}.badge-warning,.status-badge.pending{color:#946200;background:#fff3cd;box-shadow:0 0 8px #94620022}.status-select{color:#333;cursor:pointer;background:#fff;border:2px solid #ccc;border-radius:8px;padding:8px 12px;font-weight:600;transition:all .3s}.status-select.active{color:#2ecc71;border-color:#2ecc71;box-shadow:0 0 8px #2ecc7122}.status-select.inactive{color:#e74c3c;border-color:#e74c3c;box-shadow:0 0 8px #e74c3c22}.earnings-input,.earnings-input-field{color:#222;background-color:#cbbebe59;border:1.5px solid #bbb;border-radius:12px;width:120px;padding:10px 14px;font-size:15px;transition:border-color .3s,background-color .3s}.earnings-input:focus,.earnings-input-field:focus{background-color:#e6f0ff;border-color:#667eea;outline:none}.earnings-input{width:90px;padding:8px 12px}.earnings-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.earnings-total-box{text-align:right;margin-right:20px}.earnings-total-label{color:#4a5568;font-size:15px;font-weight:600}.earnings-total-value{color:#1a1a1a;letter-spacing:.02em;font-size:28px;font-weight:800}.earnings-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:22px;display:grid}.earnings-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.earnings-agent-name{color:#1a1a1a;font-size:20px;font-weight:700}.earnings-agent-email{color:#64748b;margin-top:6px;font-size:15px}.earnings-amount-section{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.earnings-amount{color:#1a1a1a;font-size:22px;font-weight:700}.earnings-percentage{color:#64748b;font-size:14px}.info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:28px;display:grid}.info-item{color:#4a5568;background:#fff;border-radius:12px;padding:20px;transition:box-shadow .3s;box-shadow:0 6px 18px #00000014}.info-item:hover{box-shadow:0 10px 24px #0000001f}.top-nav{z-index:1100;background:#fff;border-bottom:1.5px solid #d1d9ff;transition:background .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #00000026}.top-nav-container{justify-content:space-around;align-items:center;max-width:1700px;margin:0 auto;padding:8px 24px;display:flex}.nav-item{cursor:pointer;color:#64748b;-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;align-items:center;gap:6px;min-width:90px;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.nav-item svg{width:26px;height:26px;margin-bottom:4px;transition:color .3s}.modal-overlay{z-index:1200;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:10% 0 0}.modal-box{background:#fff;border-radius:16px;width:90%;max-width:520px;max-height:90vh;transition:transform .3s,box-shadow .3s;overflow-y:auto;box-shadow:0 12px 42px #00000040}.modal-box:focus-within{outline:none;box-shadow:0 16px 48px #00000059}.modal-header{border-bottom:1.5px solid #e0e0e0;justify-content:space-between;align-items:center;padding:24px 24px 18px;display:flex}.modal-title-text{color:#222;margin:0;font-size:22px;font-weight:700}.close-btn{cursor:pointer;color:#fffcfc;background:red;border-radius:10px;justify-content:center;align-items:center;padding:10px;font-size:20px;line-height:1;transition:color .3s;display:flex}.mode-buttons{flex-wrap:wrap;justify-content:center;gap:24px;padding:48px 24px;display:flex}.mode-btn{cursor:pointer;color:#333;-webkit-user-select:none;user-select:none;background:#fff;border:3px solid #e0e0e0;border-radius:16px;flex-direction:column;align-items:center;gap:16px;min-width:160px;padding:36px 48px;font-weight:700;transition:all .35s;display:flex;box-shadow:0 6px 18px #0000000d}.mode-btn:hover{color:#667eea;border-color:#667eea;transform:translateY(-7px);box-shadow:0 14px 32px #00000026}.add-btn:hover{color:#4caf50;border-color:#4caf50}.add-btn:hover svg{color:#4caf50}.update-btn:hover{color:#2196f3;border-color:#2196f3}.update-btn:hover svg{color:#2196f3}.modal-form{flex-direction:column;gap:16px;padding:24px;display:flex}.modal-form input,.modal-form select{color:#1a1a1a;background-color:#fefefe;border:1.5px solid #ddd;border-radius:12px;width:100%;padding:14px;font-size:16px;transition:border-color .3s,box-shadow .3s}.modal-form input:focus,.modal-form select:focus{border-color:#2196f3;outline:none;box-shadow:0 0 10px #2196f3aa}.submit-btn{color:#fff;cursor:pointer;background:#2196f3;border-radius:12px;width:100%;padding:16px;font-size:18px;font-weight:700;transition:background .3s,box-shadow .3s}.submit-btn:hover{background:#1976d2;box-shadow:0 8px 20px #1976d2bb}.details-box{color:#333;background:#fffc;border-radius:16px;margin-top:24px;padding:36px;font-size:16px;line-height:1.9;animation:.4s ease-in-out fadeIn;box-shadow:0 4px 14px #0000001f}.details-box p,.client-details-box p{margin:14px 0}.menu-divider{background-color:#e6e8eb;border:none;height:2px;margin:6px 0}@media (max-width:1024px){.earnings-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.metric-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.top-nav-container{padding:6px 16px}.nav-item{min-width:88px;padding:10px 14px}}@media (max-width:768px){.dashboard-container,.page-container,.earnings-page-container{padding:70px 16px 90px}.profile-info{text-align:center;flex-direction:column}.profile-details{text-align:center}.metric-cards,.earnings-grid{grid-template-columns:1fr;gap:20px}.card-title,.page-title{font-size:20px}.search-filter-bar,.search-group{flex-direction:column;align-items:stretch}.search-input-wrapper{min-width:100%}.top-nav-container{justify-content:space-between;padding:15px}.nav-item{min-width:70px;padding:8px 10px;font-size:12px}.nav-item svg{width:22px;height:22px}.profile-header{text-align:center;flex-direction:column;gap:18px}.info-grid{grid-template-columns:1fr}.info-item,.profile-content{padding:16px}.earnings-header{flex-direction:column;align-items:stretch}.earnings-total-box{text-align:left}.table-container,.referrals-table-wrapper{overflow-x:auto}.mode-buttons{flex-direction:column;padding:20px}.mode-btn{min-width:100%;padding:24px 32px}}@media (max-width:480px){.nav-item span{font-size:11px}.nav-item{gap:4px;min-width:60px;padding:6px 8px}.nav-item svg{width:20px;height:20px}.metric-info h3{font-size:30px}.metric-icon{width:44px;height:44px}.white-card,.profile-card,.earnings-card-container,.referrals-card{padding:15px}.btn{padding:10px 14px;font-size:14px}.earnings-amount{font-size:20px}.earnings-agent-name{font-size:18px}.modal-box{width:96%;max-height:96vh}.modal-header{padding:18px}.modal-title-text{font-size:20px}.mode-btn{padding:24px 36px}}.nav-item:hover{color:#334155;background-color:#d1e3ff;box-shadow:0 4px 12px #667eea66}.dropdown-item{color:#222;cursor:pointer;align-items:center;gap:10px;padding:10px 16px;font-family:Times New Roman,Times,serif;font-size:18px;transition:background .2s;display:flex}.dropdown-item:hover{background:#f3f4f6}.dropdown-item.logout{color:#d9143c}.dropdown-item.logout:hover{background:#ffe4e6}.dashboard-container{min-height:100vh;padding-top:80px;padding-bottom:40px}.profile-wrapper{display:inline-block;position:relative}.nav-item.profile-wrapper{padding:auto 10px;position:relative}.profile-wrapper .dropdown-menu{min-width:200px;margin-top:10px;position:absolute;top:100%;right:0}.dropdown-menu{z-index:5000;background:#fff;border-radius:10px;width:200px;padding:6px 0;animation:.2s ease-in-out dropdownFadeIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 6px 20px #00000026}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{color:#222;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:12px 16px;font-size:15px;font-weight:500;transition:background .2s,color .2s;display:flex}.dropdown-item:hover{color:#667eea;background:#f3f4f6}.dropdown-item svg{flex-shrink:0}.dropdown-item.logout{color:#dc2626;border-top:1px solid #e5e7eb;margin-top:4px}.dropdown-item.logout:hover{color:#b91c1c;background:#fee2e2}.menu-divider{border:none;border-top:1px solid #e5e7eb;margin:6px 0}.top-nav,.top-nav-container{overflow:visible}@media (max-width:768px){.dashboard-container{padding-top:70px;padding-left:10px;padding-right:10px}.dropdown-menu{min-width:180px;left:auto;right:0}}@media (max-width:480px){.dashboard-container{padding-top:65px}.dropdown-menu{min-width:160px}.dropdown-item{padding:10px 14px;font-size:14px}}.dashboard-container>*{z-index:1;position:relative}.modal-overlay{z-index:9999}.nav-item.active{color:#667eea;background-color:#eef2ff;box-shadow:0 6px 16px #667eea99}.nav-item.active svg{color:#667eea}.nav-item,.dropdown-item{transition:all .3s}.nav-item,.profile-wrapper{-webkit-user-select:none;user-select:none}.nav-item,.dropdown-item{-webkit-tap-highlight-color:transparent}.editable-input{color:#333;box-sizing:border-box;background-color:#f0f8ff;border-radius:4px;width:100%;padding:4px 6px}.editable-select{color:#333;box-sizing:border-box;background-color:#e6fffa;border:1px solid #00bfa5;border-radius:4px;width:100%;padding:4px 6px}.status-badge{text-transform:capitalize;border-radius:9999px;padding:.375rem .875rem;font-size:.875rem;font-weight:600;display:inline-block}.status-badge.approved{color:#166534;background-color:#dcfce7}.status-badge.declined{color:#991b1b;background-color:#fee2e2}.status-badge.pending{color:#92400e;background-color:#fef3c7}.btn-icon.view{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 8px #10b9814d}.btn-icon.view:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn.btn-secondary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.btn.btn-secondary:hover{background:linear-gradient(135deg,#4b5563 0%,#374151 100%);transform:translateY(-2px)}.data-table tbody td[style*="cursor: pointer"]{transition:all .2s}.data-table tbody td[style*="cursor: pointer"]:hover{text-decoration:underline;color:#2563eb!important}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.white-card{animation:.4s ease-out slideInFromTop}@media (max-width:768px){.status-badge{padding:.25rem .625rem;font-size:.75rem}.btn-icon.view{padding:.375rem .75rem;font-size:.875rem}}.add-circle-btn{color:#fff;cursor:pointer;background-color:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.add-circle-btn:hover{background-color:#1e40af;transform:scale(1.1)}.dashboard-home-container{background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 50%,#f1f5f9 100%);min-height:100vh;padding:2rem}.dashboard-home-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.dashboard-home-welcome{flex:1}.dashboard-home-title{color:#0f172a;margin:0;font-size:2rem;font-weight:700;line-height:1.2}.dashboard-home-subtitle{color:#64748b;margin:.5rem 0 0;font-size:1rem}.dashboard-home-time-card{color:#3b82f6;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;box-shadow:0 1px 3px #0000001a}.dashboard-home-time-content{flex-direction:column;gap:.25rem;display:flex}.dashboard-home-time{color:#0f172a;margin:0;font-family:SF Mono,Monaco,Consolas,monospace;font-size:1.125rem;font-weight:700}.dashboard-home-date{color:#64748b;margin:0;font-size:.75rem}.dashboard-home-stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.dashboard-home-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}.dashboard-home-stat-card:before{content:"";background:currentColor;height:4px;position:absolute;top:0;left:0;right:0}.dashboard-home-stat-card.blue{color:#3b82f6}.dashboard-home-stat-card.green{color:#15803d}.dashboard-home-stat-card.purple{color:#7c3aed}.dashboard-home-stat-card.teal{color:#0891b2}.dashboard-home-stat-card.orange{color:#ea580c}.dashboard-home-stat-card.earnings{color:#15803d}.dashboard-home-stat-card.withdrawals{color:#be185d}.dashboard-home-stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000001a}.dashboard-home-stat-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.dashboard-home-stat-icon-wrapper{color:#fff;border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.dashboard-home-stat-icon-wrapper.blue{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.dashboard-home-stat-icon-wrapper.green{background:linear-gradient(135deg,#22c55e 0%,#15803d 100%)}.dashboard-home-stat-icon-wrapper.purple{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.dashboard-home-stat-icon-wrapper.teal{background:linear-gradient(135deg,#14b8a6 0%,#0891b2 100%)}.dashboard-home-stat-icon-wrapper.orange{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)}.dashboard-home-stat-icon-wrapper.earnings{background:linear-gradient(135deg,#22c55e 0%,#15803d 100%)}.dashboard-home-stat-icon-wrapper.withdrawals{background:linear-gradient(135deg,#ec4899 0%,#be185d 100%)}.dashboard-home-stat-badge{color:#64748b;background:#f1f5f9;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.dashboard-home-stat-badge.green{color:#15803d;background:#dcfce7}.dashboard-home-stat-badge.red{color:#dc2626;background:#fee2e2}.dashboard-home-stat-content{flex-direction:column;gap:.5rem;display:flex}.dashboard-home-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.875rem;font-weight:500}.dashboard-home-stat-value{color:#0f172a;margin:0;font-family:SF Mono,Monaco,Consolas,monospace;font-size:2rem;font-weight:700}.dashboard-home-stat-description{color:#94a3b8;margin:0;font-size:.8125rem}.dashboard-home-summary-grid{gap:1.5rem;display:grid}.dashboard-home-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.dashboard-home-summary-header{margin-bottom:1.5rem}.dashboard-home-summary-title{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700}.dashboard-home-summary-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.dashboard-home-summary-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;align-items:center;gap:1rem;padding:1rem;display:flex}.dashboard-home-summary-icon{color:#fff;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.dashboard-home-summary-icon.blue{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.dashboard-home-summary-icon.purple{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.dashboard-home-summary-icon.earnings{background:linear-gradient(135deg,#22c55e 0%,#15803d 100%)}.dashboard-home-summary-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.dashboard-home-summary-label{color:#64748b;margin:0;font-size:.875rem;font-weight:500}.dashboard-home-summary-value{color:#0f172a;margin:0;font-family:SF Mono,Monaco,Consolas,monospace;font-size:1.25rem;font-weight:700}.dashboard-home-loading-container{background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 50%,#f1f5f9 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.dashboard-home-loading-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.dashboard-home-loading-spinner{border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:3rem;height:3rem;animation:.8s linear infinite dashboardHomeSpin}@keyframes dashboardHomeSpin{to{transform:rotate(360deg)}}.dashboard-home-loading-text{color:#64748b;margin:0;font-weight:500}@media (max-width:1024px){.dashboard-home-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.dashboard-home-container{padding:1rem}.dashboard-home-header{flex-direction:column;align-items:flex-start}.dashboard-home-title{font-size:1.5rem}.dashboard-home-subtitle{font-size:.875rem}.dashboard-home-time-card{align-self:flex-start}.dashboard-home-stats-grid{grid-template-columns:1fr;gap:1rem}.dashboard-home-stat-card{padding:1.25rem}.dashboard-home-stat-value{font-size:1.75rem}.dashboard-home-summary-content{grid-template-columns:1fr}}@media (max-width:640px){.dashboard-home-stat-icon-wrapper{width:2.5rem;height:2.5rem}.dashboard-home-stat-value{font-size:1.5rem}.dashboard-home-stat-label,.dashboard-home-stat-description{font-size:.75rem}.dashboard-home-time{font-size:1rem}.dashboard-home-date{font-size:.6875rem}.dashboard-home-summary-item{padding:.875rem}.dashboard-home-summary-icon{width:2rem;height:2rem}.dashboard-home-summary-value{font-size:1.125rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-home-stat-card{animation:.5s ease-out fadeInUp}.dashboard-home-stat-card:first-child{animation-delay:50ms}.dashboard-home-stat-card:nth-child(2){animation-delay:.1s}.dashboard-home-stat-card:nth-child(3){animation-delay:.15s}.dashboard-home-stat-card:nth-child(4){animation-delay:.2s}.dashboard-home-stat-card:nth-child(5){animation-delay:.25s}.dashboard-home-stat-card:nth-child(6){animation-delay:.3s}.dashboard-home-stat-card:nth-child(7){animation-delay:.35s}.agents-container{background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 50%,#f1f5f9 100%);min-height:100vh}.agents-header{z-index:40;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.agents-header-content{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1400px;margin:0 auto;padding:1.5rem 2rem;display:flex}.agents-title-section{flex-direction:column;gap:.25rem;display:flex}.agents-header-title{color:#0f172a;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.agents-header-subtitle{color:#64748b;margin:0;font-size:.875rem}.agents-stats-badge{color:#1e40af;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1px solid #93c5fd;border-radius:9999px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;display:flex}.agents-content{flex-direction:column;gap:1.5rem;max-width:1400px;margin:0 auto;padding:2rem;display:flex}.agents-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000001a}.agents-filter-top,.agents-filter-bottom{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.agents-add-button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 4px #2563eb33}.agents-add-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #2563eb4d}.agents-add-button:active{transform:translateY(0)}.agents-search-wrapper{flex:1;min-width:250px;position:relative}.agents-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.agents-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;padding:.625rem 1rem .625rem 2.75rem;font-size:.875rem;transition:all .2s}.agents-search-input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.agents-filter-wrapper{align-items:center;gap:.5rem;display:flex;position:relative}.agents-filter-icon{color:#64748b}.agents-filter-select{color:#334155;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E") right .75rem center no-repeat;border:1px solid #e2e8f0;border-radius:.75rem;min-width:150px;padding:.625rem 2.5rem .625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.agents-filter-select:hover{border-color:#94a3b8}.agents-filter-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.agents-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.agents-table-wrapper{overflow-x:auto}.agents-table{border-collapse:collapse;width:100%}.agents-table thead{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #e2e8f0}.agents-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.05em;padding:1rem 1.5rem;font-size:.875rem;font-weight:600}.agents-th-content{align-items:center;gap:.5rem;display:flex}.agents-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s}.agents-table tbody tr:hover{background:#f8fafc}.agents-table tbody tr:last-child{border-bottom:none}.agents-table td{color:#334155;vertical-align:middle;padding:1rem 1.5rem}.agents-name-cell{cursor:pointer;align-items:center;gap:.75rem;transition:all .2s;display:flex}.agents-name-cell:hover .agents-name{color:#2563eb}.agents-avatar{color:#2563eb;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.agents-name{color:#0f172a;font-weight:600;transition:color .2s}.agents-email{color:#64748b;font-size:.875rem}.agents-phone{color:#64748b;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875rem;font-weight:500}.agents-earnings{color:#15803d;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875rem;font-weight:600}.agents-status-select{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:9999px;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.agents-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.agents-status-approved{color:#15803d;background:#dcfce7}.agents-status-approved:hover{background:#bbf7d0}.agents-status-declined{color:#dc2626;background:#fee2e2}.agents-status-declined:hover{background:#fecaca}.agents-status-pending{color:#b45309;background:#fef3c7}.agents-status-pending:hover{background:#fde68a}.agents-action-buttons{align-items:center;gap:.5rem;display:flex}.agents-edit-button,.agents-delete-button{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s;display:flex}.agents-edit-button{color:#2563eb;background:#dbeafe}.agents-edit-button:hover{color:#fff;background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 6px #2563eb33}.agents-delete-button{color:#dc2626;background:#fee2e2}.agents-delete-button:hover{color:#fff;background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 6px #dc262633}.agents-view-clients-button{color:#15803d;cursor:pointer;background:#dcfce7;border:1px solid #86efac;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.agents-view-clients-button:hover{color:#fff;background:#15803d;border-color:#15803d;transform:translateY(-1px);box-shadow:0 4px 6px #15803d33}.agents-empty{padding:4rem 2rem!important}.agents-empty-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.agents-empty-title{color:#334155;margin:0;font-size:1.125rem;font-weight:600}.agents-empty-subtitle{color:#64748b;margin:0;font-size:.875rem}.agents-loading-container{background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 50%,#f1f5f9 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.agents-loading-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.agents-loading-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:3rem;height:3rem;animation:.8s linear infinite agentsSpin}@keyframes agentsSpin{to{transform:rotate(360deg)}}.agents-loading-text{color:#64748b;margin:0;font-weight:500}@media (max-width:1024px){.agents-header-content{flex-direction:column;align-items:flex-start}.agents-stats-badge{align-self:flex-start}.agents-filter-top,.agents-filter-bottom{flex-direction:column;align-items:stretch}.agents-search-wrapper{min-width:auto}.agents-filter-select{width:100%}}@media (max-width:768px){.agents-header-content{padding:1rem 1.5rem}.agents-header-title{font-size:1.25rem}.agents-content,.agents-filter-card{padding:1rem}.agents-table th,.agents-table td{padding:.75rem 1rem}.agents-table th{font-size:.75rem}.agents-avatar{width:2rem;height:2rem}.agents-name{font-size:.875rem}.agents-view-clients-button span{display:none}.agents-view-clients-button{justify-content:center;width:2rem;height:2rem;padding:.5rem}}@media (max-width:640px){.agents-table thead{display:none}.agents-table,.agents-table tbody,.agents-table tr,.agents-table td{display:block}.agents-table tr{border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:1rem;overflow:hidden}.agents-table td{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.agents-table td:last-child{border-bottom:none}.agents-table td:before{content:attr(data-label);color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.agents-name-cell{flex:1}.agents-action-buttons{justify-content:flex-end}}.clients-container{background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 50%,#f1f5f9 100%);min-height:100vh}.clients-header{z-index:40;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.clients-header-content{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1400px;margin:0 auto;padding:1.5rem 2rem;display:flex}.clients-title-section{flex-direction:column;gap:.25rem;display:flex}.clients-header-title{color:#0f172a;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.clients-header-subtitle{color:#64748b;margin:0;font-size:.875rem}.clients-stats-badge{color:#15803d;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border:1px solid #86efac;border-radius:9999px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;display:flex}.clients-content{flex-direction:column;gap:1.5rem;max-width:1400px;margin:0 auto;padding:2rem;display:flex}.clients-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000001a}.clients-filter-left{flex:1;align-items:center;gap:1rem;min-width:300px;display:flex}.clients-add-button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#15803d 0%,#166534 100%);border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 4px #15803d33}.clients-add-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #15803d4d}.clients-add-button:active{transform:translateY(0)}.clients-search-wrapper{flex:1;max-width:400px;position:relative}.clients-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.clients-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;padding:.625rem 1rem .625rem 2.75rem;font-size:.875rem;transition:all .2s}.clients-search-input:focus{background:#fff;border-color:#15803d;outline:none;box-shadow:0 0 0 3px #15803d1a}.clients-filter-wrapper{align-items:center;gap:.5rem;display:flex;position:relative}.clients-filter-icon{color:#64748b}.clients-filter-select{color:#334155;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E") right .75rem center no-repeat;border:1px solid #e2e8f0;border-radius:.75rem;padding:.625rem 2.5rem .625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.clients-filter-select:hover{border-color:#94a3b8}.clients-filter-select:focus{border-color:#15803d;outline:none;box-shadow:0 0 0 3px #15803d1a}.clients-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.clients-table-wrapper{overflow-x:auto}.clients-table{border-collapse:collapse;width:100%}.clients-table thead{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #e2e8f0}.clients-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.05em;padding:1rem 1.5rem;font-size:.875rem;font-weight:600}.clients-th-content{align-items:center;gap:.5rem;display:flex}.clients-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s}.clients-table tbody tr:hover{background:#f8fafc}.clients-table tbody tr:last-child{border-bottom:none}.clients-table td{color:#334155;vertical-align:middle;padding:1rem 1.5rem}.clients-name-cell{cursor:pointer;align-items:center;gap:.75rem;transition:all .2s;display:flex}.clients-name-cell:hover .clients-name{color:#15803d}.clients-avatar{color:#15803d;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.clients-name{color:#0f172a;font-weight:600;transition:color .2s}.clients-phone{color:#64748b;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875rem;font-weight:500}.clients-agent{color:#64748b;font-size:.875rem;font-weight:500}.clients-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.clients-status-approved{color:#15803d;background:#dcfce7}.clients-status-declined{color:#dc2626;background:#fee2e2}.clients-status-pending{color:#b45309;background:#fef3c7}.clients-action-buttons{align-items:center;gap:.5rem;display:flex}.clients-edit-button,.clients-delete-button{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s;display:flex}.clients-edit-button{color:#15803d;background:#dcfce7}.clients-edit-button:hover{color:#fff;background:#15803d;transform:translateY(-2px);box-shadow:0 4px 6px #15803d33}.clients-delete-button{color:#dc2626;background:#fee2e2}.clients-delete-button:hover{color:#fff;background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 6px #dc262633}.clients-status-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.clients-approve-button,.clients-decline-button,.clients-reset-button{cursor:pointer;white-space:nowrap;border:none;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.clients-approve-button{color:#15803d;background:#dcfce7;border:1px solid #86efac}.clients-approve-button:hover{color:#fff;background:#15803d;border-color:#15803d;transform:translateY(-1px);box-shadow:0 4px 6px #15803d33}.clients-decline-button{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5}.clients-decline-button:hover{color:#fff;background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 6px #dc262633}.clients-reset-button{color:#b45309;background:#fef3c7;border:1px solid #fcd34d}.clients-reset-button:hover{color:#fff;background:#b45309;border-color:#b45309;transform:translateY(-1px);box-shadow:0 4px 6px #b4530933}.clients-empty{padding:4rem 2rem!important}.clients-empty-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.clients-empty-title{color:#334155;margin:0;font-size:1.125rem;font-weight:600}.clients-empty-subtitle{color:#64748b;margin:0;font-size:.875rem}.clients-loading-container{background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 50%,#f1f5f9 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.clients-loading-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.clients-loading-spinner{border:3px solid #e2e8f0;border-top-color:#15803d;border-radius:50%;width:3rem;height:3rem;animation:.8s linear infinite clientsSpin}@keyframes clientsSpin{to{transform:rotate(360deg)}}.clients-loading-text{color:#64748b;margin:0;font-weight:500}@media (max-width:1024px){.clients-header-content{flex-direction:column;align-items:flex-start}.clients-stats-badge{align-self:flex-start}.clients-filter-card{flex-direction:column;align-items:stretch}.clients-filter-left{flex-direction:column;align-items:stretch;min-width:auto}.clients-search-wrapper{max-width:none}.clients-filter-wrapper{justify-content:flex-start}}@media (max-width:768px){.clients-header-content{padding:1rem 1.5rem}.clients-header-title{font-size:1.25rem}.clients-content,.clients-filter-card{padding:1rem}.clients-table th,.clients-table td{padding:.75rem 1rem}.clients-table th{font-size:.75rem}.clients-avatar{width:2rem;height:2rem}.clients-name{font-size:.875rem}.clients-status-actions{flex-direction:column;align-items:flex-start}.clients-approve-button span,.clients-decline-button span,.clients-reset-button span{display:none}.clients-approve-button,.clients-decline-button,.clients-reset-button{justify-content:center;width:2rem;height:2rem;padding:.5rem}}@media (max-width:640px){.clients-table thead{display:none}.clients-table,.clients-table tbody,.clients-table tr,.clients-table td{display:block}.clients-table tr{border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:1rem;overflow:hidden}.clients-table td{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.clients-table td:last-child{border-bottom:none}.clients-table td:before{content:attr(data-label);color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.clients-name-cell{flex:1}.clients-action-buttons{justify-content:flex-end}.clients-status-actions{flex-direction:row;gap:.5rem}}.earnings-container{background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 50%,#f1f5f9 100%);min-height:100vh}.earnings-header{z-index:40;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.earnings-header-content{justify-content:space-between;align-items:center;gap:2rem;max-width:1400px;padding:1.5rem 2rem;display:flex}.earnings-title-section{flex-direction:column;flex:none;gap:.25rem;display:flex}.earnings-header-title{color:#0f172a;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.earnings-header-subtitle{color:#64748b;margin:0;font-size:.875rem}.earnings-total-badge{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border:1px solid #86efac;border-radius:1rem;flex:none;padding:1rem 1.5rem;box-shadow:0 2px 4px #15803d1a}.earnings-total-badge-content{color:#15803d;align-items:center;gap:1.5rem;display:flex}.earnings-total-badge-text{flex-direction:column;gap:.25rem;display:flex}.earnings-total-badge-label{color:#166534;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.75rem;font-weight:600}.earnings-total-badge-value{color:#15803d;margin:0;font-family:SF Mono,Monaco,Consolas,monospace;font-size:1.5rem;font-weight:700}.earnings-content{flex-direction:column;gap:1.5rem;max-width:1400px;margin:0 auto;padding-bottom:2rem;padding-left:2rem;padding-right:2rem;display:flex}.earnings-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000001a}.earnings-search-wrapper{flex:1;min-width:250px;position:relative}.earnings-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.earnings-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;padding:.625rem 1rem .625rem 2.75rem;font-size:.875rem;transition:all .2s}.earnings-search-input:focus{background:#fff;border-color:#15803d;outline:none;box-shadow:0 0 0 3px #15803d1a}.earnings-filter-wrapper{align-items:center;gap:.5rem;display:flex;position:relative}.earnings-filter-icon{color:#64748b}.earnings-filter-select{color:#334155;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E") right .75rem center no-repeat;border:1px solid #e2e8f0;border-radius:.75rem;min-width:150px;padding:.625rem 2.5rem .625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.earnings-filter-select:hover{border-color:#94a3b8}.earnings-filter-select:focus{border-color:#15803d;outline:none;box-shadow:0 0 0 3px #15803d1a}.earnings-stats-card{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;display:flex}.earnings-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.earnings-table-wrapper{overflow-x:auto}.earnings-table{border-collapse:collapse;width:100%}.earnings-table thead{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #e2e8f0}.earnings-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.05em;padding:1rem 1.5rem;font-size:.875rem;font-weight:600}.earnings-th-content{align-items:center;gap:.5rem;display:flex}.earnings-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s}.earnings-table-row-clickable{cursor:pointer}.earnings-table tbody tr:hover{background:#f8fafc}.earnings-table tbody tr:last-child{border-bottom:none}.earnings-table td{color:#334155;vertical-align:middle;padding:1rem 1.5rem}.earnings-name-cell{align-items:center;gap:.75rem;display:flex}.earnings-avatar{color:#15803d;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.earnings-name{color:#0f172a;font-weight:600;transition:color .2s}.earnings-table-row-clickable:hover .earnings-name{color:#15803d}.earnings-email{color:#64748b;font-size:.875rem}.earnings-amount-cell{align-items:center;gap:.5rem;display:flex}.earnings-amount{color:#15803d;font-family:SF Mono,Monaco,Consolas,monospace;font-size:1rem;font-weight:700}.earnings-view-button{color:#15803d;cursor:pointer;background:#dcfce7;border:1px solid #86efac;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.earnings-view-button:hover{color:#fff;background:#15803d;border-color:#15803d;transform:translateY(-1px);box-shadow:0 4px 6px #15803d33}.earnings-empty{padding:4rem 2rem!important}.earnings-empty-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.earnings-empty-title{color:#334155;margin:0;font-size:1.125rem;font-weight:600}.earnings-empty-subtitle{color:#64748b;margin:0;font-size:.875rem}.earnings-loading-container{background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 50%,#f1f5f9 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.earnings-loading-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.earnings-loading-spinner{border:3px solid #e2e8f0;border-top-color:#15803d;border-radius:50%;width:3rem;height:3rem;animation:.8s linear infinite earningsSpin}@keyframes earningsSpin{to{transform:rotate(360deg)}}.earnings-loading-text{color:#64748b;margin:0;font-weight:500}@media (max-width:768px){.earnings-header-content{flex-direction:column;align-items:flex-start}.earnings-total-badge{align-self:flex-start}.earnings-filter-card{flex-direction:column;align-items:stretch}.earnings-search-wrapper{min-width:auto}.earnings-filter-select{width:100%}.earnings-stats-card{width:fit-content}.earnings-header-content{padding:1rem 1.5rem}.earnings-header-title{font-size:1.25rem}.earnings-total-badge{width:100%}.earnings-total-badge-content{justify-content:space-between}.earnings-total-badge-value{font-size:1.25rem}.earnings-content,.earnings-filter-card{padding:1rem}.earnings-table th,.earnings-table td{padding:.75rem 1rem}.earnings-table th{font-size:.75rem}.earnings-avatar{width:2rem;height:2rem}.earnings-name,.earnings-amount{font-size:.875rem}.earnings-view-button span{display:none}.earnings-view-button{justify-content:center;width:2rem;height:2rem;padding:.5rem}}@media (max-width:640px){.earnings-table thead{display:none}.earnings-table,.earnings-table tbody,.earnings-table tr,.earnings-table td{display:block}.earnings-table tr{border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:1rem;overflow:hidden}.earnings-table td{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.earnings-table td:last-child{border-bottom:none}.earnings-table td:before{content:attr(data-label);color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.earnings-name-cell{flex:1}}.modern-profile-page{padding:3rem 1rem}@media (min-width:640px){.modern-profile-page{padding:3rem 1.5rem}}@media (min-width:1024px){.modern-profile-page{padding:3rem 2rem}}.modern-profile-wrapper{max-width:80rem;margin:0 auto}.profile-loading-container{background:linear-gradient(135deg,#f8fafc 0%,#dbeafe 50%,#e0e7ff 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.profile-loading-content{text-align:center}.profile-loading-spinner{border:4px solid #2563eb;border-top-color:#0000;border-radius:50%;width:4rem;height:4rem;margin:0 auto 1rem;animation:1s linear infinite profileSpin}.profile-loading-text{color:#334155;font-size:1.25rem;font-weight:600}.profile-error-container{background:linear-gradient(135deg,#f8fafc 0%,#dbeafe 50%,#e0e7ff 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.profile-error-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 20px 25px -5px #0000001a}.profile-error-text{color:#dc2626;font-size:1.125rem;font-weight:600}.modern-profile-header{text-align:center;margin-bottom:3rem;animation:.6s ease-out profileFadeIn}.modern-profile-title{text-align:center;background:linear-gradient(90deg,#2563eb 0%,#4f46e5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:2rem;font-weight:700}.modern-profile-subtitle{color:#64748b;font-size:1.125rem}.modern-profile-card{background:#fff;border-radius:1.5rem;transition:transform .3s;overflow:hidden;transform:scale(1);box-shadow:0 25px 50px -12px #00000026}.modern-profile-card:hover{transform:scale(1.02)}.modern-card-header-bg{background:linear-gradient(90deg,#2563eb 0%,#4f46e5 50%,#7c3aed 100%);height:8rem;position:relative}.modern-card-header-overlay{opacity:.1;background:#000;position:absolute;inset:0}.modern-profile-content{padding:0 2rem 2rem;position:relative}.modern-profile-image-container{justify-content:center;margin-top:-4rem;margin-bottom:1.5rem;display:flex}.modern-profile-image-wrapper{position:relative}.modern-profile-image-wrapper:hover .modern-profile-image,.modern-profile-image-wrapper:hover .modern-profile-avatar{transform:scale(1.1)}.modern-profile-image{object-fit:cover;border:4px solid #fff;border-radius:50%;width:8rem;height:8rem;transition:transform .3s;box-shadow:0 20px 25px -5px #0003}.modern-profile-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#4f46e5 100%);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:8rem;height:8rem;font-size:3rem;font-weight:700;transition:transform .3s;display:flex;box-shadow:0 20px 25px -5px #0003}.modern-status-indicator{border:4px solid #fff;border-radius:50%;width:1.5rem;height:1.5rem;position:absolute;bottom:.5rem;right:.5rem}.modern-status-active{background-color:#22c55e}.modern-status-offline{background-color:#ef4444}.modern-profile-name-section{text-align:center;margin-bottom:2rem}.modern-profile-name{color:#1e293b;margin-bottom:.5rem;font-size:1.875rem;font-weight:700}.modern-profile-role-badge{color:#4338ca;text-transform:capitalize;background-color:#e0e7ff;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;display:inline-flex}.modern-profile-divider{background:linear-gradient(90deg,#2563eb 0%,#4f46e5 100%);border-radius:9999px;width:6rem;height:.25rem;margin:0 auto 2rem}.modern-profile-details-grid{gap:1.5rem;max-width:48rem;margin:0 auto;display:grid}@media (min-width:768px){.modern-profile-details-grid{grid-template-columns:repeat(2,1fr)}}.modern-detail-card{background-color:#f8fafc;border-radius:.75rem;align-items:center;gap:1rem;padding:1rem;transition:background-color .2s;display:flex}.modern-detail-card:hover{background-color:#f1f5f9}.modern-detail-icon{border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;transition:transform .2s;display:flex}.modern-detail-card:hover .modern-detail-icon{transform:scale(1.1)}.modern-icon-blue{color:#2563eb;background-color:#dbeafe}.modern-icon-green{color:#16a34a;background-color:#dcfce7}.modern-icon-purple{color:#9333ea;background-color:#f3e8ff}.modern-icon-orange{color:#ea580c;background-color:#fed7aa}.modern-icon-indigo{color:#4f46e5;background-color:#e0e7ff}.modern-detail-content{flex:1}.modern-detail-label{color:#64748b;margin-bottom:.25rem;font-size:.875rem;font-weight:500}.modern-detail-value{color:#1e293b;text-transform:capitalize;font-weight:600}.modern-detail-value.modern-status-active-text{color:#16a34a}.modern-detail-value.modern-status-offline-text{color:#dc2626}@keyframes profileFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes profileSpin{to{transform:rotate(360deg)}}.profile-animate-fadeIn{animation:.6s ease-out profileFadeIn}@media (max-width:640px){.modern-profile-title{font-size:2.5rem}.modern-profile-name{font-size:1.5rem}.modern-profile-content{padding:0 1rem 1.5rem}.modern-profile-page{padding:2rem .5rem}}.profile-update-container{background:linear-gradient(135deg,#f8fafc 0%,#dbeafe 50%,#e0e7ff 100%);min-height:100vh;padding:2rem 1rem}.profile-update-wrapper{max-width:900px;margin:0 auto}.Myform{text-align:center}.login{padding:20px}.update-card-header{text-align:center}.update-card-title{background:linear-gradient(90deg,#2563eb 0%,#4f46e5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700}.update-profile-image-section{background:linear-gradient(135deg,#f0f4ff 0%,#e8f0ff 100%);border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex}.update-profile-img-wrapper{position:relative}.update-profile-img{object-fit:cover;border:5px solid #fff;border-radius:50%;width:150px;height:150px;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 30px #00000026}.update-profile-img:hover{transform:scale(1.05);box-shadow:0 15px 40px #0003}.update-profile-img.placeholder{color:#fff;background:linear-gradient(135deg,#93c5fd 0%,#3b82f6 100%);justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:flex}.change-photo-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #667eea66}.change-photo-btn:hover{background:linear-gradient(135deg,#5568d3 0%,#5a3d8b 100%);transform:translateY(-2px);box-shadow:0 6px 20px #5568d399}.update-profile-info{background:#fff;border-radius:1rem;margin-top:2rem;margin-left:2rem;margin-right:2rem;box-shadow:0 8px 20px #00000014}.editable-fields-container{flex-direction:column;gap:1.25rem;display:flex}.editable-field{background:#f8fafc;border:2px solid #0000;border-radius:.75rem;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}.editable-field:hover{background:#eff6ff;border-color:#93c5fd;transform:translate(4px)}.label-with-icon{color:#1e293b;align-items:center;gap:.5rem;min-width:140px;font-size:.95rem;font-weight:600;display:inline-flex}.label-with-icon .icon{color:#2563eb}.field-value{color:#475569;flex:1;font-weight:500}.readonly-field{opacity:.8;background:#f1f5f9;border-radius:.75rem;align-items:center;padding:1rem;display:flex}.save-button-section{flex-direction:column;align-items:center;gap:1rem;display:flex}.save-changes-btn,.cancle-btn{color:#fff;cursor:pointer;border:none;border-radius:.75rem;min-width:250px;padding:1rem 3rem;font-size:1.125rem;font-weight:700;transition:all .3s;box-shadow:0 4px 14px #10b98166}.save-changes-btn:active{transform:translateY(0)}.update-info-msg{color:#1e40af;background:#dbeafe;border-left:4px solid #2563eb;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;animation:.3s ease-out slideIn;display:inline-flex}.save-changes-btn{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.cancle-btn{background-color:red}.update-section-divider{background:linear-gradient(90deg,#0000,#cbd5e1,#0000);height:2px;margin:2rem 0}.update-loading{background:linear-gradient(135deg,#f8fafc 0%,#dbeafe 50%,#e0e7ff 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.update-loading-text{color:#334155;font-size:1.25rem;font-weight:600}@media (max-width:768px){.profile-update-container{padding:4rem .5rem 2rem}.update-card-title{font-size:1.75rem}.update-profile-image-section{padding:1.5rem}.update-profile-img{width:120px;height:120px}.update-profile-info{padding:1.5rem}.editable-field{flex-direction:column;align-items:flex-start;gap:.75rem}.label-with-icon{min-width:auto}.input-edit{width:100%}.save-changes-btn{width:100%;min-width:auto}}@media (max-width:480px){.update-card-title{font-size:1.5rem}.change-photo-btn{padding:.65rem 1.25rem;font-size:.9rem}.label-with-icon,.field-value,.input-edit{font-size:.875rem}}.image-modal-overlay{z-index:9999;background-color:#000000d9;justify-content:center;align-items:center;padding:2rem;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.image-modal{background:#fff;border-radius:1rem;max-width:90vw;max-height:90vh;padding:1rem;animation:.3s ease-out scaleIn;position:relative;box-shadow:0 25px 50px -12px #00000080}.image-modal-close{cursor:pointer;z-index:10000;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .3s;display:flex;position:absolute;top:-1rem;right:-1rem;box-shadow:0 4px 12px #0000004d}.image-modal-close:hover{color:#fff;background:#ef4444;transform:rotate(90deg)scale(1.1)}.full-image{object-fit:contain;border-radius:.5rem;width:auto;max-width:100%;height:auto;max-height:70vh;display:block}.white-card{background:#fff;border-radius:1.5rem;overflow:hidden;box-shadow:0 8px 20px #00000014}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.image-modal-overlay{padding:1rem}.image-modal{max-width:95vw;max-height:95vh;padding:.5rem}.image-modal-close{width:2.5rem;height:2.5rem;top:-.75rem;right:-.75rem}.full-image{max-height:70vh;padding-top:40px}}.save-button-section{flex-direction:row;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.save-changes-btn,.cancle-btn{color:#fff;cursor:pointer;border:none;border-radius:.75rem;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;min-width:250px;padding:1rem 3rem;font-size:1.125rem;font-weight:700;transition:all .3s;display:inline-flex}.save-changes-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 14px #9ddaf7f7}.save-changes-btn:hover{background:linear-gradient(135deg,#174961 0%,#7ac1dd 100%);transform:translateY(-2px);box-shadow:0 6px 20px #10b98199}.cancle-btn{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 14px #f09090bd}.cancle-btn:hover{background:linear-gradient(135deg,#ec54a3 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:0 6px 20px #ef444499}.save-changes-btn:active,.cancle-btn:active{transform:translateY(0)}@media (max-width:640px){.save-button-section{padding:1.5rem 1rem}.save-changes-btn,.cancle-btn{width:100%;min-width:auto;padding:.875rem 2rem;font-size:1rem}}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.form-field{flex-direction:column;gap:4px;margin:0;display:flex}.form-field label{color:#334155;margin:0;font-size:.85rem;font-weight:600}.input-edit{box-shadow:none;background:#f9fafb;margin:0!important}.input-edit:focus{background:#fff;box-shadow:0 0 0 3px #2563eb2e}.update-profile-image-section{gap:.4rem;padding:.75rem}.update-profile-img{width:130px;height:130px}.update-profile-info{border:1px solid #e5e7eb;margin-bottom:1.5rem;padding:1.5rem}.update-section-divider{margin:1.2rem 0}.save-button-section{gap:.75rem;padding:1.5rem}@media (max-width:640px){.form-grid{grid-template-columns:1fr}}.modern-profile-layout{grid-template-columns:320px 1fr;gap:2rem;padding:2rem;display:grid}.profile-left-panel{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:1rem;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem;display:flex}.profile-image-block{position:relative}.status-dot{border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;bottom:8px;right:8px}.status-online{background:#22c55e}.status-offline{background:#ef4444}.profile-name{color:#1e293b;margin:0;font-size:1.5rem;font-weight:700}.profile-role{color:#4338ca;background:#fff;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.9rem;font-weight:600;display:inline-flex}.profile-right-panel{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem}.modern-profile-details-grid{gap:1rem}.modern-detail-card{align-items:flex-start;padding:.75rem}.modern-detail-label{margin-bottom:.15rem}@media (max-width:900px){.modern-profile-layout{grid-template-columns:1fr}.profile-left-panel{flex-direction:column}}.agent-form-container{background:linear-gradient(135deg,#f8fafc 0%,#d1fae5 50%,#f1f5f9 100%);min-height:100vh;padding:2rem 1rem}.agent-form-wrapper{max-width:1000px;margin:0 auto}.agent-form-header{background:#fff;border:1px solid #e2e8f0;border-bottom:none;border-radius:1rem 1rem 0 0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;box-shadow:0 1px 3px #0000000d}.agent-form-title{color:#0f172a;align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}.agent-form-close-btn{color:#991b1b;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.agent-form-close-btn:hover{background:#fecaca;transform:scale(1.1)}.agent-form-card{background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 1rem 1rem;padding:2rem;box-shadow:0 4px 6px #0000000d}.agent-form-section{margin-bottom:2rem}.agent-form-section-title{color:#334155;border-bottom:2px solid #e2e8f0;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.125rem;font-weight:600;display:flex}.agent-form-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:768px){.agent-form-grid{grid-template-columns:1fr 1fr}}.agent-form-field{flex-direction:column;display:flex}.agent-form-field.full-width{grid-column:1/-1}.agent-form-label{color:#475569;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:flex}.agent-form-label.required:after{content:"*";color:#ef4444;margin-left:.25rem}.agent-form-input,.agent-form-select{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.agent-form-input:focus,.agent-form-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #10b9811a}.agent-form-input::placeholder{color:#94a3b8}.agent-form-select:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.agent-form-upload-box{background:#d1fae5;border:1px solid #6ee7b7;border-radius:.75rem;margin-top:1rem;padding:1.5rem}.agent-form-upload-title{color:#047857;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.agent-form-file-input-wrapper{position:relative}.agent-form-file-input{display:none}.agent-form-file-label{cursor:pointer;color:#047857;background:#fff;border:2px dashed #2563eb;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.agent-form-file-label:hover{color:#065f46;background:#d1fae5;border-color:#059669}.agent-form-file-selected{color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:.375rem;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;font-size:.75rem;display:flex}.agent-form-file-warning{color:#065f46;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;display:flex}.agent-form-file-warning strong{color:#ef4444}.agent-form-manager-box{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fcd34d;border-radius:.75rem;margin-top:1rem;padding:1.5rem}.agent-form-manager-title{color:#b45309;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.agent-form-actions{border-top:2px solid #e2e8f0;gap:1rem;margin-top:2rem;padding-top:2rem;display:flex}.agent-form-submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.agent-form-submit-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 6px #00000026}.agent-form-submit-btn:active{transform:translateY(0)}.agent-form-submit-btn:disabled{cursor:not-allowed;background:#94a3b8;transform:none}.agent-form-cancel-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.75rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.agent-form-cancel-btn:hover{background:#e2e8f0}.icon-agent{color:#2563eb}.agent-form-loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite agentFormSpin}@keyframes agentFormSpin{to{transform:rotate(360deg)}}@media (max-width:768px){.agent-form-container{padding:1rem .5rem}.agent-form-header{border-radius:.75rem .75rem 0 0;padding:1rem 1.5rem}.agent-form-title{font-size:1.25rem}.agent-form-card{border-radius:0 0 .75rem .75rem;padding:1.5rem}.agent-form-actions{flex-direction:column}.agent-form-submit-btn,.agent-form-cancel-btn{width:100%}}.agent-detail-container{background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 50%,#f1f5f9 100%);min-height:100vh}.agent-header{z-index:40;background:#fff;border-bottom:1px solid #e2e8f0;padding:10px;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.agent-header-content{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:1rem 1.5rem;display:flex}.agent-back-button{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-weight:500;transition:color .2s;display:flex}.agent-back-button:hover{color:#0f172a}.agent-header-title{color:#0f172a;margin:0;font-size:1.5rem;font-weight:700}.agent-edit-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.agent-edit-button:hover{background:#1d4ed8;box-shadow:0 4px 6px #0000001a}.agent-content{max-width:1280px;margin:0 auto;padding:2rem 1.5rem}.agent-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:1024px){.agent-grid{grid-template-columns:1fr 2fr}}.agent-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:9.1rem;box-shadow:0 1px 3px #0000001a}.manager-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:7.1rem;box-shadow:0 1px 3px #0000001a}.agent-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.agent-profile-picture-container{flex-direction:column;align-items:center;display:flex}.agent-profile-picture-wrapper{position:relative}.agent-profile-picture-ring{background:linear-gradient(135deg,#60a5fa 0%,#2563eb 100%);border-radius:21rem;width:8rem;height:8rem;padding:4px;box-shadow:0 10px 15px #0000001a}.agent-profile-picture-inner{background:#fff;border-radius:20rem;width:100%;height:100%;overflow:hidden}.agent-profile-picture{object-fit:cover;cursor:pointer;width:100%;height:100%}.agent-profile-placeholder{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.agent-camera-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background .2s;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 4px 6px #0000001a}.agent-camera-button:hover{background:#1d4ed8}.agent-profile-name{color:#0f172a;text-align:center;margin-top:1rem;font-size:1.25rem;font-weight:700}.agent-profile-phone{color:#64748b;text-align:center;margin-top:.25rem;font-size:.875rem}.agent-photo-selected-badge{color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:9999px;align-items:center;gap:.25rem;margin-top:.75rem;padding:.375rem .75rem;font-size:.75rem;display:flex}.agent-upload-button{color:#2563eb;cursor:pointer;background:#dbeafe;border:1px solid #93c5fd;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.agent-upload-button:hover{background:#bfdbfe}.agent-info-title{color:#0f172a;margin-bottom:1.5rem;font-size:1.125rem;font-weight:700}.agent-info-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:768px){.agent-info-grid{grid-template-columns:1fr 1fr}}.agent-manager-box{background:#fef3c7;border:1px solid #fcd34d;border-radius:.75rem;grid-column:1/-1;padding:1rem}.agent-manager-content{align-items:center;gap:.75rem;display:flex}.agent-manager-icon{background:#fde68a;border-radius:.5rem;padding:.5rem}.agent-manager-details p:first-child{color:#b45309;margin:0;font-size:.75rem;font-weight:500}.agent-manager-details p:last-child{color:#0f172a;margin:.25rem 0 0;font-size:.875rem;font-weight:600}.agent-info-field{margin-bottom:0}.agent-info-field-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:500;display:block}.agent-info-field-value{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.75rem;padding:.625rem 1rem;transition:all .2s;display:flex}.agent-info-field-value.editable{cursor:pointer}.agent-info-field-value.editable:hover{background:#dbeafe;border-color:#93c5fd}.agent-info-field-value span{color:#0f172a;flex:1;font-weight:500}.agent-info-field input,.agent-info-field select{border:1px solid #93c5fd;border-radius:.5rem;outline:none;width:100%;padding:.625rem 1rem;font-size:1rem}.agent-info-field input:focus,.agent-info-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.agent-info-field select:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.agent-action-buttons{align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.agent-save-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.agent-save-button:hover{background:#1d4ed8;box-shadow:0 4px 6px #0000001a}.agent-cancel-button{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.agent-cancel-button:hover{background:#e2e8f0}.agent-image-modal{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;justify-content:center;align-items:center;padding:2rem;animation:.2s agentFadeIn;display:flex;position:fixed;inset:0}@keyframes agentFadeIn{0%{opacity:0}to{opacity:1}}.agent-image-modal-content{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.agent-image-modal-close{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:absolute;top:-3.5rem;right:0}.agent-image-modal-close:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.agent-image-modal-img{object-fit:contain;background:#fff;border-radius:.5rem;width:auto;max-width:100%;height:auto;max-height:90vh;box-shadow:0 25px 50px -12px #000c}.agent-image-loading{color:#fff;align-items:center;gap:.75rem;font-size:1.125rem;display:flex}.agent-image-loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite agentSpin}.agent-loading-container{background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 50%,#f1f5f9 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.agent-loading-spinner{border:4px solid #2563eb;border-top-color:#0000;border-radius:50%;width:4rem;height:4rem;margin:0 auto 1rem;animation:1s linear infinite agentSpin}@keyframes agentSpin{to{transform:rotate(360deg)}}.agent-loading-text{color:#64748b;text-align:center;font-weight:500}.agent-divider{background:#cbd5e1;width:1px;height:1.5rem;margin:0 1rem}.agent-left-section,.agent-right-section{flex-direction:column;gap:1.5rem;display:flex}.agent-id-box{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.75rem;grid-column:1/-1;padding:1rem}.agent-id-content{align-items:center;gap:.75rem;display:flex}.agent-id-icon{background:#e2e8f0;border-radius:.5rem;padding:.5rem}.agent-id-details p:first-child{color:#64748b;margin:0;font-size:.75rem;font-weight:500}.agent-id-details p:last-child{color:#0f172a;word-break:break-all;margin:.25rem 0 0;font-size:.875rem;font-weight:600}@media (max-width:768px){.agent-header-content{flex-direction:column;align-items:flex-start;gap:1rem}.agent-action-buttons{flex-direction:column}.agent-save-button,.agent-cancel-button{width:100%}.agent-image-modal{padding:1rem}.agent-image-modal-close{top:-2.5rem}}.agent-earnings-detail-container{background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 50%,#f1f5f9 100%);min-height:100vh}.agent-earnings-detail-header{z-index:40;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.agent-earnings-detail-header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;max-width:1400px;padding:1.5rem 2rem;display:flex}.agent-earnings-back-btn{cursor:pointer;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.agent-earnings-back-btn:hover{color:#15803d;background:#f8fafc;border-color:#15803d}.agent-earnings-header-info{flex:1;align-items:center;gap:1rem;display:flex}.agent-earnings-agent-avatar{color:#15803d;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.agent-earnings-header-title{color:#0f172a;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.agent-earnings-header-subtitle{color:#64748b;margin:.25rem 0 0;font-size:.875rem}.agent-earnings-total-badge{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border:1px solid #86efac;border-radius:1rem;flex:none;padding:1rem 1.5rem;box-shadow:0 2px 4px #15803d1a}.agent-earnings-total-badge-content{color:#15803d;align-items:center;gap:1rem;display:flex}.agent-earnings-total-badge-text{flex-direction:column;gap:.25rem;display:flex}.agent-earnings-total-badge-label{color:#166534;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.75rem;font-weight:600}.agent-earnings-total-badge-value{color:#15803d;margin:0;font-family:SF Mono,Monaco,Consolas,monospace;font-size:1.25rem;font-weight:700}.agent-earnings-detail-content{flex-direction:column;gap:1.5rem;max-width:1400px;margin:0 auto;padding:2rem;display:flex}.agent-earnings-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000001a}.agent-earnings-date-filter{position:relative}.agent-earnings-calendar-btn{cursor:pointer;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.75rem;min-width:260px;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.agent-earnings-calendar-btn:hover{background:#f8fafc;border-color:#15803d}.agent-earnings-calendar-btn.active{border-color:#15803d;box-shadow:0 0 0 3px #15803d1a}.agent-earnings-calendar-content{color:#64748b;align-items:center;gap:.5rem;display:flex}.agent-earnings-clear-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;transition:background .2s;display:flex}.agent-earnings-clear-btn:hover{background:#f3f4f6}.agent-earnings-calendar-popup{z-index:1000;position:absolute;top:calc(100% + .5rem);left:0}.agent-earnings-search-wrapper{flex:1;min-width:250px;position:relative}.agent-earnings-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.agent-earnings-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;padding:.625rem 1rem .625rem 2.75rem;font-size:.875rem;transition:all .2s}.agent-earnings-search-input:focus{background:#fff;border-color:#15803d;outline:none;box-shadow:0 0 0 3px #15803d1a}.agent-earnings-stats-badge{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;display:flex}.date-picker-container{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;width:320px;padding:1rem;box-shadow:0 10px 25px #00000026}.date-picker-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.date-picker-nav-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:.375rem;transition:all .2s;display:flex}.date-picker-nav-btn:hover{color:#15803d;background:#f8fafc;border-color:#15803d}.date-picker-month{color:#334155;font-size:.875rem;font-weight:600}.date-picker-grid{grid-template-columns:repeat(7,1fr);gap:.25rem;display:grid}.date-picker-weekday{text-align:center;color:#6b7280;padding:.5rem 0;font-size:.75rem;font-weight:600}.date-picker-day{text-align:center;cursor:pointer;color:#374151;border-radius:.375rem;padding:.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.date-picker-day.empty{cursor:default;color:#0000}.date-picker-day:not(.empty):hover{background:#f8fafc}.date-picker-day.selected{color:#fff;background:#15803d}.date-picker-day.in-range{background:#dcfce7}.date-picker-day.today:not(.selected){border:2px solid #15803d}.agent-earnings-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.agent-earnings-table-wrapper{overflow-x:auto}.agent-earnings-table{border-collapse:collapse;width:100%}.agent-earnings-table thead{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #e2e8f0}.agent-earnings-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.05em;padding:1rem 1.5rem;font-size:.875rem;font-weight:600}.agent-earnings-th-content{align-items:center;gap:.5rem;display:flex}.agent-earnings-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s}.agent-earnings-table tbody tr:hover{background:#f8fafc}.agent-earnings-table tbody tr:last-child{border-bottom:none}.agent-earnings-table td{color:#334155;vertical-align:middle;padding:1rem 1.5rem}.agent-earnings-name-cell{align-items:center;gap:.75rem;display:flex}.agent-earnings-mini-avatar{color:#15803d;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.agent-earnings-name{color:#0f172a;font-weight:600}.agent-earnings-amount-cell{align-items:center;gap:.5rem;display:flex}.agent-earnings-amount{color:#15803d;font-family:SF Mono,Monaco,Consolas,monospace;font-size:1rem;font-weight:700}.agent-earnings-date{color:#64748b;font-size:.875rem}.agent-earnings-empty{padding:4rem 2rem}.agent-earnings-empty-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.agent-earnings-empty-title{color:#334155;margin:0;font-size:1.125rem;font-weight:600}.agent-earnings-empty-subtitle{color:#64748b;text-align:center;margin:0;font-size:.875rem}@media (max-width:1024px){.agent-earnings-detail-header-content{flex-direction:column;align-items:flex-start}.agent-earnings-back-btn,.agent-earnings-total-badge{align-self:flex-start}}@media (max-width:768px){.agent-earnings-detail-header-content{padding:1rem 1.5rem}.agent-earnings-header-title{font-size:1.25rem}.agent-earnings-agent-avatar{width:2.5rem;height:2.5rem}.agent-earnings-total-badge{width:100%}.agent-earnings-total-badge-content{justify-content:space-between}.agent-earnings-total-badge-value{font-size:1.125rem}.agent-earnings-detail-content{padding:1rem}.agent-earnings-filter-card{flex-direction:column;align-items:stretch;padding:1rem}.agent-earnings-calendar-btn{width:100%;min-width:auto}.agent-earnings-search-wrapper{min-width:auto}.agent-earnings-stats-badge{width:fit-content}.agent-earnings-table th,.agent-earnings-table td{padding:.75rem 1rem}.agent-earnings-table th{font-size:.75rem}.agent-earnings-mini-avatar{width:1.75rem;height:1.75rem}.agent-earnings-name,.agent-earnings-amount{font-size:.875rem}.agent-earnings-date{font-size:.8125rem}}@media (max-width:640px){.agent-earnings-table thead{display:none}.agent-earnings-table,.agent-earnings-table tbody,.agent-earnings-table tr,.agent-earnings-table td{display:block}.agent-earnings-table tr{border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:1rem;overflow:hidden}.agent-earnings-table td{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.agent-earnings-table td:last-child{border-bottom:none}.agent-earnings-table td:before{content:attr(data-label);color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.agent-earnings-name-cell{flex:1}}.withdrawals-container{background:linear-gradient(135deg,#f8fafc 0%,#fce7f3 50%,#f1f5f9 100%);min-height:100vh}.withdrawals-header{z-index:40;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.withdrawals-header-content{justify-content:space-between;align-items:center;gap:2rem;max-width:1400px;padding:1.5rem 2rem;display:flex}.withdrawals-title-section{flex-direction:column;flex:none;gap:.25rem;display:flex}.withdrawals-header-title{color:#0f172a;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.withdrawals-header-subtitle{color:#64748b;margin:0;font-size:.875rem}.withdrawals-total-badge{background:linear-gradient(135deg,#fce7f3 0%,#fbcfe8 100%);border:1px solid #f9a8d4;border-radius:1rem;flex:none;padding:1rem 1.5rem;box-shadow:0 2px 4px #be185d1a}.withdrawals-total-badge-content{color:#be185d;align-items:center;gap:1.5rem;display:flex}.withdrawals-total-badge-text{flex-direction:column;gap:.25rem;display:flex}.withdrawals-total-badge-label{color:#9f1239;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.75rem;font-weight:600}.withdrawals-total-badge-value{color:#be185d;margin:0;font-family:SF Mono,Monaco,Consolas,monospace;font-size:1.5rem;font-weight:700}.withdrawals-content{flex-direction:column;gap:1.5rem;max-width:1400px;margin:0 auto;padding:2rem;display:flex}.withdrawals-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000001a}.withdrawals-search-wrapper{flex:1;min-width:250px;position:relative}.withdrawals-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.withdrawals-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;padding:.625rem 1rem .625rem 2.75rem;font-size:.875rem;transition:all .2s}.withdrawals-search-input:focus{background:#fff;border-color:#be185d;outline:none;box-shadow:0 0 0 3px #be185d1a}.withdrawals-filter-wrapper{align-items:center;gap:.5rem;display:flex;position:relative}.withdrawals-filter-icon{color:#64748b}.withdrawals-filter-select{color:#334155;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E") right .75rem center no-repeat;border:1px solid #e2e8f0;border-radius:.75rem;min-width:150px;padding:.625rem 2.5rem .625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.withdrawals-filter-select:hover{border-color:#94a3b8}.withdrawals-filter-select:focus{border-color:#be185d;outline:none;box-shadow:0 0 0 3px #be185d1a}.withdrawals-stats-card{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;display:flex}.withdrawals-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.withdrawals-table-wrapper{overflow-x:auto}.withdrawals-table{border-collapse:collapse;width:100%}.withdrawals-table thead{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #e2e8f0}.withdrawals-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.05em;padding:1rem 1.5rem;font-size:.875rem;font-weight:600}.withdrawals-th-content{align-items:center;gap:.5rem;display:flex}.withdrawals-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s}.withdrawals-table-row-clickable{cursor:pointer}.withdrawals-table tbody tr:hover{background:#f8fafc}.withdrawals-table tbody tr:last-child{border-bottom:none}.withdrawals-table td{color:#334155;vertical-align:middle;padding:1rem 1.5rem}.withdrawals-name-cell{align-items:center;gap:.75rem;display:flex}.withdrawals-avatar{color:#be185d;background:linear-gradient(135deg,#fce7f3 0%,#fbcfe8 100%);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.withdrawals-name{color:#0f172a;font-weight:600;transition:color .2s}.withdrawals-table-row-clickable:hover .withdrawals-name{color:#be185d}.withdrawals-email{color:#64748b;font-size:.875rem}.withdrawals-amount-cell{align-items:center;gap:.5rem;display:flex}.withdrawals-amount{color:#be185d;font-family:SF Mono,Monaco,Consolas,monospace;font-size:1rem;font-weight:700}.withdrawals-view-button{color:#be185d;cursor:pointer;background:#fce7f3;border:1px solid #f9a8d4;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.withdrawals-view-button:hover{color:#fff;background:#be185d;border-color:#be185d;transform:translateY(-1px);box-shadow:0 4px 6px #be185d33}.withdrawals-empty{padding:4rem 2rem!important}.withdrawals-empty-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.withdrawals-empty-title{color:#334155;margin:0;font-size:1.125rem;font-weight:600}.withdrawals-empty-subtitle{color:#64748b;margin:0;font-size:.875rem}.withdrawals-loading-container{background:linear-gradient(135deg,#f8fafc 0%,#fce7f3 50%,#f1f5f9 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.withdrawals-loading-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.withdrawals-loading-spinner{border:3px solid #e2e8f0;border-top-color:#be185d;border-radius:50%;width:3rem;height:3rem;animation:.8s linear infinite withdrawalsSpin}@keyframes withdrawalsSpin{to{transform:rotate(360deg)}}.withdrawals-loading-text{color:#64748b;margin:0;font-weight:500}@media (max-width:768px){.withdrawals-header-content{flex-direction:column;align-items:flex-start}.withdrawals-total-badge{align-self:flex-start}.withdrawals-filter-card{flex-direction:column;align-items:stretch}.withdrawals-search-wrapper{min-width:auto}.withdrawals-filter-select{width:100%}.withdrawals-stats-card{width:fit-content}.withdrawals-header-content{padding:1rem 1.5rem}.withdrawals-header-title{font-size:1.25rem}.withdrawals-total-badge{width:100%}.withdrawals-total-badge-content{justify-content:space-between}.withdrawals-total-badge-value{font-size:1.25rem}.withdrawals-content,.withdrawals-filter-card{padding:1rem}.withdrawals-table th,.withdrawals-table td{padding:.75rem 1rem}.withdrawals-table th{font-size:.75rem}.withdrawals-avatar{width:2rem;height:2rem}.withdrawals-name,.withdrawals-amount{font-size:.875rem}.withdrawals-view-button span{display:none}.withdrawals-view-button{justify-content:center;width:2rem;height:2rem;padding:.5rem}}@media (max-width:640px){.withdrawals-table thead{display:none}.withdrawals-table,.withdrawals-table tbody,.withdrawals-table tr,.withdrawals-table td{display:block}.withdrawals-table tr{border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:1rem;overflow:hidden}.withdrawals-table td{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.withdrawals-table td:last-child{border-bottom:none}.withdrawals-table td:before{content:attr(data-label);color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.withdrawals-name-cell{flex:1}}.withdraw-details-container{background:linear-gradient(135deg,#f8fafc 0%,#fce7f3 50%,#f1f5f9 100%);min-height:100vh}.withdraw-details-header{z-index:40;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.withdraw-details-header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;max-width:1400px;padding:1.5rem 2rem;display:flex}.withdraw-details-back-btn{cursor:pointer;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.withdraw-details-back-btn:hover{color:#be185d;background:#f8fafc;border-color:#be185d}.withdraw-details-header-info{flex:1;align-items:center;gap:1rem;display:flex}.withdraw-details-agent-avatar{color:#be185d;background:linear-gradient(135deg,#fce7f3 0%,#fbcfe8 100%);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.withdraw-details-header-title{color:#0f172a;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.withdraw-details-header-subtitle{color:#64748b;margin:.25rem 0 0;font-size:.875rem}.withdraw-details-total-badge{background:linear-gradient(135deg,#fce7f3 0%,#fbcfe8 100%);border:1px solid #f9a8d4;border-radius:1rem;flex:none;padding:1rem 1.5rem;box-shadow:0 2px 4px #be185d1a}.withdraw-details-total-badge-content{color:#be185d;align-items:center;gap:1rem;display:flex}.withdraw-details-total-badge-text{flex-direction:column;gap:.25rem;display:flex}.withdraw-details-total-badge-label{color:#9f1239;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.75rem;font-weight:600}.withdraw-details-total-badge-value{color:#be185d;margin:0;font-family:SF Mono,Monaco,Consolas,monospace;font-size:1.25rem;font-weight:700}.withdraw-details-content{flex-direction:column;gap:1.5rem;max-width:1400px;margin:0 auto;padding:2rem;display:flex}.withdraw-details-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000001a}.withdraw-details-date-filter{position:relative}.withdraw-details-calendar-btn{cursor:pointer;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.75rem;min-width:260px;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.withdraw-details-calendar-btn:hover{background:#f8fafc;border-color:#be185d}.withdraw-details-calendar-btn.active{border-color:#be185d;box-shadow:0 0 0 3px #be185d1a}.withdraw-details-calendar-content{color:#64748b;align-items:center;gap:.5rem;display:flex}.withdraw-details-clear-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;transition:background .2s;display:flex}.withdraw-details-clear-btn:hover{background:#f3f4f6}.withdraw-details-calendar-popup{z-index:1000;position:absolute;top:calc(100% + .5rem);left:0}.withdraw-details-stats-badge{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;align-items:center;gap:.5rem;margin-left:auto;padding:.625rem 1rem;font-size:.875rem;font-weight:600;display:flex}.withdraw-date-picker-container{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;width:320px;padding:1rem;box-shadow:0 10px 25px #00000026}.withdraw-date-picker-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.withdraw-date-picker-nav-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:.375rem;transition:all .2s;display:flex}.withdraw-date-picker-nav-btn:hover{color:#be185d;background:#f8fafc;border-color:#be185d}.withdraw-date-picker-month{color:#334155;font-size:.875rem;font-weight:600}.withdraw-date-picker-grid{grid-template-columns:repeat(7,1fr);gap:.25rem;display:grid}.withdraw-date-picker-weekday{text-align:center;color:#6b7280;padding:.5rem 0;font-size:.75rem;font-weight:600}.withdraw-date-picker-day{text-align:center;cursor:pointer;color:#374151;border-radius:.375rem;padding:.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.withdraw-date-picker-day.empty{cursor:default;color:#0000}.withdraw-date-picker-day:not(.empty):hover{background:#f8fafc}.withdraw-date-picker-day.selected{color:#fff;background:#be185d}.withdraw-date-picker-day.in-range{background:#fce7f3}.withdraw-date-picker-day.today:not(.selected){border:2px solid #be185d}.withdraw-details-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.withdraw-details-table-wrapper{overflow-x:auto}.withdraw-details-table{border-collapse:collapse;width:100%}.withdraw-details-table thead{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #e2e8f0}.withdraw-details-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.05em;padding:1rem 1.5rem;font-size:.875rem;font-weight:600}.withdraw-details-th-content{align-items:center;gap:.5rem;display:flex}.withdraw-details-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s}.withdraw-details-table tbody tr:hover{background:#f8fafc}.withdraw-details-table tbody tr:last-child{border-bottom:none}.withdraw-details-table td{color:#334155;vertical-align:middle;padding:1rem 1.5rem}.withdraw-details-name-cell{align-items:center;gap:.75rem;display:flex}.withdraw-details-mini-avatar{color:#be185d;background:linear-gradient(135deg,#fce7f3 0%,#fbcfe8 100%);border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.withdraw-details-name{color:#0f172a;font-weight:600}.withdraw-details-amount-cell{align-items:center;gap:.5rem;display:flex}.withdraw-details-amount{color:#be185d;font-family:SF Mono,Monaco,Consolas,monospace;font-size:1rem;font-weight:700}.withdraw-details-status-badge{text-transform:capitalize;border-radius:.5rem;align-items:center;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.withdraw-details-status-badge.pending{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.withdraw-details-status-badge.approved{color:#166534;background:#dcfce7;border:1px solid #86efac}.withdraw-details-status-badge.declined{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.withdraw-details-action-group{gap:.5rem;display:flex}.withdraw-details-approve-btn{color:#15803d;cursor:pointer;background:#dcfce7;border:1px solid #86efac;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.withdraw-details-approve-btn:hover{color:#fff;background:#15803d;border-color:#15803d;transform:translateY(-1px);box-shadow:0 4px 6px #15803d33}.withdraw-details-decline-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.withdraw-details-decline-btn:hover{color:#fff;background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 6px #dc262633}.withdraw-details-date{color:#64748b;font-size:.875rem}.withdraw-details-empty{padding:4rem 2rem}.withdraw-details-empty-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.withdraw-details-empty-title{color:#334155;margin:0;font-size:1.125rem;font-weight:600}.withdraw-details-empty-subtitle{color:#64748b;text-align:center;margin:0;font-size:.875rem}@media (max-width:1024px){.withdraw-details-header-content{flex-direction:column;align-items:flex-start}.withdraw-details-back-btn,.withdraw-details-total-badge{align-self:flex-start}}@media (max-width:768px){.withdraw-details-header-content{padding:1rem 1.5rem}.withdraw-details-header-title{font-size:1.25rem}.withdraw-details-agent-avatar{width:2.5rem;height:2.5rem}.withdraw-details-total-badge{width:100%}.withdraw-details-total-badge-content{justify-content:space-between}.withdraw-details-total-badge-value{font-size:1.125rem}.withdraw-details-content{padding:1rem}.withdraw-details-filter-card{flex-direction:column;align-items:stretch;padding:1rem}.withdraw-details-calendar-btn{width:100%;min-width:auto}.withdraw-details-stats-badge{width:fit-content;margin-left:0}.withdraw-details-table th,.withdraw-details-table td{padding:.75rem 1rem}.withdraw-details-table th{font-size:.75rem}.withdraw-details-mini-avatar{width:1.75rem;height:1.75rem}.withdraw-details-name,.withdraw-details-amount{font-size:.875rem}.withdraw-details-date{font-size:.8125rem}.withdraw-details-action-group{flex-direction:column}.withdraw-details-approve-btn span,.withdraw-details-decline-btn span{display:none}.withdraw-details-approve-btn,.withdraw-details-decline-btn{justify-content:center;padding:.5rem}}@media (max-width:640px){.withdraw-details-table thead{display:none}.withdraw-details-table,.withdraw-details-table tbody,.withdraw-details-table tr,.withdraw-details-table td{display:block}.withdraw-details-table tr{border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:1rem;overflow:hidden}.withdraw-details-table td{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.withdraw-details-table td:last-child{border-bottom:none}.withdraw-details-table td:before{content:attr(data-label);color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.withdraw-details-name-cell{flex:1}.withdraw-details-action-group{flex-direction:row;gap:.5rem}}.client-form-container{background:linear-gradient(135deg,#f8fafc 0%,#dbeafe 50%,#f1f5f9 100%);min-height:100vh;padding:2rem 1rem}.client-form-wrapper{max-width:1200px;margin:0 auto}.client-form-header{background:#fff;border:1px solid #e2e8f0;border-bottom:none;border-radius:1rem 1rem 0 0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;box-shadow:0 1px 3px #0000000d}.client-form-title{color:#0f172a;align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}.client-form-close-btn{color:#991b1b;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.client-form-close-btn:hover{background:#fecaca;transform:scale(1.1)}.client-form-card{background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 1rem 1rem;padding:2rem;box-shadow:0 4px 6px #0000000d}.client-form-section{margin-bottom:2rem}.client-form-section-title{color:#334155;border-bottom:2px solid #e2e8f0;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.125rem;font-weight:600;display:flex}.client-form-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:768px){.client-form-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.client-form-grid{grid-template-columns:1fr 1fr 1fr}}.client-form-field{flex-direction:column;display:flex}.client-form-field.full-width{grid-column:1/-1}.client-form-label{color:#475569;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:flex}.client-form-label.required:after{content:"*";color:#ef4444;margin-left:.25rem}.client-form-input,.client-form-select{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.client-form-input:focus,.client-form-select:focus{border-color:#15803d;outline:none;box-shadow:0 0 0 3px #2563eb1a}.client-form-input::placeholder{color:#94a3b8}.client-form-file-input-wrapper{position:relative}.client-form-file-input{display:none}.client-form-file-label{cursor:pointer;color:#1d4ed8;background:#f8fafc;border:2px dashed #93c5fd;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.client-form-file-label:hover{color:#1e40af;background:#dbeafe;border-color:#15803d}.client-form-file-selected{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd;border-radius:.375rem;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.75rem;display:flex}.client-form-file-warning{color:#64748b;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;display:flex}.client-form-file-warning strong{color:#ef4444}.client-form-actions{border-top:2px solid #e2e8f0;gap:1rem;margin-top:2rem;padding-top:2rem;display:flex}.client-form-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#15803d 0%,#166534 100%);border:none;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 4px #2563eb33}.client-form-submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #2563eb4d}.client-form-submit-btn:active{transform:translateY(0)}.client-form-submit-btn:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8;transform:none}.client-form-cancel-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.75rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.client-form-cancel-btn:hover{background:#e2e8f0}.client-form-documents-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:768px){.client-form-documents-grid{grid-template-columns:1fr 1fr}}.client-form-document-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem;transition:all .2s}.client-form-document-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.client-form-document-header{color:#334155;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}.client-form-assignment-box{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1px solid #93c5fd;border-radius:.75rem;margin-top:1rem;padding:1.5rem}.client-form-assignment-title{color:#15803d;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.icon-primary{color:#15803d}.icon-warning{color:#b45309}.client-form-loading{color:#64748b;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;display:flex}.client-form-loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite formSpin}@keyframes formSpin{to{transform:rotate(360deg)}}@media (max-width:768px){.client-form-container{padding:1rem .5rem}.client-form-header{border-radius:.75rem .75rem 0 0;padding:1rem 1.5rem}.client-form-title{font-size:1.25rem}.client-form-card{border-radius:0 0 .75rem .75rem;padding:1.5rem}.client-form-actions{flex-direction:column}.client-form-submit-btn,.client-form-cancel-btn{width:100%}}.client-detail-container{background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 50%,#f1f5f9 100%);min-height:100vh}.client-header{z-index:40;background:#fff;padding:10px;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.client-header-content{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:1rem 1.5rem;display:flex}.back-button{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-weight:500;transition:color .2s;display:flex}.back-button:hover{color:#0f172a}.header-title{color:#0f172a;margin:0;font-size:1.5rem;font-weight:700}.edit-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.edit-button:hover{background:#1d4ed8;box-shadow:0 4px 6px #0000001a}.client-content{max-width:1280px;margin:0 auto;padding:2rem 1.5rem}.client-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:1024px){.client-grid{grid-template-columns:1fr 2fr}}.profile-card,.completion-card,.info-card,.documents-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.profile-picture-container{flex-direction:column;align-items:center;display:flex}.profile-picture-wrapper{position:relative}.profile-picture-ring{background:linear-gradient(135deg,#60a5fa 0%,#2563eb 100%);border-radius:50%;width:8rem;height:8rem;padding:4px;box-shadow:0 10px 15px #0000001a}.profile-picture-inner{background:#fff;border-radius:50%;width:100%;height:100%;overflow:hidden}.profile-picture{object-fit:cover;cursor:pointer;width:100%;height:100%}.profile-placeholder{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.camera-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50%;padding:.5rem;transition:background .2s;position:absolute;bottom:0;right:0;box-shadow:0 4px 6px #0000001a}.camera-button:hover{background:#1d4ed8}.profile-name{color:#0f172a;margin-top:1rem;font-size:1.25rem;font-weight:700}.profile-phone{color:#64748b;font-size:.875rem}.photo-selected-badge{color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:9999px;align-items:center;gap:.25rem;margin-top:.75rem;padding:.375rem .75rem;font-size:.75rem;display:flex}.completion-title{color:#0f172a;margin-bottom:1rem;font-size:1.125rem;font-weight:700}.completion-overall{margin-bottom:1rem}.completion-label{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.completion-label span:first-child{color:#334155;font-size:.875rem;font-weight:500}.completion-label span:last-child{color:#2563eb;font-size:.875rem;font-weight:700}.progress-bar{background:#f1f5f9;border-radius:9999px;height:.625rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%);border-radius:9999px;height:100%;transition:width .5s}.completion-breakdown{border-top:1px solid #f1f5f9;padding-top:.5rem}.completion-item{justify-content:space-between;align-items:center;margin:.75rem 0;display:flex}.completion-item span:first-child{color:#64748b;font-size:.875rem}.completion-item span:last-child{color:#94a3b8;font-size:.75rem;font-weight:500}.info-title{color:#0f172a;margin-bottom:1.5rem;font-size:1.125rem;font-weight:700}.info-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:768px){.info-grid{grid-template-columns:1fr 1fr}}.agent-info-box{background:#dbeafe;border:1px solid #93c5fd;border-radius:.75rem;grid-column:1/-1;padding:1rem}.agent-info-content{align-items:center;gap:.75rem;display:flex}.agent-icon{background:#bfdbfe;border-radius:.5rem;padding:.5rem}.agent-details p:first-child{color:#2563eb;margin:0;font-size:.75rem;font-weight:500}.agent-details p:nth-child(2){color:#0f172a;margin:.25rem 0;font-size:.875rem;font-weight:600}.agent-details p:last-child{color:#64748b;margin:0;font-size:.75rem}.info-field{margin-bottom:0}.info-field-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:500;display:block}.info-field-value{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.75rem;padding:.625rem 1rem;transition:all .2s;display:flex}.info-field-value.editable{cursor:pointer}.info-field-value.editable:hover{background:#dbeafe;border-color:#93c5fd}.info-field-value span{color:#0f172a;font-weight:500}.info-field input,.info-field select{border:1px solid #93c5fd;border-radius:.5rem;outline:none;width:100%;padding:.625rem 1rem;font-size:1rem}.info-field input:focus,.info-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.documents-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.ping-button{color:#b45309;cursor:pointer;background:#fef3c7;border:1px solid #fcd34d;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background .2s;display:flex}.ping-button:hover{background:#fde68a}.documents-list{flex-direction:column;gap:1rem;display:flex}.document-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem;transition:border-color .2s}.document-item:hover{border-color:#cbd5e1}.document-content{justify-content:space-between;align-items:start;gap:1rem;display:flex}.document-left{flex:1;align-items:start;gap:.75rem;display:flex}.document-icon{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.5rem}.document-info h4{color:#0f172a;margin:0 0 .25rem;font-weight:600}.document-link{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;font-weight:500}.document-link:hover{color:#1d4ed8}.document-not-uploaded{color:#64748b;font-size:.875rem}.document-file-selected{color:#15803d;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;display:flex}.document-right{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.status-badge{border:1px solid;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:flex}.status-badge.approved{color:#15803d;background:#dcfce7;border-color:#86efac}.status-badge.declined{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.status-badge.pending{color:#b45309;background:#fef3c7;border-color:#fcd34d}.document-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.document-actions button{cursor:pointer;border:1px solid;border-radius:.5rem;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.upload-doc-button{color:#2563eb;background:#dbeafe;border-color:#93c5fd}.upload-doc-button:hover{background:#bfdbfe}.approve-doc-button{color:#15803d;background:#dcfce7;border-color:#86efac}.approve-doc-button:hover{background:#bbf7d0}.reject-doc-button{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.reject-doc-button:hover{background:#fecaca}.action-buttons{align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.save-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.save-button:hover{background:#1d4ed8;box-shadow:0 4px 6px #0000001a}.cancel-button{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.cancel-button:hover{background:#e2e8f0}.image-modal{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:local;justify-content:center;align-items:center;width:70%;height:70%;padding:2rem;animation:.2s fadeIn;display:flex;position:fixed;inset:10rem 0 0 100px}.image-modal-content{justify-content:center;align-items:center;max-width:70vw;max-height:70vh;display:flex;position:relative}.image-modal-close{color:#fff;cursor:pointer;background:#000;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:absolute;top:-3.5rem;right:0}.image-modal-close:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.image-modal-img{object-fit:contain;background:#fff;border-radius:.5rem;width:auto;max-width:70%;height:auto;max-height:70vh;box-shadow:0 25px 50px -12px #000c}.image-loading{color:#fff;align-items:center;gap:.75rem;font-size:1.125rem;display:flex}.image-loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite spin}.loading-container{background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 50%,#f1f5f9 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{border:4px solid #2563eb;border-top-color:#0000;border-radius:50%;width:4rem;height:4rem;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#64748b;text-align:center;font-weight:500}.divider{background:#cbd5e1;width:1px;height:1.5rem;margin:0 1rem}.left-section,.right-section{flex-direction:column;gap:1.5rem;display:flex}@media (max-width:768px){.client-header-content,.documents-header{flex-direction:column;align-items:flex-start;gap:1rem}.document-content{flex-direction:column}.document-right{align-items:flex-start;width:100%}.action-buttons{flex-direction:column}.save-button,.cancel-button{width:100%}.image-modal{padding:1rem}.image-modal-close{top:-2.5rem}}.agent-clients-container{background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 50%,#f1f5f9 100%);min-height:100vh}.agent-clients-header{z-index:40;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.agent-clients-header-content{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1400px;margin:0 auto;padding:1.5rem 2rem;display:flex}.agent-clients-header-left{flex:1;align-items:center;gap:1rem;display:flex}.agent-clients-back-button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem;font-weight:500;transition:color .2s;display:flex}.agent-clients-back-button:hover{color:#0f172a;background:#f1f5f9}.agent-clients-divider{background:#cbd5e1;width:1px;height:2rem}.agent-clients-title-section{flex-direction:column;gap:.25rem;display:flex}.agent-clients-header-title{color:#0f172a;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.agent-clients-header-subtitle{color:#64748b;margin:0;font-size:.875rem}.agent-clients-stats-badge{color:#15803d;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border:1px solid #86efac;border-radius:9999px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;display:flex}.agent-clients-content{max-width:1400px;margin:0 auto;padding:2rem}.agent-clients-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.agent-clients-table-wrapper{overflow-x:auto}.agent-clients-table{border-collapse:collapse;width:100%}.agent-clients-table thead{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #e2e8f0}.agent-clients-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.05em;padding:1rem 1.5rem;font-size:.875rem;font-weight:600}.agent-clients-th-content{align-items:center;gap:.5rem;display:flex}.agent-clients-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s}.agent-clients-table tbody tr:hover{background:#f8fafc}.agent-clients-table tbody tr:last-child{border-bottom:none}.agent-clients-table td{color:#334155;padding:1rem 1.5rem}.agent-clients-cell-content{align-items:center;gap:.75rem;display:flex}.agent-clients-avatar{color:#15803d;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.agent-clients-name{color:#0f172a;font-weight:600}.agent-clients-mobile{color:#64748b;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875rem;font-weight:500}.agent-clients-date{color:#64748b;font-size:.875rem}.agent-clients-view-button{color:#15803d;cursor:pointer;background:#dcfce7;border:1px solid #86efac;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.agent-clients-view-button:hover{color:#fff;background:#15803d;border-color:#15803d;transform:translateY(-1px);box-shadow:0 4px 6px #15803d33}.agent-clients-empty{padding:4rem 2rem!important}.agent-clients-empty-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.agent-clients-empty-title{color:#334155;margin:0;font-size:1.125rem;font-weight:600}.agent-clients-empty-subtitle{color:#64748b;margin:0;font-size:.875rem}.agent-clients-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.agent-clients-loading-spinner{border:3px solid #e2e8f0;border-top-color:#15803d;border-radius:50%;width:3rem;height:3rem;animation:.8s linear infinite agentClientsSpin}@keyframes agentClientsSpin{to{transform:rotate(360deg)}}.agent-clients-loading-text{color:#64748b;margin:0;font-weight:500}@media (max-width:1024px){.agent-clients-header-content{flex-direction:column;align-items:flex-start}.agent-clients-stats-badge{align-self:flex-start}}@media (max-width:768px){.agent-clients-header-content{padding:1rem 1.5rem}.agent-clients-header-left{flex-wrap:wrap}.agent-clients-divider{display:none}.agent-clients-header-title{font-size:1.25rem}.agent-clients-content{padding:1rem}.agent-clients-table th,.agent-clients-table td{padding:.75rem 1rem}.agent-clients-table th{font-size:.75rem}.agent-clients-cell-content{flex-direction:column;align-items:flex-start;gap:.5rem}.agent-clients-avatar{width:2rem;height:2rem}.agent-clients-name{font-size:.875rem}.agent-clients-view-button span{display:none}.agent-clients-view-button{padding:.5rem}}@media (max-width:640px){.agent-clients-table thead{display:none}.agent-clients-table,.agent-clients-table tbody,.agent-clients-table tr,.agent-clients-table td{display:block}.agent-clients-table tr{border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:1rem;overflow:hidden}.agent-clients-table td{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.agent-clients-table td:last-child{border-bottom:none}.agent-clients-table td:before{content:attr(data-label);color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.agent-clients-cell-content{flex-direction:row;align-items:center}}.managers-container{background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 50%,#f1f5f9 100%);min-height:100vh}.managers-header{z-index:40;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.managers-header-content{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1400px;margin:0 auto;padding:1.5rem 2rem;display:flex}.managers-title-section{flex-direction:column;gap:.25rem;display:flex}.managers-header-title{color:#0f172a;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.managers-header-subtitle{color:#64748b;margin:0;font-size:.875rem}.managers-stats-badge{color:#b45309;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fcd34d;border-radius:9999px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;display:flex}.managers-content{flex-direction:column;gap:1.5rem;max-width:1400px;margin:0 auto;padding:2rem;display:flex}.managers-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000001a}.managers-filter-left{flex:1;align-items:center;gap:1rem;min-width:300px;display:flex}.managers-add-button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 4px #2563eb33}.managers-add-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #2563eb4d}.managers-add-button:active{transform:translateY(0)}.managers-search-wrapper{flex:1;max-width:400px;position:relative}.managers-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.managers-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;padding:.625rem 1rem .625rem 2.75rem;font-size:.875rem;transition:all .2s}.managers-search-input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.managers-filter-wrapper{align-items:center;gap:.5rem;display:flex;position:relative}.managers-filter-icon{color:#64748b}.managers-filter-select{color:#334155;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E") right .75rem center no-repeat;border:1px solid #e2e8f0;border-radius:.75rem;padding:.625rem 2.5rem .625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.managers-filter-select:hover{border-color:#94a3b8}.managers-filter-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.managers-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.managers-table-wrapper{overflow-x:auto}.managers-table{border-collapse:collapse;width:100%}.managers-table thead{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #e2e8f0}.managers-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.05em;padding:1rem 1.5rem;font-size:.875rem;font-weight:600}.managers-th-content{align-items:center;gap:.5rem;display:flex}.managers-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s}.managers-table tbody tr:hover{background:#f8fafc}.managers-table tbody tr:last-child{border-bottom:none}.managers-table td{color:#334155;vertical-align:middle;padding:1rem 1.5rem}.managers-name-cell{cursor:pointer;align-items:center;gap:.75rem;transition:all .2s;display:flex}.managers-name-cell:hover .managers-name{color:#2563eb}.managers-avatar{color:#b45309;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.managers-name{color:#0f172a;font-weight:600;transition:color .2s}.managers-phone{color:#64748b;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875rem;font-weight:500}.managers-email{color:#64748b;font-size:.875rem}.managers-status-select{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:9999px;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.managers-status-approved{color:#15803d;background:#dcfce7}.managers-status-approved:hover{background:#bbf7d0}.managers-status-declined{color:#dc2626;background:#fee2e2}.managers-status-declined:hover{background:#fecaca}.managers-status-pending{color:#b45309;background:#fef3c7}.managers-status-pending:hover{background:#fde68a}.managers-action-buttons{align-items:center;gap:.5rem;display:flex}.managers-edit-button,.managers-delete-button{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s;display:flex}.managers-edit-button{color:#2563eb;background:#dbeafe}.managers-edit-button:hover{color:#fff;background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 6px #2563eb33}.managers-delete-button{color:#dc2626;background:#fee2e2}.managers-delete-button:hover{color:#fff;background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 6px #dc262633}.managers-view-agents-button{color:#b45309;cursor:pointer;background:#fef3c7;border:1px solid #fcd34d;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.managers-view-agents-button:hover{color:#fff;background:#b45309;border-color:#b45309;transform:translateY(-1px);box-shadow:0 4px 6px #b4530933}.managers-empty{padding:4rem 2rem!important}.managers-empty-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.managers-empty-title{color:#334155;margin:0;font-size:1.125rem;font-weight:600}.managers-empty-subtitle{color:#64748b;margin:0;font-size:.875rem}.managers-loading-container{background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 50%,#f1f5f9 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.managers-loading-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.managers-loading-spinner{border:3px solid #e2e8f0;border-top-color:#b45309;border-radius:50%;width:3rem;height:3rem;animation:.8s linear infinite managersSpin}@keyframes managersSpin{to{transform:rotate(360deg)}}.managers-loading-text{color:#64748b;margin:0;font-weight:500}@media (max-width:1024px){.managers-header-content{flex-direction:column;align-items:flex-start}.managers-stats-badge{align-self:flex-start}.managers-filter-card{flex-direction:column;align-items:stretch}.managers-filter-left{flex-direction:column;align-items:stretch;min-width:auto}.managers-search-wrapper{max-width:none}.managers-filter-wrapper{justify-content:flex-start}}@media (max-width:768px){.managers-header-content{padding:1rem 1.5rem}.managers-header-title{font-size:1.25rem}.managers-content,.managers-filter-card{padding:1rem}.managers-table th,.managers-table td{padding:.75rem 1rem}.managers-table th{font-size:.75rem}.managers-avatar{width:2rem;height:2rem}.managers-name{font-size:.875rem}.managers-view-agents-button span{display:none}.managers-view-agents-button{justify-content:center;width:2rem;height:2rem;padding:.5rem}}@media (max-width:640px){.managers-table thead{display:none}.managers-table,.managers-table tbody,.managers-table tr,.managers-table td{display:block}.managers-table tr{border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:1rem;overflow:hidden}.managers-table td{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.managers-table td:last-child{border-bottom:none}.managers-table td:before{content:attr(data-label);color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.managers-name-cell{flex:1}.managers-action-buttons{justify-content:flex-end}}.manager-form-container{background:linear-gradient(135deg,#f8fafc 0%,#fef3c7 50%,#f1f5f9 100%);min-height:100vh;padding:2rem 1rem}.manager-form-wrapper{max-width:1000px;margin:0 auto}.manager-form-header{background:#fff;border:1px solid #e2e8f0;border-bottom:none;border-radius:1rem 1rem 0 0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;box-shadow:0 1px 3px #0000000d}.manager-form-title{color:#0f172a;align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}.manager-form-close-btn{color:#991b1b;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.manager-form-close-btn:hover{background:#fecaca;transform:scale(1.1)}.manager-form-card{background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 1rem 1rem;padding:2rem;box-shadow:0 4px 6px #0000000d}.manager-form-section{margin-bottom:2rem}.manager-form-section-title{color:#334155;border-bottom:2px solid #e2e8f0;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.125rem;font-weight:600;display:flex}.manager-form-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:768px){.manager-form-grid{grid-template-columns:1fr 1fr}}.manager-form-field{flex-direction:column;display:flex}.manager-form-field.full-width{grid-column:1/-1}.manager-form-label{color:#475569;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:flex}.manager-form-label.required:after{content:"*";color:#ef4444;margin-left:.25rem}.manager-form-input,.manager-form-select{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.manager-form-input:focus,.manager-form-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #f59e0b1a}.manager-form-input::placeholder{color:#94a3b8}.manager-form-select:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.manager-form-upload-box{background:#fef3c7;border:1px solid #fcd34d;border-radius:.75rem;margin-top:1rem;padding:1.5rem}.manager-form-upload-title{color:#b45309;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.manager-form-file-input-wrapper{position:relative}.manager-form-file-input{display:none}.manager-form-file-label{cursor:pointer;color:#b45309;background:#fff;border:2px dashed #2563eb;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.manager-form-file-label:hover{color:#92400e;background:#fef3c7;border-color:#d97706}.manager-form-file-selected{color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:.375rem;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;font-size:.75rem;display:flex}.manager-form-file-warning{color:#92400e;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;display:flex}.manager-form-file-warning strong{color:#ef4444}.manager-form-status-box{background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);border:1px solid #7dd3fc;border-radius:.75rem;margin-top:1rem;padding:1.5rem}.manager-form-status-title{color:#075985;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.manager-form-actions{border-top:2px solid #e2e8f0;gap:1rem;margin-top:2rem;padding-top:2rem;display:flex}.manager-form-submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.manager-form-submit-btn:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 4px 6px #00000026}.manager-form-submit-btn:active{transform:translateY(0)}.manager-form-submit-btn:disabled{cursor:not-allowed;background:#94a3b8;transform:none}.manager-form-cancel-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.75rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.manager-form-cancel-btn:hover{background:#e2e8f0}.icon-manager{color:#2563eb}.icon-success{color:#15803d}.icon-info{color:#075985}.manager-form-loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite managerSpin}@keyframes managerSpin{to{transform:rotate(360deg)}}@media (max-width:768px){.manager-form-container{padding:1rem .5rem}.manager-form-header{border-radius:.75rem .75rem 0 0;padding:1rem 1.5rem}.manager-form-title{font-size:1.25rem}.manager-form-card{border-radius:0 0 .75rem .75rem;padding:1.5rem}.manager-form-actions{flex-direction:column}.manager-form-submit-btn,.manager-form-cancel-btn{width:100%}}.manager-agents-container{background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 50%,#f1f5f9 100%);min-height:100vh}.manager-agents-header{z-index:40;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.manager-agents-header-content{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1400px;margin:0 auto;padding:1.5rem 2rem;display:flex}.manager-agents-header-left{flex:1;align-items:center;gap:1rem;display:flex}.manager-agents-back-button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem;font-weight:500;transition:color .2s;display:flex}.manager-agents-back-button:hover{color:#0f172a;background:#f1f5f9}.manager-agents-divider{background:#cbd5e1;width:1px;height:2rem}.manager-agents-title-section{flex-direction:column;gap:.25rem;display:flex}.manager-agents-header-title{color:#0f172a;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.manager-agents-header-subtitle{color:#64748b;margin:0;font-size:.875rem}.manager-agents-stats-badge{color:#1e40af;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1px solid #93c5fd;border-radius:9999px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;display:flex}.manager-agents-content{max-width:1400px;margin:0 auto;padding:2rem}.manager-agents-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.manager-agents-table-wrapper{overflow-x:auto}.manager-agents-table{border-collapse:collapse;width:100%}.manager-agents-table thead{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #e2e8f0}.manager-agents-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.05em;padding:1rem 1.5rem;font-size:.875rem;font-weight:600}.manager-agents-th-content{align-items:center;gap:.5rem;display:flex}.manager-agents-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s}.manager-agents-table tbody tr:hover{background:#f8fafc}.manager-agents-table tbody tr:last-child{border-bottom:none}.manager-agents-table td{color:#334155;padding:1rem 1.5rem}.manager-agents-cell-content{align-items:center;gap:.75rem;display:flex}.manager-agents-avatar{color:#2563eb;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.manager-agents-name{color:#0f172a;font-weight:600}.manager-agents-mobile{color:#64748b;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875rem;font-weight:500}.manager-agents-date{color:#64748b;font-size:.875rem}.manager-agents-view-button{color:#2563eb;cursor:pointer;background:#dbeafe;border:1px solid #93c5fd;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.manager-agents-view-button:hover{color:#fff;background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px #2563eb33}.manager-agents-empty{padding:4rem 2rem!important}.manager-agents-empty-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.manager-agents-empty-title{color:#334155;margin:0;font-size:1.125rem;font-weight:600}.manager-agents-empty-subtitle{color:#64748b;margin:0;font-size:.875rem}.manager-agents-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.manager-agents-loading-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:3rem;height:3rem;animation:.8s linear infinite managerAgentsSpin}@keyframes managerAgentsSpin{to{transform:rotate(360deg)}}.manager-agents-loading-text{color:#64748b;margin:0;font-weight:500}@media (max-width:1024px){.manager-agents-header-content{flex-direction:column;align-items:flex-start}.manager-agents-stats-badge{align-self:flex-start}}@media (max-width:768px){.manager-agents-header-content{padding:1rem 1.5rem}.manager-agents-header-left{flex-wrap:wrap}.manager-agents-divider{display:none}.manager-agents-header-title{font-size:1.25rem}.manager-agents-content{padding:1rem}.manager-agents-table th,.manager-agents-table td{padding:.75rem 1rem}.manager-agents-table th{font-size:.75rem}.manager-agents-cell-content{flex-direction:column;align-items:flex-start;gap:.5rem}.manager-agents-avatar{width:2rem;height:2rem}.manager-agents-name{font-size:.875rem}.manager-agents-view-button span{display:none}.manager-agents-view-button{padding:.5rem}}@media (max-width:640px){.manager-agents-table thead{display:none}.manager-agents-table,.manager-agents-table tbody,.manager-agents-table tr,.manager-agents-table td{display:block}.manager-agents-table tr{border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:1rem;overflow:hidden}.manager-agents-table td{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.manager-agents-table td:last-child{border-bottom:none}.manager-agents-table td:before{content:attr(data-label);color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.manager-agents-cell-content{flex-direction:row;align-items:center}}