@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--portal-primary:#2537c6;--portal-primary-strong:#1e2fb1;--portal-primary-soft:#e8ecff;--portal-button-primary:#2537c6;--portal-button-secondary:#2f68ea}.portal-btn-primary{background:#2537c6;background:var(--portal-button-primary,#2537c6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px}.portal-btn-primary:hover{filter:brightness(1.05)}.portal-btn-primary:disabled{cursor:not-allowed;opacity:.6}.portal-btn-secondary{background:#0000;border:2px solid #2f68ea;border:2px solid var(--portal-button-secondary,#2f68ea);border-radius:8px;color:#2f68ea;color:var(--portal-button-secondary,#2f68ea);cursor:pointer;font-weight:600;padding:8px 16px}.portal-btn-secondary:hover{filter:brightness(1.06)}body.dark-mode{color:#e2e8f0}body.dark-mode,body.dark-mode .dashboard-body,body.dark-mode .dashboard-layout{background:#0f172a}body.dark-mode .dashboard-content{background:#0f172a;color:#e2e8f0}body.dark-mode .navbar{box-shadow:0 2px 8px #00000059}body.sidebar-style-light .sidebar{background:#f1f5f9!important;border-right:1px solid #e2e8f0;color:#0f172a!important}body.sidebar-style-light .sidebar h3{border-bottom-color:#e2e8f0!important;color:#0f172a!important}body.sidebar-style-light .sidebar button{color:#334155!important}body.sidebar-style-light .sidebar button:hover{background-color:#0f172a0f!important}body.sidebar-style-light .sidebar button.active{background-color:#e8ecff!important;background-color:var(--portal-primary-soft,#e8ecff)!important;border-left:4px solid #2537c6!important;border-left:4px solid var(--portal-primary,#2537c6)!important;color:#2537c6!important;color:var(--portal-primary,#2537c6)!important}body.sidebar-style-light .sidebar::-webkit-scrollbar-thumb{background-color:#cbd5e1}body.sidebar-style-light .sidebar::-webkit-scrollbar-track{background-color:#f1f5f9}body.sidebar-style-dark .sidebar{background:#1e293b!important;border-right:1px solid #334155;color:#f1f5f9!important}body.sidebar-style-dark .sidebar h3{border-bottom-color:#475569!important;color:#f8fafc!important}body.sidebar-style-dark .sidebar button{color:#e2e8f0!important}body.sidebar-style-dark .sidebar button:hover{background-color:#ffffff14!important}body.sidebar-style-dark .sidebar button.active{background-color:#ffffff1f!important;border-left:4px solid #2537c6!important;border-left:4px solid var(--portal-primary,#5a67d8)!important;color:#fff!important}body.sidebar-style-dark .sidebar::-webkit-scrollbar-thumb{background-color:#64748b}body.sidebar-style-dark .sidebar::-webkit-scrollbar-track{background-color:#0f172a}body.sidebar-style-brand .sidebar{background:#2537c6!important;background:var(--portal-primary,#5a67d8)!important;color:#fff!important}: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(90deg,#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:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{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{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;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{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--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{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}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:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}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:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(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:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}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:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-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--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-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%{animation-timing-function:ease-in;opacity:0;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%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-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--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-container{--bg-page:#011627;--bg-input:#0a1929;--border-input:#64748b59;--text-primary:#f8fafc;--text-muted:#94a3b8;--text-placeholder:#64748b;--accent-link:#38bdf8;--accent-link-hover:#7dd3fc;--error:#f87171;align-items:center;background:var(--bg-page);display:flex;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;justify-content:center;min-height:100vh;padding:1.5rem}.login-box{max-width:400px;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-title{color:var(--text-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.login-subtitle{color:var(--text-muted);font-size:.95rem;line-height:1.5;margin:0}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{gap:.4rem}.form-label-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.form-group label{color:var(--text-primary);font-size:.8125rem}.forgot-link{color:var(--accent-link);font-size:.8125rem;font-weight:500;text-decoration:none;white-space:nowrap}.forgot-link:hover{color:var(--accent-link-hover);text-decoration:underline}.login-box input[type=email],.login-box input[type=password],.login-box input[type=text]{background:var(--bg-input);border:1px solid var(--border-input);border-radius:9px;box-sizing:border-box;color:var(--text-primary);font-size:.9375rem;outline:none;padding:.75rem .875rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.login-box input::placeholder{color:var(--text-placeholder)}.login-box input:hover{border-color:#94a3b873}.login-box input:focus{border-color:#38bdf88c;box-shadow:0 0 0 3px #38bdf81f}.password-wrapper input{padding-right:2.75rem}.password-toggle{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:1rem;justify-content:center;line-height:1;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-primary)}.login-error{background:#f8717114;border:1px solid #f8717140;border-radius:8px;color:var(--error);font-size:.875rem;padding:.65rem .75rem;text-align:center}.login-submit{background:var(--text-primary);border:none;border-radius:9999px;color:var(--bg-page);cursor:pointer;font-size:.9375rem;font-weight:600;margin-top:.25rem;padding:.85rem 1.25rem;transition:background .15s ease,transform .1s ease;width:100%}.login-submit:hover{background:#e2e8f0}.login-submit:active{transform:scale(.99)}.login-divider{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;font-weight:500;gap:1rem;letter-spacing:.06em;margin:1.5rem 0 0;text-transform:uppercase}.login-divider:after,.login-divider:before{background:#94a3b840;content:"";flex:1 1;height:1px}.login-divider span{padding:0 .25rem}.login-info{background:#38bdf814;border:1px solid #38bdf840;border-radius:8px;color:var(--accent-link);padding:.65rem .75rem}.login-forgot-back,.login-info{font-size:.875rem;text-align:center}.login-forgot-back{margin:1rem 0 0}.login-forgot-back a{color:var(--accent-link);text-decoration:none}.login-forgot-back a:hover,.login-link-button{text-decoration:underline}.login-link-button{background:#0000;border:none;color:var(--text-muted);cursor:pointer;font-size:.875rem;margin-top:.75rem;padding:.5rem;width:100%}.login-link-button:hover{color:var(--accent-link)}.login-submit:disabled{cursor:not-allowed;opacity:.65}.back-button{background:#5a67d8;background:var(--portal-primary,#5a67d8);width:-webkit-fit-content;width:fit-content}*{margin:0;padding:0}body{background:#f4f6f9;font-family:Arial,sans-serif}.navbar{align-items:center;background:linear-gradient(90deg,#1e2fb1,#5a67d8);background:linear-gradient(90deg,var(--portal-primary-strong,#1e2fb1),var(--portal-primary,#5a67d8));box-shadow:0 2px 5px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:10px 20px;position:relative}.logo{color:#fff;font-size:20px;font-weight:700}.logo img{height:60px}.search-container{align-items:center;display:flex;flex:1 1;margin:0 40px;max-width:600px}.dropdown-nav{background:#fff;border:1px solid #ccc;border-radius:20px 0 0 20px;border-right:none;outline:none;padding:8px 12px}.search-box{border:1px solid #ccc;border-left:none;border-radius:0 20px 20px 0;flex:1 1;outline:none;padding:8.4px 12px}.nav-icons{align-items:center;display:flex;gap:20px}.icon{color:#fff;cursor:pointer;font-size:22px;transition:.2s ease}.icon:hover{color:#d1d1f7}.nav-icon-home-btn{color:inherit}.nav-icon-home-btn,.notification-bell-button{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;justify-content:center;padding:0}.notification-bell-button{position:relative}.notification-bell-badge{align-items:center;background:#ff4d4f;border-radius:999px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px;position:absolute;right:-9px;top:-7px}.profile{color:#fff;cursor:pointer;font-size:24px;transition:.2s ease}.profile:hover{color:#d1d1f7}.admin-profile-container{align-items:center;display:inline-flex;position:relative}.admin-profile-btn{align-items:center;background:#0000;border:0;color:#fff;cursor:pointer;display:inline-flex;gap:8px;padding:0}.admin-profile-text{color:#fff;font-size:12px;font-weight:600;opacity:.9}.admin-profile-popup-menu{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 20px 40px #1118272e;padding:10px;position:absolute;right:0;top:56px;width:320px;z-index:2000}.admin-profile-popup-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;margin-bottom:8px;padding:10px 10px 14px}.admin-profile-popup-avatar{align-items:center;background:#eef2ff;border-radius:16px;color:#4f46e5;display:inline-flex;font-size:22px;height:44px;justify-content:center;width:44px}.admin-profile-popup-name{color:#111827;font-size:15px;font-weight:800;margin:0}.admin-profile-popup-role{color:#6b7280;font-size:12px;margin:2px 0 0}.admin-profile-popup-item{align-items:center;background:#0000;border:0;border-radius:12px;color:#111827;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:12px;padding:12px;text-align:left;width:100%}.admin-profile-popup-item:hover{background:#eef2ff}.admin-profile-popup-item-icon-wrap{align-items:center;background:#eef2ff;border-radius:12px;color:#4f46e5;display:inline-flex;height:34px;justify-content:center;width:34px}.admin-profile-popup-item-logout{border-top:1px solid #e5e7eb;justify-content:flex-start;margin-top:6px;padding-top:14px}.deals-container{align-items:center;display:flex;gap:10px;position:relative}.deal-btn.plus-only{align-items:center;background:#fff;border:none;border-radius:50%;color:#5a67d8;color:var(--portal-primary,#5a67d8);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:background .2s ease,color .2s ease;width:28px}.deal-btn.plus-only:hover{background:#d1d1f7;color:#333}.add-deal-btn{align-items:center;background:#fff;border:none;border-radius:20px;color:#5a67d8;color:var(--portal-primary,#5a67d8);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 14px;transition:background .2s ease,color .2s ease}.add-deal-btn:hover{background:#e2e6ff;color:#333}.deal-btn.dropdown-toggle{align-items:center;background:#fff;border:none;border-radius:20px;color:#5a67d8;color:var(--portal-primary,#5a67d8);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 14px;transition:background .2s ease,color .2s ease}.deal-btn.dropdown-toggle:hover{background:#e2e6ff;color:#333}.btn-icon-right{font-size:12px;transition:transform .2s ease}.btn-icon-right.open{transform:rotate(180deg)}.deal-dropdown{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 8px #00000026;display:flex;flex-direction:column;left:0;min-width:160px;position:absolute;top:42px;z-index:1000}.deal-dropdown button{background:#0000;border:none;color:#333;cursor:pointer;font-size:14px;padding:10px 14px;text-align:left;transition:background .2s ease}.deal-dropdown button:hover{background:#f2f2f2}.menu-toggle{color:#fff;cursor:pointer;display:none;font-size:22px}@media screen and (max-width:768px){.nav-icons,.search-container{display:none}.nav-icons{background:#fff;border-radius:10px;box-shadow:0 2px 5px #0003;flex-direction:column;padding:10px;position:absolute;right:20px;top:60px}.nav-icons.active{display:flex}.icon,.profile{color:#333}.menu-toggle{display:block}}.add-lead-btn{align-items:center;background:#fff;border-radius:999px;color:#5a67d8;color:var(--portal-primary,#5a67d8);display:flex;font-weight:600;gap:8px;padding:8px 16px}*{box-sizing:border-box}.hamburger{background:none;border:none;cursor:pointer;font-size:24px;left:15px;z-index:1001}.hamburger,.sidebar{position:fixed;top:85px}.sidebar{background:#5a67d8;background:var(--portal-primary,#5a67d8);bottom:0;color:#fff;display:flex;flex-direction:column;height:calc(100vh - 85px);left:-215px;padding:10px 20px 20px 40px;scroll-behavior:smooth;transition:left .3s ease;width:215px;z-index:1000}.sidebar.open{left:0}.sidebar h3{border-bottom:1px solid #444;font-size:22px;margin-bottom:20px;padding-bottom:10px;text-align:center}.sidebar button{align-items:center;background:none;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:space-between;margin:5px 0;padding:10px 15px;text-align:left;transition:all .2s ease}.sidebar button:hover{background-color:#fff3;transform:translateX(4px)}.sidebar button.active{background-color:#4b6cf7;background-color:var(--portal-primary-strong,#4b6cf7);border-left:4px solid #fff;color:#fff;font-weight:700}.submenu{display:flex;flex-direction:column;margin-left:15px}.activity-dropdown-trigger{background:#0000!important;border:none!important;color:#fff!important}.activity-dropdown-trigger:hover{background:#ffffff29!important}.logout-btn-sidebar{align-items:center;background-color:#f44336!important;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:700;justify-content:flex-start;margin-top:auto;padding:10px 15px;transition:background .2s ease}.logout-btn-sidebar:hover{background-color:#d32f2f}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background-color:#555;border-radius:3px}.sidebar::-webkit-scrollbar-track{background-color:#1e1e2f}@media screen and (max-width:768px){.sidebar{left:-200px;width:200px}.sidebar.open{left:0}.hamburger{left:15px;top:20px}}.pipeline-summary-container{border-radius:12px;box-shadow:0 4px 10px #0000001a;margin-top:20px;padding:20px}.pipeline-summary-header h3{font-weight:600;margin-bottom:15px;text-align:center}.pipeline-summary-stats{display:flex;gap:40px;justify-content:center;margin-bottom:20px}.summary-item{text-align:center}.summary-label{color:#666;font-size:14px}.summary-value{color:#222;font-size:18px;font-weight:700}.pipeline-stage-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stage-card{background:#f8f9fa;border:1px solid #e1e1e1;border-radius:8px;padding:10px;text-align:center}.stage-title{color:#333;font-weight:500}.stage-count{color:#777;font-size:13px}.pipeline-summary-empty{background:#fff;border:1px dashed #ccc;border-radius:8px;color:#555;padding:25px;text-align:center}.add-pipeline-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.add-pipeline-container{background:#fff;border-radius:12px;box-shadow:0 6px 20px #0003;max-height:90vh;overflow-y:auto;padding:25px;width:450px}.add-pipeline-title{color:#222;font-weight:600;margin-bottom:15px;text-align:center}.add-pipeline-form{display:flex;flex-direction:column}.add-pipeline-label{color:#444;font-weight:500;margin:8px 0 5px}.add-pipeline-input,.add-pipeline-textarea{border:1px solid #ccc;border-radius:8px;font-size:14px;margin-bottom:10px;padding:8px 10px;transition:border .2s,box-shadow .2s;width:100%}.add-pipeline-input:focus,.add-pipeline-textarea:focus{border-color:#007bff;box-shadow:0 0 3px #007bff4d;outline:none}.add-pipeline-textarea{min-height:60px;resize:vertical}.section-card{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;padding:12px;transition:background .3s,transform .2s}.section-card:hover{background:#f5f5f5;transform:translateY(-2px)}.add-pipeline-add-btn{background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:10px;padding:8px 12px;transition:background .2s}.add-pipeline-add-btn:hover{background:#e4e4e4}.add-pipeline-actions{display:flex;justify-content:space-between;margin-top:15px}.add-pipeline-save-btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 14px;transition:background .2s}.add-pipeline-save-btn:hover{background:#0056b3}.add-pipeline-cancel-btn{background:#ccc;border:none;border-radius:8px;cursor:pointer;padding:8px 14px;transition:background .2s}.add-pipeline-cancel-btn:hover{background:#b3b3b3}.add-pipeline-container::-webkit-scrollbar{width:6px}.add-pipeline-container::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.add-pipeline-container::-webkit-scrollbar-track{background:#0000}.dashboard-container{background:#cacac8;min-height:87vh;padding:20px}.dashboard-title{font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.dashboard-subtitle{font-size:16px;margin-bottom:30px;text-align:center}.dashboard-grid-sales{grid-gap:30px;cursor:pointer;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto;max-width:900px}.dashboard-box-sales{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000001a;display:flex;gap:20px;padding:16px}.icon{height:32px;margin-right:14px;width:32px}.icon.blue{color:#3b82f6}.icon.green{color:#22c55e}.icon.purple{color:#8b5cf6}.icon.yellow{color:#facc15}.icon.pink{color:#ec4899}.icon.red{color:#ef4444}.label-sales{color:#555;font-size:15px}.value-sales{font-size:18px;font-weight:600;margin:10px auto 0}.add-pipeline-btn{align-items:center;background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:5px;padding:8px 14px}.plus-icon{height:18px;width:18px}.sales-pipeline-section{margin-top:40px}.section-title{font-size:1.4rem;font-weight:600;margin-bottom:20px}.profile-container{background:#f4f5fb;color:#2c2e35;font-family:Inter,Arial,sans-serif;min-height:100vh;padding:18px 22px}.profile-header{background:#fff;border:1px solid #dfe2f3;border-radius:12px;box-shadow:0 1px 4px #0000000a;display:flex;flex-direction:column;gap:14px;padding:15px 22px}.pipeline-header{align-items:center;display:flex;justify-content:space-between;padding:5px 10px 0}.company-title{color:#2b2e4a;font-size:21px;font-weight:700;margin:0}.pipeline-header p{color:#555b71;font-size:13.5px;margin:2px 0}.btn-closed,.btn-mail{border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 18px;transition:.2s ease}.btn-mail{background:#fff;border:1.5px solid #2333d1;color:#2333d1}.btn-closed,.btn-mail:hover{background:#2333d1;color:#fff}.btn-closed{border:none}.btn-closed:hover{opacity:.85}.stage-progress{margin-top:32px;width:100%}.stage-progress,.stage-progress-circle{align-items:center;display:flex;justify-content:center}.stage-progress-circle{background:#fff;border:2px solid #c4c4e6;border-radius:50%;font-size:12px;font-weight:700;height:26px;width:26px}.stage-progress-circle.done{background:#2333d1;border-color:#2333d1;color:#fff}.stage-progress-line{height:3px;opacity:.6;width:90px}.stage-progress-line.filled{background:#2333d1;opacity:1}.stage-text-label{background:#2333d1;border-radius:6px;color:#fff;font-size:13px;font-weight:700;margin:0 6px;padding:6px 14px;white-space:nowrap}.stage-progress-item{align-items:center;display:flex;position:relative}.active-stage-label{background:#2333d1;border-radius:6px;box-shadow:0 3px 6px #00005026;color:#fff;font-size:14px;font-weight:700;left:50%;padding:8px 24px;position:absolute;top:-40px;transform:translateX(-50%);white-space:nowrap}.stage-progress-circle:not(.done) .tick{display:none}.stage-progress-line{background:#000;height:2.8px;opacity:.7;transition:.25s ease;width:140px}.profile-body{align-items:flex-start;display:flex;gap:25px;margin-top:22px}.left-card{background:#fff;border:1px solid #deddf0;border-radius:12px;box-shadow:0 1px 4px #0000000a;height:-webkit-max-content;height:max-content;padding:18px;width:27%}.contact-block{gap:12px;margin-bottom:10px}.contact-block,.user-icon{align-items:center;display:flex}.user-icon{background:#aab8ff;border-radius:50%;color:#fff;font-size:22px;font-weight:700;height:54px;justify-content:center;width:54px}.left-card h3{color:#2c2e35;font-size:15.5px;font-weight:600;margin:0}.left-card p{color:#52556d;font-size:13px;margin:2px 0}.left-card h4{color:#2c2e35;font-size:14px;font-weight:700;margin:16px 0 6px}.desc-field{background:#f5f6ff;border:1px solid #e1e5ff;border-radius:6px;color:#333;font-size:13px;padding:10px 12px}.btn-product{background:#fff;border:1.5px solid #6a4ff8;border-radius:6px;color:#6a4ff8;cursor:pointer;font-size:13px;font-weight:600;margin-top:5px;padding:8px 16px;transition:.2s}.btn-product:hover{background:#6a4ff8;color:#fff}.right-content{background:#fff;border:1px solid #deddf0;border-radius:12px;box-shadow:0 1px 4px #0000000a;flex-grow:1;overflow:hidden}.profile-edit-overlay{align-items:center;background:#1e202a73;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1200}.profile-edit-modal{background:#fff;border:1px solid #e4e6f0;border-radius:12px;box-shadow:0 8px 32px #0000001f;max-width:440px;padding:22px 24px;width:100%}.profile-edit-modal h3{color:#2b2e4a;font-size:18px;font-weight:700;margin:0 0 16px}.profile-edit-label{color:#555b71;display:block;font-size:12px;font-weight:600;margin:10px 0 4px}.profile-edit-input,.profile-edit-textarea{border:1px solid #cfd3e6;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:8px 10px;width:100%}.profile-edit-textarea{min-height:48px;resize:vertical}.profile-edit-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.main-page{font-family:Inter,sans-serif;padding:15px}.tabs-header{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.tab-btn{background:#f6f7fb;border:1px solid #d6d7e1;border-radius:8px;color:#444;font-size:13.5px;font-weight:500;padding:8px 18px}.tab-btn:hover{background:#eef0ff;border-color:#b8baf5;color:#2a2adc;transform:translateY(-1px)}.tab-btn.active{background:#2b45c4;border-color:#2b45c4;box-shadow:0 3px 6px #2b45c447;transform:translateY(-1px)}.tabs-content{background:#fff;border:1px solid #deddf0;border-radius:10px;box-shadow:0 1px 4px #0000000d;padding:15px 20px}.main-page:has(.files-container--pipeline) .tabs-content{min-height:min(74vh,1000px);padding:18px 22px 28px}.history-container{font-family:Arial,sans-serif;padding:20px}.history-group{margin-bottom:40px}.history-date{color:#111;font-size:16px;font-weight:700}.timeline{padding-left:120px;position:relative}.timeline-item{align-items:center;margin:25px 0;min-height:40px;position:relative}.timeline-time{color:#222;font-size:14px;font-weight:700;left:-120px;position:absolute;width:100px}.timeline-circle{background:#2196f3;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #2196f3;height:16px;position:relative;width:16px;z-index:2}.timeline-activity{color:#222;font-size:14px;font-weight:700;margin-left:20px}.timeline-connector{background:#333;height:56px;left:7px;position:absolute;top:20px;width:4px;z-index:1}.history-container{font-family:Inter,sans-serif;padding:20px 25px}.history-group{margin-bottom:35px}.history-date{color:#333;font-size:15px;font-weight:600;margin-bottom:15px}.timeline{margin-left:20px}.timeline-item{align-items:flex-start;display:flex;gap:18px;margin-bottom:20px}.timeline-time{color:#333;font-size:13px;padding-top:5px;text-align:right;width:70px}.timeline-line-wrapper{align-items:center;display:flex;flex-direction:column;margin-right:10px}.timeline-dot{background:#2437ff;border:1px solid #2437ff;border-radius:50%;height:10px;width:10px}.timeline-line{background:#2437ff;height:40px;margin-top:2px;width:2px}.timeline-card{background:#fff;border:1px solid #efefef;border-radius:6px;box-shadow:0 2px 4px #00000014;color:#333;font-size:13px;padding:7px 12px;width:85%}.notes-container{font-family:Arial,sans-serif;padding:20px}.notes-header{display:flex;justify-content:flex-end;margin-bottom:15px}.add-note-btn{align-items:center;background:#5a67d8;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 14px}.note-box{background:#f78c5a;border-radius:10px;color:#000;margin-bottom:15px;padding:15px;position:relative}.note-box.pinned{border:2px solid gold;box-shadow:0 0 8px #c2c1ba}.note-header{justify-content:space-between;margin-bottom:10px}.note-create-left,.note-header{align-items:center;display:flex}.note-create-left{font-weight:700;gap:8px}.note-create-right{font-size:14px}.note-body{margin-bottom:12px}.note-edit-textarea{background:#f5f5f5;border:none;border-radius:6px;color:#000;height:100px;outline:none;padding:8px;resize:none;width:100%}.note-footer{align-items:center;gap:15px;justify-content:flex-start}.file-label{align-items:center;color:#000;cursor:pointer;display:flex;gap:4px}.file-name{color:#000;font-size:13px}.action-btn{background:#0000;border:none;color:#000;cursor:pointer;font-size:18px}.action-menu{background:#d6cfcf;border:1px solid #000;border-radius:6px;color:#000;display:flex;flex-direction:column;gap:5px;left:0;padding:5px;position:absolute;top:28px;z-index:10}.action-menu button{background:#0000;border:none;color:#000;cursor:pointer;padding:6px 10px;text-align:left}.action-menu button:hover{background:#8b4513}.note-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.cancel-btn{background:#c53030;padding:6px 12px}.save-btn{background:#2f855a;padding:6px 12px}.overlay{align-items:flex-start;background:#00000080;box-sizing:border-box;height:100%;overflow-y:auto;padding:20px;width:100%;z-index:999}.note-container{animation:slideDown .3s ease-out;background:#fff;border-radius:10px;box-shadow:0 6px 15px #00000026;display:flex;flex-direction:column;max-height:85vh;max-width:650px;overflow:hidden;overflow-y:auto;width:100%}.note-header-create{align-items:center;background:#2563eb;color:#fff;display:flex;font-size:18px;font-weight:700;justify-content:space-between;padding:14px 18px}.note-title{font-size:18px;font-weight:600}.note-cross{cursor:pointer;font-size:18px;transition:transform .2s ease}.note-cross:hover{transform:rotate(90deg)}.note-textarea{border:1px solid #eee;border-radius:6px;box-sizing:border-box;font-size:14px;margin:15px 0;min-height:140px;outline:none;padding:18px;resize:vertical;width:100%}.note-toolbar{border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:12px;padding:8px 15px}.note-toolbar button{background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 10px;transition:.2s}.note-toolbar button.active,.note-toolbar button:hover{background:#2563eb;color:#fff}.note-options{display:flex;flex-wrap:wrap;gap:20px;padding:15px}.note-left,.note-right{flex:1 1;min-width:200px}.note-left label,.note-right label{display:block;font-weight:500;margin-bottom:6px}.select{border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;padding:8px;width:100%}.note-footer{border-top:1px solid #eee;display:flex;justify-content:flex-end;padding:15px}.create-btn{background:#2563eb;font-size:15px;font-weight:500;padding:10px 18px;transition:background .2s ease}.create-btn:hover{background:#1d4ed8}@media (max-width:768px){.note-container{max-height:90vh;max-width:95%}.note-options{flex-direction:column}.note-footer{justify-content:center}}@media (max-width:480px){.note-header{flex-direction:column;gap:8px;text-align:center}.note-toolbar{justify-content:center}}.history-title{font-size:16px;font-weight:600;margin:0 0 8px}.email-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box;margin:0 0 8px;padding:10px}.email-header{align-items:flex-start;gap:8px}.email-icon{color:#4a78ff;flex-shrink:0;font-size:18px}.email-subject{font-size:14px;font-weight:600}.email-meta{color:#777;font-size:12px;margin-top:2px}.email-preview{background:#f6f7f9;border:1px solid #eee;border-radius:4px;font-size:13px;margin-top:8px;overflow-wrap:break-word;padding:8px;white-space:normal}.email-details summary{color:#06c;cursor:pointer;font-size:13px;margin-top:6px}.email-full-wrap{border:1px solid #eee;border-radius:4px;box-sizing:border-box;margin-top:6px;max-height:250px;overflow:auto;padding:8px}.email-full-html{font-size:13px;line-height:1.4;overflow-wrap:break-word;white-space:normal}.email-json-item{border-bottom:1px solid #f2f2f2;font-size:13px;padding:4px 0}.email-json-key{font-weight:600}.email-json-value{margin-left:4px;word-break:break-word}.history-note{border:1px dashed #ccc;border-radius:4px;color:#666;font-size:13px;margin-top:10px;padding:10px}.history-main{max-height:calc(100vh - 300px);overflow-y:auto}.list-content{padding:12px}.list-content h3{color:#222;font-size:16px;margin-bottom:12px}.email-table{border:1px solid #eee;border-collapse:collapse;font-size:14px;width:100%}.email-table td,.email-table th{border:1px solid #eee;padding:10px;text-align:left}.email-table th{background:#f1f3f5;color:#333;font-size:13px;font-weight:700}.email-table tr:nth-child(2n){background:#fafafa}.email-table tr:hover{background:#f0f8ff}.add-email-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.add-email-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:500px;overflow:hidden;padding:0;width:90%}.add-email-header{align-items:center;background:#6a5acd;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.add-email-title{font-size:18px;font-weight:700}.add-email-close-btn{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:400;height:30px;justify-content:center;line-height:1;padding:0;transition:opacity .2s;width:30px}.add-email-close-btn:hover{opacity:.8}.add-email-body{background:#f8f8f8;gap:20px;padding:20px}.add-email-body,.add-email-field{display:flex;flex-direction:column}.add-email-field{gap:8px}.add-email-label{color:#000;font-size:14px;font-weight:700}.add-email-input{background:#fff;border:1px solid #9b7ede;border-radius:4px;color:#333;font-size:14px;padding:10px 12px;transition:border-color .2s}.add-email-input:focus{border-color:#6a5acd;outline:none}.add-email-input::placeholder{color:#999}.add-email-input.error{border-color:#e74c3c}.error-message{color:#e74c3c;display:block;font-size:12px;margin-top:4px}.add-email-footer{background:#f8f8f8;display:flex;justify-content:flex-end;padding:15px 20px}.add-email-btn{background:#1a2b8c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background-color .2s}.add-email-btn:hover{background:#152370}.email-container{background:#fff;border-radius:8px}.email-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.email-tabs{flex:1 1;text-align:center}.email-tabs button{background:#0000;border:none;cursor:pointer;font-size:16px;margin:0 10px;padding:8px 12px;transition:color .3s ease}.email-tabs button.active{border-bottom:2px solid #1976d2;color:#1976d2;font-weight:700}.login-btn{align-items:center;background:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:6px;padding:8px 14px;transition:.3s}.login-btn:hover{background:#135ca1}.email-add-btn{align-items:center;background:#fff;border:1px solid #1976d2;border-radius:6px;color:#1976d2;cursor:pointer;display:flex;gap:6px;padding:8px 14px;transition:.3s}.email-add-btn:hover{background:#f1f8ff}.add-number-overlay{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.add-number-modal{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;padding:0;width:320px}.modal-header{background:#1976d2;border-top-left-radius:8px;border-top-right-radius:8px;padding:10px 15px}.modal-title{font-size:16px;font-weight:700}.modal-body{display:flex;flex-direction:column;gap:10px;padding:15px}.modal-body input{border:1px solid #ccc;border-radius:5px;font-size:14px;padding:8px 10px}.modal-footer{padding:10px 15px}.save-btn{background:#1976d2;padding:6px 14px;transition:.3s}.save-btn:hover{background:#135ca1}.call-container{background:#fff;border-radius:8px}.call-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.call-header h2{color:#333;font-size:20px}.call-add-btn{align-items:center;background:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:6px;padding:8px 14px;transition:.3s}.call-add-btn:hover{background:#135ca1}.call-table{border-collapse:collapse;font-size:15px;width:100%}.call-table td,.call-table th{border:1px solid #e0e0e0;padding:10px 12px;text-align:left}.call-table th{background:#f5f5f5;font-weight:600}.call-table tr:nth-child(2n){background:#fafafa}.actions{gap:8px}.call-delete-btn,.edit-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:4px;padding:6px 10px;transition:.3s}.edit-btn{background:#ff9800}.edit-btn:hover{background:#e68900}.call-delete-btn{background:#f44336;color:#fff}.call-delete-btn:hover{background:#d32f2f}.no-data{color:#888;padding:20px}.wa-call-btn{background-color:#25d366;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:6px 12px}.wa-call-btn:hover{background-color:#1ebe5d}.phone-input-wrapper{display:flex;gap:10px;width:100%}.country-input{width:80px}.country-input,.number-input{border:1px solid #ccc;border-radius:6px;padding:8px}.number-input{flex:1 1}.input-field{border:1px solid #d6d6d6;border-radius:8px;font-size:14px;margin-top:4px;padding:10px;width:100%}.phone-row{display:flex;gap:10px;margin-top:6px}.country-code{text-align:center;width:90px}.country-code,.phone-number{border:1px solid #d6d6d6;border-radius:8px;font-size:14px;padding:10px}.phone-number{flex:1 1}.modal-body label{color:#333;font-size:14px;font-weight:600}.meeting-container{background:#fff;border-radius:10px;font-family:Arial,sans-serif}.meeting-header{display:flex;justify-content:flex-end;margin-bottom:15px}.meeting-add-btn{align-items:center;background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:background .2s ease}.meeting-add-btn:hover{background:#357ab7}.meeting-table{border-collapse:collapse;width:100%}.meeting-table td,.meeting-table th{border:1px solid #ddd;padding:10px;text-align:left;vertical-align:middle}.meeting-table th{background:#f4f4f4}.meeting-delete-btn{align-items:center;background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:4px;padding:6px 12px;transition:background .25s ease,transform .2s ease}.meeting-delete-btn:hover{background:#b7202c;transform:translateY(-1.5px)}.meeting-delete-btn:active{background:#9b1b25;transform:scale(.97)}@media (max-width:768px){.meeting-table{display:block;overflow-x:auto;white-space:nowrap}.meeting-table td,.meeting-table th{padding:8px}.actions button{font-size:11px;padding:3px 6px}}@media (max-width:480px){.meeting-table td,.meeting-table th{padding:6px}.actions{flex-direction:column;gap:4px}.actions button{font-size:12px;padding:4px 0;width:100%}}.schedule-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.schedule-modal{background:#fff;border-radius:10px;display:flex;flex-direction:column;max-height:90%;overflow:hidden;width:500px}.schedule-header{align-items:center;background:#3182ce;color:#fff;display:flex;justify-content:space-between;padding:12px 20px}.close-btn{font-size:18px}.schedule-form-container{overflow-y:auto;padding:15px 20px}.schedule-form .form-group{display:flex;flex-direction:column;margin-bottom:12px}.schedule-form .form-group input,.schedule-form .form-group textarea{border:1px solid #ccc;border-radius:6px;font-size:14px;outline:none;padding:8px}.schedule-form textarea{resize:vertical}.location-group{align-items:center;display:flex;gap:10px}.virtual-meeting{align-items:center;display:flex;gap:4px}.datetime-group{align-items:center;display:flex;gap:10px}.form-actions{margin-top:15px}.form-actions button{background:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}.add-services-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100%;z-index:999}.add-services-container{animation:fadeIn .3s ease;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;font-family:Arial,sans-serif;max-width:650px;padding:0;width:100%}.add-services-header{align-items:center;background:#007bff;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.add-services-header h3{font-size:18px;margin:0}.close-icon{font-size:22px!important;transition:transform .2s}.close-icon:hover{transform:rotate(90deg)}.add-services-form{background:#fff;color:#333;padding:20px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.form-group h4{color:#333;font-weight:700;margin-bottom:30px;text-align:center}textarea{min-height:80px}.pricing-frequency-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:15px}.frequency-right,.pricing-left{flex:1 1;min-width:150px}.create-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:15px;padding:12px;transition:background .3s ease;width:100%}.create-btn:hover{background:#0056b3}@media (max-width:768px){.pricing-frequency-row{flex-direction:column}}@media (max-width:480px){.add-services-form{padding:15px}.form-group input,.form-group select,.form-group textarea{font-size:13px;padding:8px}.create-btn{font-size:14px;padding:10px}}.services-container{background:#fff;font-family:Arial,sans-serif}.services-header{display:flex;justify-content:flex-end;margin-bottom:15px}.services-add-btn{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:background .2s ease}.services-add-btn:hover{background:#218838}.services-title{font-size:18px;font-weight:700;margin-bottom:15px;text-align:center}.services-table td,.services-table th{border:1px solid #ddd;padding:10px;text-align:left;vertical-align:middle}.services-table th{background:#f4f4f4}.actions button{align-items:center;box-sizing:border-box;display:inline-flex;gap:4px;height:100%;justify-content:center;padding:4px 8px}.edit-btn{background:#ffc107;color:#fff}.edit-btn:hover{background:#e0a800}.service-delete-btn{background:#dc3545;color:#fff}.service-delete-btn:hover{background:#c82333}@media (max-width:768px){.services-table{display:block;overflow-x:auto;white-space:nowrap}.services-table td,.services-table th{padding:8px}.actions button{font-size:11px;padding:3px 6px}}@media (max-width:480px){.services-table td,.services-table th{padding:6px}.actions{flex-direction:column;gap:4px}.actions button{font-size:12px;padding:4px 0;width:100%}}.invoice-generator-overlay{align-items:flex-start;background:#0006;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:30px 10px;position:fixed;top:0;width:100%;z-index:1000}.invoice-generator-container{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;font-family:Arial,sans-serif;max-width:900px;padding:20px 25px;width:100%}.invoice-generator-header{align-items:center;background:#007bff;border-radius:6px;color:#fff;display:flex;font-weight:700;justify-content:space-between;margin-bottom:20px;padding:10px 15px}.close-icon{font-size:20px}.section-title{font-size:18px;font-weight:700;margin:20px 0 15px;text-align:center}.form-group{margin-bottom:15px}.form-group label{font-weight:700;margin-bottom:5px;text-align:left}.form-group input{border:1px solid #ccc;box-sizing:border-box;padding:8px 10px;width:100%}.invoice-info-row{display:flex;flex-wrap:wrap;gap:20px}.service-line-items{margin-top:20px}.service-table-header-create{align-items:center;border-bottom:2px solid #ccc;display:grid;font-weight:700;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr .4fr;margin-bottom:10px;padding:6px 0;text-align:center}.service-table-header-create span:first-child{padding-left:5px;text-align:left}.service-row-create{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr .4fr;margin-bottom:10px}.service-row-create input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:13px;min-width:60px;padding:6px 8px;width:100%}.remove-service-btn{align-items:center;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px}.remove-service-btn:hover{background:#c82333}.add-service-btn{background:#28a745;border:none;border-radius:6px;color:#fff;font-size:14px;gap:6px;margin-top:10px;padding:8px 12px}.add-service-btn:hover{background:#218838}.generate-invoice-btn-container{display:flex;justify-content:flex-end;margin-top:20px}.generate-invoice-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:10px 15px}.generate-invoice-btn:hover{background:#0056b3}@media (max-width:768px){.invoice-info-row{flex-direction:column}.service-table-header{display:none}.service-row{background:#f9f9f9;border:1px solid #eee;border-radius:6px;gap:8px;grid-template-columns:1fr;padding:10px}.service-row input{width:100%}.remove-service-btn{justify-content:center;width:100%}}.view-invoice-overlay{align-items:center;background:#0000008c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:5000}.view-invoice-card{animation:smoothFade .25s ease;background:#fff;border-radius:14px;box-shadow:0 8px 25px #00000040;max-height:90vh;overflow-y:auto;padding:25px;width:680px}@keyframes smoothFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.invoice-header{align-items:center;justify-content:space-between}.close-icon{background:#ff4d4d;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:26px;height:32px;width:32px}.invoice-block{background:#f7f9fc;border:1px solid #d8d8d8;border-radius:10px;margin-top:20px;padding:15px}.block-title{color:#0a2a80;font-weight:600;margin:0 0 8px}.line{margin:3px 0}.bold{font-weight:700}.services-table{margin-top:10px}.services-table th{background:#c9cdd8;color:#fff;padding:10px}.services-table td{border-bottom:1px solid #e2e2e2;padding:10px}.services-table tr:hover{background:#eef2ff}.invoice-total-box{background:#eef1ff;border:1px solid #c2cfff;border-radius:10px;margin-top:20px;padding:15px}.status-row{align-items:center;display:flex;justify-content:space-between}.status-chip{border-radius:8px;color:#fff;font-weight:600;padding:6px 12px}.status-chip.paid{background:#28a745}.status-chip.pending{background:#ff9800}.status-actions button{border:none;border-radius:6px;color:#fff;cursor:pointer;margin-left:10px;padding:7px 14px}.paid-btn{background:#28a745}.pending-btn{background:#ff9800;color:#000}.download-btn{background:#0a2a80;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:25px;padding:12px 0;transition:.2s;width:100%}.download-btn:hover{background:#051a57}.totals-card{background:#f8faff;border:1px solid #dbeafe;border-radius:14px;box-shadow:0 2px 8px #0000000f;margin-top:20px;padding:20px;width:100%}.totals-row{display:flex;font-size:15px;justify-content:space-between;padding:8px 0}.totals-row .label{color:#0a2a80;font-weight:600}.totals-row .value{color:#111;font-weight:600}.totals-row.total{color:#0f172a;font-size:18px;font-weight:700}.totals-divider{border-bottom:1px solid #cbd5e1;margin:12px 0}.status-chip.partiallypaid{background:#3b82f6}.payments-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:20px;width:100%}.payments-header{margin-bottom:15px}.payments-title{color:#333;flex:1 1;font-size:22px;margin:0;text-align:center}.payment-add-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 14px}.payment-add-btn:hover{background:#0056b3}.payments-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-y:visible;width:100%}.payments-table-wrapper::-webkit-scrollbar{height:8px}.payments-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.payments-table-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.payments-table-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.payments-table{background:#fff;min-width:1000px}.payments-table td,.payments-table th{border:1px solid #e0e0e0;font-size:13px;padding:10px 6px;text-align:center;white-space:nowrap}.payments-table td:first-child,.payments-table th:first-child{min-width:100px}.payments-table td:nth-child(2),.payments-table th:nth-child(2){word-wrap:break-word;min-width:120px;white-space:normal}.payments-table td:nth-child(3),.payments-table td:nth-child(4),.payments-table td:nth-child(5),.payments-table th:nth-child(3),.payments-table th:nth-child(4),.payments-table th:nth-child(5){min-width:110px}.payments-table td:nth-child(6),.payments-table th:nth-child(6){min-width:120px}.payments-table td:nth-child(7),.payments-table th:nth-child(7){word-wrap:break-word;min-width:110px;white-space:normal}.payments-table td:nth-child(8),.payments-table th:nth-child(8){min-width:90px}.payments-table td:nth-child(9),.payments-table th:nth-child(9){min-width:130px}.payments-table tbody tr{transition:background-color .2s}.payments-table tbody tr:hover{background-color:#f8f9fa}.payments-table th{background:#f4f6f9;color:#333}.date-col{min-width:120px}.status-col{min-width:90px}.wide-col{min-width:130px}.status{min-width:60px;text-align:center;white-space:nowrap}.status.paid{background:#28a745;color:#fff}.status.unpaid{background:#dc3545;color:#fff}.btn-payment{border-radius:6px;margin:0 4px;padding:8px 14px;transition:background-color .2s}.action-buttons{align-items:stretch;flex-direction:column;gap:6px;min-width:120px}.payment-view-btn{background:#28a745;display:block;margin:0;width:100%}.payment-view-btn:hover{background:#218838}.payment-delete-btn{background:#dc3545;color:#fff;display:block;width:100%}.payment-delete-btn:hover{background:#c82333}.modal-overlay{background:#00000080}.modal-content{border-radius:12px;margin-top:20px;padding:20px;width:400px}.modal-footer{border-top:1px solid #eee;display:flex;justify-content:flex-end;margin-top:20px;padding-top:10px}.payment-close-btn{background:#6c757d}.modal-content p{line-height:1.5;margin:10px 0}.modal-content b{color:#333;display:inline-block;width:120px}button.payment-close-btn.red{background:#dc3545}.add-payment-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.add-payment-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.add-payment-header{align-items:center;background:#6a5acd;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.add-payment-title{font-size:18px;font-weight:700}.add-payment-close-btn{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:400;height:30px;justify-content:center;line-height:1;padding:0;transition:opacity .2s;width:30px}.add-payment-close-btn:hover{opacity:.8}.add-payment-body{display:flex;flex-direction:column;gap:20px;padding:20px}.add-payment-field{display:flex;flex-direction:column;gap:8px}.add-payment-label{color:#333;font-size:14px;font-weight:500}.add-payment-input{background:#fff;border:1px solid #9b7ede;border-radius:4px;color:#333;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s}.add-payment-input:focus{border-color:#6a5acd;outline:none}.add-payment-input::placeholder{color:#999}.add-payment-input[readOnly]{background:#f5f5f5;cursor:not-allowed}.add-payment-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.add-payment-date-wrapper{align-items:center;display:flex;position:relative}.add-payment-date-input{padding-right:40px}.add-payment-calendar-icon{color:#6a5acd;font-size:16px;pointer-events:none;position:absolute;right:12px}.add-payment-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23333' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:35px}.add-payment-upload-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.add-payment-upload-box{align-items:center;background:#fff;border:1px solid #9b7ede;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:120px;padding:20px;transition:all .2s}.add-payment-upload-box:hover{background:#f8f8ff;border-color:#6a5acd}.add-payment-camera-icon{color:#6a5acd;font-size:32px}.add-payment-upload-box p{color:#666;font-size:12px;margin:0;text-align:center}.add-payment-file-chooser{align-items:center;background:#fff;border:1px solid #9b7ede;border-radius:4px;cursor:pointer;display:flex;justify-content:center;min-height:120px;padding:20px;transition:all .2s}.add-payment-file-chooser:hover{background:#f8f8ff;border-color:#6a5acd}.add-payment-file-chooser p{color:#666;font-size:14px;margin:0;text-align:center}.add-payment-footer{border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;margin-top:10px;padding-top:10px}.add-payment-submit-btn{background:#1a2b8c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 24px;transition:background-color .2s}.add-payment-submit-btn:hover{background:#152370}@media (max-width:768px){.add-payment-modal{max-height:95vh;width:95%}.add-payment-row,.add-payment-upload-row{grid-template-columns:1fr}}.invoice-container{background:#fff;font-family:Arial,sans-serif}.invoice-header{display:flex;justify-content:flex-end;margin-bottom:15px}.invoice-add-btn{align-items:center;background:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:background .2s ease}.invoice-add-btn:hover{background:#117a8b}.invoice-table{border-collapse:collapse;width:100%}.invoice-table td,.invoice-table th{border:1px solid #ddd;padding:10px;text-align:left;vertical-align:middle}.invoice-table th{background:#f4f4f4}.actions{gap:6px;justify-content:center}.actions button{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 10px}.view-btn{background:#007bff;color:#fff}.view-btn:hover{background:#0056b3}.email-btn{background:#0b43f0;color:#fff}.email-btn:hover{background:#072ea1}.no-data{color:gray;padding:10px}.invoice-popup-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed}.invoice-popup-box{background:#fff;border-radius:8px;padding:20px;width:350px}.invoice-popup-input{border:1px solid #aaa;border-radius:5px;margin:15px 0;padding:10px;width:100%}.invoice-popup-buttons{display:flex;gap:10px;justify-content:flex-end}.send-btn{background:#00c853;border:none;color:#fff;cursor:pointer}.cancel-btn,.send-btn{border-radius:5px;padding:8px 14px}.cancel-btn{background:#ff5252}@media (max-width:768px){.invoice-table{display:block;overflow-x:auto;white-space:nowrap}.invoice-table td,.invoice-table th{padding:8px}.actions button{font-size:11px;padding:4px 8px}}@media (max-width:480px){.actions{flex-direction:column;gap:4px}.actions button{font-size:12px;padding:4px 0;width:100%}}.email-overlay{background:#00000073;bottom:0;right:0}.email-composer{animation:fadeIn .25s ease-out;border-radius:10px;box-shadow:0 8px 25px #00000040;font-family:Arial,sans-serif;padding:20px;width:580px}.email-composer-header{margin-bottom:15px}.email-close-btn{font-size:22px}.email-row{display:flex;flex-direction:column;margin-bottom:12px}.email-row label{color:#555;font-size:13px;margin-bottom:5px}.email-input{border:1px solid #ccc;border-radius:6px;padding:8px 10px}.email-input.disabled{background:#f3f3f3}.email-textarea{border:1px solid #ccc;border-radius:6px;height:140px;padding:10px;resize:vertical}.email-attachment{background:#f8f8f8;border-radius:6px;padding:10px}.email-disclaimer{background:#fff8e6;border-left:4px solid #fc6;border-radius:6px;color:#8a6d3b;margin-top:15px;padding:12px}.email-actions{gap:10px}.cancel-email-btn{background:#ddd;padding:8px 14px}.cancel-email-btn,.send-email-btn{border:none;border-radius:6px;cursor:pointer}.send-email-btn{background:#7a28a0;padding:8px 16px}.send-email-btn:hover{background:#5b1e78}.wr-section{margin-bottom:28px}.wr-hint{color:#666;font-size:14px;line-height:1.45;margin:0 0 14px}.wr-list-wrap{display:flex;flex-direction:column;gap:16px}.wr-card{background:#fafbfc;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px;text-align:left}.wr-card-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.wr-badge-approved{background:#dcfce7;border-radius:999px;color:#166534;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.wr-muted{color:#64748b;font-size:14px}.wr-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:10px}.wr-label{color:#64748b;display:block;font-size:11px;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.wr-block{margin-top:12px}.wr-block p,.wr-text{color:#1e293b;line-height:1.5;margin:4px 0 0;white-space:pre-wrap}.wr-manager{background:#f1f5f9;border-radius:8px;padding:10px 12px}.wr-break{color:#475569;font-size:14px;margin:8px 0 0}.wr-list{color:#334155;margin:6px 0 0;padding-left:1.2rem}.wr-photo-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.wr-photo{margin:0;max-width:220px}.wr-photo img{border:1px solid #e2e8f0;border-radius:8px;max-height:180px;max-width:100%;object-fit:cover}.wr-photo figcaption{color:#64748b;font-size:12px;margin-top:4px}.wr-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.wr-actions--modal{margin-top:16px}.wr-preview-meta{align-items:center;color:#475569;display:flex;flex-wrap:wrap;font-size:13px;gap:8px;margin-top:10px}.wr-dot{opacity:.6}.wr-view-btn{background:#fff;border:1px solid #2333d159;border-radius:8px;color:#2333d1;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:.2s ease}.wr-view-btn:hover{background:#2333d10f;transform:translateY(-1px)}.wr-view-btn:active{transform:translateY(0)}.wr-modal-overlay{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:9999}.wr-modal{background:#fff;border-radius:14px;box-shadow:0 22px 60px #00000059;max-height:min(86vh,980px);overflow:auto;padding:16px 18px 18px;text-align:left;width:min(980px,96vw)}.wr-modal-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.wr-modal-close{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;cursor:pointer;font-size:22px;height:36px;line-height:32px;width:36px}.wr-modal-close:hover{background:#f8fafc}.wr-send-btn{background:#2333d1;border:1px solid #2333d1;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:.2s ease}.wr-send-btn:hover{opacity:.92;transform:translateY(-1px)}.wr-send-btn:active{transform:translateY(0)}.wr-raw{font-size:13px;margin-top:14px}.wr-raw pre{background:#0f172a;border-radius:8px;color:#e2e8f0;font-size:11px;margin-top:8px;max-height:280px;overflow:auto;padding:12px}.files-container{background:#fff;border-radius:14px;box-shadow:0 4px 18px #0000000d;padding:24px}.files-container--pipeline{box-sizing:border-box;min-height:min(72vh,960px);padding:28px 32px 40px;width:100%}.files-container--pipeline .files-title{font-size:26px}.files-container--pipeline .files-subtitle{font-size:16px;margin-bottom:26px}.files-container--pipeline .file-section h3{font-size:17px;margin-top:4px}.files-container--pipeline .wr-hint{font-size:15px;line-height:1.5}.files-container--pipeline .wr-raw pre{max-height:min(420px,45vh)}.files-title{color:#222;font-size:24px;font-weight:600;margin-bottom:6px;text-align:center}.files-subtitle{color:#777;font-size:15px;margin-bottom:22px;text-align:center}.upload-center{display:flex;justify-content:center;margin-bottom:22px}.upload-btn{background:linear-gradient(135deg,#007bff,#0062cc);border-radius:8px;box-shadow:0 3px 10px #007bff4d;color:#fff;cursor:pointer;font-size:15px;padding:12px 22px;transition:.25s ease}.upload-btn:hover{background:linear-gradient(135deg,#006ae6,#004ab3);transform:translateY(-2px)}.drop-area{background:#f9fafb;border:2px dashed #b9c4d2;border-radius:10px;color:#555;margin-bottom:24px;padding:30px;text-align:center;transition:.3s ease}.drop-area:hover{background:#eef6ff;border-color:#007bff}@media (max-width:480px){.drop-area{padding:18px}}.file-preview{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));justify-items:center}.file-item{background:#fff;border-radius:12px;box-shadow:0 3px 10px #00000014;padding:10px;position:relative;transition:.25s ease;width:160px}.file-item:hover{box-shadow:0 5px 16px #00000024;transform:translateY(-4px)}.preview-img{border:1px solid #ddd;border-radius:10px;height:150px;object-fit:cover;width:100%}.file-name{color:#333;font-size:14px;margin-top:8px;max-width:140px;text-align:center;word-break:break-word}.delete-btn{align-items:center;background:#ff4d4f;border:none;border-radius:50%;box-shadow:0 3px 6px #ff4d4f66;color:#fff;cursor:pointer;display:flex;font-size:16px;height:26px;justify-content:center;outline:none;position:absolute;right:-8px;top:-8px;transition:.2s ease;width:26px}.delete-btn:hover{background:#d9363e}.quotation-page{background:#fff;font-family:Inter,Arial,sans-serif;padding:24px;width:100%}.quotation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px}.quotation-header h2{color:#333;font-size:24px;font-weight:700}.btn-add-quotation{background-color:#fff;border:1px solid #bfbfbf;border-radius:30px;color:#000;cursor:pointer;font-size:14px;padding:10px 18px;transition:.2s ease}.btn-add-quotation:hover{background-color:#f2f2f2}.quotation-details-box{background:#fafafa;border:1px solid #e2e2e2;border-radius:8px;margin-bottom:28px;padding:18px 20px}.quotation-details-box h3{font-size:18px;font-weight:600;margin-bottom:10px}.quotation-details-box p{font-size:14px;margin:4px 0}.quotation-table-container{background:#fff;border:1px solid #e2e2e2;border-radius:8px;margin-top:20px;padding:18px}.table-title{font-size:18px;font-weight:600;margin-bottom:12px}.quotation-table{border-collapse:collapse;font-size:15px;width:100%}.quotation-table th{background:#efefef;border:1px solid #d8d8d8;font-size:14px;font-weight:600;padding:14px 10px}.quotation-table td{border:1px solid #e1e1e1;font-size:14px;padding:12px 10px;text-align:center}.quotation-table tr:hover{background-color:#fafafa}.no-data{color:#777;font-size:14px;padding:14px}.totals-box{background:#fafafa;border:1px solid #dedede;border-radius:8px;margin-top:28px;padding:20px}.totals-box h3{font-size:18px;font-weight:600;margin-bottom:10px}.totals-box p{font-size:15px;margin:6px 0}.totals-box b{color:#000}@media screen and (max-width:768px){.quotation-page{padding:16px}.quotation-header h2{font-size:20px}.btn-add-quotation{font-size:13px;padding:8px 14px}.quotation-details-box,.quotation-table-container,.totals-box{padding:16px}.quotation-table td,.quotation-table th{font-size:13px;padding:10px}}.popup-overlay{background:#0006;inset:0}.popup-box{border-radius:8px;box-shadow:0 5px 20px #0003;width:350px}.popup-input{border:1px solid #aaa;border-radius:5px;margin:15px 0;padding:10px;width:100%}.popup-buttons{display:flex;gap:10px;justify-content:flex-end}.btn-send-email{background:#0b43f0;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 14px}.btn-send-email:hover{background:#072ea1}.btn-send{background:#00c853;border:none;border-radius:5px;cursor:pointer}.btn-cancel,.btn-send{color:#fff;padding:8px 14px}.btn-cancel{background:#ff5252}.email-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.email-composer{animation:fadeIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;padding:25px;width:500px}.email-composer-header{align-items:center;display:flex;font-size:18px;font-weight:700;justify-content:space-between;margin-bottom:20px}.email-close-btn{background:#0000;border:none;cursor:pointer;font-size:18px}.email-row{margin-bottom:15px}.email-row label{display:block;font-weight:600;margin-bottom:6px}.email-input,.email-textarea{border:1px solid #ccc;border-radius:6px;padding:10px;width:100%}.email-textarea{height:120px;resize:none}.email-input.disabled{background:#eee}.email-attachment{color:#444;font-size:14px;margin-top:10px}.email-disclaimer{color:#777;font-size:12px;margin-top:10px}.email-actions{display:flex;justify-content:flex-end;margin-top:20px}.cancel-email-btn,.send-email-btn{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 18px}.cancel-email-btn{background:#eee;margin-right:10px}.send-email-btn{background:#4caf50;color:#fff}.popup-overlay{align-items:center;background:#0000008c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.popup-box{animation:popupScale .25s ease;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000040;max-height:85vh;overflow-y:auto;padding:20px;width:700px}@keyframes popupScale{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.popup-header{align-items:center;display:flex;justify-content:space-between}.popup-close{background:#0000;border:none;cursor:pointer;font-size:22px}.popup-content{margin-top:15px}.popup-section{background:#f7f7f7;border-radius:8px;margin-bottom:16px;padding:12px}.popup-section h4{margin-bottom:8px}.popup-grid{grid-gap:6px 20px;display:grid;gap:6px 20px;grid-template-columns:1fr 1fr}.popup-table{border-collapse:collapse;width:100%}.popup-table td,.popup-table th{border-bottom:1px solid #ddd;padding:8px}.popup-close-btn{background:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:10px;padding:10px;width:100%}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.quotation-form-modal{animation:fadeIn .25s ease-out;background:#fff;border-radius:12px;box-shadow:0 15px 40px #00000040;max-width:800px;overflow:hidden;width:55%}.modal-header{background:#5a4ff3;color:#fff;padding:16px 22px}.modal-header h2{font-size:20px;font-weight:600;margin:0}.close-btn{transition:.15s ease}.close-btn:hover{opacity:.8}.loading-box{color:#555;font-size:16px;padding:32px;text-align:center}.form-body{display:flex;flex-direction:column;gap:22px;padding:28px 32px}.form-row{gap:22px}.form-group{flex:1 1}.form-group label{font-weight:600}.form-group input{border:1.5px solid #c7c2f6;border-radius:6px;font-size:14px;padding:10px;transition:.2s ease}.form-group input:focus{border-color:#6b60f3;box-shadow:0 0 0 3px #6b60f333}.service-title{border-left:4px solid #6b60f3;font-weight:600;padding-left:10px;text-align:left}.table-wrapper{border:1px solid #e6e6e6;border-radius:8px;max-height:200px;overflow-y:auto}.services-table{border-collapse:collapse;width:100%}.services-table thead{background:#f4f2ff}.services-table td,.services-table th{border-bottom:1px solid #eae8f9;font-size:14px;padding:10px 12px}.services-table th{color:#4c43d0;font-weight:600}.no-services{color:#777;margin-top:15px;padding:10px;text-align:center}.btn-save-form{background:#6b60f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px;transition:.25s ease;width:100%}.btn-save-form:hover{background:#5a4dea;transform:translateY(-2px)}.project-wrapper{margin:auto;max-width:900px;padding:20px}.project-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.btn-primary{background-color:#2563eb;border-radius:8px;font-size:13px;transition:background .2s ease}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{background-color:#f3f4f6;border-radius:8px;color:#374151;font-size:13px}.btn-task{background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;color:#3730a3;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.btn-task:hover{background:#e0e7ff}.space{display:flex;justify-content:space-between}.modal-create-btn{border:none;border-radius:10px;color:#2b0404;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .2s ease}.modal-create-btn:hover{transform:translateY(-1px)}.modal-create-btn:active{transform:translateY(0)}.empty-text{color:#6b7280;font-size:14px;margin-top:20px}.project-grid{display:flex;flex-direction:column;gap:14px}.project-card{background:#fff;border-radius:14px;box-shadow:0 6px 20px #0000000f;padding:16px 18px;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{box-shadow:0 10px 26px #00000014;transform:translateY(-1px)}.project-title{color:#111827;font-size:16px;font-weight:600;margin-bottom:8px}.project-meta{display:flex;flex-direction:column;gap:10px}.status-badge{border-radius:999px;font-size:11px;padding:4px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.status-badge.pending{background-color:#fef3c7;color:#92400e}.status-badge.completed{background-color:#dcfce7;color:#166534}.status-badge.cancelled{background-color:#fee2e2;color:#991b1b}.date-row{display:flex;gap:24px}.date-row label{color:#6b7280;font-size:11px}.date-row p{font-size:13px;font-weight:500;margin-top:2px}.task-table{border-collapse:collapse;border-radius:10px;font-size:12px;margin-top:14px;overflow:hidden;width:100%}.task-table th{background:#f9fafb;color:#374151;font-weight:600}.task-table td,.task-table th{border-bottom:1px solid #e5e7eb;padding:8px 10px}.task-table tr:last-child td{border-bottom:none}.task-table tr:hover td{background:#f9fafb}.modal-overlay{background:#1118278c;z-index:50}.modal{background:#fff;border-radius:14px;box-shadow:0 20px 40px #0003;padding:22px;width:340px}.modal h3{font-size:16px;font-weight:600;margin-bottom:12px}.input-label,.modal label{color:#374151;display:block;font-size:12px;font-weight:500;margin-bottom:4px;margin-top:12px}.modal input,.modal select,.modal textarea{border:1px solid #d1d5db;border-radius:8px;font-size:13px;padding:8px 10px;width:100%}.modal textarea{min-height:60px;resize:vertical}.modal-actions{gap:10px;justify-content:flex-end;margin-top:16px}.task-actions{display:flex;gap:8px}.task-edit{background:#e0e7ff;color:#3730a3}.task-delete,.task-edit{border:none;border-radius:6px;cursor:pointer;font-size:11px;padding:4px 10px}.task-delete{background:#fee2e2;color:#991b1b}.stripe-settings{margin:0 auto;max-width:800px;padding:20px}.settings-title{color:#333;font-size:24px;font-weight:600;margin-bottom:24px}.message{border-radius:6px;margin-bottom:20px;padding:12px 16px}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.stripe-form{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:24px;padding:24px}.form-section{margin-bottom:32px}.form-section h3{color:#333;font-size:18px;font-weight:600;margin-bottom:12px}.form-description{color:#666;font-size:14px;line-height:1.5}.form-description,.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;margin-bottom:6px}.required{color:#dc3545}.form-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;width:100%}.form-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.form-help{color:#666;display:block;font-size:12px;line-height:1.4;margin-top:6px}.config-status{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:24px;padding:16px}.config-status h3{color:#333;font-size:16px;font-weight:600;margin-bottom:12px}.status-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:8px 0}.status-item:last-child{border-bottom:none}.status-label{color:#666;font-size:14px;font-weight:500}.status-value{color:#333;font-size:14px}.status-value.active{color:#28a745;font-weight:600}.status-value.inactive{color:#dc3545;font-weight:600}.form-actions{gap:12px;margin-top:24px}.btn-primary{background-color:#4a90e2;border-radius:4px;font-size:14px;font-weight:500;padding:10px 24px;transition:background-color .2s}.btn-primary:hover:not(:disabled){background-color:#357abd}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.btn-secondary{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;font-size:14px;font-weight:500;padding:10px 24px;transition:background-color .2s}.btn-secondary:hover{background-color:#e9ecef}.info-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.info-section h3{color:#333;font-size:16px;font-weight:600;margin-bottom:12px}.info-section ol{color:#666;line-height:1.8;margin:0;padding-left:20px}.info-section li{margin-bottom:8px}.info-section a{color:#4a90e2;text-decoration:none}.info-section a:hover{text-decoration:underline}.info-section code{background:#fff;border-radius:3px;color:#e83e8c;font-family:Courier New,monospace;font-size:12px;padding:2px 6px}.email-signature-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1002}.email-signature-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;padding:0;width:90%}.email-signature-header{align-items:center;background:#6a5acd;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.email-signature-title{font-size:18px;font-weight:700}.email-signature-close-btn{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:400;height:30px;justify-content:center;line-height:1;padding:0;transition:opacity .2s;width:30px}.email-signature-close-btn:hover{opacity:.8}.email-signature-body{flex:1 1;overflow-y:auto;padding:20px}.email-signature-editor{display:flex;flex-direction:column;gap:20px}.email-signature-toolbar{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;display:flex;gap:8px;padding:10px}.email-signature-toolbar-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:6px 10px;transition:all .2s}.email-signature-toolbar-btn:hover{background:#e0e0e0;color:#6a5acd}.email-signature-toolbar-btn.active{background:#e8e0ff;color:#6a5acd}.email-signature-textarea{word-wrap:break-word;background:#fff;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;line-height:1.6;min-height:200px;overflow-y:auto;padding:12px;resize:vertical;white-space:pre-wrap;width:100%}.email-signature-textarea:focus{border-color:#6a5acd;outline:none}.email-signature-textarea:empty:before{color:#ccc;content:attr(data-placeholder);pointer-events:none}.email-signature-preview{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;margin-top:10px;padding:15px}.email-signature-preview-label{color:#333;display:block;font-size:14px;font-weight:700;margin-bottom:10px}.email-signature-preview-content{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;font-size:14px;line-height:1.6;min-height:50px;padding:10px}.email-signature-footer{background:#fff;border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.email-signature-cancel-btn{background:#e5e7eb;border:none;border-radius:4px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.email-signature-cancel-btn:hover{background:#d1d5db}.email-signature-save-btn{background:#1a2b8c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 24px;transition:background-color .2s}.email-signature-save-btn:hover{background:#152370}.write-email-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.write-email-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;padding:0;width:90%}.write-email-header{align-items:center;background:#6a5acd;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.write-email-title{font-size:18px;font-weight:700}.write-email-close-btn{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:400;height:30px;justify-content:center;line-height:1;padding:0;transition:opacity .2s;width:30px}.write-email-close-btn:hover{opacity:.8}.write-email-body{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:20px}.write-email-field{display:flex;flex-direction:column;gap:8px}.write-email-label{color:#999;font-size:14px;font-weight:400}.write-email-input-wrapper{align-items:center;border-bottom:1px solid #9b7ede;display:flex;gap:10px;padding-bottom:8px}.write-email-input{background:#0000;border:none;color:#333;flex:1 1;font-size:14px;outline:none;padding:4px 0}.write-email-input::placeholder{color:#ccc}.write-email-dropdown{background:#0000;border:none;color:#666;cursor:pointer;font-size:14px;outline:none;padding:4px 8px}.write-email-body-field{display:flex;flex:1 1;flex-direction:column;min-height:300px}.write-email-textarea{word-wrap:break-word;background:#fff;border:none;color:#333;flex:1 1;font-family:inherit;font-size:14px;min-height:300px;outline:none;overflow-y:auto;padding:12px;resize:none;white-space:pre-wrap}.write-email-textarea:empty:before{color:#ccc;content:attr(data-placeholder);pointer-events:none}.write-email-textarea:focus{outline:none}.write-email-footer{align-items:center;background:#fff;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px}.write-email-send-btn{background:#1a2b8c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 24px;transition:background-color .2s}.write-email-send-btn:hover{background:#152370}.write-email-toolbar{align-items:center;display:flex;gap:12px}.write-email-toolbar-btn{align-items:center;background:#0000;border:none;color:#000;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:6px;transition:color .2s}.write-email-toolbar-btn:hover{background:#f0f0f0;color:#6a5acd}.write-email-toolbar-btn.active{background:#e8e0ff;color:#6a5acd}.write-email-body-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.write-email-signature-toggle{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px}.write-email-signature-toggle input[type=checkbox]{cursor:pointer}.write-email-signature-actions{align-items:center;display:flex;gap:8px}.write-email-signature-btn,.write-email-signature-settings-btn{align-items:center;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:all .2s}.write-email-signature-btn:hover,.write-email-signature-settings-btn:hover{background:#e0e0e0;border-color:#6a5acd;color:#6a5acd}.write-email-signature-preview{border-top:1px solid #e0e0e0;margin-top:10px;padding-top:10px}.write-email-signature-divider{background:#e0e0e0;height:1px;margin-bottom:10px}.write-email-signature-content{background:#f9f9f9;border-radius:4px;color:#666;font-size:13px;line-height:1.6;padding:8px}.write-email-attachments{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding:10px}.write-email-attachments-label{color:#666;font-size:12px;font-weight:700;margin-right:8px}.write-email-attachment-item{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;display:inline-flex;font-size:12px;gap:6px;padding:4px 8px}.write-email-remove-attachment{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:flex;font-size:16px;height:18px;justify-content:center;line-height:1;padding:0;transition:color .2s;width:18px}.write-email-remove-attachment:hover{color:#e74c3c}.sales-report-wrapper{background:#cacac8;display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:100vh}.sales-report-box{align-items:center;background:#cacac8;border-radius:12px;display:flex;flex-direction:column;height:650px;overflow:hidden;padding:20px;width:100%}.title{color:#333;font-size:22px;font-weight:700;margin-bottom:20px;margin-top:20px}.horizontal-scroll{gap:18px;padding-bottom:12px;scrollbar-color:#bfbfbf #0000;scrollbar-width:thin;width:100%}.horizontal-scroll::-webkit-scrollbar{height:8px}.horizontal-scroll::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}.opportunity-card{border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 6px #00000014;flex:0 0 auto;height:500px;min-width:380px;position:relative}.stage-header{align-items:center;display:flex;justify-content:space-between}.opportunity{color:#444;font-size:16px;font-weight:700}.delete-stage-icon{color:red;cursor:pointer;font-size:16px;transition:.2s ease}.delete-stage-icon:hover{transform:scale(1.15)}.deal-count{font-weight:700;margin-bottom:12px;margin-top:8px}.add-lead-btn{background-color:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:12px;padding:8px 12px;transition:.3s ease}.add-lead-btn:hover{background-color:#3730a3;transform:translateY(-1px)}.company-item{background:#f9fafb;box-shadow:0 1px 3px #0000001a;color:#333;cursor:grab;font-size:15px;margin-bottom:10px;padding:10px 14px;position:relative}.company-item:hover{background:#eef2ff;transform:translateY(-1px)}.company-item:active{background:#e0e7ff;cursor:grabbing}.company-text{align-items:center;display:flex;justify-content:space-between}.status{background:#d1d5ff;border-radius:4px;color:#333;padding:2px 6px}.delete-booking-btn{color:red;cursor:pointer;font-size:15px;position:absolute;right:8px;top:8px;transition:.2s ease}.delete-booking-btn:hover{transform:scale(1.2)}.modal-overlay{background:#0000008c;height:100%;left:0;top:0;width:100%}.modal-box{animation:popIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000040;padding:25px 30px;text-align:center;width:360px}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-box h3{color:#222;font-size:18px;margin-bottom:20px}.modal-box select{border:1px solid #ccc;border-radius:6px;font-size:14px;margin-bottom:20px;outline:none;padding:10px;transition:border-color .3s;width:100%}.modal-box select:focus{border-color:#4f46e5}.modal-actions{display:flex;justify-content:space-between}.modal-actions button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;margin:0 5px;padding:8px 0}.add-lead{background:#4f46e5;color:#fff}.add-lead:hover{background:#3730a3}.modal-actions button:last-child{background:#e5e7eb}.modal-actions button:last-child:hover{background:#d1d5db}.modal-overlay-custom{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-box-custom{animation:fadeIn .25s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 28px #0003;padding:24px;width:360px}.modal-title{font-size:20px;font-weight:600;margin-bottom:20px}.modal-field{display:flex;flex-direction:column;margin-bottom:14px}.modal-field label{font-size:14px;font-weight:500;margin-bottom:6px}.modal-field input{border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;padding:10px 12px;transition:.2s}.modal-field input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e240}.modal-actions-custom{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.btn-primary{background:#5a67d8;border-radius:6px;padding:8px 16px;transition:.2s}.btn-primary:hover{background:#3a4adb}.btn-secondary{background:#e0e0e0;border:none;border-radius:6px;color:#333;cursor:pointer;padding:8px 16px;transition:.2s}.btn-secondary:hover{background:#cacaca}.add-stage-btn{background:#000;border:none;border-radius:12px;color:#fff;margin-bottom:15px;padding:8px}.finance-container{background:#f5f7fb;min-height:100vh;padding:20px 30px}.finance-tabs{Understandable:row wrap;background:#fff;border-radius:14px;box-shadow:0 6px 18px #00000014;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px;padding:10px;width:-webkit-fit-content;width:fit-content}.tab-btn{background:#0000;border:none;border-radius:10px;color:#555;cursor:pointer;font-size:14px;padding:10px 18px;transition:all .25s ease}.tab-btn:hover{background:#eef2ff;color:#4f46e5}.tab-btn.active{background:#4f46e5;box-shadow:0 4px 12px #4f46e559;color:#fff}.finance-content{animation:fadeIn .3s ease}.dashboard{background:#f5f7fb;font-family:Inter,sans-serif;min-height:100vh;padding:30px}.top-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.search{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;display:flex;gap:8px;padding:8px 14px}.search input{border:none;outline:none}.stats{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr);margin-bottom:35px}.stat-card{background:#fff;border-radius:14px;box-shadow:0 6px 18px #0000000f;padding:18px}.stat-top{color:#6b7280;display:flex;font-size:14px;justify-content:space-between}.icon-box{background:#eef2ff;border-radius:8px;color:#4f46e5;font-size:18px;padding:8px}.stat-card h2{margin:10px 0}.green{color:#16a34a}.green,.red{font-size:13px}.red{color:#dc2626}.chart-box{background:#fff;border-radius:16px;box-shadow:0 6px 18px #0000000f;margin-bottom:40px;padding:25px}.bars{align-items:flex-end;display:flex;height:260px;justify-content:space-between;margin-top:20px;padding:20px 10px}.bar-group{align-items:center;display:flex;flex-direction:column;width:48px}.bar-stack{align-items:flex-end;display:flex;gap:10px}.bar{border-radius:10px;transition:height .6s ease;width:18px}.income{background:#4f46e5}.expense{background:#fb923c}.month{color:#555;font-size:13px;margin-top:10px}.legend{display:flex;font-size:14px;gap:20px;margin-top:18px}.expense-dot,.income-dot{border-radius:50%;display:inline-block;height:10px;margin-right:6px;width:10px}.income-dot{background:#4f46e5}.expense-dot{background:#fb923c}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:18px}.section-header .section-title{margin-bottom:0}.section-title{font-size:20px;margin-bottom:18px}.workforce-meta{display:flex;gap:12px}.meta-badge{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;color:#4f46e5;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 14px}@media (max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}}.summary-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:30px}.summary-card{align-items:center;border-radius:16px;display:flex;min-height:120px;padding:24px}.summary-card>div{display:flex;flex-direction:column;gap:6px}.summary-card .label{font-size:13px;opacity:.7}.summary-card h3{font-size:22px;font-weight:600}.summary-card span{font-size:13px;opacity:.8}.summary-card.blue{background:#eef4ff;color:#1e3a8a}.summary-card.green{background:#ecfdf5;color:#065f46}.summary-card.orange{background:#fff7ed;color:#9a3412}@media (max-width:900px){.summary-grid{grid-template-columns:1fr}}.dashboard-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#4f46e5;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.dashboard-error{align-items:center;color:#dc2626;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.dashboard-error p{color:#6b7280;font-size:15px;max-width:400px;text-align:center}.dashboard-error button{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 24px;transition:background .2s}.dashboard-error button:hover{background:#4338ca}.income-form-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.income-form-modal{background:#fff;border-radius:8px;box-shadow:0 10px 30px #00000026;overflow:hidden;width:min(900px,92vw)}.income-form-header{align-items:center;background:#6366f1;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.close-btn{background:#0000;font-size:24px;line-height:1}.income-form{padding:20px}.form-grid{grid-gap:18px 24px;gap:18px 24px;grid-template-columns:1fr 1fr}.form-field label{color:#1f2937;font-size:14px;font-weight:600}.form-field input,.form-field textarea{border:1px solid #c4b5fd;border-radius:6px;outline:none;padding:10px 12px}.form-field input:focus,.form-field textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #6366f140}.remark-field{margin-top:12px}.form-actions{justify-content:flex-end;margin-top:16px}.save-btn{background:#1e2ea6;padding:10px 18px;transition:opacity .2s}.save-btn:disabled{cursor:not-allowed;opacity:.6}.save-btn:hover:not(:disabled){background:#1a2690}.form-field.full-width{grid-column:1/-1}.form-field input::placeholder{color:#c4b5fd}.income-page{background:#f6f8fc;padding:32px}.income-title{margin-bottom:28px}.income-title h1{font-size:28px;font-weight:600}.income-title p{color:#6b7280;font-size:14px;margin-top:4px}.income-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:28px}.summary-box{background:#fff!important;border:none;border-radius:16px;box-shadow:0 8px 22px #0000000f;flex-direction:column;justify-content:center;padding:20px 22px;transition:transform .2s ease,box-shadow .2s ease}.summary-box:hover{box-shadow:0 12px 28px #00000014;transform:translateY(-2px)}.summary-box p{color:#6b7280;font-size:13px}.summary-box h2{color:#374151;font-size:26px;font-weight:600;margin-top:6px}.summary-box.paid h2{color:#16a34a}.summary-box.pending h2{color:#f59e0b}.income-toolbar{gap:14px;margin-bottom:22px}.income-search,.income-toolbar{align-items:center;display:flex}.income-search{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1 1;gap:8px;padding:12px 14px}.income-search input{border:none;font-size:14px;outline:none;width:100%}.filter-btn,.status-filter{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;font-size:14px;padding:10px 14px}.add-btn{background:#4f46e5;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:background .2s ease}.add-btn:hover{background:#4338ca}.income-table-card{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000000d;overflow:hidden}.status{padding:5px 12px}.status.overdue{background:#fee2e2;color:#991b1b}.actions{cursor:pointer}.actions svg{transition:color .2s ease}.income-error,.income-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.income-error{color:#dc2626}.income-error p{color:#6b7280;font-size:15px;max-width:400px;text-align:center}.income-error button,.income-loading button{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 24px}.income-error .spinner,.income-loading .spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#4f46e5;height:40px;width:40px}.status.partial{background:#dbeafe;color:#1e40af}@media (max-width:900px){.income-summary{grid-template-columns:1fr}.income-toolbar{flex-wrap:wrap}}.expenses-page{background:#f6f8fc;padding:32px}.expenses-title{margin-bottom:28px}.expenses-title h1{font-size:28px;font-weight:600}.expenses-title p{color:#6b7280;font-size:14px;margin-top:4px}.expenses-summary{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr);margin-bottom:26px}.expense-card{background:#fff;border-radius:14px;box-shadow:0 8px 20px #0000000d;display:flex;flex-direction:column;gap:6px;padding:18px 20px}.expense-card p{color:#6b7280;font-size:13px}.expense-card h2{font-size:24px;font-weight:600}.expense-card.labor h2{color:#6366f1}.expense-card.supplies h2{color:#3b82f6}.expense-card.pending h2{color:#f59e0b}.expenses-toolbar{align-items:center;display:flex;gap:12px;margin-bottom:20px}.expenses-search{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex:1 1;gap:8px;padding:12px 14px}.expenses-search input{border:none;font-size:14px;outline:none;width:100%}.category-filter,.filter-btn{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;font-size:14px;padding:10px 14px}.filter-btn{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5}.add-expense-btn{background:#4f46e5;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px}.add-expense-btn:hover{background:#4338ca}.expenses-table-card{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000000d;overflow:hidden}table{border-collapse:collapse;width:100%}thead{background:#f9fafb}th{color:#6b7280;font-size:13px;font-weight:600}td,th{font-size:14px;padding:14px 18px;text-align:left}tbody tr{border-top:1px solid #f1f1f1}tbody tr:hover{background:#f9fafb}.status{border-radius:999px;font-weight:500;padding:4px 10px}.status.paid{background:#dcfce7;color:#166534}.status.pending{background:#fef3c7}.actions{display:flex;font-size:18px;gap:14px}.actions svg{color:#6b7280;cursor:pointer}.actions svg:hover{color:#111827}.no-data{color:#6b7280;font-style:italic;padding:40px 0!important;text-align:center}.expenses-error,.expenses-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.expenses-error{color:#dc2626}.expenses-error p{color:#6b7280;font-size:15px;max-width:400px;text-align:center}.expenses-error button{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 24px}.expenses-loading .spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#4f46e5;height:40px;width:40px}@media (max-width:1000px){.expenses-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.expenses-summary{grid-template-columns:1fr}.expenses-toolbar{flex-wrap:wrap}}.project-finance-page{background:#f6f8fc;padding:32px}.project-finance-page .project-title h1{font-size:28px;font-weight:600}.project-finance-page .project-title p{color:#6b7280;font-size:14px;margin-top:4px}.project-finance-page .project-select-card{background:#fff;border-radius:14px;box-shadow:0 8px 20px #0000000d;margin:20px 0;padding:16px}.project-finance-page .project-select-card input,.project-finance-page .project-select-card select{border:1px solid #e5e7eb;border-radius:10px;outline:none;padding:10px 12px;width:100%}.project-finance-page .project-kpis{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.project-finance-page .kpi-card{background:#fff;border-radius:14px;box-shadow:0 8px 20px #0000000d;padding:18px}.project-finance-page .kpi-card h4{color:#6b7280;font-size:13px}.project-finance-page .kpi-card h2{font-size:24px;margin-top:6px}.project-finance-page .kpi-blue{background:#eef4ff;color:#2563eb}.project-finance-page .kpi-red{background:#fff1eb;color:#dc2626}.project-finance-page .kpi-green{background:#ecfdf5;color:#16a34a}.project-finance-page .progress-box{background:#fff;border-radius:14px;box-shadow:0 8px 20px #0000000d;margin-bottom:26px;padding:18px}.project-finance-page .progress-bar{background:#e5e7eb;border-radius:6px;height:8px;margin-top:10px;overflow:hidden}.project-finance-page .progress-fill{background:#4f46e5;height:100%}.project-finance-page .finance-tabs{display:flex;font-size:14px;gap:20px;margin:20px 0}.project-finance-page .finance-tabs span{color:#6b7280;cursor:pointer;padding-bottom:6px}.project-finance-page .finance-tabs span.active{border-bottom:2px solid #4f46e5;color:#4f46e5}.project-finance-page .breakdown-card{background:#fff;border-radius:14px;box-shadow:0 8px 20px #0000000d;padding:22px}.project-finance-page .breakdown-row{border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;padding:12px 0}.project-finance-page .breakdown-row:last-child{border-bottom:none}.project-finance-page .text-green{color:#16a34a}.project-finance-page .text-red{color:#dc2626}.project-finance-page .status-badge{background:#dcfce7;border-radius:999px;color:#166534;font-size:12px;padding:4px 10px}.project-finance-page .pf-empty,.project-finance-page .pf-error,.project-finance-page .pf-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.project-finance-page .pf-error{color:#dc2626}.project-finance-page .pf-error p{color:#6b7280;font-size:15px;max-width:400px;text-align:center}.project-finance-page .pf-error button{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 24px}.project-finance-page .pf-loading .spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#4f46e5;height:40px;width:40px}.project-finance-page .no-projects{color:#6b7280;font-style:italic;padding:8px 0}.project-finance-page .project-dropdown{border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;font-size:14px;outline:none;padding:10px 12px;width:100%}@media (max-width:1024px){.project-finance-page .project-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.project-finance-page .project-kpis{grid-template-columns:1fr}}.pl-page{background:#f6f8fc;padding:32px}.pl-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px}.pl-header h1{font-size:26px;font-weight:600}.pl-header p{color:#6b7280;font-size:14px}.pl-actions{display:flex;gap:12px}.outline-btn{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 14px}.primary-btn{background:#4f46e5;border:none;border-radius:12px;color:#fff;padding:10px 16px}.period-card{background:#fff;border-radius:14px;box-shadow:0 8px 20px #0000000d;margin-bottom:22px;padding:16px}.period-card select{border:1px solid #e5e7eb;border-radius:10px;margin-top:6px;padding:8px 12px}.pl-kpis{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-bottom:26px}.kpi{border-radius:14px;box-shadow:0 8px 20px #0000000d;padding:18px}.kpi span{font-size:13px}.kpi h2{margin-top:6px}.kpi.green{background:#ecfdf5;color:#16a34a}.kpi.blue{background:#eef4ff;color:#2563eb}.kpi.purple{background:#f5f3ff;color:#7c3aed}.statement-card{background:#fff;border-radius:16px;box-shadow:0 8px 20px #0000000d;padding:22px}.group{margin-bottom:18px}.row{justify-content:space-between;padding:8px 0}.row.sub{color:#6b7280;font-size:13px;padding-left:12px}.row.bold{font-weight:600}.row.red{color:#dc2626}.highlight{border-radius:12px;display:flex;font-weight:600;justify-content:space-between;margin-bottom:20px;padding:14px}.highlight.blue{background:#eef4ff;color:#2563eb}.highlight.green{background:#ecfdf5;color:#16a34a}.period-value{color:#374151;font-weight:500;margin-left:12px}.row.muted{color:#9ca3af;font-style:italic}.pl-error,.pl-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.pl-error{color:#dc2626}.pl-error p{color:#6b7280;font-size:15px;max-width:400px;text-align:center}.pl-error button{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 24px}.pl-loading .spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#4f46e5;height:40px;width:40px}.contract-page{align-items:flex-start;background:#f3f4f6;display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.contract-container{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:1000px;padding:24px;width:100%}.contract-title{color:#1f2937;font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.search-and-button-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.search-bar{display:flex;justify-content:flex-start}.search-input{border:1px solid #d1d5db;border-radius:20px;padding:8px 12px;transition:border-color .2s;width:320px}.search-input:focus{border-color:#3b82f6;outline:none}.add-contract-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .2s}.add-contract-button:hover{background:#2563eb}.add-contract-button:active{background:#1d4ed8}.contract-table{border-collapse:collapse;width:100%}.table-header{background:#f9fafb;color:#6b7280;font-size:12px;font-weight:600;text-align:left;text-transform:uppercase}.table-data,.table-header{border-bottom:1px solid #e5e7eb;padding:12px}.table-data{color:#111827;font-size:14px;white-space:nowrap}.table-row:hover{background:#f9fafb;transition:background .2s}.status-badge{border-radius:9999px;font-size:12px;padding:4px 8px}.no-contracts{color:#6b7280;font-size:14px;padding:16px;text-align:center}.form-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.form-container{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.form-header{align-items:center;background:#1928aa;border-radius:8px 8px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.form-header h2{font-size:1.5rem;font-weight:600;margin:0}.close-btn{border-radius:4px;padding:5px;transition:background-color .2s}.close-btn:hover{background-color:#ffffff1a}.form-content{padding:30px}.form-row{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.form-column{gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#374151;font-size:.9rem;font-weight:500}.form-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:12px 16px;transition:border-color .2s}.form-input:focus{border-color:#1928aa;outline:none}.input-icon{color:#6b7280;font-size:1rem;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.quotation-dropdown-container{position:relative}.quotation-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;padding:12px 16px;transition:border-color .2s;width:100%}.quotation-btn:hover{border-color:#1928aa}.dropdown-arrow{font-size:.8rem;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.quotation-dropdown{background:#fff;border:2px solid #e5e7eb;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;position:absolute;right:0;top:100%;z-index:1000}.quotation-option{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:12px 16px;transition:background-color .2s}.quotation-option:last-child{border-bottom:none}.quotation-option:hover{background-color:#f9fafb}.quotation-option:active{background-color:#e5e7eb}.editor-section{margin-bottom:30px}.toolbar{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px 8px 0 0;display:flex;gap:8px;padding:12px 16px}.toolbar-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:1rem;padding:8px;transition:background-color .2s}.toolbar-btn:hover{background-color:#e5e7eb}.title-input{border:2px solid #e5e7eb;border-radius:0 0 8px 8px;border-top:none;font-size:1rem;padding:12px 16px;transition:border-color .2s;width:100%}.title-input:focus{border-color:#1928aa;outline:none}.file-upload-section{margin-bottom:30px}.file-upload-area{background:#fafafa;border:2px dashed #e5e7eb;border-radius:8px;padding:40px;position:relative;text-align:center;transition:border-color .2s}.file-upload-area:hover{border-color:#1928aa}.upload-icon{color:#1928aa;font-size:3rem;margin-bottom:16px}.file-upload-area p{color:#6b7280;font-size:1rem;margin:0}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.description-section{margin-bottom:30px}.description-textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:1rem;min-height:120px;padding:16px;resize:vertical;transition:border-color .2s;width:100%}.description-textarea:focus{border-color:#1928aa;outline:none}.form-footer{align-items:center;border-top:1px solid #e5e7eb;justify-content:space-between;padding-top:20px}.file-status{align-items:center;background:#fdf2f8;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;display:flex;font-size:.9rem;gap:8px;padding:8px 12px}.file-icon{color:#1928aa}.file-name{font-weight:500}.action-buttons{gap:12px}.add-more-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;gap:8px;padding:12px 20px;transition:border-color .2s}.add-more-btn:hover{border-color:#1928aa}.continue-btn{background:#1928aa;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:background-color .2s}.continue-btn:hover{background:#7c3aed}@media (max-width:768px){.form-row{gap:20px;grid-template-columns:1fr}.form-container{margin:20px;width:95%}.form-content{padding:20px}.form-footer{align-items:stretch;flex-direction:column;gap:20px}.action-buttons{justify-content:center}}.toolbar-btn.active{background-color:#d3d3d3}.rp-page{display:flex;flex-direction:column;gap:24px}.rp-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.rp-title{color:#1e293b;font-size:20px;font-weight:800;margin:0 0 4px}.rp-subtitle{color:#94a3b8;font-size:13px;margin:0}.rp-run-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:8px;box-shadow:0 4px 12px #6d28d959;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:10px 22px;transition:transform .15s,box-shadow .15s}.rp-run-btn:hover{box-shadow:0 6px 16px #6d28d966;transform:translateY(-1px)}.rp-run-btn:active{transform:translateY(0)}.rp-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.rp-range-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000f;color:#334155;cursor:pointer;font-size:13px;font-weight:600;outline:none;padding:9px 14px}.rp-custom-range{align-items:center;display:flex;gap:8px}.rp-custom-range input[type=date]{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;font-size:13px;outline:none;padding:8px 12px}.rp-custom-range span{color:#94a3b8;font-size:16px}.rp-table-toolbar{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.rp-search-wrap{flex:1 1;max-width:460px;min-width:200px;position:relative}.rp-search-icon{color:#94a3b8;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.rp-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;color:#334155;font-size:13px;outline:none;padding:9px 14px 9px 36px;transition:border-color .15s;width:100%}.rp-search-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed14}.rp-search-input::placeholder{color:#94a3b8}.rp-toolbar-right{align-items:center;display:flex;gap:10px}.rp-period-select-wrap{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;gap:6px;padding:7px 12px}.rp-period-icon{color:#64748b;flex-shrink:0}.rp-period-select{background:#0000;color:#334155;outline:none;padding:0}.rp-download-all-btn,.rp-period-select{border:none;cursor:pointer;font-size:13px;font-weight:600}.rp-download-all-btn{align-items:center;background:#2563eb;border-radius:8px;box-shadow:0 2px 8px #2563eb40;color:#fff;display:flex;gap:7px;padding:9px 18px;transition:background .15s,box-shadow .15s;white-space:nowrap}.rp-download-all-btn:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb59}.rp-download-all-btn:disabled{background:#93c5fd;box-shadow:none;cursor:not-allowed}.rp-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(5,1fr)}.rp-card{background:#fff;border-radius:12px;border-top:3px solid #0000;box-shadow:0 1px 3px #0000000f;padding:18px 20px}.rp-card.purple{border-color:#7c3aed}.rp-card.blue{border-color:#3b82f6}.rp-card.orange{border-color:#f59e0b}.rp-card.green{border-color:#10b981}.rp-card-label{color:#94a3b8;font-size:12px;font-weight:500;margin-bottom:6px}.rp-card-value{color:#1e293b;font-size:20px;font-weight:800}.rp-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;overflow:hidden}.rp-section-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:18px 24px}.rp-section-title{color:#1e293b;font-size:14px;font-weight:700}.rp-table-wrap{overflow-x:auto}.rp-table{border-collapse:collapse;font-size:13px;width:100%}.rp-table th{border-bottom:1px solid #f1f5f9;color:#94a3b8;font-size:12px;font-weight:600;padding:11px 16px;text-align:left;white-space:nowrap}.rp-table td{border-bottom:1px solid #f8fafc;color:#334155;padding:13px 16px}.rp-table tbody tr:last-child td{border-bottom:none}.rp-table tbody tr:hover{background:#fafbff}.rp-emp-cell{gap:10px}.rp-avatar,.rp-emp-cell{align-items:center;display:flex}.rp-avatar{border-radius:50%;color:#fff;flex-shrink:0;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.rp-emp-name{color:#1e293b;font-weight:600}.rp-emp-type{color:#94a3b8;font-size:11px}.rp-net-pay{color:#6d28d9;font-weight:700}.rp-status{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px}.rp-status.calculated{background:#dbeafe;color:#1d4ed8}.rp-status.pending{background:#fef9c3;color:#854d0e}.rp-status.paid{background:#dcfce7;color:#15803d}.rp-generate-btn{background:#0000;border:1px solid #7c3aed;border-radius:6px;color:#7c3aed;cursor:pointer;font-size:12px;font-weight:600;padding:4px 10px;transition:background .15s}.rp-generate-btn:hover{background:#ede9fe}.rp-download-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#334155;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.rp-download-btn:hover{background:#f8fafc}.rp-confirm-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.rp-confirm-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000002e;display:flex;flex-direction:column;gap:12px;max-width:420px;padding:32px 28px 24px;text-align:center;width:100%}.rp-confirm-icon{align-items:center;background:#eff6ff;border-radius:50%;color:#2563eb;display:flex;height:56px;justify-content:center;margin:0 auto 4px;width:56px}.rp-confirm-title{color:#0f172a;font-size:18px;font-weight:700;margin:0}.rp-confirm-body{color:#475569;font-size:13px;line-height:1.6;margin:0}.rp-confirm-footer{display:flex;gap:10px;justify-content:center;margin-top:8px}.rp-confirm-cancel{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-size:13px;font-weight:500;padding:9px 22px}.rp-confirm-cancel:hover{background:#f8fafc}.rp-confirm-proceed{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:9px 22px}.rp-confirm-proceed:hover{background:#1d4ed8}.rp-detail-overlay{-ms-overflow-style:none;align-items:flex-start;background:#eef2f7;display:flex;inset:0;justify-content:center;overflow:auto;padding:18px 12px 30px;position:absolute;scrollbar-width:none;z-index:10}.rp-detail-overlay::-webkit-scrollbar{height:0;width:0}.rp-detail-modal{width:min(960px,100%)}.rp-detail-top{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.rp-detail-actions{align-items:center;display:flex;gap:8px}.rp-plain-btn,.rp-print-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:16px;color:#334155;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:6px 12px}.rp-print-btn{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.rp-slip-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0f172a0f;padding:16px}.rp-slip-header{border-bottom:1px solid #e2e8f0;margin-bottom:12px;padding-bottom:12px}.rp-slip-title{color:#0f172a;font-size:18px;font-weight:800}.rp-slip-left{display:flex;flex-direction:column;gap:6px}.rp-slip-subline{align-items:center;color:#64748b;display:flex;font-size:11px;gap:8px}.rp-slip-rate{color:#475569}.rp-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:10px;font-weight:600;padding:2px 8px;text-transform:capitalize}.rp-pill-blue{background:#e0f2fe;color:#0369a1}.rp-kpi-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:16px}.rp-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;flex-direction:column;gap:4px;padding:10px}.rp-kpi-top{align-items:center;display:flex;gap:8px;justify-content:space-between}.rp-kpi-card span{color:#64748b;font-size:11px}.rp-kpi-card b{color:#0f172a;font-size:14px}.rp-kpi-card small{color:#94a3b8;font-size:10px}.rp-kpi-dot{align-items:center;background:#e2e8f0;border-radius:999px;display:inline-flex;height:18px;justify-content:center;width:18px}.rp-kpi-dot.blue{background:#dbeafe;border:2px solid #2563eb}.rp-kpi-dot.orange{background:#ffedd5;border:2px solid #f97316}.rp-kpi-dot.purple{background:#ede9fe;border:2px solid #7c3aed}.rp-kpi-cash{color:#16a34a;font-size:12px;font-weight:700}.rp-detail-section{margin-top:12px}.rp-detail-title{color:#334155;font-size:11px;font-weight:700;margin-bottom:6px;text-transform:uppercase}.rp-subsection-title{color:#1e293b;font-size:11px;font-weight:700;margin:8px 0 6px}.rp-detail-note{color:#64748b;font-size:12px;padding:6px 0}.rp-detail-note.error{color:#dc2626}.rp-accrual-note{background:#f8fafc;border-left:3px solid #3b82f6;border-radius:6px;color:#94a3b8;font-size:11px;line-height:1.5;margin-top:8px;padding:6px 8px}.rp-detail-table{border-collapse:collapse;font-size:12px;margin-bottom:8px;width:100%}.rp-detail-table td,.rp-detail-table th{border:1px solid #e2e8f0;padding:8px 10px;text-align:left}.rp-detail-table thead th{color:#334155}.rp-detail-table thead th,.rp-total-row td{background:#f8fafc;font-weight:700}.rp-leave-badge{background:#dcfce7;color:#166534;padding:2px 8px}.rp-day-badge,.rp-leave-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600}.rp-day-badge{padding:2px 9px;white-space:nowrap}.rp-day-badge.weekday{background:#eff6ff;color:#1d4ed8}.rp-day-badge.saturday{background:#fff7ed;color:#c2410c}.rp-day-badge.sunday{background:#fdf4ff;color:#7e22ce}.rp-detail-table td.rp-date-cell,.rp-detail-table th.rp-date-cell{min-width:80px;text-align:left;white-space:nowrap}.rp-empty-row{color:#94a3b8;padding:12px 0;text-align:center}.rp-detail-notes{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;color:#1e3a8a;font-size:11px;margin-top:12px;padding:10px 12px}.rp-detail-notes-title{font-weight:700;margin-bottom:6px}.rp-detail-notes-list{margin:0;padding-left:16px}@media (max-width:900px){.rp-cards{grid-template-columns:repeat(2,1fr)}.rp-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-detail-top{align-items:stretch;flex-direction:column}.rp-detail-actions{justify-content:flex-end}}.sc-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1 1;gap:14px;min-width:150px;padding:16px 20px}.sc-card,.sc-icon{align-items:center;display:flex}.sc-icon{border-radius:10px;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.sc-icon--blue{background:#eff6ff;color:#3b82f6}.sc-icon--purple{background:#f5f3ff;color:#7c3aed}.sc-icon--green{background:#f0fdf4;color:#16a34a}.sc-icon--orange{background:#fff7ed;color:#ea580c}.sc-icon--red{background:#fef2f2;color:#dc2626}.sc-body{display:flex;flex-direction:column;gap:2px}.sc-label{color:#94a3b8;font-size:12px;font-weight:500}.sc-value{color:#1e293b;font-size:18px;font-weight:700}.cl-wrapper{align-items:center;color:#94a3b8;display:flex;font-size:14px;gap:10px;justify-content:center;padding:48px 24px}.cl-spinner{animation:cl-spin .7s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;flex-shrink:0;height:20px;width:20px}@keyframes cl-spin{to{transform:rotate(1turn)}}.ph-page{display:flex;flex-direction:column;gap:24px}.ph-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.ph-title{color:#1e293b;font-size:20px;font-weight:800;margin:0 0 4px}.ph-subtitle{color:#94a3b8;font-size:13px;margin:0}.ph-filters{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000f;flex-wrap:wrap;gap:10px;padding:14px 20px}.ph-filters,.ph-search{align-items:center;display:flex}.ph-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;flex:1 1;gap:6px;max-width:none;min-width:320px;padding:7px 12px}.ph-search input{background:#0000;border:none;color:#475569;font-size:13px;outline:none;width:100%}.ph-search svg{color:#94a3b8}.ph-filters select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;color:#475569;cursor:pointer;font-size:13px;outline:none;padding:7px 12px}.ph-filter-right{align-items:center;display:flex;gap:10px;margin-left:auto}.ph-period-filter{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:inline-flex;gap:6px;height:34px;padding:0 8px}.ph-period-filter svg{color:#94a3b8}.ph-period-filter select{background:#0000;border:none;height:100%;padding:0}.ph-download-all-btn{align-items:center;background:#2563eb;border:1px solid #2563eb;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;height:34px;padding:0 12px}.ph-download-all-btn:hover{background:#1d4ed8;border-color:#1d4ed8}.ph-download-all-btn:disabled{cursor:not-allowed;opacity:.55}.ph-filters input[type=date]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;color:#475569;font-size:13px;outline:none;padding:7px 12px}.ph-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;overflow:hidden}.ph-section-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:18px 24px}.ph-section-title{color:#1e293b;font-size:14px;font-weight:700}.ph-count-badge{background:#ede9fe;border-radius:20px;color:#6d28d9;font-size:12px;font-weight:700;padding:2px 10px}.ph-table-wrap{overflow-x:auto}.ph-table{border-collapse:collapse;font-size:13px;width:100%}.ph-table th{border-bottom:1px solid #f1f5f9;color:#94a3b8;font-size:12px;font-weight:600;padding:11px 16px;text-align:left;white-space:nowrap}.ph-table td{border-bottom:1px solid #f8fafc;color:#334155;padding:13px 16px}.ph-table tbody tr:last-child td{border-bottom:none}.ph-table tbody tr:hover{background:#fafbff}.ph-emp-cell{gap:10px}.ph-avatar,.ph-emp-cell{align-items:center;display:flex}.ph-avatar{border-radius:50%;color:#fff;flex-shrink:0;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.ph-emp-name{color:#1e293b;font-weight:600}.ph-emp-id{color:#94a3b8;font-size:11px}.ph-net-pay{color:#6d28d9;font-weight:700}.ph-status{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px}.ph-status.paid{background:#dcfce7;color:#15803d}.ph-status.generated{background:#dbeafe;color:#1d4ed8}.ph-status.locked{background:#ede9fe;color:#6d28d9}.ph-status.pending{background:#fef9c3;color:#854d0e}.ph-status.cancelled{background:#fee2e2;color:#b91c1c}.ph-action-cell{align-items:center;display:flex;flex-wrap:nowrap;gap:8px}.ph-download-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#334155;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:4px 10px;transition:background .15s}.ph-download-btn:hover{background:#f8fafc}.ph-view-btn{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1d4ed8;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:4px 10px}.ph-view-btn:hover{background:#dbeafe}.ph-detail-overlay{align-items:flex-start;background:#eceff3;display:flex;inset:0;justify-content:center;overflow:auto;padding:18px 12px 30px;position:fixed;z-index:1000}.ph-detail-modal{width:min(760px,100%)}.ph-detail-top{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.ph-detail-actions{align-items:center;display:flex;gap:8px}.ph-plain-btn,.ph-print-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:16px;color:#334155;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:5px 11px}.ph-print-btn{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.ph-slip-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 2px 8px #0f172a0d;padding:14px}.ph-slip-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.ph-slip-header h3{color:#0f172a;font-size:16px;font-weight:800;margin:0}.ph-slip-meta{color:#475569;font-size:10px;line-height:1.5;text-align:right}.ph-info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px}.ph-info-box{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:8px}.ph-info-box h4{color:#0f172a;font-size:10px;margin:0 0 6px;text-transform:uppercase}.ph-info-box p{color:#475569;font-size:10px;margin:0 0 3px}.ph-block-title{color:#334155;font-size:10px;font-weight:700;margin:8px 0 6px;text-transform:uppercase}.ph-summary-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px}.ph-summary-grid>div{background:#fff;border:1px solid #e2e8f0;border-radius:3px;display:flex;flex-direction:column;gap:3px;padding:6px}.ph-summary-grid span{color:#64748b;font-size:9px}.ph-summary-grid b{color:#0f172a;font-size:11px}.ph-detail-table{border-collapse:collapse;font-size:10px;margin-bottom:8px;width:100%}.ph-detail-table td,.ph-detail-table th{border:1px solid #e2e8f0;padding:6px 8px;text-align:left}.ph-detail-table thead th{color:#334155}.ph-detail-table thead th,.ph-total-row td{background:#f8fafc;font-weight:700}.ph-net-box{align-items:center;background:#e9f0ff;border:1px solid #d4def5;border-radius:4px;display:flex;justify-content:space-between;margin-top:10px;padding:10px}.ph-net-box span{color:#1e3a8a;font-size:10px}.ph-net-box strong{color:#1d4ed8;font-size:30px}.ph-slip-footnote{color:#94a3b8;font-size:9px;margin-top:8px;text-align:center}.ph-pagination{border-top:1px solid #f1f5f9;color:#94a3b8;font-size:12px;justify-content:space-between;padding:14px 24px}.ph-page-btns,.ph-pagination{align-items:center;display:flex}.ph-page-btns{gap:4px}.ph-page-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;transition:background .12s;width:30px}.ph-page-btn.active{background:#6d28d9;border-color:#6d28d9;color:#fff}.ph-page-btn:hover:not(.active){background:#f1f5f9}@media (max-width:900px){.ph-search{min-width:220px}.ph-filter-right{justify-content:flex-end;width:100%}.ph-info-grid{grid-template-columns:1fr}.ph-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ph-detail-top{align-items:stretch;flex-direction:column}.ph-detail-actions{justify-content:flex-end}.ph-info-grid{grid-template-columns:1fr}.ph-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ph-detail-top{align-items:stretch;flex-direction:column}.ph-detail-actions{justify-content:flex-end}}.tt-page{color:#0f172a}.tt-header{margin-bottom:14px}.tt-title{color:#1f2937;font-size:28px;font-weight:500;margin:0}.tt-subtitle{color:#6b7280;font-size:12px;margin:4px 0 0}.tt-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.tt-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px}.tt-stat-top{align-items:center;color:#64748b;display:flex;font-size:11px;justify-content:space-between}.tt-stat-value{color:#1f2937;font-size:16px;font-weight:500;margin-top:6px}.tt-stat-icon.blue{color:#2563eb}.tt-stat-icon.orange{color:#ea580c}.tt-stat-icon.green{color:#16a34a}.tt-stat-icon.red{color:#ef4444}.tt-filter-bar{gap:10px;justify-content:space-between;margin-bottom:12px}.tt-filter-bar,.tt-search{align-items:center;display:flex}.tt-search{background:#f8fafc;border:1px solid #d7dee8;border-radius:4px;gap:6px;height:30px;max-width:280px;padding:0 8px;width:100%}.tt-search input{background:#0000;border:none;color:#334155;font-size:11px;outline:none;width:100%}.tt-filter-right{align-items:center;display:flex;gap:8px}.tt-filter-chip{align-items:center;background:#fff;border:1px solid #d7dee8;border-radius:4px;display:inline-flex;gap:5px;height:30px;padding:0 8px}.tt-filter-chip select{background:#0000;border:none;color:#475569;cursor:pointer;font-size:11px;outline:none}.tt-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.tt-table-wrap{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}.tt-table-wrap::-webkit-scrollbar{height:0;width:0}.tt-table{border-collapse:collapse;width:100%}.tt-table td,.tt-table th{border-bottom:1px solid #edf2f7;font-size:11px;padding:9px 10px;text-align:left;white-space:nowrap}.tt-table th{background:#f8fafc;color:#64748b;font-weight:500}.tt-emp-name{color:#1f2937;font-weight:500}.tt-cell-input-like{align-items:center;background:#f8fafc;border:1px solid #dbe3ef;border-radius:3px;color:#334155;display:inline-flex;height:18px;min-width:44px;padding:0 6px}.tt-leave-cell{min-width:52px}.tt-inline-input,.tt-inline-select{background:#fff;border:1px solid #dbe3ef;border-radius:3px;color:#334155;font-size:11px;height:22px;outline:none;padding:0 6px;width:74px}.tt-inline-select{width:110px}.tt-total-hours{color:#0f172a;font-weight:500}.tt-action-cell{min-width:120px}.tt-action-buttons{display:flex;gap:6px}.tt-row-btn{align-items:center;background:#fff;border:1px solid #dbe3ef;border-radius:4px;color:#334155;cursor:pointer;display:inline-flex;font-size:11px;gap:4px;height:24px;padding:0 8px}.tt-row-btn.save{background:#2563eb;border-color:#2563eb;color:#fff}.tt-row-btn.cancel{background:#fff;border-color:#cbd5e1;color:#475569}.tt-row-btn.edit{background:#fff}.tt-empty-row{color:#94a3b8;padding:20px 0;text-align:center}.tt-error{align-items:center;background:#fef2f2;border-bottom:1px solid #fecaca;color:#b91c1c;display:flex;font-size:12px;gap:8px;padding:10px 12px}.tt-refresh-hint{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:11px;padding:8px 12px}.tt-overlay{align-items:center;animation:tt-fade-in .15s ease;background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes tt-fade-in{0%{opacity:0}to{opacity:1}}.tt-confirm-modal{animation:tt-slide-up .18s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0f172a2e;max-width:400px;padding:24px 28px;width:100%}@keyframes tt-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tt-confirm-icon{align-items:center;background:#eff6ff;border-radius:50%;color:#2563eb;display:flex;height:44px;justify-content:center;margin:0 auto 14px;width:44px}.tt-confirm-title{color:#0f172a;font-size:15px;font-weight:600;margin:0 0 6px;text-align:center}.tt-confirm-desc{color:#475569;font-size:12px;line-height:1.5;margin:0 0 14px;text-align:center}.tt-confirm-fields{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:7px;margin-bottom:12px;padding:10px 12px}.tt-confirm-field-item{align-items:center;color:#334155;display:flex;font-size:11.5px;gap:8px}.tt-confirm-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.tt-confirm-dot.green{background:#16a34a}.tt-confirm-dot.orange{background:#ea580c}.tt-confirm-dot.blue{background:#2563eb}.tt-confirm-current{color:#1e293b;font-weight:600;margin-left:auto}.tt-confirm-warning{background:#fffbeb;border:1px solid #fde68a;border-radius:6px;color:#92400e;font-size:11px;line-height:1.5;margin:0 0 16px;padding:7px 10px}.tt-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.tt-confirm-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;height:32px;padding:0 16px;transition:opacity .15s}.tt-confirm-btn:hover{opacity:.88}.tt-confirm-btn.cancel{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.tt-confirm-btn.proceed{background:#2563eb;color:#fff}@media (max-width:1100px){.tt-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.ps-page{color:#0f172a}.ps-page-header{margin-bottom:12px}.ps-page-title{font-size:26px;font-weight:600;margin:0}.ps-page-subtitle{color:#64748b;font-size:12px;margin:4px 0 0}.ps-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow:hidden}.ps-section-header{border-bottom:1px solid #eef2f7;display:flex;gap:12px;justify-content:space-between;padding:14px 14px 10px}.ps-section-title{font-size:14px;font-weight:600;margin:0}.ps-section-subtitle{color:#64748b;font-size:11px;margin:4px 0 0}.ps-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ps-time-badge{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:6px 8px}.ps-cancel-btn,.ps-edit-btn,.ps-retry-btn,.ps-save-btn,.ps-time-badge{align-items:center;color:#334155;display:inline-flex;font-size:11px;gap:6px}.ps-cancel-btn,.ps-edit-btn,.ps-retry-btn,.ps-save-btn{background:#fff;border:1px solid #dbe3ef;border-radius:6px;cursor:pointer;font-weight:600;height:30px;padding:0 10px}.ps-edit-btn,.ps-save-btn{background:#2563eb;border-color:#2563eb;color:#fff}.ps-cell-input{background:#fff;border:1px solid #d5deeb;border-radius:5px;font-size:11px;height:28px;padding:4px 6px;width:80px}.ps-leave-table-wrap,.ps-table-wrap{overflow-x:auto}.ps-leave-table,.ps-table{border-collapse:collapse;width:100%}.ps-leave-table td,.ps-leave-table th,.ps-table td,.ps-table th{border-bottom:1px solid #edf2f7;font-size:11px;padding:9px 10px;text-align:left;white-space:nowrap}.ps-leave-table th,.ps-table th{background:#f8fafc;color:#64748b;font-weight:600}.ps-leave-type,.ps-td-type{font-weight:500}.ps-cell-value{color:#1f2937}.ps-notes{background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;margin:10px 12px 12px;padding:10px}.ps-notes-title{color:#1e3a8a;font-size:11px;font-weight:600;margin-bottom:4px}.ps-notes ul{color:#1d4ed8;font-size:10px;margin:0;padding-left:14px}.ps-notes li{margin-bottom:3px}.ps-badge-paid,.ps-badge-unpaid{border-radius:999px;display:inline-block;font-size:10px;font-weight:600;padding:2px 8px}.ps-badge-paid{background:#dcfce7;color:#15803d}.ps-badge-unpaid{background:#fee2e2;color:#b91c1c}.ps-days-input,.ps-leave-select{border:1px solid #d5deeb;border-radius:5px;font-size:11px;height:28px;padding:4px 6px}.ps-save-bar{display:flex;gap:8px;justify-content:flex-end;padding:10px 12px 12px}.ps-error-state,.ps-loading-state{align-items:center;color:#64748b;display:flex;font-size:12px;gap:8px;padding:14px}.ps-toast{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;gap:6px;margin:8px 12px 0;padding:8px 10px}.ps-toast--success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.ps-toast--error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.ps-saving-spinner,.ps-spinner{animation:ps-spin .8s linear infinite;border:2px solid #cbd5e1;border-radius:50%;border-top-color:#2563eb;height:14px;width:14px}@keyframes ps-spin{to{transform:rotate(1turn)}}.ps-aba-field-row{display:flex;flex-direction:column;gap:2px;min-width:140px}.ps-aba-label{color:#94a3b8;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ps-aba-value{color:#1e293b;font-size:13px;font-weight:500}.ps-aba-form-group{display:flex;flex-direction:column;gap:4px}.ps-aba-form-label{color:#374151;font-size:12px;font-weight:600}.aba-page{display:flex;flex-direction:column;gap:24px}.aba-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.aba-title{color:#1e293b;font-size:20px;font-weight:800;margin:0 0 4px}.aba-subtitle{color:#94a3b8;font-size:13px;margin:0}.aba-info-banner{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;line-height:1.6}.aba-error,.aba-info-banner{font-size:13px;padding:12px 16px}.aba-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.aba-loader{justify-content:center}.aba-empty,.aba-loader{display:flex;padding:60px 0}.aba-empty{align-items:center;color:#94a3b8;flex-direction:column;font-size:14px;gap:8px}.aba-empty-icon{color:#cbd5e1;margin-bottom:8px}.aba-empty-hint{color:#cbd5e1;font-size:12px;margin:0}.aba-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000012;overflow:auto}.aba-table{border-collapse:collapse;font-size:13px;width:100%}.aba-table thead tr{background:#f8fafc}.aba-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.aba-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:14px 16px;vertical-align:middle}.aba-table tbody tr:hover{background:#f8fafc}.aba-table tbody tr:last-child td{border-bottom:none}.aba-period{font-weight:500;white-space:nowrap}.aba-center{text-align:center}.aba-amount{color:#0f172a;font-weight:600;white-space:nowrap}.aba-dt{color:#94a3b8;font-size:12px;white-space:nowrap}.aba-bank{background:#f1f5f9;border-radius:4px;color:#475569;font-size:11px;font-weight:700;letter-spacing:.5px;padding:2px 8px}.aba-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;white-space:nowrap}.aba-badge--pending{background:#fef9c3;color:#92400e}.aba-badge--approved{background:#dbeafe;color:#1d4ed8}.aba-badge--released{background:#dcfce7;color:#15803d}.aba-badge--draft,.aba-badge--voided{background:#f1f5f9;color:#94a3b8}.aba-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.aba-released-tag{color:#15803d;font-size:11px;font-weight:600}.aba-void-reason{color:#94a3b8;cursor:default;font-size:11px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aba-btn{align-items:center;border:none;border-radius:7px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:6px 12px;transition:background .15s,opacity .15s;white-space:nowrap}.aba-btn:disabled{cursor:not-allowed;opacity:.5}.aba-btn--refresh{background:#f1f5f9;color:#475569}.aba-btn--refresh:hover:not(:disabled){background:#e2e8f0}.aba-btn--approve{background:#dbeafe;color:#1d4ed8}.aba-btn--approve:hover:not(:disabled){background:#bfdbfe}.aba-btn--release{background:#dcfce7;color:#15803d}.aba-btn--release:hover:not(:disabled){background:#bbf7d0}.aba-btn--void{background:#fee2e2;color:#dc2626}.aba-btn--void:hover:not(:disabled){background:#fecaca}.aba-btn--cancel{background:#f1f5f9;color:#64748b}.aba-btn--cancel:hover:not(:disabled){background:#e2e8f0}.aba-spin{animation:aba-rotate .8s linear infinite}@keyframes aba-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.aba-modal-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.aba-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #0000002e;display:flex;flex-direction:column;gap:14px;max-width:95vw;padding:28px;width:420px}.aba-modal-title{color:#1e293b;font-size:17px;font-weight:700;margin:0}.aba-modal-desc{color:#64748b;font-size:13px;margin:0}.aba-modal-textarea{border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-family:inherit;font-size:13px;outline:none;padding:10px 12px;resize:vertical}.aba-modal-textarea:focus{border-color:#6366f1}.aba-modal-footer{display:flex;gap:10px;justify-content:flex-end}.stp-status-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.stp-status-badge--not_submitted{background:#f1f5f9;border-color:#e2e8f0;color:#334155}.stp-status-badge--pending{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.stp-status-badge--submitted{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.stp-status-badge--failed{background:#fef2f2;border-color:#fecaca;color:#991b1b}.stp-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.stp-panel__header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.stp-panel__title{color:#0f172a;font-size:16px;font-weight:700}.stp-panel__sub{color:#64748b;font-size:12px;margin-top:4px}.stp-panel__grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px}.stp-panel__card{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;padding:10px}.stp-panel__k{color:#64748b;font-size:11px}.stp-panel__v{color:#0f172a;font-size:13px;margin-top:6px}.stp-panel__v--mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.stp-panel__actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.stp-panel__btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#0f172a;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 12px;text-decoration:none}.stp-panel__btn:disabled{cursor:not-allowed;opacity:.6}.stp-panel__btn--primary{background:#111827;border-color:#111827;color:#fff}.stp-panel__btn--secondary{background:#f8fafc}.stp-panel__btn--ghost{background:#0000}.stp-panel__btn--small{border-radius:8px;font-size:12px;padding:6px 10px}.stp-panel__hint{color:#b45309;font-size:12px}.stp-panel__banner{align-items:center;border:1px solid #0000;border-radius:10px;display:flex;font-size:13px;gap:8px;margin-top:10px;padding:10px 12px}.stp-panel__banner--error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.stp-panel__banner--ok{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.stp-panel__history{margin-top:14px}.stp-panel__history-title{color:#0f172a;font-weight:700;margin-bottom:8px}.stp-panel__table-wrap{border:1px solid #e5e7eb;border-radius:12px;overflow:auto}.stp-panel__table{border-collapse:collapse;min-width:820px;width:100%}.stp-panel__table td,.stp-panel__table th{border-bottom:1px solid #eef2f7;font-size:13px;padding:10px 12px;vertical-align:top}.stp-panel__table th{background:#f8fafc;color:#334155;font-size:12px;text-align:left}.stp-panel__msg{color:#334155;max-width:420px}.stp-panel__row-actions{align-items:flex-start;display:flex;gap:10px}.stp-panel__details summary{color:#2563eb;cursor:pointer;font-weight:600}.stp-panel__errors{background:#fff7f7;border:1px solid #fecaca;border-radius:10px;margin-top:8px;padding:10px}.stp-panel__error-item{color:#7f1d1d;font-size:12px;margin:4px 0}.stp-panel__muted{color:#94a3b8}.stp-panel__empty{color:#64748b;font-size:13px;padding:10px 2px}.stp-spin{animation:stpspin .9s linear infinite}@keyframes stpspin{to{transform:rotate(1turn)}}.stp-panel__why{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-top:12px;padding:12px}.stp-panel__why-title{color:#991b1b;font-weight:700}.stp-panel__why-sub{color:#7f1d1d;font-size:12px;margin-top:4px}@media (max-width:980px){.stp-panel__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.stp-panel__grid{grid-template-columns:1fr}}.stp-page{display:flex;flex-direction:column;gap:20px}.stp-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.stp-title{color:#1e293b;font-size:20px;font-weight:800;margin:0 0 4px}.stp-subtitle{color:#94a3b8;font-size:13px;margin:0}.stp-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:4px;padding-bottom:0}.stp-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;border-radius:0;color:#64748b;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:-2px;padding:8px 14px;transition:color .15s,border-color .15s;white-space:nowrap}.stp-tab:hover{color:#1e293b}.stp-tab--active{border-bottom-color:#2563eb;color:#2563eb}.stp-section{display:flex;flex-direction:column;gap:16px}.stp-section-title{color:#1e293b;font-size:15px;font-weight:700;margin:0 0 2px}.stp-section-sub{color:#94a3b8;font-size:13px;margin:0}.stp-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.stp-error,.stp-success{align-items:center;display:flex;font-size:13px;gap:8px;padding:12px 16px}.stp-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#15803d;font-weight:600}.stp-info-banner{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;font-size:13px;line-height:1.6;padding:12px 16px}.stp-info-banner code{background:#dbeafe;border-radius:4px;font-family:monospace;font-size:12px;padding:1px 5px}.stp-form{display:flex;flex-wrap:wrap;gap:16px}.stp-label{color:#475569;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:5px}.stp-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:inherit;font-size:13px;min-width:160px;outline:none;padding:8px 12px}.stp-input:focus{border-color:#6366f1}.stp-form-actions{display:flex;flex-wrap:wrap;gap:10px}.stp-validation{border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:14px 16px}.stp-validation--ok{background:#f0fdf4;border:1px solid #bbf7d0}.stp-validation--err{background:#fef2f2;border:1px solid #fecaca}.stp-validation-header{align-items:center;color:#1e293b;display:flex;font-size:13px;font-weight:700;gap:8px}.stp-v-icon--ok{color:#16a34a}.stp-v-icon--err{color:#dc2626}.stp-v-warn-count{align-items:center;background:#fef9c3;border-radius:20px;color:#b45309;display:inline-flex;font-size:11px;font-weight:600;gap:4px;margin-left:8px;padding:2px 8px}.stp-fin-row{border-top:1px solid #e2e8f0;color:#334155;display:flex;flex-wrap:wrap;font-size:13px;gap:20px;padding:8px 0}.stp-fin-row strong{color:#0f172a}.stp-v-item{align-items:flex-start;display:flex;font-size:12px;gap:7px;padding:4px 0}.stp-v-item--error{color:#991b1b}.stp-v-item--warning{color:#92400e}.stp-history-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.stp-loader{justify-content:center}.stp-empty,.stp-loader{display:flex;padding:60px 0}.stp-empty{align-items:center;color:#94a3b8;flex-direction:column;font-size:14px;gap:8px}.stp-empty-icon{color:#cbd5e1;margin-bottom:8px}.stp-empty-hint{color:#cbd5e1;font-size:12px;margin:0}.stp-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000012;overflow:auto}.stp-table{border-collapse:collapse;font-size:13px;width:100%}.stp-table thead tr{background:#f8fafc}.stp-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.stp-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:13px 16px;vertical-align:middle}.stp-row{cursor:pointer}.stp-row:hover td{background:#f8fafc}.stp-table tbody tr:last-child td{border-bottom:none}.stp-period{font-weight:500;white-space:nowrap}.stp-center{text-align:center}.stp-amount{color:#0f172a;font-weight:600;white-space:nowrap}.stp-dt{color:#94a3b8;font-size:12px;white-space:nowrap}.stp-type-badge{background:#f1f5f9;border-radius:4px;color:#475569;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 8px}.stp-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 10px;white-space:nowrap}.stp-badge--success{background:#dcfce7;color:#15803d}.stp-badge--pending{background:#fef9c3;color:#92400e}.stp-badge--failed{background:#fee2e2;color:#dc2626}.stp-badge--rejected{background:#fce7f3;color:#9d174d}.stp-badge--warning{background:#ffedd5;color:#9a3412}.stp-row-actions{align-items:center;display:flex;gap:6px}.stp-detail-row td{background:#f8fafc;padding:0}.stp-detail{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:12px;padding:16px 20px}.stp-detail-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.stp-detail-grid>div{display:flex;flex-direction:column;gap:2px}.stp-dl{color:#94a3b8;font-size:10px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.stp-dv{color:#334155;font-size:12px;word-break:break-all}.stp-detail-errors-title{color:#991b1b;font-size:11px;font-weight:700;letter-spacing:.4px;margin:0;text-transform:uppercase}.stp-detail-errors{display:flex;flex-direction:column;gap:4px}.stp-btn{align-items:center;border:none;border-radius:7px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:5px;padding:7px 14px;transition:background .15s,opacity .15s;white-space:nowrap}.stp-btn:disabled{cursor:not-allowed;opacity:.5}.stp-btn--validate{background:#eff6ff;color:#1d4ed8}.stp-btn--validate:hover:not(:disabled){background:#dbeafe}.stp-btn--submit{background:#2563eb;color:#fff}.stp-btn--submit:hover:not(:disabled){background:#1d4ed8}.stp-btn--retry{background:#fef9c3;color:#92400e}.stp-btn--retry:hover:not(:disabled){background:#fde68a}.stp-btn--refresh{background:#f1f5f9;color:#475569}.stp-btn--refresh:hover:not(:disabled){background:#e2e8f0}.stp-btn--expand{background:#f1f5f9;color:#475569;padding:5px 8px}.stp-btn--expand:hover{background:#e2e8f0}.stp-spin{animation:stp-rotate .8s linear infinite}@keyframes stp-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stp-settings-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000012;display:flex;flex-direction:column;gap:0;max-width:540px;padding:20px 24px}.stp-settings-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;justify-content:space-between;padding:14px 0}.stp-settings-row:last-child{border-bottom:none}.stp-settings-label{color:#64748b;font-size:13px;font-weight:500}.stp-settings-value{align-items:center;color:#334155;display:inline-flex;font-size:13px;font-weight:600;gap:5px}.stp-settings-value--ok{color:#15803d}.stp-settings-value--err{color:#dc2626}.stp-settings-value--mono{color:#475569;font-family:monospace;font-size:12px}.cpay-layout{background:#f3f4f6;display:flex;font-family:Inter,system-ui,-apple-system,sans-serif;height:100%;min-height:calc(100vh - 64px);overflow:hidden}.cpay-sidebar{background:#f8fafc;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;min-width:180px;padding:12px 0;width:180px}.cpay-brand{padding:0 14px 10px}.cpay-brand-name{color:#0f172a;font-size:12px;font-weight:700}.cpay-brand-sub{color:#94a3b8;font-size:10px;font-weight:600;margin-top:2px}.cpay-nav{display:flex;flex-direction:column;gap:4px;padding:4px 10px}.cpay-nav-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:8px;padding:7px 10px;text-align:left;transition:background .15s,color .15s;width:100%}.cpay-nav-item svg{flex-shrink:0;font-size:13px}.cpay-nav-item:hover{background:#eef2ff;color:#1e293b}.cpay-nav-item.active{background:#e2e8f0;color:#2563eb;font-weight:600}.cpay-nav-item.active svg{color:#2563eb}.cpay-content{-ms-overflow-style:none;flex:1 1;overflow-y:auto;padding:12px 16px;position:relative;scrollbar-width:none}.cpay-content::-webkit-scrollbar{height:0;width:0}.contractor-layout{background:#f5f6f8;border-radius:8px;display:flex;min-height:100%;overflow:hidden}.contractor-sidebar{background:#fff;border-right:1px solid #e5e7eb;min-width:210px;padding:12px 10px;width:210px}.contractor-brand{padding:2px 6px 8px}.contractor-brand-sub{color:#94a3b8;font-size:11px;font-weight:600;margin-top:6px}.company-badge{align-items:center;color:#1f2a44;display:flex;font-weight:600;gap:6px}.company-initials{align-items:center;background:#2b5cff;border-radius:6px;color:#fff;display:inline-flex;font-size:11px;height:22px;justify-content:center;width:22px}.company-name{font-size:14px;font-weight:600}.contractor-nav{display:flex;flex-direction:column;gap:6px;margin-top:8px}.contractor-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 10px;text-align:left;width:100%}.contractor-nav-item:hover{background:#eef2ff;color:#1e293b}.contractor-nav-item.active{background:#eff6ff;color:#2563eb;font-weight:600}.contractor-content{-ms-overflow-style:none;flex:1 1;overflow-y:auto;padding:14px 18px;scrollbar-width:none}.contractor-content::-webkit-scrollbar{height:0;width:0}.contractor-payroll-toolbar{align-items:center;display:flex;justify-content:space-between;margin:8px 0 16px}.toolbar-title h2{color:#1f2a44;font-size:18px;font-weight:600;margin:0 0 4px}.toolbar-title p{color:#64748b;font-size:12px;margin:0}.add-contractor-btn{background:#2563eb;border:none;border-radius:9px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px}.contractor-payroll-state{color:#6a7280;font-size:14px;padding:20px}.contractor-payroll-state.error{color:#b42318}.contractor-form-card{background:#fff;border:1px solid #dde4ef;border-radius:10px;box-shadow:none;margin-bottom:20px;padding:14px 16px}.form-header h3{color:#1f2a44;font-size:18px;font-weight:500;margin:0 0 8px}.form-header{background:#0000;border:none}.form-error{background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;color:#b42318;font-size:12px;margin-bottom:10px;padding:8px 10px}.form-section{margin-top:14px}.form-section h4{color:#475569;font-size:12px;font-weight:600;margin:0 0 8px}.form-grid{grid-gap:10px 12px;display:grid;gap:10px 12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{color:#475569;font-size:12px}.form-field input{background:#fff;border:1px solid #d5deeb;border-radius:8px;color:#334155;font-size:13px;height:36px;padding:8px 10px}.form-field input:focus{border-color:#2563eb;outline:none}.radio-row{color:#4b5563;display:flex;flex-wrap:wrap;font-size:12px;gap:16px;margin-bottom:8px}.radio-row input{margin-right:6px}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:10px;margin-top:14px;padding-top:12px}.form-actions .save-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px}.form-actions .save-btn:disabled{cursor:not-allowed;opacity:.7}.form-actions .cancel-btn{background:#fff;border:1px solid #e6e8ee;border-radius:8px;color:#4b5563;cursor:pointer;font-size:13px;padding:8px 14px}.contractor-card-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.work-tracking{display:flex;flex-direction:column;gap:16px}.filters-card{background:#fff;border:1px solid #e6e8ee;border-radius:12px;padding:14px 16px}.filters-header{align-items:center;color:#4b5563;display:flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:10px}.filters-grid{grid-gap:10px 12px;display:grid;gap:10px 12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.table-card{background:#fff;border:1px solid #e6e8ee;border-radius:12px;overflow:hidden}.work-table{border-collapse:collapse;color:#374151;font-size:12px;width:100%}.work-table thead th{background:#f9fafb;color:#6b7280;font-weight:600;text-align:left}.work-table tbody td,.work-table thead th{border-bottom:1px solid #eef1f6;padding:10px 12px}.work-table tbody tr:last-child td{border-bottom:none}.contractor-card{background:#fff;border:1px solid #e6e8ee;border-radius:14px;box-shadow:0 4px 12px #1118270a;padding:16px 18px}.contractor-card-header{align-items:center;display:flex;gap:12px;margin-bottom:14px}.avatar{align-items:center;background:#e9f1ff;border-radius:10px;color:#2b5cff;display:inline-flex;font-weight:600;height:34px;justify-content:center;width:34px}.contractor-name{color:#1f2a44;font-size:14px;font-weight:600}.contractor-email{color:#6a7280;font-size:12px}.rate-pill{background:#e9f1ff;border-radius:999px;color:#2b5cff;font-size:11px;margin-left:auto;padding:4px 8px}.rate-pill.project{background:#f5e8ff;color:#8a3ffc}.contractor-card-body{grid-gap:8px;border-top:1px solid #eef1f6;color:#6a7280;display:grid;font-size:12px;gap:8px;padding-top:12px}.info-row{display:flex;gap:10px;justify-content:space-between}.rate-value{color:#1f2a44;font-weight:600}.contractor-payroll-footer{display:flex;justify-content:center;margin-top:18px}.load-more-btn{background:#fff;border:1px solid #cfe0ff;border-radius:10px;color:#2b5cff;cursor:pointer;font-size:13px;padding:8px 14px}.wt-filters-bar{align-items:flex-end;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-wrap:wrap;gap:12px;padding:0}.wt-filters-card{background:#fff;border:1px solid #e6e8ee;border-radius:10px;box-shadow:0 1px 4px #1118270a;margin-bottom:14px;padding:14px 18px}.wt-filters-title{color:#4b5563;font-size:12px;font-weight:600;margin-bottom:10px}.wt-filter-group{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:150px}.wt-filter-group label{color:#6a7280;font-size:11px;font-weight:500}.wt-filter-group input[type=date],.wt-filter-group input[type=text],.wt-filter-group select{background:#fff;border:1px solid #e6e8ee;border-radius:8px;color:#4b5563;font-size:12px;height:34px;outline:none;padding:6px 10px;width:100%}.wt-filter-group input[type=date]:focus,.wt-filter-group select:focus{background:#fff;border-color:#2b5cff}.wt-clear-btn{align-self:flex-end;background:#f9fafb;border:1px solid #dbe3ef;border-radius:8px;color:#475569;cursor:pointer;font-size:12px;padding:7px 14px;white-space:nowrap}.wt-clear-btn:hover{background:#f3f4f6;color:#374151}.wt-container{display:flex;flex-direction:column;gap:20px}.wt-toolbar{align-items:center;justify-content:space-between;margin:10px 0 4px}.wt-date-filters,.wt-toolbar{display:flex;flex-wrap:wrap;gap:12px}.wt-date-filters label{color:#6a7280;display:flex;flex-direction:column;font-size:12px;font-weight:500;gap:4px}.wt-date-filters input[type=date]{background:#fff;border:1px solid #e6e8ee;border-radius:8px;color:#1f2a44;font-size:13px;padding:7px 10px}.wt-summary-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.wt-summary-card{background:#fff;border:1px solid #e6e8ee;border-radius:12px;box-shadow:0 2px 8px #1118270a;display:flex;flex-direction:column;gap:6px;padding:16px 18px}.wt-summary-card.highlight{background:#eef3ff;border-color:#cfe0ff}.wt-card-label{color:#6a7280;font-size:12px;font-weight:500}.wt-card-value{color:#1f2a44;font-size:22px;font-weight:700}.wt-table-wrap{background:#fff;border:1px solid #e6e8ee;border-radius:10px;box-shadow:0 1px 4px #1118270a;overflow:auto}.wt-table{border-collapse:collapse;color:#374151;font-size:12px;width:100%}.wt-table thead th{background:#f9fafb;color:#6b7280;font-weight:500;text-align:left;white-space:nowrap}.wt-table tbody td,.wt-table thead th{border-bottom:1px solid #eef1f6;padding:10px 12px}.wt-table tbody td{vertical-align:middle}.wt-table tbody tr:last-child td{border-bottom:none}.wt-row:hover td{background:#f9fafb}.wt-emp-name{color:#1f2a44;font-weight:600}.wt-emp-email{color:#6a7280;font-size:12px}.wt-pay{color:#1f2a44;font-weight:600}.wt-expand-btn{background:#eef3ff;border:1px solid #cfe0ff;border-radius:8px;color:#2b5cff;cursor:pointer;font-size:12px;padding:5px 10px;white-space:nowrap}.wt-expand-btn:hover{background:#dbeafe}.wt-shift-row td{background:#f9fafb;padding:10px 14px 16px}.wt-shifts-table{border-collapse:collapse;color:#374151;font-size:12px;margin-top:4px;width:100%}.wt-shifts-table th{background:#f0f4ff;border-bottom:1px solid #e6e8ee;color:#6b7280;font-weight:600;padding:8px 12px;text-align:left}.wt-shifts-table td{border-bottom:1px solid #eef1f6;padding:8px 12px}.wt-shifts-table tr:last-child td{border-bottom:none}.wt-status-badge{border-radius:999px;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px}.wt-status-approved{background:#dcfce7;color:#166534}.wt-status-pending{background:#fef9c3;color:#854d0e}.wt-status-rejected{background:#fee2e2;color:#991b1b}.wt-add-btn{align-items:center;background:#2b5cff;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:9px 16px;white-space:nowrap}.wt-add-btn:hover{background:#1e4de0}.wt-modal-overlay{align-items:center;background:#11182759;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.wt-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #1118272e;display:flex;flex-direction:column;max-width:95vw;width:440px}.wt-modal-header{align-items:center;border-bottom:1px solid #e6e8ee;display:flex;justify-content:space-between;padding:18px 20px 14px}.wt-modal-header h3{color:#1f2a44;font-size:16px;font-weight:700;margin:0}.wt-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;padding:4px}.wt-modal-close:hover{background:#f3f4f6}.wt-modal-body{gap:14px;padding:20px}.wt-form-group,.wt-modal-body{display:flex;flex-direction:column}.wt-form-group{gap:5px}.wt-form-group label{color:#374151;font-size:12px;font-weight:600}.wt-form-group input,.wt-form-group select{background:#f9fafb;border:1px solid #e6e8ee;border-radius:8px;color:#1f2a44;font-size:13px;outline:none;padding:8px 10px}.wt-form-group input:focus,.wt-form-group select:focus{background:#fff;border-color:#2b5cff}.wt-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.wt-modal-footer{border-top:1px solid #e6e8ee;display:flex;gap:10px;justify-content:flex-end;padding:14px 20px 18px}.wt-save-btn{background:#2b5cff;border:none;border-radius:9px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:9px 22px}.wt-save-btn:hover:not(:disabled){background:#1e4de0}.wt-save-btn:disabled{cursor:not-allowed;opacity:.6}.wt-cancel-btn{background:#f3f4f6;border:none;border-radius:9px;color:#374151;cursor:pointer;font-size:13px;font-weight:600;padding:9px 18px}.wt-cancel-btn:hover{background:#e5e7eb}.payout-tab{display:flex;flex-direction:column;gap:16px}.payout-filter-card{align-items:center;background:#fff;border:1px solid #e6e8ee;border-radius:14px;display:flex;gap:14px;justify-content:space-between;padding:14px 16px}.payout-period-input{align-items:center;color:#64748b;display:inline-flex;gap:10px}.payout-period-input label{color:#6b7280;display:block;font-size:12px;font-weight:600;margin-bottom:4px}.payout-period-input input{background:#fff;border:1px solid #dbe2ea;border-radius:8px;color:#1f2a44;font-size:13px;height:34px;padding:0 10px}.payout-period-input input:focus{border-color:#2b5cff;outline:none}.payout-primary-btn{align-items:center;background:#2b5cff;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px}.payout-primary-btn:disabled{cursor:not-allowed;opacity:.55}.payout-ghost-btn{align-items:center;background:#fff;border:1px solid #d8dee8;border-radius:8px;color:#4b5563;cursor:pointer;display:inline-flex;font-size:12px;gap:6px;padding:8px 12px}.payout-summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(150px,1fr))}.payout-summary-card{align-items:center;background:#fff;border:1px solid #e6e8ee;border-radius:12px;display:flex;gap:10px;padding:12px 14px}.payout-summary-card .icon{align-items:center;border-radius:8px;display:inline-flex;height:30px;justify-content:center;width:30px}.payout-summary-card .icon.blue{background:#e6efff;color:#2b5cff}.payout-summary-card .icon.green{background:#dcfce7;color:#16a34a}.payout-summary-card .icon.purple{background:#f3e8ff;color:#9333ea}.payout-summary-card .icon.orange{background:#fff1e5;color:#ea580c}.payout-summary-card .label{color:#6b7280;font-size:12px}.payout-summary-card .value{color:#1f2a44;font-size:28px;font-weight:700;line-height:1;margin-top:2px}.payout-table-wrap{background:#fff;border:1px solid #e6e8ee;border-radius:12px;overflow:auto}.payout-table{border-collapse:collapse;font-size:13px;width:100%}.payout-table th{background:#f9fafb;border-bottom:1px solid #eef1f6;color:#6b7280;font-size:12px;font-weight:600;padding:10px 12px;text-align:left}.payout-table td{border-bottom:1px solid #eef1f6;color:#374151;padding:11px 12px}.payout-table tbody tr{cursor:pointer}.payout-table tbody tr:last-child td{border-bottom:none}.payout-table tbody tr:hover td{background:#f8fafc}.payout-table td.strong{color:#1f2a44;font-weight:700}.status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;justify-content:center;padding:4px 10px}.status-pill.pending{background:#fef9c3;color:#854d0e}.status-pill.paid{background:#dcfce7;color:#166534}.payout-actions{align-items:center;display:flex;gap:8px}.icon-btn{align-items:center;background:#f1f5f9;color:#475569;display:inline-flex;height:28px;justify-content:center;width:28px}.icon-btn,.mark-paid-btn{border:none;border-radius:7px;cursor:pointer}.mark-paid-btn{background:#16a34a;color:#fff;font-size:11px;font-weight:600;padding:6px 10px}.mark-paid-btn:disabled{cursor:not-allowed;opacity:.7}.empty-cell{color:#6b7280;padding:26px 12px!important;text-align:center}.payout-statement-page{display:flex;flex-direction:column;gap:12px}.payout-statement-header{align-items:center;display:flex;justify-content:space-between}.payout-statement-left{align-items:center;display:inline-flex;gap:8px}.payout-statement-header h3{color:#1f2a44;font-size:14px;font-weight:500;margin:0}.payout-statement-actions{display:inline-flex;gap:8px}.payout-back-icon-btn{align-items:center;background:#fff;border:1px solid #d8dee8;border-radius:8px;color:#4b5563;cursor:pointer;display:inline-flex;height:28px;justify-content:center;width:28px}.payout-back-icon-btn:hover{background:#f8fafc;color:#1f2937}.payout-statement-card{background:#fff;border:1px solid #e6e8ee;border-radius:8px;margin:0 auto;max-width:760px;padding:26px 24px 18px;width:100%}.payout-company-row{border-bottom:1px solid #e6e8ee;display:flex;gap:20px;justify-content:space-between;padding-bottom:16px}.payout-company-logo{align-items:center;background:#2b5cff;border-radius:6px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:28px;justify-content:center;margin-bottom:8px;width:28px}.payout-company-name{color:#1f2a44;font-size:11px}.payout-company-meta{color:#6b7280;font-size:10px;margin-top:2px}.payout-statement-meta{text-align:right}.meta-title{color:#1f2a44;font-size:12px;margin-bottom:6px}.meta-row{color:#6b7280;font-size:10px;margin-bottom:2px}.payout-contractor-block{border-bottom:1px solid #e6e8ee;padding:14px 0}.payout-contractor-block .label{color:#9ca3af;font-size:10px;margin-bottom:4px}.payout-contractor-block .value{color:#1f2a44;font-size:12px;font-weight:600}.payout-contractor-block .meta{color:#6b7280;font-size:10px;margin-top:2px}.payout-statement-table{border-collapse:collapse;margin-top:12px;width:100%}.payout-statement-table th{border-bottom:1px solid #e6e8ee;color:#6b7280;font-size:10px;font-weight:500;padding:8px 0;text-align:left}.payout-statement-table td{border-bottom:1px solid #f1f5f9;color:#374151;font-size:10px;padding:10px 0}.payout-statement-table td.right,.payout-statement-table td:nth-child(2),.payout-statement-table td:nth-child(3),.payout-statement-table td:nth-child(4),.payout-statement-table th:nth-child(2),.payout-statement-table th:nth-child(3),.payout-statement-table th:nth-child(4){text-align:right}.payout-gst-grid{grid-column-gap:8px;grid-row-gap:4px;align-items:center;border-bottom:1px solid #e6e8ee;color:#4b5563;column-gap:8px;display:grid;font-size:10px;grid-template-columns:1fr 84px 96px;padding:10px 0 12px;row-gap:4px}.payout-gst-grid .gst-head{color:#374151;font-weight:600}.payout-gst-grid .gst-col-head{color:#9ca3af;font-size:9px;text-align:right;text-transform:uppercase}.payout-gst-grid .gst-row-label{color:#374151}.payout-gst-grid .gst-row-amount,.payout-gst-grid .gst-row-percent{text-align:right}.payout-totals{margin-left:auto;padding:12px 0 4px;width:220px}.payout-totals>div{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.payout-totals span{color:#4b5563;font-size:11px}.payout-totals strong{color:#111827;font-size:11px}.payout-totals .big{border-top:2px solid #4b5563;padding-top:10px}.payout-totals .big strong{color:#111827;font-size:26px;line-height:1}.payout-statement-footer{border-top:1px solid #e6e8ee;display:flex;justify-content:space-between;margin-top:14px;padding-top:12px}.payout-statement-note{border-top:1px solid #eef1f6;color:#9ca3af;font-size:9px;margin-top:14px;padding-top:12px}.payout-section-heading{border-bottom:1px solid #e0e7ff;color:#6366f1;font-size:10px;font-weight:700;letter-spacing:.05em;margin:14px 0 4px;padding-bottom:3px;text-transform:uppercase}.payout-section-subtotal td{background:#f8fafc;border-top:1px solid #e5e7eb;font-size:10px;padding-bottom:5px;padding-top:5px}.cpp-name-link{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:13px;font-weight:500;padding:0;text-decoration:underline;text-underline-offset:2px}.cpp-name-link:hover{color:#3730a3}.cportal-wrap{background:#f9fafb;min-height:100%;padding:28px 28px 48px}.cportal-title-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.cportal-title{color:#111827;font-size:20px;font-weight:700;margin:0 0 4px}.cportal-subtitle{color:#6b7280;font-size:13px;margin:0}.cportal-back-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;padding:7px 14px;white-space:nowrap}.cportal-back-btn:hover{background:#f3f4f6;color:#374151}.cportal-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.cportal-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;gap:16px;padding:18px 20px}.cportal-card-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.cportal-card-icon.green{background:#d1fae5;color:#059669}.cportal-card-icon.purple{background:#ede9fe;color:#7c3aed}.cportal-card-icon.blue{background:#dbeafe;color:#2563eb}.cportal-card-icon.orange{background:#fff7ed;color:#ea580c}.cportal-card-label{color:#6b7280;font-size:12px;margin-bottom:4px}.cportal-card-value{color:#111827;font-size:22px;font-weight:700;line-height:1}.cportal-tab-bar{background:#fff;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;display:flex;gap:0;margin-bottom:0;padding:0 20px}.cportal-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;margin-bottom:-1px;padding:12px 20px;transition:color .15s}.cportal-tab.active{border-bottom-color:#2563eb;color:#2563eb;font-weight:600}.cportal-tab:hover:not(.active){color:#374151}.cportal-content{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 8px 8px;border-top:none;min-height:200px;padding:20px 24px 24px}.cportal-state{color:#9ca3af;font-size:13px;padding:40px;text-align:center}.cportal-table{border-collapse:collapse;font-size:13px;width:100%}.cportal-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;padding:10px 12px;text-align:left}.cportal-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:13px;padding:14px 12px}.cportal-table tr:last-child td{border-bottom:none}.cportal-status.approved{color:#16a34a;font-weight:500}.cportal-status.draft{color:#d97706;font-weight:500}.cportal-ref{color:#6b7280;font-family:monospace;font-size:11px}.cportal-stmt-actions{display:flex;gap:8px;justify-content:flex-end;margin-bottom:16px}.tiny-label{color:#9ca3af;font-size:9px}.tiny-value{color:#1f2937;font-size:11px;font-weight:600;margin-top:4px}.payout-back-btn{background:#fff;border:1px solid #d8dee8;border-radius:8px;color:#4b5563;cursor:pointer;padding:8px 12px;width:-webkit-fit-content;width:fit-content}@media (max-width:1024px){.payout-summary-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (max-width:700px){.payout-filter-card{align-items:stretch;flex-direction:column}.payout-summary-grid{grid-template-columns:1fr}.payout-statement-card{padding:14px}.payout-company-row{flex-direction:column}.payout-statement-meta{text-align:left}}@media (max-width:768px){.contractor-layout{flex-direction:column}.contractor-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;min-width:100%;width:100%}.contractor-nav{flex-direction:row;flex-wrap:wrap}}.wt-inline-form-card{background:#fff;border:1px solid #e6e8ee;border-radius:12px;box-shadow:0 4px 12px #1118270a;margin-bottom:20px;overflow:hidden}.wt-inline-form-header{background:#f9fafb;border-bottom:1px solid #e6e8ee;padding:16px 20px}.wt-inline-form-header h3{color:#1f2a44;font-size:15px;margin:0}.wt-inline-form-body{display:flex;flex-direction:column;gap:16px;padding:20px}.wt-inline-form-footer{background:#f9fafb;border-top:1px solid #e6e8ee;display:flex;gap:12px;justify-content:flex-start;padding:14px 20px}.wt-input-wrapper{align-items:center;display:flex;position:relative}.wt-input-wrapper input{width:100%}.wt-input-with-prefix .wt-input-wrapper input{padding-left:28px!important}.wt-prefix{color:#6a7280;font-size:13px;left:10px;pointer-events:none;position:absolute}.wt-input-with-suffix .wt-input-wrapper input{padding-right:28px!important}.wt-suffix{color:#6a7280;font-size:13px;pointer-events:none;position:absolute;right:12px}.wt-actions{align-items:center;display:flex;gap:8px}.wt-action-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:inline-flex;justify-content:center;padding:4px;transition:all .2s}.wt-action-btn:hover{background:#f3f4f6;color:#1f2a44}.wt-action-btn.approve:hover{background:#dcfce7;color:#166534}.wt-action-btn.delete:hover{background:#fee2e2;color:#991b1b}.cp-portal{display:flex;flex-direction:column;gap:14px}.cp-portal-header h2{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 4px}.cp-portal-header p{color:#6b7280;font-size:12px;margin:0}.cp-portal-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(160px,1fr))}.cp-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:10px;padding:12px 14px}.cp-card-icon{align-items:center;border-radius:8px;display:inline-flex;height:28px;justify-content:center;width:28px}.cp-card-icon.green{background:#dcfce7;color:#16a34a}.cp-card-icon.purple{background:#f3e8ff;color:#9333ea}.cp-card-icon.blue{background:#dbeafe;color:#2563eb}.cp-card-icon.orange{background:#ffedd5;color:#ea580c}.cp-card-label{color:#6b7280;font-size:11px}.cp-card-value{color:#111827;font-size:30px;font-weight:700;line-height:1;margin-top:2px}.cp-portal-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.cp-subtabs{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;padding:0 14px}.cp-subtab{background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:12px;padding:10px 2px}.cp-subtab.active{border-bottom-color:#2563eb;color:#2563eb}.cp-table-wrap{overflow:auto}.cp-table{border-collapse:collapse;font-size:12px;width:100%}.cp-table th{background:#fff;color:#6b7280;font-weight:500;text-align:left}.cp-table td,.cp-table th{border-bottom:1px solid #eef2f7;padding:10px 14px}.cp-table td{color:#374151}.cp-table tr:last-child td{border-bottom:none}.cp-status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;justify-content:center;padding:3px 10px}.cp-status-pill.approved{background:#dcfce7;color:#15803d}.cp-status-pill.draft{background:#fef3c7;color:#b45309}.cp-link-btn{align-items:center;background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;color:#2563eb;display:inline-flex;font-size:11px;font-weight:600;justify-content:center;padding:4px 10px;text-decoration:none}.navbar-workforce{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding-bottom:10px}.nav-left{gap:20px}.nav-btn{font-size:16px;padding:8px 10px}.nav-btn.active{font-weight:700}.nav-btn.active:after{background:#333}.nav-middle{display:flex;flex:1 1;justify-content:center}.search-bar{border:1px solid #ccc;border-radius:6px;padding:6px 10px;width:300px}.nav-right{display:flex;justify-content:flex-end}.workforce-add-btn{align-items:center;background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:5px;padding:8px 12px}.workforce-add-btn:hover{background:#4338ca}.main-content{margin-top:20px}.Admin-WorkForce-Content{background:#fff;border-radius:8px;padding:20px}.Admin-WorkForce-Heading{font-size:20px;font-weight:700;margin-bottom:15px}.Admin-WorkForce-LiveChatCard{background:#f8faff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;padding:14px}.Admin-WorkForce-LiveChatHeader{align-items:center;display:flex;gap:12px;justify-content:space-between}.Admin-WorkForce-LiveChatHeader h3{font-size:16px;margin:0}.Admin-WorkForce-ToggleWrap{align-items:center;color:#334155;display:inline-flex;font-size:13px;font-weight:600;gap:8px}.Admin-WorkForce-LiveChatHelp{color:#4b5563;font-size:13px;margin:8px 0 12px}.Admin-WorkForce-LiveChatControls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.Admin-WorkForce-LiveChatControls select{background:#fff;border:1px solid #d1d5db;border-radius:6px;flex:1 1;max-width:520px;min-width:280px;padding:8px 10px}.Admin-WorkForce-LiveChatSave{background:#5a67d8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px}.Admin-WorkForce-LiveChatSave:hover{background:#4754c7}.Admin-WorkForce-TableWrapper{overflow-x:auto}.Admin-WorkForce-Table{border-collapse:collapse;min-width:700px;width:100%}.Admin-WorkForce-Table td,.Admin-WorkForce-Table th{border:1px solid #ddd;font-size:14px;padding:10px;text-align:left}.Admin-WorkForce-Table th{background-color:#f5f5f5;font-weight:600}.Admin-WorkForce-Table tr:nth-child(2n){background-color:#fafafa}.Admin-WorkForce-Delete,.Admin-WorkForce-Edit,.Admin-WorkForce-ViewDetails{border:none;border-radius:4px;cursor:pointer;font-size:13px;margin-right:6px;padding:6px 10px}.Admin-WorkForce-ViewDetails{background-color:#5a67d8;color:#fff}.Admin-WorkForce-ViewDetails:hover{background-color:#4c56d0}.Admin-WorkForce-Edit{background-color:#2196f3;color:#fff}.Admin-WorkForce-Edit:hover{background-color:#1976d2}.Admin-WorkForce-Delete{background-color:#f44336;color:#fff}.Admin-WorkForce-Delete:hover{background-color:#d32f2f}.member-details-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.member-details-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:640px;overflow:hidden;width:100%}.member-details-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.member-details-header h2{color:#111827;font-size:20px;font-weight:700;margin:0}.member-details-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px}.member-details-close:hover{background:#e5e7eb;color:#111827}.member-details-body{overflow-y:auto;padding:24px}.member-details-section{margin-bottom:24px}.member-details-section:last-child{margin-bottom:0}.member-details-section h3{color:#374151;font-size:14px;font-weight:600;letter-spacing:.02em;margin:0 0 12px;text-transform:uppercase}.member-details-grid{grid-gap:12px 24px;display:grid;gap:12px 24px;grid-template-columns:1fr 1fr}.member-details-item{display:flex;flex-direction:column;gap:4px}.member-details-item .label{color:#6b7280;font-size:12px;font-weight:500}.member-details-item .value{color:#111827;font-size:14px}@media (max-width:600px){.member-details-grid{grid-template-columns:1fr}}.edit-member-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-member-modal{background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000002e;display:flex;flex-direction:column;max-height:90vh;max-width:780px;overflow:hidden;width:90%}.edit-member-header{align-items:center;background:linear-gradient(135deg,#3949ab,#5c6bc0);color:#fff;display:flex;justify-content:space-between;padding:18px 24px}.edit-member-header h2{font-size:20px;font-weight:600;margin:0}.edit-member-close{background:none;border:none;color:#fff;cursor:pointer;display:flex;padding:4px}.edit-member-loading{color:#888;font-size:15px;padding:60px 24px;text-align:center}.edit-member-body{flex:1 1;overflow-y:auto;padding:20px 24px 24px}.edit-section{margin-bottom:24px}.edit-section h3{border-bottom:2px solid #e8eaf6;color:#3949ab;font-size:16px;font-weight:600;margin:0 0 14px;padding-bottom:8px}.edit-grid{grid-gap:14px 20px;display:grid;gap:14px 20px;grid-template-columns:1fr 1fr}.edit-field{display:flex;flex-direction:column;gap:4px}.edit-field-full{grid-column:1/-1}.edit-field label{color:#555;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.edit-field input,.edit-field select{background:#fafafa;border:1px solid #d0d0d0;border-radius:6px;color:#333;font-size:14px;padding:9px 12px;transition:border-color .2s}.edit-field input:focus,.edit-field select:focus{background:#fff;border-color:#3949ab;outline:none}.edit-field input:disabled,.edit-field select:disabled{background:#eee;color:#999}.edit-field-input-wrap{display:flex;flex-direction:column;gap:4px}.edit-field-error{color:#b91c1c;font-size:12px;line-height:1.35;margin:0}.edit-field input.edit-input-error{border-color:#dc2626;box-shadow:0 0 0 1px #dc262626}.edit-member-actions{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:18px}.edit-save-btn{background:linear-gradient(135deg,#3949ab,#5c6bc0);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 28px;transition:opacity .2s}.edit-save-btn:hover{opacity:.9}.edit-save-btn:disabled{cursor:not-allowed;opacity:.6}.edit-cancel-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#555;cursor:pointer;font-size:14px;font-weight:600;padding:10px 28px;transition:background .2s}.edit-cancel-btn:hover{background:#eee}@media (max-width:600px){.edit-member-modal{max-height:95vh;width:98%}.edit-grid{grid-template-columns:1fr}.edit-member-body{padding:16px}}.Cleaner-WorkForce-Content{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;padding:20px}.Cleaner-WorkForce-Heading{font-size:20px;font-weight:700;margin-bottom:15px}.Cleaner-WorkForce-TableWrapper{overflow-x:auto}.Cleaner-WorkForce-Table{border-collapse:collapse;min-width:700px;width:100%}.Cleaner-WorkForce-Table td,.Cleaner-WorkForce-Table th{border:1px solid #ddd;font-size:14px;padding:10px;text-align:left}.Cleaner-WorkForce-Table th{background-color:#f5f5f5;font-weight:600}.Cleaner-WorkForce-Table tr:nth-child(2n){background-color:#fafafa}.Cleaner-WorkForce-Delete,.Cleaner-WorkForce-Edit,.Cleaner-WorkForce-ViewDetails{border:none;border-radius:4px;cursor:pointer;font-size:13px;margin-right:6px;padding:6px 10px}.Cleaner-WorkForce-ViewDetails{background-color:#5a67d8;color:#fff}.Cleaner-WorkForce-ViewDetails:hover{background-color:#4c56d0}.Cleaner-WorkForce-Edit{background-color:#2196f3;color:#fff}.Cleaner-WorkForce-Edit:hover{background-color:#1976d2}.Cleaner-WorkForce-Delete{background-color:#f44336;color:#fff}.Cleaner-WorkForce-Delete:hover{background-color:#d32f2f}.Cleaner-WorkForce-Table input{border:1px solid #ccc;border-radius:4px;padding:5px;width:100%}.Manager-WorkForce-Content{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;padding:20px}.Manager-WorkForce-Heading{font-size:20px;font-weight:700;margin-bottom:15px}.Manager-WorkForce-TableWrapper{overflow-x:auto}.Manager-WorkForce-Table{border-collapse:collapse;min-width:700px;width:100%}.Manager-WorkForce-Table td,.Manager-WorkForce-Table th{border:1px solid #ddd;font-size:14px;padding:10px;text-align:left}.Manager-WorkForce-Table th{background-color:#f5f5f5;font-weight:600}.Manager-WorkForce-Table tr:nth-child(2n){background-color:#fafafa}.Manager-WorkForce-Delete,.Manager-WorkForce-Edit,.Manager-WorkForce-ViewDetails{border:none;border-radius:4px;cursor:pointer;font-size:13px;margin-right:6px;padding:6px 10px}.Manager-WorkForce-ViewDetails{background-color:#5a67d8;color:#fff}.Manager-WorkForce-ViewDetails:hover{background-color:#4c56d0}.Manager-WorkForce-Edit{background-color:#2196f3;color:#fff}.Manager-WorkForce-Edit:hover{background-color:#1976d2}.Manager-WorkForce-Delete{background-color:#f44336;color:#fff}.Manager-WorkForce-Delete:hover{background-color:#d32f2f}.Manager-WorkForce-Table input{border:1px solid #ccc;border-radius:4px;padding:5px;width:100%}.Contractor-WorkForce-Content{background:#fff;border-radius:8px;padding:20px}.Contractor-WorkForce-Heading{color:#333;font-size:20px;margin-bottom:15px}.Contractor-WorkForce-TableWrapper{overflow-x:auto}.Contractor-WorkForce-Table{border-collapse:collapse;font-size:14px;width:100%}.Contractor-WorkForce-Table td,.Contractor-WorkForce-Table th{border:1px solid #ddd;padding:10px;text-align:left}.Contractor-WorkForce-Table th{background:#f2f2f2;font-weight:700}.Contractor-WorkForce-Table input{font-size:14px;padding:5px;width:100%}.Contractor-WorkForce-ViewDetails{background:#5a67d8;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:5px;padding:6px 12px}.Contractor-WorkForce-ViewDetails:hover{background:#4c56d0}.Contractor-WorkForce-Edit{background:#2196f3;margin-right:5px}.Contractor-WorkForce-Delete,.Contractor-WorkForce-Edit{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.Contractor-WorkForce-Delete{background:#f44336}.Contractor-WorkForce-Edit:hover{background:#1976d2}.Contractor-WorkForce-Delete:hover{background:#d32f2f}@media (max-width:768px){.Contractor-WorkForce-Table,.Contractor-WorkForce-Table tbody,.Contractor-WorkForce-Table td,.Contractor-WorkForce-Table th,.Contractor-WorkForce-Table thead,.Contractor-WorkForce-Table tr{display:block;width:100%}.Contractor-WorkForce-Table tr{margin-bottom:15px}.Contractor-WorkForce-Table td{padding-left:50%;position:relative;text-align:right}.Contractor-WorkForce-Table td:before{content:attr(data-label);font-weight:700;left:10px;padding-left:10px;position:absolute;text-align:left;width:45%}}.progress-container{align-items:center;display:flex;flex-direction:column;margin:40px auto;width:80%}.progress-circles{width:100%}.progress-circles,.progress-step{align-items:center;display:flex;position:relative}.progress-step{flex:1 1}.circle{align-items:center;background:#d1d5db;border-radius:50%;color:#fff;display:flex;font-weight:700;height:30px;justify-content:center;width:30px;z-index:2}.circle.active{background:#8b5cf6}.line{background:#d1d5db;flex:1 1;height:4px;margin-left:10px;margin-right:10px;transition:background .3s;z-index:1}.line.active{background:#8b5cf6}.progress-labels{display:flex;justify-content:space-between;margin-top:10px;width:100%}.label{color:#6b7280;font-size:.85rem;width:33%}.label.active{color:#8b5cf6;font-weight:700}.personal-info-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.personal-info-form{background:#fff;border-radius:12px;display:flex;flex-direction:column;gap:15px;max-width:860px;padding:25px;width:100%}.form-row{align-items:flex-start}.form-row label{margin-top:8px;width:180px}.form-row input,.form-row select{border:1px solid #ccc}.emergency-contact-row input{border:1px solid #ccc;border-radius:6px;padding:10px}.profile-upload{align-items:center;display:flex;flex-wrap:wrap;gap:20px;position:relative}.profile-placeholder,.profile-preview{background-color:#f4f4f4;border:1px solid #ccc;border-radius:50%;height:100px;object-fit:cover;width:100px}.browse-btn,.profile-placeholder,.profile-preview{align-items:center;display:flex;justify-content:center}.browse-btn{background-color:#5d1df2;border-radius:6px;color:#fff!important;cursor:pointer;padding:10px 20px;position:relative}.browse-btn input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.profile-error{color:#dc2626;font-size:13px;margin-left:8px}.contact-number{display:flex;gap:10px}.contact-number select{width:100px}.address-fields{display:flex;flex-wrap:wrap;gap:10px}.address-fields input{flex:1 1;min-width:120px}.gender-options{display:flex;gap:20px;margin-top:5px}.tax-residency-section{margin-bottom:20px;margin-top:20px}.tax-residency-divider{background-color:#333;height:1px;margin-bottom:16px;width:100%}.tax-residency-question{color:#333;font-size:16px;font-weight:700;margin:0 0 16px}.tax-residency-options{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px}.tax-residency-option{align-items:center;cursor:pointer;display:flex;gap:8px}.tax-residency-option input[type=radio]{accent-color:#8b5cf6;border-radius:2px;cursor:pointer;height:20px;width:20px}.tax-residency-option span{color:#333;font-size:14px;line-height:1.4;-webkit-user-select:none;user-select:none}@media (max-width:768px){.tax-residency-options{flex-direction:column;gap:12px}}.form-footer{margin-top:15px}.next-btn{background-color:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:12px 25px}.next-btn:hover{background-color:#7c3aed}.financial-info{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:20px;margin:40px auto;max-width:700px;padding:30px}.financial-info .form-row{align-items:flex-start;display:flex;gap:15px}.financial-info .form-row label{flex-shrink:0;font-weight:500;margin-top:8px;width:200px}.bank-details-row{display:flex;flex:1 1;gap:12px}.bank-details-row input{border:1px solid #d1d5db;border-radius:5px;flex:1 1;font-size:14px;padding:8px}.bank-details-row .financial-input-wrap:first-child{flex:0 0 auto;max-width:200px;min-width:0}.financial-input-wrap{display:flex;flex-direction:column;gap:6px;min-width:0}.financial-input-wrap--full{flex:1 1;width:100%}.financial-field-error{color:#b91c1c;font-size:12px;line-height:1.35;margin:0}.bank-details-row input.financial-input-error,.financial-info input.financial-input-error{border-color:#dc2626;box-shadow:0 0 0 1px #dc262633}.emergency-contact-row{display:flex;flex:1 1;gap:12px}.emergency-contact-row input,.financial-info input[type=text]{border:1px solid #d1d5db;border-radius:5px;flex:1 1;font-size:14px;padding:8px}.tax-threshold-options{display:flex;flex:1 1;gap:24px;margin-top:5px}.radio-option{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px}.radio-option input[type=radio]{accent-color:#5a67d8;cursor:pointer;height:18px;width:18px}.radio-option span{-webkit-user-select:none;user-select:none}.financial-back-btn,.financial-next-btn{border:none;border-radius:5px;cursor:pointer;font-weight:500;padding:10px 20px}.financial-back-btn{background-color:#e5e7eb;color:#374151}.financial-back-btn:hover{background-color:#d1d5db}.financial-next-btn{background-color:#8b5cf6;color:#fff}.financial-next-btn:hover{background-color:#7c3aed}@media (max-width:768px){.financial-info .form-row{flex-direction:column}.financial-info .form-row label{margin-bottom:8px;margin-top:0;width:100%}.bank-details-row,.emergency-contact-row{flex-direction:column;width:100%}.bank-details-row .financial-input-wrap:first-child{max-width:100%}.tax-threshold-options{flex-direction:column;gap:12px}}.superannuation-info{margin:0 auto;max-width:800px;padding:24px}.form-row{margin-bottom:20px}.form-row label{color:#333;display:block;font-size:14px;margin-bottom:8px}.form-row input{border:1px solid #ddd;border-radius:6px;padding:12px;transition:border-color .2s ease;width:100%}.form-row input:focus{border-color:#5a67d8;outline:none}.form-row-two-columns{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-column{display:flex;flex-direction:column}.form-column label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-column input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s ease;width:100%}.form-column input:focus{border-color:#5a67d8;outline:none}.form-buttons{border-top:1px solid #e0e0e0;justify-content:space-between;margin-top:32px;padding-top:24px}.superannuation-back-btn,.superannuation-next-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.superannuation-back-btn{background-color:#f0f0f0;color:#333}.superannuation-back-btn:hover{background-color:#e0e0e0}.superannuation-next-btn{background-color:#5a67d8;color:#fff}.superannuation-next-btn:hover{background-color:#4c56c7}@media screen and (max-width:768px){.form-row-two-columns{grid-template-columns:1fr}.superannuation-info{padding:16px}}.professional-info{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:20px;margin:40px auto;max-width:700px;padding:30px}.form-row{gap:15px}.form-row input{border:1px solid #d1d5db;border-radius:5px;flex:1 1;font-size:14px;padding:8px}.professional-back-btn,.professional-next-btn{border:none;border-radius:5px;cursor:pointer;font-weight:500;padding:10px 20px}.professional-back-btn{background-color:#e5e7eb;color:#374151}.professional-back-btn:hover{background-color:#d1d5db}.professional-next-btn{background-color:#8b5cf6;color:#fff}.professional-next-btn:hover{background-color:#7c3aed}.gst-breakdown{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:8px;padding:14px 16px}.gst-breakdown-title{align-items:center;color:#5b21b6;display:flex;font-size:13px;font-weight:600;gap:10px;margin-bottom:10px}.gst-type-badge{background:#ede9fe;border-radius:4px;color:#6b7280;font-size:11px;font-weight:400;padding:2px 8px}.gst-breakdown-rows{display:flex;flex-direction:column;gap:6px}.gst-row{border-bottom:1px solid #e9d5ff;color:#374151;display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.gst-row:last-child{border-bottom:none}.gst-row.total{border-top:1px solid #c4b5fd;color:#5b21b6;font-size:14px;font-weight:700;margin-top:4px;padding-top:8px}.user-settings-form{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:20px;margin:40px auto;max-width:700px;padding:30px}.form-row{align-items:center;display:flex;gap:20px}.form-row label{color:#374151;font-weight:500;width:150px}.form-row input,.form-row select{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:14px;padding:10px}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{flex:1 1;padding-right:40px}.eye-icon{color:#6b7280;cursor:pointer;font-size:18px;position:absolute;right:10px}.checkbox-row input[type=checkbox]{margin-left:10px;width:auto}.form-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.userSetting-back-btn,.userSetting-save-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:10px 20px}.userSetting-back-btn{background-color:#e5e7eb;color:#374151}.userSetting-back-btn:hover{background-color:#d1d5db}.userSettingsave-btn{background-color:#8b5cf6;color:#fff}.userSetting-save-btn:hover{background-color:#7c3aed;color:#d1d5db}.add-member-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:9999}.add-member-container{background:#fff;border-radius:12px;box-shadow:0 8px 25px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:810px;overflow:hidden;width:100%}.add-member-header{align-items:center;background:#007bff;border-radius:12px 12px 0 0;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.add-member-header h2{font-size:1.5rem;margin:0}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem}.close-btn:hover{color:#ff4d4f}.stage-container{flex:1 1;overflow-y:auto;padding:20px}.dashboard{font-family:Arial,sans-serif;padding:20px}.timecard-topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.timecard-title{flex:1 1;font-size:22px;font-weight:600;text-align:center}.nav-left{display:flex;gap:12px}.nav-btn{background:none;border:none;cursor:pointer;font-size:15px;padding:6px 12px;position:relative;transition:color .2s ease}.nav-btn.active{color:#4f46e5;font-weight:600}.nav-btn.active:after{background:#4f46e5;border-radius:4px;bottom:-4px;content:"";height:2px;left:0;position:absolute;width:100%}.timecard-add-btn{align-items:center;background:#4f46e5;border:none;border-radius:8px;box-shadow:0 2px 6px #0000001f;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.timecard-add-btn:hover{background:#4338ca;box-shadow:0 4px 10px #00000029;transform:translateY(-1px)}.timecard-navbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.member-select{background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.date-controls{align-items:center;background:#f8f9fa;border:1px solid #ddd;border-radius:30px;display:flex;gap:16px;padding:8px 18px}.date-controls button{align-items:center;background:#fff;border:1px solid #ccc;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:42px;justify-content:center;transition:all .2s ease;width:42px}.date-controls button:hover{background:#4f46e5;border-color:#4f46e5;color:#fff}.date-controls span{color:#444;font-size:16px;font-weight:600;padding:0 10px}.timecard-admin-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;margin-top:20px;overflow-x:auto;padding:16px}.timecard-admin-table{border-collapse:collapse;color:#333;font-size:14px;width:100%}.timecard-admin-table td,.timecard-admin-table th{border-bottom:1px solid #eaeaea;padding:12px 14px;text-align:left}.timecard-admin-table th{background-color:#f7f9fc;color:#444;font-weight:600}.timecard-admin-table tbody tr:hover{background-color:#f4f8ff;transition:background .2s ease-in-out}.timecard-admin-actions{align-items:center;display:flex;gap:10px}.timecard-admin-actions .icon{cursor:pointer;font-size:16px;transition:color .2s ease-in-out}.timecard-admin-actions .icon.comment{color:#4a90e2}.timecard-admin-actions .icon.comment:hover{color:#1d6fd1}.timecard-admin-actions .icon.edit{color:#27ae60}.timecard-admin-actions .icon.edit:hover{color:#1e8449}.timecard-admin-actions .icon.delete{color:#e74c3c}.timecard-admin-actions .icon.delete:hover{color:#c0392b}.timecard-manager-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;margin-top:20px;overflow-x:auto;padding:16px}.timecard-manager-table{border-collapse:collapse;color:#333;font-size:14px;width:100%}.timecard-manager-table td,.timecard-manager-table th{border-bottom:1px solid #eaeaea;padding:12px 14px;text-align:left}.timecard-manager-table th{background-color:#f7f9fc;color:#444;font-weight:600}.timecard-manager-table tbody tr:hover{background-color:#f4f8ff;transition:background .2s ease-in-out}.timecard-manager-actions{align-items:center;display:flex;gap:10px}.timecard-manager-actions .icon{cursor:pointer;font-size:16px;transition:color .2s ease-in-out}.timecard-manager-actions .icon.comment{color:#4a90e2}.timecard-manager-actions .icon.comment:hover{color:#1d6fd1}.timecard-manager-actions .icon.edit{color:#27ae60}.timecard-manager-actions .icon.edit:hover{color:#1e8449}.timecard-manager-actions .icon.delete{color:#e74c3c}.timecard-manager-actions .icon.delete:hover{color:#c0392b}.timecard-cleaner-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;margin-top:20px;overflow-x:auto;padding:16px}.timecard-cleaner-table{border-collapse:collapse;color:#333;font-size:14px;width:100%}.timecard-cleaner-table td,.timecard-cleaner-table th{border-bottom:1px solid #eaeaea;padding:12px 14px;text-align:left}.timecard-cleaner-table th{background-color:#e8f9f6;color:#333;font-weight:600}.timecard-cleaner-table tbody tr:hover{background-color:#fff7db}.timecard-cleaner-actions{align-items:center;display:flex;gap:10px}.timecard-cleaner-actions .icon{cursor:pointer;font-size:16px}.timecard-cleaner-actions .icon.comment{color:#4a90e2}.timecard-cleaner-actions .icon.edit{color:#27ae60}.timecard-cleaner-actions .icon.delete{color:#c0392b}.timecard-contractor-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;margin-top:20px;overflow-x:auto;padding:16px}.timecard-contractor-table{border-collapse:collapse;color:#333;font-size:14px;width:100%}.timecard-contractor-table td,.timecard-contractor-table th{border-bottom:1px solid #eaeaea;padding:12px 14px;text-align:left}.timecard-contractor-table th{background-color:#e8f9f6;color:#333;font-weight:600}.timecard-contractor-table tbody tr:hover{background-color:#dff9f5}.timecard-contractor-actions{align-items:center;display:flex;gap:10px}.timecard-contractor-actions .icon{cursor:pointer;font-size:16px}.timecard-contractor-actions .icon.comment{color:#4a90e2}.timecard-contractor-actions .icon.edit{color:#2980b9}.timecard-contractor-actions .icon.delete{color:#e74c3c}.overlay{align-items:center;background:#0000008c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.manual-time-modal{animation:fadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 20px #00000040;padding:25px 30px;width:550px}.manual-title{font-size:20px;font-weight:700;margin-bottom:20px;text-align:center}.manual-form label{color:#444;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.manual-form input,.manual-form textarea{border:1px solid #ccc;border-radius:6px;font-size:14px;margin-bottom:15px;outline:none;padding:10px 12px;transition:border .2s;width:100%}.manual-form input:focus,.manual-form textarea:focus{border-color:#4f46e5}.flex-row{display:flex;gap:16px}.flex-col{display:flex;flex:1 1;flex-direction:column}.reason-label{font-weight:600;margin-top:10px;text-align:center}.manual-form textarea{min-height:80px;resize:vertical}.button-row{display:flex;justify-content:space-between;margin-top:15px}.submit-btn{background:#4f46e5;border-radius:8px;padding:10px 16px}.submit-btn:hover{background:#4338ca}.cancel-btn{background:#e5e7eb;border-radius:8px;color:#333;font-weight:500;padding:10px 16px}.cancel-btn:hover{background:#d1d5db}.leave-section{font-family:Arial,sans-serif;padding:20px}.leave-title{font-size:20px;font-weight:700;margin-bottom:15px;text-align:center}.leave-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.left-controls{display:flex;gap:12px}.filter-btn{background:none;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s}.filter-btn.active,.filter-btn:hover{background:#4f46e5;border-color:#4f46e5;color:#fff}.right-controls{display:flex;gap:10px}.leave-table-container{overflow-x:auto}.leave-table{border-collapse:collapse;margin-top:10px;width:100%}.leave-table td,.leave-table th{border:1px solid #ddd;font-size:14px;padding:10px;text-align:center}.leave-table th{background:#f4f6f9;font-weight:600}.status{border-radius:6px;font-size:12px;padding:5px 10px}.status.approved{background:#d1fae5;color:#065f46}.status.pending{background:#fef9c3;color:#92400e}.status.declined{background:#fee2e2;color:#991b1b}.action-buttons-leave{display:flex;gap:8px;justify-content:center}.edit-btn-leave{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 10px}.edit-btn-leave:hover{background:#059669}.delete-btn-leave{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 10px}.delete-btn-leave:hover{background:#dc2626}.apply-btn,.assign-btn{align-items:center;background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:7px 14px;transition:background .2s}.apply-btn:hover,.assign-btn:hover{background:#4338ca}.edit-overlay-leave{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.edit-modal-leave{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0003;max-width:95%;padding:20px;width:400px}.edit-modal-leave h3{margin-bottom:15px}.edit-modal-leave label{display:block;font-size:14px;font-weight:600;margin:8px 0 4px}.edit-modal-leave input,.edit-modal-leave select{border:1px solid #ccc;border-radius:6px;font-size:14px;margin-bottom:10px;padding:8px;width:100%}.modal-actions-leave{display:flex;gap:10px;justify-content:flex-end}.save-btn-leave{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px}.save-btn-leave:hover{background:#059669}.cancel-btn-leave{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px}.cancel-btn-leave:hover{background:#dc2626}.overlay-leave{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.leave-modal{background:#fff;border-radius:10px;box-shadow:0 6px 20px #00000026;padding:20px;position:relative;width:500px}.modal-header{align-items:center;display:flex;justify-content:space-between}.close-btn-leave{cursor:pointer;font-size:18px;font-weight:700;transition:color .2s}.close-btn-leave:hover{color:red}.leave-form{margin-top:15px}.form-row-leave{display:flex;gap:15px;margin-bottom:15px}.form-group-leave{display:flex;flex:1 1;flex-direction:column;margin-bottom:10px}.label-leave{margin-top:10px}.form-group-leave label,.form-row-leave>label{color:#333;font-size:15px;font-weight:500;margin-bottom:5px}.leave-form input,.leave-form select,.leave-form textarea{border:1px solid #ccc;border-radius:6px;font-size:14px;outline:none;padding:8px 10px;transition:border .2s,box-shadow .2s}.leave-form input:focus,.leave-form select:focus,.leave-form textarea:focus{border-color:#007bff;box-shadow:0 0 4px #007bff4d}.textarea-leave{flex:1 1;min-height:60px;resize:vertical}.radio-group{display:flex;gap:55px;margin:20px 0}.radio-group label{cursor:pointer;font-size:14px}.radio-group label input{cursor:pointer;margin-right:6px}.submit-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:background .2s}.submit-btn:hover{background:#0056b3}.container{color:#000;min-height:100vh;padding:0;position:relative}.container,.main{background-color:#fff;box-sizing:border-box;width:100%}.main{min-height:100%;padding:1.5rem}.header-lead{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;width:100%}.tab-group{color:#6b7280;display:flex;gap:1rem}.tab-button{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;padding:.5rem 1rem}.tab-button.active{border-bottom:2px solid #8b5cf6;color:#8b5cf6;font-weight:700}.action-group{gap:.5rem}.action-button,.action-group{align-items:center;display:flex}.action-button{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#4b5563;cursor:pointer;font-size:.8rem;padding:.3rem .6rem;transition:background-color .1s}.lead-actions{align-items:center;display:flex;flex-direction:column;gap:.35rem}.action-button--sm{justify-content:center;min-width:76px;padding:.25rem .55rem}.action-button--danger{background:#ef4444;border-color:#0000;color:#fff}.action-button--danger:hover{background:#dc2626}.action-button:hover{background-color:#f9fafb}.action-button.primary{background-color:#8b5cf6;border-color:#0000;color:#fff}.action-button.primary:hover{background-color:#7c3aed}.filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;width:100%}.dropdown-toggle,.input-field{border:1px solid #d1d5db;display:block;font-size:.875rem;outline:none;padding:.5rem;width:12rem}.dropdown-toggle:focus,.input-field:focus{border-color:#a78bfa}.dropdown-container{display:inline-block;position:relative}.dropdown-toggle{align-items:center;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;transition:background-color .1s}.dropdown-toggle:hover{background-color:#f9fafb}.dropdown-icon{height:1.25rem;margin-left:.5rem;transition:transform .2s;width:1.25rem}.dropdown-icon.rotated{transform:rotate(180deg)}.dropdown-menu{background-color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:.5rem;max-height:15rem;overflow-y:auto;position:absolute;width:14rem;z-index:10}.dropdown-item{color:#4b5563;display:block;font-size:.875rem;padding:.5rem 1rem;text-decoration:none}.dropdown-item:hover{background-color:#f3f4f6}.table-container{border:1px solid #000;overflow-x:auto;width:100%}.data-table{border-collapse:collapse;width:100%}.table-header{background-color:#fff}.table-header th{color:#000;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.75rem 1.5rem;text-align:left;text-transform:uppercase}.table-body tr{border-top:1px solid #000}.table-body td{padding:1rem 1.5rem;white-space:nowrap}.data-table td,.data-table th{border:1px solid #000;padding:6px 13px;text-align:center}.status-dropdown{-webkit-appearance:auto;appearance:auto;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:700;outline:none;padding:6px 10px}.status-dropdown.status-approve{background:#dcfce7;color:#16a34a}.status-dropdown.status-pending{background:#fef3c7;color:#d97706}.status-dropdown.status-cancelled{background:#fee2e2;color:#dc2626}.status-approve{color:#16a34a;font-weight:700}.status-pending{color:#d97706;font-weight:700}.status-cancelled{color:#dc2626;font-weight:700}.lead-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.addlead-box{animation:slideDown .3s ease-out;box-shadow:0 6px 15px #0003;box-sizing:border-box;max-width:700px;padding:25px;position:relative;width:100%}.addlead-box::-webkit-scrollbar{width:6px}.addlead-box::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px}.addlead-box::-webkit-scrollbar-thumb:hover{background:#999}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.addlead-container{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.addlead-box{background:#fff;border-radius:10px;max-height:90vh;max-width:1100px;overflow-y:auto;padding:20px 30px;width:85%}.addlead-header{background:#5b5ce2;border-radius:8px;color:#fff;margin-bottom:20px;padding:14px 20px}.addlead-form{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.addlead-form label{display:block;font-size:14px;font-weight:500;margin-bottom:4px}.addlead-form input,.addlead-form select,.addlead-form textarea{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:10px}.addlead-form textarea{height:80px;resize:none}.form-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.cancel-btn{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 18px}.save-btn{background:#1e90ff;padding:8px 18px}.cancel-btn{background:#eb0f0f;margin-right:10px}.cancel-btn:hover{background:#ef4946}.save-btn{background:#7c3aed}.save-btn:hover{background:#6d28d9}.form-left,.form-right{display:flex;flex-direction:column;gap:12px}.sales-report-wrapper{box-sizing:border-box;padding:20px;width:100%}.sales-report-box{margin:0 auto;max-width:1200px}.title-kanban{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:20px;text-align:center}.horizontal-scroll{display:flex;gap:15px;overflow-x:auto;padding-bottom:10px}.opportunity-card{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;flex-shrink:0;min-width:250px;padding:15px}.card-left,.opportunity-card{display:flex;flex-direction:column}.card-left{gap:10px}.opportunity{color:#333;font-size:1.1rem;font-weight:600}.deal-count{color:#666;font-size:.9rem}.company-item{background-color:#f1f3f5;border-radius:6px;cursor:pointer;margin-bottom:8px;padding:10px;transition:all .2s ease}.company-item:hover{background-color:#d9eaff}.horizontal-scroll::-webkit-scrollbar{height:6px}.horizontal-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.horizontal-scroll::-webkit-scrollbar-track{background:#0000}.profile-dashboard-wrapper{width:100%}@media (max-width:900px){.opportunity-card{min-width:200px;padding:10px}.company-item{font-size:.9rem;padding:8px}}@media (max-width:600px){.opportunity-card{min-width:180px;padding:8px}.company-item{font-size:.8rem;padding:6px}}.calendar-section{padding:20px}.calendar-topbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.calendar-view-buttons{display:flex;gap:8px}.calendar-view-buttons .btn-calender.active{background:#007bff;border-color:#007bff;color:#fff}.left-controls,.middle-controls,.right-controls{align-items:center;display:flex;gap:10px}.btn-calender{align-items:center;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:6px 12px}.btn-calender:hover{background:#e9ecef}.gone-date{background-color:#f8f8f8!important;color:#aaa!important;pointer-events:none}.search-wrapper-calender{position:relative}.search-input-calender{border:1px solid #ccc;border-radius:6px;padding:6px 10px 6px 30px}.search-icon-calender{color:#555;left:8px;position:absolute;top:50%;transform:translateY(-50%)}.select-calender{border:1px solid #ccc;border-radius:6px;cursor:pointer;padding:6px}.calendar-nav{justify-content:space-between;margin-bottom:15px}.calendar-nav,.nav-center{align-items:center;display:flex}.nav-center{gap:10px}.current-date{font-size:16px;font-weight:700}.event-notification{animation:slideIn .3s ease;background:#fff;border-radius:8px;bottom:20px;box-shadow:0 5px 15px #0000004d;overflow:hidden;position:fixed;right:20px;width:300px;z-index:9999}.notification-header{align-items:center;background:#f5f5f5;display:flex;font-weight:700;justify-content:space-between;padding:10px 15px}.notification-header button{background:#0000;border:none;cursor:pointer;font-size:16px}.notification-body{font-size:14px;padding:10px 15px}.fc .fc-multimonth-multicol .fc-daygrid-more-link{background:#007bff;color:#fff;padding:2px}.addevent-overlay{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;padding:10px;position:fixed;top:0;width:100%;z-index:999}.addevent-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:100%;overflow:hidden;width:600px}.addevent-header{align-items:center;background:#f5f6fa;border-bottom:1px solid #ddd;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.addevent-body{display:flex;flex-direction:column;flex-grow:1;gap:12px;overflow-y:auto;padding:16px}.addevent-footer{border-top:1px solid #ddd;display:flex;flex-shrink:0;justify-content:flex-start;padding:12px 16px}.addevent-body label{font-weight:500;margin-bottom:4px}.addevent-body input,.addevent-body select,.addevent-body textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px;width:100%}.addevent-body textarea{min-height:70px;resize:vertical}.addevent-row{display:flex;gap:12px}.addevent-field{flex:1 1}.addevent-field,.addevent-radio{display:flex;flex-direction:column}.addevent-attach,.addevent-radio{font-size:14px;gap:6px}.addevent-attach{align-items:center;color:#007bff;cursor:pointer;display:flex}.addevent-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 14px}.addevent-btn:hover{background:#0056b3}.addevent-close{color:#444;cursor:pointer;font-size:20px}.project-section{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:20px}.project-title{font-size:20px;font-weight:700;margin-bottom:15px;text-align:center}.project-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.left-controls label{font-weight:500;margin-right:8px}.left-controls select{border:1px solid #ddd;border-radius:5px;outline:none;padding:5px 8px}.add-project-btn{align-items:center;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:6px 12px;transition:background .2s}.add-project-btn:hover{background:#0056b3}.project-table-container{overflow-x:auto}.project-table{border-collapse:collapse;width:100%}.project-table td,.project-table th{border:1px solid #ddd;font-size:14px;padding:10px;text-align:center}.project-table th{background:#f4f4f4;font-weight:600}.project-table tr:nth-child(2n){background:#fafafa}.project-table select{border:1px solid #ccc;border-radius:4px;padding:4px 6px}.status-badge{border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:5px 10px}.status-badge.pending{background-color:#ff9800}.status-badge.ongoing{background-color:#007bff}.status-badge.completed{background-color:#28a745}.project-actions{display:flex;gap:8px;justify-content:center}.delete-btn-project,.edit-btn-project{border:none;border-radius:5px;cursor:pointer;font-size:13px;padding:5px 10px}.edit-btn-project{background:#28a745;color:#fff}.edit-btn-project:hover{background:#218838}.delete-btn-project{background:#dc3545;color:#fff}.delete-btn-project:hover{background:#b02a37}.select-option-project{cursor:pointer}.overlay-project{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.project-modal{background:#fff;border-radius:10px;padding:20px;position:relative;width:600px}.modal-header-project{align-items:center;background:#007bff;color:#f5f5f5;display:flex;justify-content:space-between;padding:10px 20px}.close-btn-project{color:#e4dddd;cursor:pointer;font-size:18px}.project-form{flex-direction:column;margin-top:15px}.form-row-project,.project-form{display:flex;gap:15px}.form-group-project{display:flex;flex:1 1;flex-direction:column}.form-group-project label{color:#333;font-size:14px;font-weight:600;margin-bottom:5px}.form-group-project input,.form-group-project select,.form-group-project textarea{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:9px 12px;transition:border-color .2s ease}.form-group-project input:focus,.form-group-project select:focus,.form-group-project textarea:focus{border-color:#007bff;outline:none}.form-group-project textarea{min-height:70px;resize:vertical}.save-btn-container{display:flex;justify-content:flex-end}.save-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 15px}.save-btn:hover{background:#0056b3}.card-services{align-items:center;background-color:#fff;border:1px solid #1928aa;border-radius:12px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;height:301px;justify-content:center;padding:20px;width:360px}div.card-services:hover{cursor:pointer}.card-icon-services img{border-radius:8px;height:120px;margin-bottom:20px;object-fit:cover;width:120px}.card-name{font-size:20px;margin-bottom:10px}.card-rating{color:#555;font-size:16px}.stars{display:inline-flex;font-size:16px;gap:3px;vertical-align:middle}.service-search-container{box-sizing:border-box;margin-bottom:10px;max-width:400px;position:relative;width:100%;z-index:200}.search-input{background-color:#fff;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:14px;padding:10px 12px;width:100%}.searchbar-dropdown{box-sizing:border-box;left:0;position:absolute;top:100%;width:100%;z-index:300}.searchbar-options{background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 6px #00000026;max-height:200px;overflow-y:auto;width:100%}.option{box-sizing:border-box;cursor:pointer;font-size:14px;padding:10px 12px}.option:hover{background-color:#f0f0f0}@media screen and (max-width:1024px){.service-search-container{max-width:100%}}@media screen and (max-width:600px){.option,.search-input{font-size:13px;padding:8px 10px}}.add-service-btn{flex-shrink:0;margin-bottom:20px}.CustomField-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed}.CustomField-content{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;padding:20px;position:relative;width:350px}.CustomField-topbar{align-items:center;background-color:#5a67d8;color:#fff;display:flex;font-weight:700;height:35px;left:0;position:absolute;top:0;width:100%}.CustomField-topbar-text{margin-left:5px}.service-btn{border-radius:3px;margin-left:120px}.field-label{margin-top:20px}.field-label-text{font-size:small;font-weight:700}.feild-label-input{border:1px solid #1928aa;border-radius:6px;height:25px;margin-left:10px}.CustomField-btn-group{margin-left:120px;margin-top:20px}.CustomField-cncl-btn{border:1px solid #1928aa;border-radius:6px;color:#1928aa;height:27px;width:70px}.modal-services-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:2000}.modal-services-container{background:#fff;border-radius:10px;box-shadow:0 5px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:95%;overflow:hidden;width:600px}.modal-services-topbar{align-items:center;background-color:#5a67d8;color:#fff;display:flex;justify-content:space-between;padding:12px 20px}.modal-services-close{background:none;border:none;color:#fff;cursor:pointer;font-size:24px}.modal-services-topbar-text{font-size:18px;font-weight:700}.modal-services-body{overflow-y:auto;padding:20px}.modal-services-group{display:flex;flex-direction:column;margin-bottom:15px}.modal-services-group label{font-weight:600;margin-bottom:5px}.modal-services-group input,.modal-services-group textarea{border:1px solid #8a38f5;border-radius:6px;font-size:14px;padding:10px;width:100%}textarea{min-height:70px;resize:vertical}.modal-services-upload-box,.modal-services-upload-placeholder{display:flex;justify-content:center}.modal-services-upload-placeholder{align-items:center;border:2px dashed #aaa;border-radius:8px;color:#777;cursor:pointer;flex-direction:column;height:130px;text-align:center;transition:border .3s ease;width:180px}.modal-services-upload-placeholder:hover{border-color:#5a67d8}.modal-services-preview-img{border-radius:6px;height:100%;object-fit:cover;width:100%}.modal-services-check{align-items:center;color:#333;display:flex;gap:8px;margin:15px 0}.modal-services-button-row{display:flex;flex-direction:column;gap:10px}.modal-services-custom-btn{background:none;border:none;color:#5a67d8;cursor:pointer;font-weight:600}.modal-services-btn-actions{display:flex;gap:10px;justify-content:flex-end}.modal-services-cancel-btn{background:none;border:1px solid #5a67d8;border-radius:6px;color:#5a67d8;cursor:pointer;padding:8px 14px}.modal-services-save-btn{background:#5a67d8;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 14px}.modal-services-save-btn:disabled{opacity:.6}@media (max-width:600px){.modal-services-container{height:auto;width:100%}.modal-services-body{padding:15px}.modal-services-group input,.modal-services-group textarea{font-size:13px}.modal-services-upload-placeholder{height:110px;width:150px}.modal-services-button-row{align-items:stretch;flex-direction:column}}.ServiceProfile-sidebar{height:calc(100vh - 65px);left:0;position:fixed;top:65px;transition:left .3s ease;z-index:1000}.ServiceProfile-sidebar h2{color:#fff;margin-bottom:25px}.ServiceProfile-sidebar p{color:#fff;margin:.5rem 0 25px}.ServiceProfile-sidebar strong{color:#fff}.back-icon{cursor:pointer;font-size:20px;margin:20px 5px 10px}.back-icon:hover{color:#34d07a}.back-button{background:#3182ce;border:none;color:#fff;padding:8px 14px}.display-area{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 1px 3px #0000001a;color:#000;min-height:150px;overflow-wrap:break-word;padding:10px}.service-profile-content{background:#f9f9f9;min-height:100%}.ServiceProfileTable{width:1000px}.thStyle{background-color:#f2f2f2;background-color:#d3d3d3;text-align:left}.tdStyle,.thStyle{border:1px solid #000;padding:20px}.dashboard-container-service{box-sizing:border-box;min-height:100vh;padding:20px;width:100%}.dashboard-header{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;width:100%}.add-service-btn{align-items:center;background-color:#fff;border:1px solid #8a38f5;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;padding:10px 18px;transition:all .3s ease}.add-service-btn:hover{background-color:#8a38f5;border-color:#8a38f5;color:#fff}.service-header-actions{align-items:center;display:flex;gap:10px}.select-service-btn{align-items:center;background-color:#fff;border:1px solid #8a38f5;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;padding:10px 18px;transition:all .3s ease}.select-service-btn:hover{background-color:#8a38f5;border-color:#8a38f5;color:#fff}.delete-service-btn{align-items:center;background-color:#fff;border:1px solid #dc2626;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;padding:10px 18px;transition:all .3s ease}.delete-service-btn:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626;color:#fff}.delete-service-btn:disabled{cursor:not-allowed;opacity:.5}.cancel-select-btn{align-items:center;background-color:#fff;border:1px solid #8a38f5;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;padding:10px 18px;transition:all .3s ease}.cancel-select-btn:hover{background-color:#8a38f5;border-color:#8a38f5;color:#fff}.service-card-wrapper{border-radius:10px;position:relative;transition:outline .2s ease,box-shadow .2s ease}.service-card-wrapper.selected{border-radius:10px;box-shadow:0 0 8px #dc26264d;outline:3px solid #dc2626}.service-checkbox{accent-color:#dc2626;cursor:pointer;height:20px;left:10px;position:absolute;top:10px;width:20px;z-index:2}.cards-wrapper{background-color:#fff;box-sizing:border-box;padding:20px}.cards-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.card-services{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001a;cursor:pointer;min-width:180px;padding:15px;text-align:center;transition:transform .2s}.card-services:hover{transform:translateY(-5px)}.card-icon img{height:60px;object-fit:contain;width:60px}.card-name{font-weight:700;margin-top:10px}.card-projects,.card-rating{margin-top:5px}.service-profile-layout{display:flex;flex-wrap:wrap;margin-top:65px;min-height:calc(100vh - 65px)}.ServiceProfile-sidebar{background:#5a67d8;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100%;min-width:215px;overflow-y:auto;padding:10px 20px 50px;width:215px}.ServiceProfile-sidebar h2{margin-bottom:20px;margin-top:0}.ServiceProfile-sidebar p,.ServiceProfile-sidebar strong{color:#fff;margin-bottom:15px}.back-button{border-radius:6px;cursor:pointer;margin-bottom:20px;margin-top:50px;padding:5px 10px;transition:background .3s ease}.back-button:hover{background:#0056b3}.service-profile-content{background-color:#f9f9f9;box-sizing:border-box;flex:1 1;min-width:300px;overflow-x:auto;padding:20px}.ServiceProfile-searchbar{display:flex;gap:10px;justify-content:flex-start;margin-top:20px}.ServiceProfileTable{box-sizing:border-box;margin-top:40px;max-width:1000px;overflow-x:auto;width:100%}@media screen and (max-width:1024px){.dashboard-header{align-items:stretch;flex-direction:column;gap:10px}.add-service-btn{width:100%}.cards-wrapper{padding-left:10px;padding-right:10px}.cards-container{justify-content:flex-start}.service-profile-layout{flex-direction:column}.ServiceProfile-sidebar{height:auto;min-width:100%;width:100%}.service-profile-content{min-width:100%;padding:10px;width:100%}}@media screen and (max-width:600px){.cards-container{align-items:center;flex-direction:column}}.timesheet-container{font-family:Arial,sans-serif;min-height:80vh;padding-left:25px;position:relative}.top-buttons{display:flex;gap:10px;justify-content:flex-end;margin-bottom:10px}.btn{background:#fff;border:1px solid #000;border-radius:6px;border-radius:30px;cursor:pointer;margin:10px;padding:8px 12px}.title{margin:10px 0;text-align:center}.week-nav{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:20px}.week-label{font-size:18px;font-weight:700}.arrow{background:#0000;border:none;cursor:pointer;font-size:20px}.schedule-sheet{background:#fff;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;padding:15px;width:100%}.day-column{background:#d9b2b2;border-radius:6px;min-height:300px;padding:10px;position:relative;text-align:center;width:165px}.date{color:blue;font-weight:700}.task-box{background:#f9f9f9;border-radius:6px;margin:10px 0;padding:10px;position:relative}.small-btn{background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;margin-top:5px;padding:5px 8px}.time-log{margin-top:10px;position:relative}.dropdown-btn{background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;padding:5px 8px}.dropdown-content{gap:5px;margin-top:5px}.clock-buttons,.dropdown-content{display:flex;flex-direction:column}.clock-buttons{background-color:#fff;bottom:-80px;gap:10px;position:absolute;right:10px;z-index:10}.clock-btn{background:#fff;border:none;border-radius:6px;border-radius:0;cursor:pointer;padding:5px 8px}.no-task{font-style:italic;margin-top:20px}.btn:hover,.clock-btn:hover,.dropdown-btn:hover,.small-btn:hover{background:#357abd;box-shadow:0 4px 10px #0003;color:#fff;transform:translateY(-2px)}.btn:active,.clock-btn:active,.dropdown-btn:active,.small-btn:active{box-shadow:0 2px 4px #00000026;transform:translateY(0)}.top-buttons .btn{background:#fff;border:2px solid #4a90e2;color:#4a90e2;font-weight:600}.top-buttons .btn:hover{background:#4a90e2;color:#fff}.clockin-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:11}.clockin-box{background-color:#e6e6e6;border-radius:10px;box-shadow:0 4px 10px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;gap:5px;max-width:90%;padding:5px 81px;width:600px}.input-group input{font-size:10px}.input-with-icon .icon{color:gray}.input-with-icon .am{color:#fff}.clockout-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:11}.subtitle{text-align:center}.clockout-box{background-color:#e6e6e6;border-radius:10px;box-shadow:0 4px 10px #0000001a;box-sizing:border-box;gap:5px;max-width:90%;padding:10px 40px;width:450px}.clockout-box,.row{display:flex;flex-direction:column}.row{gap:8px}.input-label{color:#333;font-size:16px;font-weight:500;min-width:100px;text-align:left;width:100%}.input-group{display:flex;gap:15px;margin:0 10px 10px 0;width:100%}.input-group input{background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#333;flex:1 1;font-size:14px;padding:10px}.input-group input::placeholder{color:#aaa}.date-time-group{flex-wrap:wrap}.input-with-icon{align-items:center;display:flex;flex:1 1;position:relative}.input-with-icon input{flex-grow:1;padding-left:10px}.input-with-icon .icon{color:#888;position:absolute;right:10px}.input-with-icon.time-input .icon{left:10px;right:auto}.input-with-icon.time-input input{padding-left:35px}.input-with-icon .am{color:#555;font-size:14px;font-weight:700;position:absolute;right:10px}.upload-container{gap:10px}.upload-box,.upload-container{align-items:center;display:flex}.upload-box{background-color:#fff;border:2px dashed #a0a0a0;border-radius:8px;box-sizing:border-box;cursor:pointer;flex:1 1;flex-direction:column;height:120px;justify-content:center;margin:0 10px 10px 5px;min-width:200px;padding:30px 20px}.upload-box:hover{border-color:#888}.upload-icon{color:#888;font-size:40px;margin-bottom:10px}.upload-box p{color:#555;font-size:14px;font-weight:500;margin:0}.delete-icon-container{align-items:center;display:flex;height:100%;justify-content:center}.delete-icon{color:#888;cursor:pointer;font-size:24px}.delete-icon:hover{color:#555}.textarea{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;color:#333;font-size:14px;height:100px;margin:0 10px 10px 5px;min-width:240px;padding:10px;resize:none;width:100%}textarea::placeholder{color:#aaa}.btn-primary{background-color:#3b5998;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px;transition:background-color .3s}.btn-primary:hover{background-color:#2d4373}.btn-cancel{background-color:#f0c3c3;border:none;border-radius:5px;color:#a04f4f;cursor:pointer;font-size:16px;font-weight:700;padding:12px;transition:background-color .3s}.btn-cancel:hover{background-color:#e0b0b0}input:focus,textarea:focus{border-color:#5b9bd5;box-shadow:0 0 5px #5b9bd580;outline:none}@media (max-width:500px){.date-time-group,.input-group{flex-direction:column;gap:10px}}body{background-color:#f7f7f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.my-time-log-container{background-color:#f7f7f7;box-sizing:border-box;margin:20px auto;max-width:600px;padding:20px}.title-bar{align-items:center;display:flex;justify-content:flex-end;margin-bottom:30px;position:relative}.main-title{color:#333;font-size:24px;font-weight:500;left:50%;margin:0;position:absolute;transform:translateX(-50%)}.my-time-log-btn{background-color:#fff;border:.5px solid #000;border-radius:20px;color:#000;cursor:pointer;font-size:14px;font-weight:600;padding:8px 15px}.header-timelog{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px;position:relative}.header-title{color:#333;font-size:21px;font-weight:600;margin:0 auto;text-align:center}.nav-arrow{color:#555;cursor:pointer;font-size:20px;margin-left:10px;transition:color .2s}.nav-arrow:hover{color:#000}.log-list{display:flex;flex-direction:column;gap:15px}.log-entry{align-items:flex-start;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 8px #0000000d;display:flex;justify-content:space-between;padding:20px;transition:transform .2s}.log-entry:hover{transform:translateY(-2px)}.log-details{text-align:left}.job-title{color:#333;font-size:18px;font-weight:600;margin:0 0 5px}.log-date{color:#888;font-size:14px;margin:0 0 10px}.log-time{color:#666;font-size:14px;margin:0}.time-value{color:#333;font-weight:500}.view-details-link{color:#5a5a5a;font-size:14px;font-weight:500;text-decoration:none}.view-details-link:hover{text-decoration:underline}.log-status{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center;text-align:center}.status-icon{font-size:35px}.status-text{font-size:14px;font-weight:600}.status-icon.approved{color:#4caf50}.status-icon.pending{color:#ffc107}.status-icon.correction{color:#f44336}.log-entry.approved{background-color:#e8f5e9;border-left:5px solid #4caf50}.log-entry.pending-approval{background-color:#fffde7;border-left:5px solid #ffc107}.log-entry.correction-needed{background-color:#ffebee;border-left:5px solid #f44336}@media (max-width:600px){.my-time-log-container{padding:15px}.header-title{font-size:20px}.log-entry{align-items:flex-start;flex-direction:column}.log-status{flex-direction:row;justify-content:flex-start;margin-top:10px}.status-icon{font-size:28px}}.container-availability{align-items:center;background-color:#f7f7f7;box-sizing:border-box;display:flex;flex-direction:column;padding:20px;width:100%}.week-header-availability{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px;width:100%}.week-arrow-availability{color:gray;cursor:pointer;font-size:1.8rem;margin:0 10px;transition:color .2s ease}.week-arrow-availability:hover{color:#000}.week-label-availability{color:#000;font-size:1.2rem;font-weight:700;text-align:center;white-space:nowrap}.grid-availability{background-color:#fff;border:2px solid #333;border-radius:8px;box-shadow:0 4px 10px #0000001a;max-width:1000px;overflow:hidden;width:100%}.header-availability{border-bottom:2px solid #333;display:grid;grid-template-columns:120px repeat(7,1fr)}.header-availability,.header-cell-availability{background-color:#f0f0f0}.day-availability{border-right:2px solid #333;color:#333;font-weight:600;padding:15px 0;text-align:center}.day-availability:last-child{border-right:none}.body-availability{display:grid;grid-template-columns:120px 1fr}.times-availability{background-color:#f9f9f9;border-right:2px solid #333;display:flex;flex-direction:column}.time-availability{align-items:center;border-bottom:2px solid #333;color:#333;display:flex;font-size:12px;font-weight:500;height:50px;justify-content:flex-end;padding-right:10px}.time-availability:last-child{border-bottom:none}.rows-availability{display:grid;grid-template-rows:repeat(4,50px)}.row-availability{border-bottom:2px solid #333;display:grid;grid-template-columns:repeat(7,1fr)}.row-availability:last-child{border-bottom:none}.cell-availability{align-items:center;border-right:2px solid #333;border-top:2px solid #333;cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .2s ease}.cell-availability:last-child{border-right:none}.cell-availability.unavailable{background-color:#fff}.cell-availability.available{background-color:#2196f3}.cell-availability.preferred{background-color:#ffeb3b}.cell-availability:hover.unavailable{background-color:#e6e6e6}.cell-availability:hover.available{background-color:#1769aa}.cell-availability:hover.preferred{background-color:#fff176}@media (max-width:900px){.grid-availability{overflow-x:auto}.day-availability,.time-availability{font-size:11px;padding:10px 5px}.cell-availability,.time-availability{height:40px}.rows-availability{grid-template-rows:repeat(4,40px)}}@media (max-width:600px){.week-header-availability{flex-wrap:wrap}.week-label-availability{font-size:1rem;margin:5px 0}.cell-availability,.time-availability{height:35px}.rows-availability{grid-template-rows:repeat(4,35px)}}.document-workforce-container{background-color:#f9f9f9;min-height:100vh;padding:20px}.document-workforce-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.document-workforce-title{color:#333;flex:1 1;font-size:24px;font-weight:700;text-align:center}.document-workforce-add-btn{align-items:center;background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px}.document-workforce-add-btn:hover{background-color:#0056b3}.document-workforce-table{background-color:#fff;border-collapse:collapse;box-shadow:0 2px 6px #0000001a;width:100%}.document-workforce-td,.document-workforce-th{border:1px solid #ddd;padding:10px;text-align:center}.document-workforce-th{background-color:#f0f0f0;font-weight:700}.document-workforce-delete-btn,.document-workforce-edit-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:13px;gap:4px;margin:0 4px;padding:6px 10px}.document-workforce-edit-btn{background-color:#28a745;color:#fff}.document-workforce-edit-btn:hover{background-color:#218838}.document-workforce-delete-btn{background-color:#dc3545;color:#fff}.document-workforce-delete-btn:hover{background-color:#c82333}.add-document-workforce-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.add-document-workforce-container{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000004d;overflow:hidden;width:450px}.add-document-workforce-navbar{align-items:center;background-color:#007bff;border-bottom:1px solid #ddd;color:#fff;display:flex;justify-content:space-between;padding:12px 16px}.add-document-workforce-close-btn{background:none;border:none;color:#dedcdc;cursor:pointer;font-size:18px}.add-document-workforce-title{color:#faf8f8;font-size:18px;font-weight:700;margin:0}.add-document-workforce-form{display:flex;flex-direction:column;gap:14px;padding:16px}.add-document-workforce-label{color:#333;font-size:14px;font-weight:600}.add-document-workforce-input,.add-document-workforce-select{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:8px 10px;width:100%}.add-document-workforce-input:focus,.add-document-workforce-select:focus{border-color:#007bff;outline:none}.add-document-workforce-upload-box{background-color:#fafafa;border:2px dashed #bbb;border-radius:8px;cursor:pointer;padding:20px;text-align:center}.add-document-workforce-upload-content{align-items:center;color:#666;display:flex;flex-direction:column}.add-document-workforce-upload-icon{color:#007bff;font-size:40px;margin-bottom:12px}.add-document-workforce-browse{color:#007bff;cursor:pointer;font-weight:600}.required-star{color:#dc3545;margin-left:2px}.employee-name-display{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;font-size:14px;margin-bottom:10px;margin-top:5px;padding:8px 12px}.employee-name-display strong{font-weight:600}.upload-hint{color:#6c757d;font-size:12px;font-style:italic;margin-bottom:8px;margin-top:-8px;padding-left:4px}.add-document-workforce-btn-row{display:flex;justify-content:flex-end;margin-top:10px}.add-document-workforce-upload-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.add-document-workforce-upload-btn:hover{background-color:#0056b3}.add-document-workforce-upload-btn:disabled{background-color:#6c757d;cursor:not-allowed}.uploaded-files-list{margin-top:10px}.files-container{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:8px}.file-item{align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;display:flex;justify-content:space-between;padding:6px 10px}.file-link{color:#007bff;cursor:pointer;flex:1 1;font-size:14px;text-decoration:underline;word-break:break-word}.file-link:hover{color:#0056b3;text-decoration:none}.remove-file-btn{background:none;border:none;color:#dc3545;cursor:pointer;flex-shrink:0;font-size:20px;font-weight:700;line-height:1;margin-left:10px;padding:0 8px}.remove-file-btn:hover{color:#c82333;transform:scale(1.1)}.resource-update-dashboard-container{font-family:Arial,sans-serif;padding:20px}.resource-update-dashboard-title{margin-bottom:20px;text-align:center}.resource-update-dashboard-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.resource-update-dashboard-search-box{align-items:center;border:1px solid #ccc;border-radius:6px;display:flex;padding:15px 10px}.resource-update-dashboard-search-box input{border:none;border-radius:4px;margin:0 5px 0 0;outline:none;padding:7px 5px}.resource-update-dashboard-toolbar-actions{display:flex;gap:10px}.resource-update-dashboard-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:6px 12px}.resource-update-dashboard-history{background-color:#007bff;color:#fff}.resource-update-dashboard-add{background-color:#28a745;color:#fff}.resource-update-dashboard-alert-box{background-color:#ffe5e5;border:2px solid red;border-radius:6px;color:red;margin-bottom:20px;padding:15px}.resource-update-dashboard-alert-header{align-items:center;display:flex;font-size:16px;font-weight:700;margin-bottom:10px}.resource-update-dashboard-alert-icon{font-size:18px;margin-right:8px}.resource-update-dashboard-alert-list{margin:0;padding-left:20px}.resource-update-dashboard-alert-list li{margin-bottom:5px}.resource-update-dashboard-table{border-collapse:collapse;width:100%}.resource-update-dashboard-table td,.resource-update-dashboard-table th{border:1px solid #ddd;padding:10px;text-align:left}.resource-update-dashboard-table th{background-color:#f4f4f4}.resource-update-dashboard-actions{display:flex;gap:10px;justify-content:center}.resource-update-dashboard-view{color:#007bff;cursor:pointer}.resource-update-dashboard-edit{color:#ffc107;cursor:pointer}.resource-update-dashboard-delete{color:red;cursor:pointer}.resource-update-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.resource-update-modal{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000040;max-width:900px;overflow:hidden;padding:20px;width:70%}.resource-update-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.resource-update-title{font-size:20px;font-weight:700}.resource-update-close{background:none;border:none;cursor:pointer;font-size:18px}.resource-update-form{display:flex;flex-direction:column;gap:20px}.resource-update-row{display:flex;gap:20px}.resource-update-field{display:flex;flex:1 1;flex-direction:column}.resource-update-field label{font-weight:600;margin-bottom:6px}.resource-update-field input,.resource-update-field select,.resource-update-field textarea{border:1px solid #ccc;border-radius:6px;padding:8px 10px}.resource-update-field textarea{min-height:80px;resize:vertical}.resource-update-quantity-group{display:flex;gap:8px}.resource-update-quantity-group input{flex:2 1}.resource-update-quantity-group select{flex:1 1}.resource-update-section h4{font-size:14px;font-weight:700;margin-bottom:10px}.resource-update-actions{display:flex;justify-content:flex-end}.resource-update-actions button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px}.resource-update-actions button:hover{background:#0056b3}.resource-history-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1100}.resource-history-modal{animation:slideIn .3s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 6px 18px #00000040;max-height:85vh;max-width:95%;overflow-y:auto;padding:20px;width:700px}.resource-history-header{align-items:center;background:#007bff;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding:8px 10px;text-align:center}.resource-history-header h2{color:#fff;font-size:18px}.resource-history-close{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;transition:color .2s ease}.resource-history-close:hover{color:#e63946}.resource-history-content{display:flex;flex-direction:column;gap:15px}.resource-history-box{background:#fafafa;border:1px solid #ddd;border-radius:8px;padding:15px}.resource-history-box h3{color:#444;font-size:16px;font-weight:600;margin-bottom:8px}.resource-history-box p{color:#555;font-size:14px;margin:5px 0}.resource-history-box strong{color:#222}@keyframes slideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.resource-view-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1100}.resource-view-modal{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 6px 18px #00000040;max-width:90%;padding:20px;width:500px}.resource-view-header{align-items:center;background:#007bff;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding:8px 10px;text-align:center}.resource-view-header h2{color:#fff;font-size:18px}.resource-view-close{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;transition:color .2s ease}.resource-view-close:hover{color:#e63946}.resource-view-box{background:#fafafa;border:1px solid #ddd;border-radius:8px;padding:15px}.resource-view-title{color:#444;font-size:16px;font-weight:600;margin-bottom:12px}.resource-view-box p{color:#555;font-size:14px;margin:6px 0}.resource-view-box strong{color:#222}.inventory-update-dashboard-container{background:#f7f9fc;font-family:Arial,sans-serif;min-height:100vh;padding:20px}.inventory-update-dashboard-title{color:#333;font-size:24px;font-weight:700;margin-bottom:20px}.inventory-update-dashboard-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.inventory-update-dashboard-search-box{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;display:flex;flex:1 1;max-width:300px;padding:6px 10px}.inventory-update-dashboard-search-box input{border:none;flex:1 1;font-size:14px;outline:none;padding:6px}.inventory-update-dashboard-icon{color:#666;margin-left:5px}.inventory-update-dashboard-toolbar-actions{display:flex;gap:10px}.inventory-update-dashboard-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 14px;transition:background .2s ease}.inventory-update-dashboard-history{background:#007bff;color:#fff}.inventory-update-dashboard-history:hover{background:#0056b3}.inventory-update-dashboard-add{background:#28a745;color:#fff}.inventory-update-dashboard-add:hover{background:#1e7e34}.inventory-update-dashboard-alert-box{background:#f8d7da;border:1px solid #dc3545;border-radius:8px;color:#721c24;margin-bottom:20px;padding:15px}.inventory-update-dashboard-alert-header{align-items:center;display:flex;font-weight:700;gap:8px;margin-bottom:10px}.inventory-update-dashboard-alert-icon{color:#dc3545;font-size:18px}.inventory-update-dashboard-alert-list{font-size:14px;line-height:1.6;list-style:disc;margin-left:20px}.inventory-update-dashboard-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 6px #0000000d;overflow:hidden;width:100%}.inventory-update-dashboard-table td,.inventory-update-dashboard-table th{border:1px solid #eee;font-size:14px;padding:12px 15px;text-align:left}.inventory-update-dashboard-table th{background:#f1f3f6;color:#333;font-weight:700}.inventory-update-dashboard-table tbody tr:nth-child(2n){background:#fafafa}.inventory-update-dashboard-table tbody tr:hover{background:#f5faff}.inventory-update-dashboard-actions{display:flex;font-size:16px;gap:12px}.inventory-update-dashboard-view{color:#007bff;cursor:pointer}.inventory-update-dashboard-edit{color:#28a745;cursor:pointer}.inventory-update-dashboard-delete{color:#dc3545;cursor:pointer}.inventory-update-dashboard-view:hover{color:#0056b3}.inventory-update-dashboard-edit:hover{color:#1e7e34}.inventory-update-dashboard-delete:hover{color:#a71d2a}.inventory-update-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.inventory-update-modal{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000026;max-width:95%;padding:20px;width:750px}.inventory-update-header{align-items:center;border-bottom:2px solid #f1f1f1;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.inventory-update-title{color:#333;font-size:22px;font-weight:700}.inventory-update-close{background:none;border:none;color:#666;cursor:pointer;font-size:20px;transition:color .2s ease}.inventory-update-close:hover{color:#e74c3c}.inventory-update-form{display:flex;flex-direction:column;gap:18px}.inventory-update-row{display:flex;gap:20px}.inventory-update-field{display:flex;flex:1 1;flex-direction:column}.inventory-update-field label{color:#444;font-size:14px;font-weight:600;margin-bottom:6px}.inventory-update-field input,.inventory-update-field select,.inventory-update-field textarea{border:1px solid #ccc;border-radius:6px;font-size:14px;outline:none;padding:10px;transition:border .2s ease}.inventory-update-field input:focus,.inventory-update-field select:focus,.inventory-update-field textarea:focus{border-color:#007bff}.inventory-update-quantity-group{display:flex;gap:10px}.inventory-update-quantity-group input{flex:2 1}.inventory-update-quantity-group select{flex:1 1}.inventory-update-section{background:#f9f9f9;border:1px solid #eee;border-radius:8px;padding:15px}.inventory-update-section h4{color:#333;font-size:15px;font-weight:600;margin-bottom:12px}.inventory-update-remark textarea{min-height:80px;resize:vertical}.inventory-update-actions{display:flex;justify-content:flex-end}.inventory-update-actions button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:background .2s ease}.inventory-update-actions button:hover{background:#0056b3}.inventory-history-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1100}.inventory-history-modal{background:#fff;border-radius:10px;box-shadow:0 6px 18px #0003;max-height:80vh;overflow-y:auto;padding:20px;width:600px}.inventory-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.inventory-history-header h2{font-size:20px;font-weight:700}.inventory-history-close{background:none;border:none;color:#444;cursor:pointer;font-size:18px}.inventory-history-content{display:flex;flex-direction:column;gap:15px}.inventory-history-box{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:15px}.inventory-history-box h3{color:#333;font-size:16px;margin-bottom:8px}.inventory-view-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1100}.inventory-view-modal{background:#fff;border-radius:10px;box-shadow:0 6px 18px #0003;padding:20px;width:500px}.inventory-view-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.inventory-view-header h2{font-size:20px;font-weight:700}.inventory-view-close{background:none;border:none;color:#444;cursor:pointer;font-size:18px}.inventory-view-box{background:#fdfdfd;border:1px solid #eee;border-radius:8px;padding:15px}.inventory-view-title{color:#007bff;font-size:18px;font-weight:600;margin-bottom:10px}.inventory-view-box p{color:#555;font-size:14px;margin:6px 0}.dashboard-summary{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;margin-top:15px;padding:20px}.summary-title{font-size:20px;font-weight:600;margin-bottom:15px;text-align:center}.summary-grid{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.summary-box{align-items:center;border-radius:10px;color:#fff;display:flex;flex:1 1;gap:10px;min-width:150px;padding:15px;transition:transform .2s ease}.summary-box:hover{transform:translateY(-3px)}.summary-icon{height:28px;width:28px}.summary-box.approved{background-color:#28a745}.summary-box.pending{background-color:#ffc107}.summary-box.cancelled{background-color:#dc3545}.summary-box p{font-size:14px;margin:0}.summary-box h3{font-size:22px;margin:0}.admin-clock-widget{background:#fff;border:1px solid #e8ecf4;border-radius:14px;box-shadow:0 2px 12px #0f172a0a;margin-bottom:20px;padding:16px 18px}.admin-clock-widget__head{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.admin-clock-widget__head h3{color:#0f172a;font-size:16px;font-weight:700;margin:0}.admin-clock-widget__status{border-radius:999px;font-size:12px;font-weight:600;padding:4px 10px}.admin-clock-widget__status--in{background:#dcfce7;color:#166534}.admin-clock-widget__status--out{background:#f1f5f9;color:#475569}.admin-clock-widget__hint{color:#64748b;font-size:13px;margin:0 0 8px}.admin-clock-widget__ok{color:#166534;font-size:13px;margin:0 0 8px}.admin-clock-widget__err{color:#b91c1c;font-size:13px;margin:0 0 8px}.admin-clock-widget__actions{display:flex;flex-wrap:wrap;gap:10px}.admin-clock-widget__btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;min-width:120px;padding:10px 16px}.admin-clock-widget__btn:disabled{cursor:not-allowed;opacity:.45}.admin-clock-widget__btn--in{background:#5b21b6;color:#fff}.admin-clock-widget__btn--out{background:#0f172a;color:#fff}.chat-dummy-page{height:calc(100dvh - 130px);min-height:620px;padding:8px}.chat-dummy-shell{background:#fff;border:1px solid #dfe3ea;border-radius:14px;display:grid;grid-template-columns:300px 6px 1fr;height:100%;min-height:0;overflow:hidden}.chat-dummy-shell.details-open{grid-template-columns:260px 6px 1fr 250px}.chat-dummy-center,.chat-dummy-left,.chat-dummy-right{padding:12px}.chat-dummy-left,.chat-dummy-right{background:#fff}.chat-dummy-left{overflow-y:auto}.chat-dummy-center{border-left:1px solid #e8ebf1;border-right:1px solid #e8ebf1;display:flex;flex-direction:column;min-height:0}.chat-dummy-left h2{font-size:20px;margin:0}.chat-dummy-left-top{align-items:center;display:flex;justify-content:flex-start;margin-bottom:8px}.chat-dummy-left-top-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.chat-dummy-groups-btn{align-items:center;background:#f8f9ff;border:1px solid #dbe1ef;border-radius:999px;color:#3d4cb8;cursor:pointer;display:inline-flex;font-size:11px;font-weight:700;gap:5px;padding:5px 10px}.chat-dummy-groups-btn.active{background:#5f61ff;border-color:#0000;color:#fff}.chat-dummy-create-group-btn{background:#f8f9ff;border:1px solid #dbe1ef;border-radius:8px;color:#3d4cb8;cursor:pointer;display:grid;height:28px;place-items:center;width:28px}.chat-dummy-create-group-btn:disabled{cursor:not-allowed;opacity:.5}.chat-dummy-group-create-panel{background:#f8faff;border:1px solid #d9e0f2;border-radius:8px;margin-bottom:8px;padding:8px}.chat-dummy-group-create-panel p{color:#4b5570;font-size:12px;margin:0 0 6px}.chat-dummy-group-create-panel input{border:1px solid #d7ddef;border-radius:8px;font-family:inherit;font-size:12px;margin-bottom:6px;padding:7px 8px;width:100%}.chat-dummy-group-members{background:#fff;border:1px solid #e3e8f5;border-radius:8px;display:flex;flex-direction:column;gap:4px;margin-bottom:8px;max-height:130px;overflow-y:auto;padding:6px}.chat-dummy-group-members label{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#2f3650;display:flex;font-size:12px;gap:10px;padding:6px 8px}.chat-dummy-check-row input{margin:0}.chat-dummy-check-row span{line-height:1.35}.chat-dummy-group-create-panel button{background:#4f5de8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:7px 10px}.chat-dummy-group-create-panel button:disabled{cursor:not-allowed;opacity:.6}.chat-dummy-search{align-items:center;background:#f5f6fa;border:1px solid #e5e9f2;border-radius:8px;display:flex;gap:6px;margin-bottom:10px;padding:8px 10px}.chat-dummy-search input{background:#0000;border:none;outline:none;width:100%}.chat-dummy-group-title{color:#71717a;font-size:10px;font-weight:700;letter-spacing:.04em;margin:10px 0 8px;text-transform:uppercase}.chat-dummy-announcement{background:#f7f8ff;border-left:3px solid #6a5cff;border-radius:8px;margin-bottom:8px;padding:8px}.chat-dummy-announcement h3{font-size:15px;margin:0}.chat-dummy-announcement p{color:#5d6372;font-size:12px;margin:5px 0}.chat-dummy-announcement span{background:#f7a72a;border-radius:999px;color:#fff;display:inline-block;font-size:10px;padding:2px 8px}.chat-dummy-announcement-compose input,.chat-dummy-announcement-compose textarea{border:1px solid #d7ddef;border-radius:8px;font-family:inherit;font-size:12px;margin-bottom:6px;padding:7px 8px;width:100%}.chat-dummy-announcement-compose textarea{min-height:62px;resize:vertical}.chat-dummy-announcement-compose button{background:#4f5de8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:7px 10px}.chat-dummy-announcement-compose button:disabled{cursor:not-allowed;opacity:.6}.chat-dummy-item{grid-gap:8px;align-items:center;border-bottom:1px solid #f1f2f5;display:grid;gap:8px;grid-template-columns:30px 1fr auto;padding:8px 0}.chat-dummy-item-button{background:#0000;border:none;border-radius:8px;cursor:pointer;padding-left:4px;padding-right:4px;text-align:left;width:100%}.chat-dummy-item-button:hover{background:#f6f8ff}.chat-dummy-item-button.active{background:#eef1ff}.chat-dummy-avatar{background:#eceef4;border-radius:50%;color:#555;display:grid;font-size:11px;font-weight:700;height:30px;place-items:center;width:30px}.chat-dummy-item h4{font-size:14px;margin:0}.chat-dummy-name-row{align-items:center;display:flex;gap:6px;margin-bottom:2px}.chat-dummy-item p{color:#666d7f;font-size:12px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-dummy-role-chip{background:#eef2ff;border:1px solid #bcc8ec;color:#2f3f95;font-weight:700;line-height:1.4;padding:1px 7px}.chat-dummy-badge,.chat-dummy-role-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:10px}.chat-dummy-badge{background:#5f61ff;color:#fff;height:16px;justify-content:center;min-width:16px}.chat-dummy-center header{align-items:center;border-bottom:1px solid #eceff5;display:flex;justify-content:space-between;padding-bottom:10px}.chat-dummy-center-title h3{font-size:20px;margin:0}.chat-dummy-center-title span{background:#f4a526;border-radius:999px;color:#fff;font-size:10px;font-weight:700;padding:3px 8px}.chat-dummy-center-title{align-items:center;display:flex;gap:8px}.chat-dummy-dots-btn{background:#fff;border:1px solid #dce2ef;border-radius:7px;cursor:pointer;display:grid;height:28px;place-items:center;width:28px}.chat-dummy-message-wrap{background:linear-gradient(180deg,#fbfcff,#f7f9ff);border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:flex-start;min-height:0;overflow-y:auto;padding:14px 14px 10px}.chat-dummy-message{background:#5a54ef;border-radius:14px;color:#fff;font-size:15px;line-height:1.35;max-width:min(760px,80%);padding:12px 14px}.chat-dummy-sender-name{color:#ffffffd1;font-size:10px;font-weight:700;margin-bottom:4px}.chat-dummy-message.mine .chat-dummy-sender-name{color:#4f5b83}.chat-dummy-message.mine{background:#eef1ff;color:#20243a}.chat-dummy-bubble-row{align-items:flex-start;border-radius:10px;display:flex;flex-direction:column;padding:2px 4px;transition:background-color .2s ease}.chat-dummy-bubble-row.mine{align-items:flex-end}.chat-dummy-bubble-row.jump-highlight{background:#eef3ff}.chat-dummy-bubble-row.mentioned .chat-dummy-message{border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b40}.chat-dummy-mention-chip{align-items:center;background:#f59e0b33;border-radius:999px;color:#92400e;display:inline-flex;font-size:10px;font-weight:700;margin-bottom:4px;padding:1px 8px}.chat-dummy-message-wrap small{color:#727786;font-size:11px;margin-top:6px}.chat-dummy-attachments{display:flex;flex-direction:column;gap:8px;margin-top:6px}.chat-dummy-attachment-card{display:flex;flex-direction:column;gap:6px}.chat-dummy-attachment-image{border:1px solid #ffffff59;border-radius:8px;max-height:220px;max-width:260px;object-fit:cover}.chat-dummy-attachment-pdf{background:#fff;height:220px}.chat-dummy-attachment-pdf,.chat-dummy-attachment-video{border:1px solid #ffffff59;border-radius:8px;width:260px}.chat-dummy-attachment-video{background:#111827;max-height:220px}.chat-dummy-attachment-audio{width:260px}.chat-dummy-attachments a{color:inherit;font-size:11px;text-decoration:underline}.chat-dummy-input{background:#fff;border-top:1px solid #eceff5;flex-shrink:0;padding-bottom:6px;padding-top:10px;position:relative}.chat-dummy-mention-picker{background:#fff;border:1px solid #dbe2ff;border-radius:10px;bottom:calc(100% + 6px);box-shadow:0 12px 24px #0f172a1f;left:0;max-height:180px;overflow-y:auto;padding:4px;position:absolute;right:0;z-index:6}.chat-dummy-mention-picker button{background:#0000;border:none;border-radius:8px;color:#0f172a;cursor:pointer;font-size:13px;padding:7px 10px;text-align:left;width:100%}.chat-dummy-mention-picker button.active,.chat-dummy-mention-picker button:hover{background:#eef2ff;color:#1d4ed8}.chat-dummy-mention-empty{color:#64748b;font-size:12px;padding:8px 10px}.chat-dummy-selected-files{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.chat-dummy-selected-file{align-items:center;background:#f8f9fd;border:1px solid #e3e6ef;border-radius:999px;display:inline-flex;font-size:11px;gap:6px;padding:3px 8px}.chat-dummy-selected-file button{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;padding:0}.chat-dummy-input textarea{border:1px solid #e1e5ee;border-radius:8px;font-family:inherit;font-size:12px;max-height:92px;min-height:52px;outline:none;padding:9px 10px;resize:none;width:100%}.chat-dummy-input-actions{align-items:center;display:flex;justify-content:space-between;margin-top:6px}.chat-dummy-input-actions>div{display:flex;gap:6px}.chat-dummy-input-actions button{background:#fff;border:1px solid #e2e6ee;border-radius:6px;cursor:pointer;height:28px;width:28px}.chat-dummy-input-actions button:disabled{cursor:not-allowed;opacity:.55}.chat-dummy-emoji-picker{background:#fff;border:1px solid #d7deef;border-radius:14px;bottom:56px;box-shadow:0 16px 36px #19265433;left:10px;max-width:calc(100% - 20px);overflow:hidden;padding:0;position:absolute;width:min(360px,calc(100vw - 110px));z-index:20}.chat-dummy-emoji-picker .EmojiPickerReact{--epr-bg-color:#fff;--epr-category-label-bg-color:#fff;--epr-text-color:#2b3350;--epr-search-border-color:#d6deef;--epr-search-border-radius:10px;--epr-hover-bg-color:#edf2ff;--epr-focus-bg-color:#e7edff;--epr-highlight-color:#5d67e8;border:none!important;box-shadow:none!important;width:100%!important}.chat-dummy-emoji-picker .epr-search-container{padding:10px 10px 8px}.chat-dummy-emoji-picker .epr-category-nav{padding:0 10px 8px}.chat-dummy-emoji-picker .epr-body{padding:0 8px 8px}.chat-dummy-emoji-picker .epr-emoji-category-label{color:#4c5573;font-size:12px;font-weight:700}.chat-dummy-emoji-picker .epr-emoji{border-radius:8px}.chat-dummy-send{background:#8c84ff!important;border-color:#0000!important;color:#fff}.chat-dummy-right h3{font-size:20px;margin:0}.chat-dummy-right>p{color:#707788;font-size:12px;margin:5px 0 10px}.chat-dummy-right-head{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.chat-dummy-close-details{background:#fff;border:1px solid #d9dfef;border-radius:7px;color:#4f5877;cursor:pointer;display:grid;height:26px;place-items:center;width:26px}.chat-dummy-close-details:hover{background:#f2f5ff}.chat-dummy-panel{border-top:1px solid #eceff5;margin-top:10px;padding-top:10px}.chat-dummy-panel h4{font-size:15px;margin:0 0 8px}.chat-dummy-user{align-items:center;display:flex;gap:8px}.chat-dummy-user p{color:#5f6678;font-size:11px;margin:2px 0 0}.chat-dummy-member-action{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;cursor:pointer;font-size:11px;font-weight:600;margin-left:auto;padding:4px 8px}.chat-dummy-member-action.leave{margin-top:8px;padding:8px 10px;width:100%}.chat-dummy-member-action.danger{border-color:#fecaca;color:#b91c1c}.chat-dummy-member-action:disabled{cursor:not-allowed;opacity:.6}.chat-dummy-confirm-overlay{align-items:center;background:#0f172a59;display:flex;inset:0;justify-content:center;position:fixed;z-index:1500}.chat-dummy-confirm-modal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 40px #0f172a40;padding:16px;width:min(420px,calc(100vw - 32px))}.chat-dummy-confirm-modal h4{color:#111827;font-size:16px;margin:0 0 6px}.chat-dummy-confirm-modal p{color:#4b5563;font-size:13px;margin:0 0 14px}.chat-dummy-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.chat-dummy-confirm-actions button{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;cursor:pointer;font-size:12px;padding:7px 12px}.chat-dummy-confirm-actions button.danger{background:#fee2e2;border-color:#fecaca;color:#b91c1c}.chat-dummy-panel a{color:#4b57d6;display:block;font-size:12px;margin-bottom:6px;text-decoration:none}.chat-dummy-activity-list,.chat-dummy-links-list{display:flex;flex-direction:column;gap:8px;max-height:190px;overflow-y:auto}.chat-dummy-file-link{background:#f8faff;border:1px solid #e0e5f3;border-radius:8px;color:#3d4aa6;cursor:pointer;font-size:12px;padding:7px 8px}.chat-dummy-file-link strong{display:block;margin-bottom:2px}.chat-dummy-file-link small{color:#7a8197;display:block;margin-top:3px}.chat-dummy-file-link a{color:#4051c7;display:inline-flex;font-size:11px;margin-top:5px;text-decoration:underline}.chat-dummy-activity-item{background:#fff;border:1px solid #e7ebf6;border-radius:8px;color:#41495f;font-size:12px;padding:7px 8px}.chat-dummy-activity-item small{color:#7b8191;display:block;margin-top:3px}.chat-dummy-error{color:#b42318;font-size:12px;margin-top:8px}.chat-dummy-right{display:none}.chat-dummy-right.open{display:block}.chat-dummy-resizer{background:#f3f5fa;border-left:1px solid #e8ebf2;border-right:1px solid #e8ebf2;cursor:col-resize;width:6px}.chat-dummy-resizer.active,.chat-dummy-resizer:hover,.chat-dummy-shell.is-resizing .chat-dummy-resizer{background:#e7ebf5}@media (max-width:1400px){.chat-dummy-shell.details-open{grid-template-columns:minmax(210px,300px) 6px 1fr 230px!important}}@media (max-width:1100px){.chat-dummy-page{height:auto;min-height:0}.chat-dummy-shell{grid-template-columns:1fr;height:auto}.chat-dummy-center{border:1px solid #e8ebf1;border-left:none;border-right:none}.chat-dummy-resizer{display:none}}.dashboard-layout{display:flex;flex-direction:column;height:100vh}.dashboard-layout>nav{flex-shrink:0}.dashboard-body{display:flex;flex:1 1;overflow:hidden}.sidebar{border-right:1px solid #ddd;flex-shrink:0;overflow-y:auto;width:220px}.dashboard-content{flex:1 1;margin:0 20px 0 220px;min-height:0;min-width:0;overflow-y:auto}.dashboard-content--standalone{align-self:stretch;display:flex;flex:1 1;flex-direction:column;min-height:0;width:100%}body,html{background:#f5f5f5;font-family:Inter,sans-serif;margin:0;padding:0}.customers-container{margin:auto;max-width:1300px;padding:30px;width:100%}.customers-title{color:#222;font-size:32px;font-weight:800;margin-bottom:25px;text-align:center}.table-wrapper{box-shadow:0 4px 16px #00000014;margin:0;overflow:visible;padding:0}.customers-table,.table-wrapper{background:#fff;border-radius:10px;width:100%}.customers-table{border-collapse:collapse}.customers-table th{background:#ececec;border-bottom:2px solid #ddd;font-size:15px;font-weight:700;padding:14px;text-align:left}.customers-table td{border-bottom:1px solid #eee;font-size:14px;padding:13px}.customers-table tbody tr:hover{background:#f8f8f8}.customers-table td:first-child,.customers-table th:first-child{text-align:center;width:50px}.send-credentials-btn{background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:8px;box-shadow:0 4px 12px #6366f159;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .25s ease;white-space:nowrap}.send-credentials-btn:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);box-shadow:0 6px 16px #6366f173;transform:translateY(-1px)}.send-credentials-btn:active{transform:scale(.96)}.send-credentials-btn:disabled{background:#c7c7c7;box-shadow:none;color:#666;cursor:not-allowed}.payments-container{background:#f5f6fa;font-family:Inter,sans-serif;min-height:100vh;padding:32px}.payments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px}.payments-title{color:#262626;font-size:26px;font-weight:700;letter-spacing:-.5px}.btn-payment{background:#4f46e5;border:none;border-radius:8px;box-shadow:0 2px 4px #00000014;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.btn-payment:hover{background:#4338ca;transform:translateY(-1px)}.payment-add-btn{align-items:center;display:flex;gap:6px}.payments-table-wrapper{background:#fff;border:1px solid #ececec;border-radius:14px;box-shadow:0 4px 16px #0000000f;overflow-x:auto;padding:0}.payments-table{border-collapse:collapse;min-width:900px;width:100%}.payments-table thead{background:#f8f7ff}.payments-table th{border-bottom:1px solid #e5e5e5;color:#555;font-size:14px;font-weight:600;padding:14px 16px;text-align:left}.payments-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;padding:14px 16px}.payments-table tr:hover td{background:#fafaff;cursor:pointer}.status{border-radius:30px;display:inline-block;font-size:13px;font-weight:600;padding:6px 14px}.status.paid{background:#e7fcf0;border:1px solid #bdf3d0;color:#1b9b35}.status.unpaid{background:#ffeaea;border:1px solid #fcc;color:#d93030}.action-buttons{display:flex;gap:8px}.payment-view-btn{background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:.2s ease}.payment-view-btn:hover{background:#3a32c5}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999}.modal-content{animation:fadeIn .25s ease;background:#fff;border:1px solid #e8e8e8;border-radius:14px;box-shadow:0 6px 20px #0000001f;max-height:90vh;overflow-y:auto;padding:28px;width:500px}.modal-content.large{width:760px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{color:#222;font-size:22px;font-weight:700;margin-bottom:18px}.services-inner-table{border-collapse:collapse;margin-top:14px;width:100%}.services-inner-table td,.services-inner-table th{border-bottom:1px solid #eee;font-size:13px;padding:10px}.services-inner-table th{background:#f7f6ff;font-weight:600}.payment-close-btn{background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;float:right;font-size:14px;margin-top:20px;padding:8px 14px;transition:.2s ease}.payment-close-btn:hover{background:#c53030;transform:translateY(-1px)}.admin-live-chat-fab{align-items:center;background:#3249c8;border:none;border-radius:999px;bottom:22px;box-shadow:0 14px 28px #253bb659;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;padding:12px 16px;position:fixed;right:24px;z-index:1300}.admin-live-chat-window{background:#fff;border:1px solid #e5e7eb;border-radius:14px;bottom:86px;box-shadow:0 20px 45px #0f172a40;display:flex;flex-direction:column;height:min(82vh,760px);overflow:hidden;position:fixed;right:20px;width:min(980px,calc(100vw - 44px));z-index:1300}.admin-live-chat-head{align-items:center;background:#3249c8;color:#fff;display:flex;justify-content:space-between;padding:12px 14px}.admin-live-chat-head h3{font-size:15px;margin:0}.admin-live-chat-head p{font-size:11px;margin:3px 0 0;opacity:.9}.admin-live-chat-head button{background:#0000;border:none;color:#fff;cursor:pointer}.admin-live-chat-contact-strip{background:#f8faff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:10px}.admin-live-chat-contact-strip h4{color:#334155;font-size:13px;margin:0}.admin-live-chat-contact-strip p{color:#64748b;font-size:12px;margin:2px 0 0}.admin-live-chat-contact{background:#fff;border:1px solid #dbe2ff;border-radius:10px;cursor:pointer;padding:8px;text-align:left;width:100%}.admin-live-chat-contact.active{background:#eef2ff;border-color:#3249c8}.admin-live-chat-contact strong{color:#111827;display:block;font-size:12px}.admin-live-chat-contact span{color:#6b7280;display:block;font-size:11px;margin-top:2px}.admin-live-chat-body{background:#f8faff;flex:1 1 auto;overflow-y:auto;padding:12px}.admin-live-chat-empty{color:#64748b;font-size:13px;margin:0}.admin-live-chat-row{display:flex;margin-bottom:8px}.admin-live-chat-row.mine{justify-content:flex-end}.admin-live-chat-bubble{background:#fff;border:1px solid #e5e7eb;border-radius:10px;max-width:80%;padding:8px 10px}.admin-live-chat-bubble.mine{background:#3249c8;border-color:#3249c8;color:#fff}.admin-live-chat-bubble.mentioned{border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b40}.admin-live-chat-mention-chip{align-items:center;background:#f59e0b33;border-radius:999px;color:#92400e;display:inline-flex;font-size:10px;font-weight:700;margin-bottom:4px;padding:1px 8px}.admin-live-chat-bubble p{font-size:13px;margin:0}.admin-live-chat-bubble small{display:block;font-size:10px;margin-top:3px;opacity:.85}.admin-live-chat-attachments{grid-gap:8px;display:grid;gap:8px;margin-top:6px}.admin-live-chat-attachment-card{grid-gap:6px;display:grid;gap:6px}.admin-live-chat-attachment-image{border:1px solid #ffffff59;border-radius:8px;max-height:180px;max-width:240px;object-fit:cover}.admin-live-chat-attachment-pdf{background:#fff;border:1px solid #ffffff59;border-radius:8px;height:180px;width:240px}.admin-live-chat-attachment-video{background:#111827;border:1px solid #ffffff59;border-radius:8px;max-height:180px;width:240px}.admin-live-chat-attachment-audio{width:240px}.admin-live-chat-attachment-card a{color:inherit;font-size:11px;text-decoration:underline}.admin-live-chat-input{background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:8px;padding:8px}.admin-live-chat-content{display:grid;flex:1 1 auto;grid-template-columns:280px 1fr;min-height:0}.admin-live-chat-panel{display:flex;flex-direction:column;min-height:0}.admin-live-chat-input input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:13px;padding:8px 10px}.admin-live-chat-input button{background:#3249c8;border:none;border-radius:8px;color:#fff;cursor:pointer;height:34px;width:34px}.admin-live-chat-error{color:#b91c1c;font-size:12px;margin:6px 0 0}@media (max-width:768px){.admin-live-chat-fab{bottom:12px;right:12px}.admin-live-chat-window{bottom:60px;height:72vh;left:8px;right:8px;width:auto}.admin-live-chat-content{grid-template-columns:1fr}.admin-live-chat-contact-strip{border-bottom:1px solid #e5e7eb;border-right:none;max-height:150px}}.ctr-profile-page{background:#f3f5fb;min-height:calc(100vh - 76px)}.ctr-pi-topbar{align-items:center;color:#fff;display:flex;height:68px;justify-content:space-between;padding:0 14px}.ctr-pi-topbar h1{font-size:21px;font-weight:700;margin:0}.ctr-pi-icon-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:16px;height:34px;width:34px}.ctr-pi-icon-btn:disabled{cursor:not-allowed;opacity:.6}.ctr-pi-hidden-file-input{display:none}.ctr-pi-section-card,.ctr-pi-summary-card{background:#fff;border:1px solid #e9edf5;border-radius:14px;margin:12px;padding:14px}.ctr-pi-summary-card{align-items:center;display:flex;gap:14px}.ctr-pi-avatar-wrap{background:#eceef5;height:64px;width:64px}.ctr-pi-avatar,.ctr-pi-avatar-wrap{align-items:center;border-radius:999px;display:flex;justify-content:center}.ctr-pi-avatar{background:#d9c6c9;font-size:24px;height:56px;overflow:hidden;width:56px}.ctr-pi-avatar-image{height:100%;object-fit:cover;width:100%}.ctr-pi-summary-text h2{color:#101828;font-size:26px;margin:0 0 4px}.ctr-pi-summary-text p{color:#475467;font-size:13px;margin:0 0 3px}.ctr-pi-active-pill{align-items:center;background:#e9fbef;border:1px solid #bef0cc;border-radius:999px;color:#128443;display:inline-flex;font-size:12px;font-weight:700;gap:6px;margin-top:6px;padding:3px 8px}.ctr-pi-active-pill.inactive{background:#f3f4f6;border-color:#e5e7eb;color:#6b7280}.ctr-pi-section-card h3{color:#111827;font-size:20px;margin:0 0 10px}.ctr-pi-grid{grid-gap:10px 12px;display:grid;gap:10px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.ctr-pi-field{display:flex;flex-direction:column;gap:6px}.ctr-pi-field.full{grid-column:1/-1}.ctr-pi-field span{color:#667085;font-size:13px}.ctr-pi-field input{color:#1f2937;font-size:14px;outline:none;padding:10px 12px}.ctr-pi-field input,.ctr-pi-skills{background:#f9fbff;border:1px solid #d8deea;border-radius:10px}.ctr-pi-skills{display:flex;flex-wrap:wrap;gap:8px;padding:9px}.ctr-pi-chip{background:#efe9fa;border:1px solid #d5c8f3;border-radius:999px;color:#4f2b95;font-size:12px;font-weight:600;padding:3px 10px}.ctr-pi-list{grid-gap:8px;display:grid;gap:8px}.ctr-pi-list>div{align-items:center;color:#344054;display:flex;font-size:14px;gap:8px}.ctr-pi-list strong{color:#101828}.ctr-pi-docs{border:1px solid #e4e7ec;border-radius:10px;overflow:hidden}.ctr-pi-docs-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.ctr-pi-docs-header h3{margin:0}.ctr-pi-doc-row{align-items:center;border-bottom:1px solid #edf0f5;display:flex;justify-content:space-between;padding:10px 12px}.ctr-pi-doc-row:last-child{border-bottom:none}.doc-left{align-items:center;color:#344054;display:inline-flex;font-size:14px;gap:8px}.ctr-pi-doc-row button{background:#0000;border:none;color:#344dc9;cursor:pointer;font-weight:700}.ctr-pi-doc-row button:disabled{color:#98a2b3;cursor:not-allowed}.ctr-doc-actions{gap:10px}.ctr-doc-actions,.ctr-doc-manage-btn{align-items:center;display:inline-flex}.ctr-doc-manage-btn{background:#344dc9;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;gap:6px;height:32px;padding:0 12px}.ctr-doc-manage-btn.secondary{background:#eef2ff;color:#344dc9}.ctr-doc-manage-btn:disabled{cursor:not-allowed;opacity:.7}.ctr-pi-doc-row a{color:#344dc9;font-weight:700;text-decoration:none}.ctr-profile-loading{color:#4b5563;font-size:14px;margin:0 12px 14px}.ctr-pi-upload-status{background:#ecfdf3;border:1px solid #86efac;border-radius:8px;color:#166534;font-size:12px;margin:0 12px 12px;overflow-wrap:anywhere;padding:8px 10px}.ctr-pi-upload-status.error{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.ctr-doc-preview-overlay{align-items:center;background:#0f172a80;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.ctr-doc-preview-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;height:min(85vh,760px);overflow:hidden;width:min(900px,100%)}.ctr-doc-preview-header{align-items:center;border-bottom:1px solid #e4e7ec;display:flex;justify-content:space-between;padding:12px 14px}.ctr-doc-preview-header h4{color:#111827;font-size:15px;margin:0}.ctr-doc-preview-header button{background:#0000;border:none;color:#344054;cursor:pointer;font-weight:700}.ctr-doc-preview-content{flex:1 1;min-height:0}.ctr-doc-preview-frame,.ctr-doc-preview-image{background:#f8fafc;border:none;height:100%;object-fit:contain;width:100%}.ctr-doc-preview-fallback{align-items:center;color:#475467;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center}.ctr-doc-preview-fallback a{color:#344dc9;font-weight:700;text-decoration:none}.ctr-doc-editor-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.ctr-doc-editor-modal{background:#fff;border-radius:12px;overflow:hidden;width:min(560px,100%)}.ctr-doc-editor-header{align-items:center;border-bottom:1px solid #e4e7ec;display:flex;justify-content:space-between;padding:12px 14px}.ctr-doc-editor-header h4{color:#101828;font-size:16px;margin:0}.ctr-doc-editor-header button{background:#0000;border:none;color:#344054;cursor:pointer;font-weight:700}.ctr-doc-editor-content{grid-gap:10px;display:grid;gap:10px;padding:14px}.ctr-doc-editor-content label{grid-gap:6px;color:#475467;display:grid;font-size:13px;gap:6px}.ctr-doc-editor-content input,.ctr-doc-editor-content select{background:#fff;border:1px solid #d8deea;border-radius:8px;color:#111827;font-size:14px;height:38px;padding:0 10px}.ctr-doc-file-row{grid-gap:8px;display:grid;gap:8px}.ctr-doc-file-name{color:#344054;font-size:13px;overflow-wrap:anywhere}.ctr-doc-error{color:#b91c1c;font-size:12px;margin:0}.ctr-doc-editor-footer{align-items:center;border-top:1px solid #e4e7ec;display:flex;gap:8px;justify-content:flex-end;padding:12px 14px}.apd-page{background:#eef1f8;box-sizing:border-box;min-height:calc(100vh - 76px);padding:20px 24px 40px}.apd-page--loading{align-items:center;display:flex;justify-content:center}.apd-back{align-items:center;background:none;border:none;color:#3d4a5c;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px;padding:4px 0}.apd-back:hover{color:#1a73e8}.apd-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(280px,320px) 1fr}@media (max-width:960px){.apd-layout{grid-template-columns:1fr}}.apd-summary{background:#fff;border:1px solid #e8ecf4;border-radius:16px;box-shadow:0 4px 24px #0f172a0f;padding:22px 20px;position:-webkit-sticky;position:sticky;top:88px}.apd-summary-title{color:#64748b;font-size:13px;font-weight:700;letter-spacing:.04em;margin:0 0 16px;text-transform:uppercase}.apd-avatar-wrap{margin-bottom:12px}.apd-avatar,.apd-avatar-wrap{display:flex;justify-content:center}.apd-avatar{align-items:center;background:linear-gradient(145deg,#7c3aed,#5b21b6);border-radius:50%;color:#fff;font-size:32px;font-weight:700;height:96px;overflow:hidden;width:96px}.apd-avatar img{height:100%;object-fit:cover;width:100%}.apd-name{color:#0f172a;font-size:20px;font-weight:700;margin:0;text-align:center}.apd-role-pill{background:#ede9fe;border-radius:999px;color:#5b21b6;display:table;font-size:12px;font-weight:600;margin:10px auto 20px;padding:4px 12px}.apd-meta{list-style:none;margin:0;padding:0}.apd-meta li{align-items:flex-start;border-top:1px solid #f1f5f9;color:#64748b;display:flex;font-size:18px;gap:12px;padding:10px 0}.apd-meta li:first-of-type{border-top:none}.apd-meta-label{color:#94a3b8;display:block;font-size:11px;letter-spacing:.03em;margin-bottom:2px;text-transform:uppercase}.apd-meta-value{color:#334155;font-size:14px;font-weight:500}.apd-status-pill{background:#dcfce7;border-radius:999px;color:#166534;display:inline-block;font-size:12px;font-weight:600;margin-top:2px;padding:3px 10px}.apd-stats-footer{border-top:1px solid #e8ecf4;display:flex;flex-direction:column;gap:12px;margin-top:18px;padding-top:16px}.apd-stats-label{color:#94a3b8;display:block;font-size:11px;letter-spacing:.03em;margin-bottom:4px;text-transform:uppercase}.apd-stats-footer strong{color:#0f172a;font-size:15px}.apd-link-edit{color:#5b21b6;display:block;font-size:13px;font-weight:600;margin-top:16px;text-align:center;text-decoration:none}.apd-link-edit:hover{text-decoration:underline}.apd-main{min-width:0}.apd-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.apd-tab{background:#e2e8f0;border:1px solid #0000;border-radius:10px;color:#475569;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:background .15s,color .15s,box-shadow .15s}.apd-tab:hover{background:#dbeafe;color:#1e40af}.apd-tab--active{background:#fff;border-color:#e8ecf4;box-shadow:0 2px 8px #0f172a0f;color:#0f172a}.apd-panel{background:#fff;border:1px solid #e8ecf4;border-radius:16px;box-shadow:0 4px 24px #0f172a0f;min-height:360px;padding:22px 24px 28px}.apd-muted{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 12px}.apd-overview{display:flex;flex-direction:column;gap:24px}.apd-metric-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.apd-metric-card{background:#fafbff;border:1px solid #e8ecf4;border-radius:14px;padding:18px 16px 16px;position:relative}.apd-metric-icon{color:#94a3b8;font-size:18px;position:absolute;right:14px;top:14px}.apd-metric-label{color:#64748b;display:block;font-size:12px;font-weight:600;margin-bottom:8px}.apd-metric-value{color:#0f172a;display:block;font-size:26px;font-weight:800;letter-spacing:-.02em}.apd-metric-hint{color:#94a3b8;display:block;font-size:12px;margin-top:6px}.apd-help-card{background:linear-gradient(180deg,#faf5ff,#fff);border:1px solid #ede9fe;border-radius:14px;padding:20px 22px}.apd-help-card h3{color:#4c1d95;font-size:17px;margin:0 0 8px}.apd-help-links{display:flex;flex-direction:column;gap:8px;list-style:none;margin:12px 0 0;padding:0}.apd-help-links a{align-items:center;color:#5b21b6;display:inline-flex;font-size:14px;font-weight:600;gap:10px;text-decoration:none}.apd-help-links a:hover{text-decoration:underline}.apd-sessions-preview h3{font-size:16px;margin:0 0 12px}.apd-session-list{list-style:none;margin:0;padding:0}.apd-session-list li{align-items:flex-start;border-bottom:1px solid #f1f5f9;color:#64748b;display:flex;font-size:18px;gap:12px;padding:12px 0}.apd-session-list li:last-child{border-bottom:none}.apd-session-list strong{color:#0f172a;display:block;font-size:14px}.apd-session-list small{color:#94a3b8;font-size:12px}.apd-table-card h3{font-size:18px;margin:0 0 14px}.apd-error{color:#b91c1c;font-size:14px}.apd-table-wrap{overflow-x:auto}.apd-table{border-collapse:collapse;font-size:13px;width:100%}.apd-table td,.apd-table th{border-bottom:1px solid #f1f5f9;padding:10px 12px;text-align:left}.apd-table th{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.apd-badge-success{background:#dcfce7;color:#166534}.apd-badge-fail,.apd-badge-success{border-radius:999px;display:inline-block;font-size:11px;font-weight:700;padding:3px 10px}.apd-badge-fail{background:#fee2e2;color:#991b1b}.apd-badge-pending{background:#ffedd5;border-radius:999px;color:#9a3412;display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;text-transform:capitalize}.apd-num-neg{color:#b91c1c;font-weight:600}.apd-num-pos{color:#166534;font-weight:600}.apd-inline-link{background:none;border:none;color:#5b21b6;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline}.apd-placeholder-note{background:#f8fafc;border-radius:10px;color:#94a3b8;font-size:13px;margin-top:16px;padding:20px;text-align:center}.apd-notes-placeholder label{color:#475569;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.apd-notes-placeholder textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-family:inherit;margin-bottom:10px;padding:12px;resize:vertical;width:100%}.apd-btn-disabled{background:#e2e8f0;border:none;border-radius:8px;color:#94a3b8;cursor:not-allowed;font-weight:600;padding:8px 18px}.apd-activity-list{list-style:none;margin:0;padding:0}.apd-activity-row{grid-gap:14px;align-items:start;border-bottom:1px solid #f1f5f9;display:grid;gap:14px;grid-template-columns:12px 1fr auto;padding:14px 0}.apd-activity-dot{background:#7c3aed;border-radius:50%;height:10px;margin-top:6px;width:10px}.apd-activity-body strong{color:#0f172a;display:block;font-size:14px}.apd-activity-body p{color:#475569;font-size:13px;margin:4px 0 0}.apd-activity-time{color:#94a3b8;font-size:12px;white-space:nowrap}.apd-note-form{background:#f8fafc;border:1px solid #e8ecf4;border-radius:12px;margin:16px 0 24px;padding:16px}.apd-note-form label{color:#475569;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.apd-note-form textarea{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:14px;margin-bottom:12px;padding:12px;resize:vertical;width:100%}.apd-note-form-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.apd-note-tag-label{margin:0;width:auto}.apd-note-form-row select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;min-width:140px;padding:8px 12px}.apd-note-submit{background:#5b21b6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-left:auto;padding:10px 20px}.apd-note-submit:disabled{cursor:not-allowed;opacity:.5}.apd-leave-form{margin-top:14px}.apd-leave-grid{grid-gap:14px;align-items:end;display:grid;gap:14px;grid-template-columns:1fr auto}@media (max-width:720px){.apd-leave-grid{grid-template-columns:1fr}}.apd-leave-col--action .apd-note-submit{margin-left:0;width:160px}@media (max-width:720px){.apd-leave-col--action .apd-note-submit{width:100%}}.apd-leave-input,.apd-leave-select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.apd-leave-form textarea:focus,.apd-leave-input:focus,.apd-leave-select:focus{border-color:#5b21b659;box-shadow:0 0 0 3px #5b21b61f;outline:none}.apd-leave-divider{background:#e8ecf4;height:1px;margin:14px 0}.apd-leave-label{margin-bottom:10px}.apd-leave-duration{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.apd-leave-choice{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#334155;cursor:pointer;display:inline-flex;font-size:13px;gap:10px;padding:8px 12px;-webkit-user-select:none;user-select:none}.apd-leave-choice input{margin:0}.apd-leave-hint{color:#94a3b8;font-size:12px;margin-left:auto}@media (max-width:720px){.apd-leave-hint{margin-left:0;width:100%}}.apd-leave-fields{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:8px}@media (max-width:720px){.apd-leave-fields{grid-template-columns:1fr}}.apd-leave-field label{color:#64748b;display:block;font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.apd-note-history-title{color:#334155;font-size:15px;font-weight:700;margin:0 0 12px}.apd-note-list{list-style:none;margin:0;padding:0}.apd-note-item{border-bottom:1px solid #f1f5f9;padding:14px 0}.apd-note-item--highlight{background:#4f46e50f;border-bottom-color:#4f46e559;border-radius:12px;margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.apd-note-item:last-child{border-bottom:none}.apd-note-item-head{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:6px}.apd-note-tag{border-radius:999px;display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;text-transform:capitalize}.apd-note-tag--important{background:#fee2e2;color:#991b1b}.apd-note-tag--info{background:#dbeafe;color:#1e40af}.apd-note-tag--general{background:#f1f5f9;color:#475569}.apd-note-time{color:#94a3b8;font-size:12px}.apd-note-author{color:#64748b;font-size:12px;font-weight:600;margin:0 0 6px}.apd-note-from-super{align-items:center;background:#ede9fe;border:1px solid #5b21b62e;border-radius:999px;color:#5b21b6;display:inline-flex;font-size:11px;font-weight:800;margin-left:8px;padding:2px 8px}.apd-note-body{color:#0f172a;font-size:14px;line-height:1.5;margin:0 0 10px;white-space:pre-wrap}.apd-note-delete{background:#0000;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}.apd-note-delete:disabled{cursor:not-allowed;opacity:.5}.notif-page{background:#f1f3f7;max-width:none;min-height:calc(100vh - 70px);position:relative;width:100%}.notif-header{align-items:flex-start;background:#2537c6;background:var(--portal-primary,#2537c6);color:#fff;display:flex;gap:12px;min-height:88px;padding:16px 22px}.notif-back-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:16px;padding:4px 2px 0}.notif-header-content h1{font-size:27px;font-weight:700;line-height:1.1;margin:0}.notif-header-content p{color:#ffffffd9;font-size:13px;margin:6px 0 0}.notif-content{grid-gap:12px;display:grid;gap:12px;max-width:none;padding:14px 0 22px;width:100%}.notif-card{background:#fff;border:1px solid #e5e8f0;border-radius:14px;overflow:hidden}.notif-card-title{align-items:center;border-bottom:1px solid #eef1f6;display:flex;gap:8px;padding:12px 14px}.notif-card-icon{align-items:center;color:#111827;display:inline-flex;font-size:14px}.notif-card-title h2{color:#111827;font-size:22px;font-weight:700;line-height:1;margin:0}.notif-list{display:grid}.notif-feed-actions{border-bottom:1px solid #eef1f6;display:flex;gap:8px;padding:10px 14px}.notif-feed-btn{background:#fff;border:1px solid #d1d7eb;border-radius:8px;color:#1f3cc7;cursor:pointer;font-size:12px;font-weight:600;padding:6px 10px}.notif-feed-btn-clear{border-color:#f1b4ad;color:#b42318}.notif-feed-list{max-height:320px;overflow-y:auto}.notif-feed-empty{color:#6b7280;font-size:13px;margin:0;padding:14px}.notif-feed-item{border-top:1px solid #f1f4f8;padding:12px 14px}.notif-feed-item:first-child{border-top:none}.notif-feed-title{color:#111827;font-size:13px;font-weight:700;margin:0}.notif-feed-message{color:#4b5563;font-size:12px;line-height:1.4;margin:4px 0 0}.notif-feed-time{color:#9ca3af;display:inline-block;font-size:11px;margin-top:6px}.notif-feed-actions-row{margin-top:8px}.notif-item{align-items:center;border-top:1px solid #f1f4f8;display:flex;gap:16px;justify-content:space-between;padding:12px 14px}.notif-item:first-child{border-top:none}.notif-item-text{min-width:0}.notif-item-label{color:#101827;font-size:16px;font-weight:700;margin:0}.notif-item-description{color:#6b7280;font-size:12px;margin:4px 0 0}.notif-toggle{align-items:center;background:#d5d9e2;border:none;border-radius:999px;cursor:pointer;display:inline-flex;flex:0 0 auto;height:27px;padding:3px;transition:background .2s ease;width:48px}.notif-toggle.on{background:#2537c6;background:var(--portal-primary,#2537c6)}.notif-toggle-knob{background:#fff;border-radius:999px;height:21px;transform:translateX(0);transition:transform .2s ease;width:21px}.notif-toggle.on .notif-toggle-knob{transform:translateX(21px)}.notif-floating-bell{display:none}@media (max-width:768px){.notif-header{padding:14px 14px 16px}.notif-header-content h1{font-size:24px}.notif-card-title h2{font-size:19px}.notif-item-label{font-size:14px}}.acct-page{background:#f4f6fb;min-height:calc(100vh - 76px);padding-bottom:18px}.acct-topbar{align-items:center;background:#2537c6;background:var(--portal-primary,#2537c6);color:#fff;display:flex;height:68px;justify-content:space-between;padding:0 14px}.acct-topbar h1{font-size:28px;font-weight:700;margin:0}.acct-topbar-btn,.acct-topbar-btn-placeholder{height:34px;width:34px}.acct-topbar-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:16px}.acct-card{background:#fff;border:1px solid #e7eaf2;border-radius:14px;margin:12px;overflow:hidden}.acct-card h2{border-bottom:1px solid #eef2f8;color:#111827;font-size:30px;margin:0;padding:12px 14px}.acct-row{align-items:center;border-top:1px solid #f2f4f8;display:flex;gap:10px;justify-content:space-between;padding:14px}.acct-row.clickable{cursor:pointer}.acct-row.clickable:hover{background:#f8f9ff}.acct-row-left{align-items:center;display:flex;gap:10px}.acct-row-icon{align-items:center;background:#f1f3fa;border-radius:999px;color:#4d5ec5;display:inline-flex;font-size:15px;height:34px;justify-content:center;width:34px}.acct-row-title{color:#111827;font-size:16px;font-weight:600;margin:0}.acct-row-subtitle{color:#6b7280;font-size:12px;margin:2px 0 0}.acct-chevron{color:#98a2b3;font-size:15px}.acct-chevron.danger,.danger{color:#d11a2a}.acct-toggle{align-items:center;background:#d1d5db;border:none;border-radius:999px;cursor:pointer;display:inline-flex;height:26px;padding:3px;transition:background .2s ease;width:46px}.acct-toggle.on{background:#2949c7}.acct-toggle-knob{background:#fff;border-radius:999px;height:20px;transform:translateX(0);transition:transform .2s ease;width:20px}.acct-toggle.on .acct-toggle-knob{transform:translateX(20px)}.acct-modal-overlay{align-items:center;background:#1118278c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.acct-modal{background:#fff;border-radius:12px;box-shadow:0 20px 45px #00000038;overflow:hidden;width:min(460px,100%)}.acct-modal-header{align-items:center;border-bottom:1px solid #eceff5;display:flex;justify-content:space-between;padding:14px 16px}.acct-modal-header h3{color:#111827;font-size:20px;margin:0}.acct-modal-close{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:18px}.acct-password-form{grid-gap:12px;display:grid;gap:12px;padding:16px}.acct-password-form label{grid-gap:6px;color:#374151;display:grid;font-size:14px;gap:6px}.acct-password-form input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px}.acct-password-form input:focus{border-color:#4d5ec5;box-shadow:0 0 0 3px #4d5ec526;outline:none}.acct-password-rules{border:1px solid #dbe1ea;border-radius:8px;margin-top:4px;overflow:hidden}.acct-password-rules-title{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;margin:0;padding:10px 12px}.acct-password-rules table{border-collapse:collapse;color:#4b5563;font-size:13px;width:100%}.acct-password-rules td{border-bottom:1px solid #eef2f7;padding:8px 12px}.acct-password-rules tr:last-child td{border-bottom:none}.acct-password-rules td:last-child{color:#111827;font-weight:600;text-align:right}.acct-password-rules-status{background:#fcfdff;border-top:1px solid #eef2f7;color:#6b7280;font-size:12px;margin:0;padding:8px 12px 10px}.acct-password-message{font-size:13px;margin:0}.acct-password-message.error{color:#b42318}.acct-password-message.success{color:#067647}.acct-password-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.acct-btn-primary,.acct-btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:9px 14px}.acct-btn-secondary{background:#eef2f7;color:#374151}.acct-btn-primary{background:#4d5ec5;color:#fff}.acct-btn-primary:disabled,.acct-btn-secondary:disabled{cursor:not-allowed;opacity:.7}.st-page{padding-bottom:18px}.st-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:5}.st-tabs{align-items:center;background:#f4f6fb;border-bottom:1px solid #eef2f8;display:flex;gap:6px;overflow-x:auto;padding:12px}.st-tab-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 12px;white-space:nowrap}.st-tab-btn.active{border-color:#4d5ec5;box-shadow:0 0 0 3px #4d5ec51f;color:#1f2a60}.st-tab-icon{align-items:center;color:#4d5ec5;display:inline-flex;height:18px;justify-content:center;width:18px}.st-layout{padding:10px 12px 0}.st-card{margin:12px}.st-card-title{align-items:center;display:flex;font-size:18px!important;gap:10px;padding:14px 16px!important}.st-card-icon{align-items:center;background:#f1f3fa;border-radius:10px;color:#4d5ec5;display:inline-flex;height:28px;justify-content:center;width:28px}.st-card-body{padding:14px 16px 16px}.st-stack{margin-top:6px}.st-logo-row{gap:18px;margin-bottom:10px}.st-logo-preview,.st-logo-row{align-items:center;display:flex}.st-logo-preview{background:#f1f3fa;border:1px solid #e5e7eb;border-radius:14px;color:#4d5ec5;font-weight:800;height:86px;justify-content:center;overflow:hidden;width:86px}.st-logo-preview img{height:100%;object-fit:cover;width:100%}.st-logo-actions{display:flex;flex-direction:column;gap:8px}.st-help-text{color:#6b7280;font-size:12px}.st-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:10px}.st-field{grid-gap:8px;display:grid;gap:8px}.st-field--full{grid-column:1/-1}.st-field-label{color:#111827;font-size:13px;font-weight:700}.st-field-input{background:#fff;border:1px solid #d1d5db;border-radius:10px;font-size:14px;padding:10px 12px}.st-field-input--small{font-size:13px;padding:8px 10px}.st-message{color:#374151;font-size:13px;margin:10px 0 0}.st-message--success{color:#067647}.st-message--error{color:#b42318}.st-form-actions{display:flex;justify-content:flex-end;margin-top:14px}.st-form-actions--left{justify-content:flex-start}.st-two-factor-inline{align-items:center;display:flex;gap:10px}.st-two-factor-labels{color:#6b7280;display:flex;font-size:12px;gap:28px;justify-content:flex-end;margin-top:-4px}.st-muted{color:#6b7280;font-size:13px}.st-table{grid-gap:10px;display:grid;gap:10px}.st-table-row{background:#fff;border:1px solid #eef2f8;border-radius:12px;display:flex;gap:10px;justify-content:space-between;padding:12px}.st-table-cell{display:flex;flex-direction:column;gap:4px}.st-cell-main{min-width:0}.st-table-title{color:#111827;font-size:13px;font-weight:800}.st-table-sub{word-break:break-word}.st-table-sub,.st-table-time{color:#6b7280;font-size:12px}.st-pill{border:1px solid #0000;border-radius:999px;font-size:12px;font-weight:800;padding:6px 10px;width:-webkit-fit-content;width:fit-content}.st-pill.ok{background:#06764714;border-color:#06764740;color:#067647}.st-pill.bad{background:#b4231814;border-color:#b4231840;color:#b42318}.st-pref-row{align-items:center;border-top:1px solid #eef2f8;display:flex;gap:12px;justify-content:space-between;padding:12px 0}.st-pref-row:first-of-type{border-top:none}.st-pref-title{color:#111827;font-weight:800}.st-pref-sub{color:#6b7280;font-size:12px;margin-top:2px}.st-team-top{margin-bottom:14px}.st-team-subtitle{color:#6b7280;font-size:14px;margin:0}.st-team-invite{background:#fff;border:1px solid #eef2f8;border-radius:14px;padding:14px}.st-invite-title{font-size:15px;font-weight:900;margin:0 0 10px}.st-invite-grid{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:1fr 1fr}.st-invite-action{display:flex;justify-content:flex-end}.st-team-list{margin-top:16px}.st-team-list-title{font-size:14px;font-weight:900;margin:0 0 10px}.st-team-row{align-items:center;border-top:1px solid #eef2f8;display:flex;gap:12px;justify-content:space-between;padding:12px 0}.st-team-row:first-of-type{border-top:none}.st-team-name{color:#111827;font-weight:900}.st-team-meta{color:#6b7280;font-size:12px;margin-top:2px}.st-api-key-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.st-api-key-label{color:#111827;font-weight:900}.st-api-key-value{color:#374151;flex:1 1;font-weight:800}.st-integration-form{grid-gap:14px;display:grid;gap:14px;margin-top:14px}.st-integration-divider{background:#eef2f8;height:1px}.st-webhook-row{background:#fff;border:1px solid #eef2f8;border-radius:14px;display:flex;gap:12px;justify-content:space-between;padding:12px}.st-webhook-url{color:#111827;font-weight:900;word-break:break-word}.st-webhook-sub{color:#6b7280;font-size:12px;margin-top:2px}.help-support-page{box-sizing:border-box;max-width:100%;width:100%}.help-support-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 24px #0f172a14;max-width:none;overflow:hidden;width:100%}.help-support-header{align-items:flex-start;background:#2537c6;background:var(--portal-primary,#2537c6);color:#fff;display:flex;gap:16px;padding:20px 28px 22px}.help-support-back-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:16px;margin-top:1px;padding:6px}.help-support-header h1{font-size:clamp(22px,2.2vw,28px);font-weight:700;margin:0}.help-support-header p{font-size:13px;margin:4px 0 0;opacity:.9}.help-support-body{background:#f3f5f9;display:flex;flex-direction:column;gap:18px;padding:20px 24px 24px}.help-support-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 320px}.help-support-aside,.help-support-main{display:flex;flex-direction:column;gap:18px;min-width:0}.help-support-aside{position:-webkit-sticky;position:sticky;top:12px}.help-support-section--aside h2{font-size:15px}.help-support-flash{background:color-mix(in srgb,#e8ecff 70%,#fff);background:color-mix(in srgb,var(--portal-primary-soft,#e8ecff) 70%,#fff);border:1px solid color-mix(in srgb,var(--portal-primary) 35%,#e5e7eb);border-radius:10px;color:#0f172a;font-size:14px;font-weight:600;padding:12px 14px}.help-support-error{color:#b91c1c;font-size:13px;font-weight:600;margin:0 0 10px}.help-support-empty{color:#6b7280;font-size:13px;font-weight:600;grid-column:1/-1;margin:0}.help-support-section{background:#fff;border:1px solid #eceff5;border-radius:12px;padding:16px 18px}.help-support-section h2{color:#1f2937;font-size:16px;margin:0 0 10px}.help-support-quick-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.help-support-quick-item{align-items:center;background:#f3f5f9;border:none;border-radius:10px;color:#111827;cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:8px;justify-content:center;min-height:88px;transition:background .15s ease,box-shadow .15s ease}.help-support-quick-item:hover{background:#e8ecf4;box-shadow:0 2px 8px #0f172a0f}.help-support-quick-icon{align-items:center;background:#1e2fb1;background:var(--portal-primary-strong,#1e2fb1);border-radius:999px;color:#fff;display:inline-flex;font-size:16px;height:38px;justify-content:center;width:38px}.help-support-section-head{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.help-support-section-head h2{margin:0}.help-support-section-head button{background:#0000;border:none;color:#4f46e5;color:var(--portal-primary,#4f46e5);cursor:pointer;font-size:12px;font-weight:700}.help-support-faq-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.help-support-faq-item{background:#fff;border:1px solid #eceff5;border-radius:10px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.help-support-faq-item:hover{border-color:color-mix(in srgb,var(--portal-primary) 28%,#eceff5);box-shadow:0 2px 10px #0f172a0f}.help-support-faq-item.open{border-color:color-mix(in srgb,var(--portal-primary) 42%,#fed7aa);box-shadow:0 2px 12px #0f172a12}.help-support-faq-trigger{align-items:flex-start;background:#0000;border:none;cursor:pointer;display:flex;gap:14px;justify-content:space-between;padding:14px 16px;text-align:left;width:100%}.help-support-faq-trigger-text{display:flex;flex-direction:column;gap:6px;min-width:0}.help-support-faq-question{color:#111827;font-size:14px;font-weight:600;line-height:1.4;margin:0}.help-support-faq-category{color:#6b7280;font-size:11px}.help-support-faq-chevron{color:#9ca3af;flex-shrink:0;font-size:13px;margin-top:3px;transition:transform .2s ease}.help-support-faq-item.open .help-support-faq-chevron{color:color-mix(in srgb,var(--portal-primary) 55%,#9ca3af);transform:rotate(180deg)}.help-support-faq-panel{border-top:1px solid #f1f5f9;margin-top:-2px;padding:0 16px 14px}.help-support-faq-panel p{color:#475569;font-size:14px;line-height:1.6;margin:12px 0 0}.help-support-tickets{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.help-support-ticket-card{background:#fff;border:1px solid #eceff5;border-radius:10px;padding:10px}.help-support-ticket-top{display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.help-support-ticket-top strong{color:#111827;display:block;font-size:12px}.help-support-ticket-top small{color:#6b7280;font-size:10px}.help-support-status{font-size:11px;font-weight:700}.help-support-status.progress{color:#b45309}.help-support-status.resolved{color:#047857}.help-support-status.open{color:#1d4ed8}.help-support-ticket-card p{color:#374151;font-size:12px;margin:0 0 8px;min-height:34px}.help-support-ticket-card button{background:#0000;border:none;color:#2537c6;color:var(--portal-primary,#2537c6);cursor:pointer;font-size:12px;font-weight:700;padding:0}.help-support-new-ticket-btn{align-items:center;background:#2537c6;background:var(--portal-button-primary,var(--portal-primary,#2537c6));border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:filter .15s ease}.help-support-new-ticket-btn:hover{filter:brightness(1.05)}.help-support-contact-rows{display:flex;flex-direction:column;gap:8px}.help-support-contact-row{align-items:center;border:1px solid #eceff5;border-radius:8px;display:flex;gap:10px;padding:9px 10px}.help-support-contact-row>span{color:#2537c6;color:var(--portal-primary,#2537c6);font-size:14px}.help-support-contact-row p{color:#1f2937;font-size:13px;font-weight:600;margin:0}.help-support-contact-row small{color:#6b7280;font-size:11px}.help-support-footer{background:#f3f5f9;padding:14px 16px 16px}.help-support-start-chat-btn{align-items:center;background:#2537c6;background:var(--portal-primary,#2537c6);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:12px 14px;width:100%}.help-support-start-chat-btn:disabled{cursor:not-allowed;opacity:.7}@media (max-width:1100px){.help-support-layout{grid-template-columns:1fr}.help-support-aside{order:-1;position:static}.help-support-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:900px){.help-support-body{padding:16px}.help-support-header{padding:16px 18px}.help-support-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.help-support-tickets{grid-template-columns:1fr}}.support-mgmt-embed{background:#f0f2f5;box-sizing:border-box;padding:24px 24px 32px}.support-mgmt-embed,.support-mgmt-layout{align-self:stretch;flex:1 1 auto;min-height:0;min-width:0;width:100%}.support-mgmt-layout{display:flex}.support-mgmt-layout__sidebar{background:#fff;border-right:1px solid #e4e7ec;display:flex;flex-direction:column;flex-shrink:0;min-height:0;width:260px}.support-mgmt-layout__brand{border-bottom:1px solid #f2f4f7;padding:18px 16px 14px}.support-mgmt-layout__brand-title{color:#101828;font-size:17px;font-weight:700;margin:0}.support-mgmt-layout__brand-sub{color:#667085;font-size:12px;font-weight:500;margin:4px 0 0}.support-mgmt-layout__nav{flex:1 1;overflow-y:auto;padding:12px 10px}.support-mgmt-layout__nav-heading{align-items:center;background:#0000;border:none;border-radius:8px;color:#667085;cursor:pointer;display:flex;font-size:11px;font-weight:700;justify-content:space-between;letter-spacing:.06em;margin:0 0 8px;padding:10px;text-transform:uppercase;width:100%}.support-mgmt-layout__nav-heading-inner{align-items:center;display:flex;gap:8px}.support-mgmt-layout__nav-heading-icon{font-size:14px;opacity:.9}.support-mgmt-layout__nav-list{display:flex;flex-direction:column;gap:4px}.support-mgmt-layout__link{align-items:center;border-radius:8px;color:#344054;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 12px;text-decoration:none}.support-mgmt-layout__link:hover{background:#f9fafb;color:#101828}.support-mgmt-layout__link--active{background:#eff4ff;color:#444ce7;font-weight:600}.support-mgmt-layout__link-icon{flex-shrink:0;font-size:16px;opacity:.85}.support-mgmt-layout__link--active .support-mgmt-layout__link-icon{color:#444ce7;opacity:1}.support-mgmt-layout__main{background:#f0f2f5;display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0}.support-mgmt-layout__main-inner{box-sizing:border-box;flex:1 1;overflow-y:auto;padding:24px 24px 32px}@media (max-width:900px){.support-mgmt-layout{flex-direction:column}.support-mgmt-layout__sidebar{border-bottom:1px solid #e4e7ec;border-right:none;width:100%}}.support-dashboard{margin:0 auto;max-width:1280px;padding-bottom:72px}.support-dashboard__header{margin-bottom:24px}.support-dashboard__header h1{color:#101828;font-size:clamp(24px,2.5vw,28px);font-weight:700;letter-spacing:-.02em;margin:0}.support-dashboard__header p{color:#667085;font-size:15px;line-height:1.5;margin:8px 0 0}.support-dashboard__metrics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}@media (max-width:1024px){.support-dashboard__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.support-dashboard__metrics{grid-template-columns:1fr}}.support-dashboard__metric{background:#fff;border:1px solid #eaecf0;border-radius:12px;box-shadow:0 1px 2px #1018280f;display:flex;flex-direction:column;gap:6px;padding:20px 20px 22px}.support-dashboard__metric-value{color:#101828;font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.support-dashboard__metric-label{color:#667085;font-size:14px;font-weight:500;line-height:1.4}.support-dashboard__recent{background:#fff;border:1px solid #eaecf0;border-radius:12px;box-shadow:0 1px 2px #1018280f;min-height:220px;padding:22px 24px 28px}.support-dashboard__recent-title{color:#101828;font-size:16px;font-weight:600;margin:0}.support-dashboard__recent-placeholder{color:#667085;font-size:15px;line-height:1.55;margin:16px 0 0;max-width:52ch}.support-dashboard--full{max-width:1280px}.support-dashboard__error{color:#b42318;font-size:14px;margin:10px 0 0}.support-dashboard__kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}@media (max-width:900px){.support-dashboard__kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.support-dashboard__kpi-grid{grid-template-columns:1fr}}.support-dashboard__kpi{background:#fff;border:1px solid #eaecf0;border-radius:12px;box-shadow:0 1px 2px #1018280f;box-sizing:border-box;min-height:112px;padding:18px 20px;position:relative}.support-dashboard__kpi-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.support-dashboard__kpi-icon{align-items:center;border-radius:10px;display:inline-flex;font-size:18px;height:40px;justify-content:center;width:40px}.support-dashboard__kpi-icon--blue{background:#eff4ff;color:#175cd3}.support-dashboard__kpi-icon--amber{background:#fffaeb;color:#b54708}.support-dashboard__kpi-icon--green{background:#ecfdf3;color:#027a48}.support-dashboard__kpi-icon--red{background:#fef3f2;color:#b42318}.support-dashboard__kpi-icon--violet{background:#f4f3ff;color:#5925dc}.support-dashboard__kpi-icon--pink{background:#fdf2fa;color:#c11574}.support-dashboard__kpi-value{color:#101828;font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1}.support-dashboard__kpi-label{color:#667085;display:block;font-size:14px;font-weight:500;line-height:1.35}.support-dashboard__kpi-trend{bottom:14px;font-size:12px;font-weight:600;position:absolute;right:16px}.support-dashboard__kpi-trend--up{color:#079455}.support-dashboard__kpi-trend--down{color:#b42318}.support-dashboard__section{margin-bottom:20px}.support-dashboard__section-title{color:#101828;font-size:18px;font-weight:600;margin:0}.support-dashboard__section-sub{color:#667085;font-size:14px;margin:6px 0 16px}.support-dashboard__analytics-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1024px){.support-dashboard__analytics-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.support-dashboard__analytics-row{grid-template-columns:1fr}}.support-dashboard__stat{align-items:center;background:#fff;border:1px solid #eaecf0;border-radius:12px;box-shadow:0 1px 2px #1018280d;display:flex;gap:12px;padding:14px 16px}.support-dashboard__stat-dot{border-radius:3px;flex-shrink:0;height:10px;width:10px}.support-dashboard__stat-label{color:#667085;display:block;font-size:12px;font-weight:500}.support-dashboard__stat-value{color:#101828;display:block;font-size:20px;font-weight:700;margin-top:2px}.support-dashboard__stat-delta{align-items:center;display:inline-flex;font-size:12px;font-weight:600;gap:4px;margin-left:auto;white-space:nowrap}.support-dashboard__stat-delta--down,.support-dashboard__stat-delta--up{color:#079455}.support-dashboard__charts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}@media (max-width:900px){.support-dashboard__charts-grid{grid-template-columns:1fr}}.support-dashboard__chart-card{background:#fff;border:1px solid #eaecf0;border-radius:12px;box-shadow:0 1px 2px #1018280f;padding:18px 20px 20px}.support-dashboard__chart-card--wide{margin-bottom:32px}.support-dashboard__chart-title{color:#101828;font-size:15px;font-weight:600;margin:0 0 4px}.support-dashboard__chart-sub{color:#667085;font-size:12px;margin:0 0 12px}.support-dashboard__chart-xlabels{color:#667085;display:flex;font-size:10px;gap:4px;justify-content:space-between;margin-bottom:4px;padding:0 4px}.support-dashboard__spark{display:block;height:140px;width:100%}.support-dashboard__hbar-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}.support-dashboard__hbar-row{grid-gap:10px;align-items:center;display:grid;font-size:12px;gap:10px;grid-template-columns:72px 1fr 36px}.support-dashboard__hbar-label{color:#344054;font-weight:500}.support-dashboard__hbar-track{background:#f2f4f7;border-radius:6px;height:10px;overflow:hidden}.support-dashboard__hbar-fill{border-radius:6px;height:100%;min-width:4px;transition:width .25s ease}.support-dashboard__hbar-val{font-feature-settings:"tnum";color:#667085;font-variant-numeric:tabular-nums;text-align:right}.support-dashboard__vbar-wrap{align-items:flex-end;display:flex;gap:8px;justify-content:space-between;margin-top:12px;min-height:180px;padding:0 4px}.support-dashboard__vbar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.support-dashboard__vbar-stack{align-items:flex-end;background:#f2f4f7;border-radius:8px;display:flex;height:120px;justify-content:center;max-width:48px;overflow:hidden;width:100%}.support-dashboard__vbar-fill{border-radius:8px 8px 0 0;min-height:4px;width:100%}.support-dashboard__vbar-label{color:#667085;font-size:9px;line-height:1.2;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.support-dashboard__vbar-val{color:#101828;font-size:11px;font-weight:600}.support-dashboard__pie-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:8px}.support-dashboard__pie{border-radius:50%;flex-shrink:0;height:120px;width:120px}.support-dashboard__pie-legend{color:#344054;font-size:13px;list-style:none;margin:0;padding:0}.support-dashboard__pie-legend li{align-items:center;display:flex;gap:8px;margin-bottom:8px}.support-dashboard__pie-legend strong{color:#101828;margin-left:auto}.support-dashboard__pie-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.support-dashboard__trend-svg{height:auto;max-height:200px;width:100%}.support-dashboard__empty{color:#667085;font-size:14px;margin:16px 0 0}.support-tickets-page{margin:0 auto;max-width:1280px;padding-bottom:48px}.support-tickets-page__head{margin-bottom:20px}.support-tickets-page__head h1{color:#101828;font-size:clamp(22px,2.2vw,26px);font-weight:700;letter-spacing:-.02em;margin:0}.support-tickets-page__head p{color:#667085;font-size:15px;line-height:1.45;margin:6px 0 0}.support-tickets-page__card{background:#fff;border:1px solid #eaecf0;border-radius:12px;box-shadow:0 1px 2px #1018280d;margin-bottom:16px;padding:20px 22px 22px}.support-tickets-page__filters-title{align-items:center;color:#101828;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 18px}.support-tickets-page__filters-icon{color:#667085;font-size:15px}.support-tickets-page__filters-grid{grid-gap:16px 20px;align-items:end;display:grid;gap:16px 20px;grid-template-columns:minmax(200px,1.4fr) repeat(3,minmax(140px,1fr))}@media (max-width:1100px){.support-tickets-page__filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.support-tickets-page__filters-grid{grid-template-columns:1fr}}.support-tickets-page__field{display:flex;flex-direction:column;gap:6px;min-width:0}.support-tickets-page__field-label{color:#344054;font-size:13px;font-weight:500}.support-tickets-page__search-wrap{align-items:center;display:flex;position:relative}.support-tickets-page__search-icon{color:#667085;font-size:14px;left:12px;pointer-events:none;position:absolute}.support-tickets-page__search-input{background:#fff;border:1px solid #d0d5dd;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px 10px 38px;width:100%}.support-tickets-page__search-input:focus{border-color:#444ce7;box-shadow:0 0 0 3px #444ce71f;outline:none}.support-tickets-page__select{background:#fff;border:1px solid #d0d5dd;border-radius:8px;color:#101828;cursor:pointer;font-size:14px;padding:10px 12px}.support-tickets-page__toolbar{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:18px}.support-tickets-page__table-title{color:#101828;font-size:16px;font-weight:600;margin:0}.support-tickets-page__table-meta{color:#667085;font-size:13px;margin:4px 0 0}.support-tickets-page__export{align-items:center;background:#fff;border:1px solid #d0d5dd;border-radius:8px;color:#344054;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px}.support-tickets-page__export:hover{background:#f9fafb}.support-tickets-page__table-wrap{margin:0 -4px;overflow-x:auto}.support-tickets-page__table{border-collapse:collapse;font-size:13px;min-width:920px;width:100%}.support-tickets-page__table th{background:#f9fafb;border-bottom:1px solid #e4e7ec;color:#667085;font-size:11px;font-weight:600;letter-spacing:.04em;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.support-tickets-page__table td{border-bottom:1px solid #f2f4f7;color:#101828;padding:14px 12px;vertical-align:middle}.support-tickets-page__table tbody tr:last-child td{border-bottom:none}.support-ticket-id{background:none;border:none;color:#444ce7;cursor:pointer;font:inherit;font-weight:600;padding:0;text-decoration:none}.support-ticket-id:hover{color:#3538cd;text-decoration:underline}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.smgmt-root{align-self:stretch;background:#f0f2f5;display:flex;flex:1 1;font-family:inherit;min-height:0;width:100%}.smgmt-sidebar{background:#fff;border-right:1px solid #e4e7ec;display:flex;flex-direction:column;flex-shrink:0;min-height:100%;width:260px}.smgmt-brand{border-bottom:1px solid #f2f4f7;padding:20px 18px 16px}.smgmt-brand-title{color:#101828;font-size:17px;font-weight:700;letter-spacing:-.02em;margin:0}.smgmt-brand-sub{color:#667085;font-size:12px;font-weight:500;margin:4px 0 0}.smgmt-back-main{background:none;border:none;color:#444ce7;cursor:pointer;font-size:12px;font-weight:600;margin-top:12px;padding:0;text-decoration:underline}.smgmt-back-main:hover{color:#3538cd}.smgmt-nav-section{flex:1 1;overflow-y:auto;padding:12px 12px 8px}.smgmt-nav-heading{align-items:center;background:#0000;border:none;color:#98a2b3;cursor:pointer;display:flex;font-size:11px;font-weight:700;justify-content:space-between;letter-spacing:.06em;padding:8px 10px;text-transform:uppercase;width:100%}.smgmt-nav-heading:hover{color:#667085}.smgmt-nav-list{display:flex;flex-direction:column;gap:2px;margin-top:4px}.smgmt-nav-link{align-items:center;border-radius:8px;color:#344054;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 12px;text-decoration:none;transition:background .15s,color .15s}.smgmt-nav-link svg{flex-shrink:0;font-size:16px;opacity:.85}.smgmt-nav-link:hover{background:#f9fafb;color:#101828}.smgmt-nav-link.active{background:#eff4ff;color:#444ce7;font-weight:600}.smgmt-nav-link.active svg{color:#444ce7;opacity:1}.smgmt-user{border-top:1px solid #f2f4f7;gap:12px;margin-top:auto;padding:16px}.smgmt-user,.smgmt-user-avatar{align-items:center;display:flex}.smgmt-user-avatar{background:linear-gradient(135deg,#7c3aed,#444ce7);border-radius:50%;color:#fff;flex-shrink:0;font-size:13px;font-weight:700;height:40px;justify-content:center;width:40px}.smgmt-user-name{color:#101828;font-size:14px;font-weight:600;margin:0}.smgmt-user-role{color:#667085;font-size:12px;margin:2px 0 0}.smgmt-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.smgmt-topbar{align-items:center;background:#fff;border-bottom:1px solid #e4e7ec;display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:14px 24px}.smgmt-search-wrap{flex:1 1;max-width:520px}.smgmt-search{background:#f9fafb url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23667085'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E") 12px no-repeat;border:1px solid #d0d5dd;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 14px 10px 38px;width:100%}.smgmt-search:focus{background-color:#fff;border-color:#7c3aed;outline:none}.smgmt-topbar-actions{align-items:center;display:flex;gap:8px}.smgmt-icon-btn{align-items:center;background:#f9fafb;border:none;border-radius:8px;color:#344054;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:relative;width:40px}.smgmt-icon-btn:hover{background:#f2f4f7}.smgmt-icon-btn .smgmt-dot{background:#f04438;border:2px solid #f9fafb;border-radius:50%;height:8px;position:absolute;right:8px;top:8px;width:8px}.smgmt-scroll{flex:1 1;overflow-y:auto;padding:24px}.smgmt-page-head{margin-bottom:20px}.smgmt-page-head h1{color:#101828;font-size:22px;font-weight:700;margin:0}.smgmt-page-head p{color:#667085;font-size:14px;margin:6px 0 0}.smgmt-card{background:#fff;border:1px solid #e4e7ec;border-radius:12px;margin-bottom:16px;padding:20px}.smgmt-card-title{color:#101828;font-size:15px;font-weight:600;margin:0 0 16px}.smgmt-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.smgmt-filters label{color:#344054;display:flex;flex-direction:column;font-size:12px;font-weight:500;gap:6px;min-width:140px}.smgmt-filters input,.smgmt-filters select{border:1px solid #d0d5dd;border-radius:8px;font-size:13px;padding:8px 10px}.smgmt-table-wrap{overflow-x:auto}.smgmt-table{border-collapse:collapse;font-size:13px;width:100%}.smgmt-table th{background:#f9fafb;border-bottom:1px solid #e4e7ec;color:#667085;font-size:11px;font-weight:600;letter-spacing:.04em;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.smgmt-table td{border-bottom:1px solid #f2f4f7;color:#101828;padding:12px;vertical-align:middle}.smgmt-table tr:last-child td{border-bottom:none}.smgmt-table-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.smgmt-table-toolbar h2{color:#101828;font-size:16px;font-weight:600;margin:0}.smgmt-muted{color:#667085;font-size:13px;margin:4px 0 0}.smgmt-btn{background:#fff;border:1px solid #d0d5dd;border-radius:8px;color:#344054;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px}.smgmt-btn:hover{background:#f9fafb}.smgmt-btn-primary{background:#7c3aed;border-color:#7c3aed;color:#fff}.smgmt-btn-primary:hover{background:#6927da}.smgmt-badge{border-radius:16px;display:inline-block;font-size:12px;font-weight:600;padding:2px 10px}.smgmt-badge--cleaner{background:#ecfdf3;color:#027a48}.smgmt-badge--contractor{background:#eff4ff;color:#175cd3}.smgmt-badge--violet{background:#f4f3ff;color:#6927da}.smgmt-badge--manager{background:#f4f3ff;color:#5925dc}.smgmt-badge--urgent{background:#fef3f2;color:#b42318}.smgmt-badge--high{background:#fffaeb;color:#b54708}.smgmt-badge--medium{background:#eff4ff;color:#175cd3}.smgmt-badge--low{background:#f9fafb;color:#667085}.smgmt-badge--new{background:#eff4ff;color:#175cd3}.smgmt-badge--review{background:#fffaeb;color:#b54708}.smgmt-badge--resolved{background:#ecfdf3;color:#027a48}.smgmt-badge--progress{background:#fffaeb;color:#b54708}.smgmt-badge--open{background:#eff4ff;color:#175cd3}.smgmt-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.smgmt-pill{background:#fff;border:1px solid #e4e7ec;border-radius:20px;color:#344054;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px}.smgmt-pill:hover{background:#f9fafb}.smgmt-pill.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.smgmt-icon-actions{display:flex;gap:8px}.smgmt-icon-actions button{background:#0000;border:none;color:#667085;cursor:pointer;font-size:16px;padding:4px}.smgmt-icon-actions button:hover{color:#7c3aed}.smgmt-icon-actions .danger:hover{color:#f04438}.smgmt-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px}.smgmt-stat{background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:18px}.smgmt-stat-value{color:#101828;font-size:26px;font-weight:700;margin:0}.smgmt-stat-label{color:#667085;font-size:13px;margin:4px 0 0}.smgmt-actions-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.smgmt-actions-row .smgmt-btn{flex:1 1;min-width:140px;padding:12px 16px}.smgmt-btn-purple{background:#7c3aed;border-color:#7c3aed;color:#fff}.smgmt-btn-blue{background:#1570ef;border-color:#1570ef;color:#fff}.smgmt-btn-grey{background:#344054;border-color:#344054;color:#fff}.smgmt-btn-green{background:#079455;border-color:#079455;color:#fff}@media (max-width:900px){.smgmt-root{flex-direction:column}.smgmt-sidebar{border-bottom:1px solid #e4e7ec;border-right:none;width:100%}}.smgmt-faq-modal-overlay{align-items:center;background:#10182873;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.smgmt-faq-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #10182840;max-width:100%;overflow:hidden;width:760px}.smgmt-faq-modal-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;padding:18px 22px 0}.smgmt-faq-modal-title{color:#101828;font-size:18px;font-weight:800;margin:0}.smgmt-faq-modal-subtitle{color:#667085;font-size:13px;margin:6px 0 0}.smgmt-faq-modal-close{background:#0000;border:none;color:#667085;cursor:pointer;font-size:24px;line-height:1;padding:4px 6px}.smgmt-faq-modal-close:hover{color:#101828}.smgmt-faq-modal-body{padding:14px 22px 20px}.smgmt-faq-modal-form{display:flex;flex-direction:column;gap:12px}.smgmt-form-field{display:flex;flex-direction:column;gap:6px;margin:0}.smgmt-form-label{color:#344054;font-size:13px;font-weight:700}.smgmt-required{color:#dc2626;font-weight:800}.smgmt-faq-input{background:#fff;border:1px solid #d0d5dd;border-radius:10px;color:#101828;font-size:13px;outline:none;padding:10px 12px;width:100%}.smgmt-faq-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.smgmt-faq-textarea{background:#fff;border:1px solid #d0d5dd;border-radius:10px;color:#101828;font-size:13px;min-height:110px;outline:none;padding:10px 12px;resize:vertical;width:100%}.smgmt-faq-textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.smgmt-faq-modal-actions{align-items:center;display:flex;gap:12px;margin-top:6px}.smgmt-faq-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:13px;font-weight:600;padding:10px 12px}.ri-detail{margin:0 auto;max-width:1200px}.ri-detail-back{align-items:center;color:#344054;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:18px;text-decoration:none}.ri-detail-back:hover{color:#7c3aed}.ri-detail-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 320px}@media (max-width:1024px){.ri-detail-grid{grid-template-columns:1fr}}.ri-detail-main,.ri-detail-sidebar{display:flex;flex-direction:column;gap:16px}.ri-detail-card{background:#fff;border:1px solid #eaecf0;border-radius:14px;box-shadow:0 1px 2px #1018280f;padding:18px 18px 16px}.ri-detail-header-card .ri-detail-header-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.ri-detail-title{color:#101828;font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:0 0 8px}.ri-detail-meta{align-items:center;color:#344054;display:flex;flex-wrap:wrap;font-size:14px;gap:4px 6px}.ri-detail-meta-sep{color:#98a2b3;font-weight:400}.ri-detail-badges-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ri-detail-context{color:#344054;font-size:13px;margin:10px 0 0}.ri-detail-actions{align-items:center;border-top:1px solid #f2f4f7;display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:16px}.ri-detail-select{background:#fff;border:1px solid #d0d5dd;border-radius:10px;color:#344054;font-size:13px;font-weight:600;min-width:160px;padding:10px 12px}.ri-detail-section-title{color:#101828;font-size:15px;font-weight:700;margin:0 0 12px}.ri-detail-description{color:#344054;font-size:14px;line-height:1.55;white-space:pre-wrap}.ri-detail-note{font-size:12px;line-height:1.45;margin:12px 0 0}.ri-detail-attachments{list-style:none;margin:0;padding:0}.ri-detail-attachment-row{align-items:center;border:1px solid #eaecf0;border-radius:10px;display:flex;font-size:14px;gap:10px;margin-bottom:8px;padding:10px 12px}.ri-detail-file-icon{color:#667085;display:flex;font-size:16px}.ri-detail-file-name{color:#101828;font-weight:600;word-break:break-all}.ri-detail-empty-thread{font-size:13px;margin:0 0 12px}.ri-detail-messages{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 12px;padding:0}.ri-detail-message-item{background:#f8fafc;border:1px solid #eaecf0;border-radius:10px;padding:10px 12px}.ri-detail-message-item--admin{background:#eef4ff;border-color:#dbe7ff}.ri-detail-message-author{color:#344054;font-size:12px;font-weight:700;margin-bottom:4px}.ri-detail-message-content{color:#101828;font-size:14px;line-height:1.5;white-space:pre-wrap}.ri-detail-message-time{font-size:12px;margin-top:6px}.ri-detail-reply-label{display:flex;flex-direction:column;gap:8px}.ri-detail-reply-input{background:#fff;border:1px solid #d0d5dd;border-radius:10px;color:#344054;font-size:14px;min-height:100px;padding:10px 12px;resize:vertical}.ri-detail-reply-footer{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:12px}.ri-detail-attach-link{align-items:center;background:none;border:none;color:#667085;cursor:not-allowed;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 0}.ri-detail-dl{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;margin:0}.ri-detail-dl dt{color:#667085;font-size:12px;font-weight:600;margin:0}.ri-detail-dl dd{color:#101828;font-size:14px;margin:0 0 10px}.ri-detail-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.ri-detail-field span{color:#667085;font-size:12px;font-weight:600}.ri-detail-field select{background:#fff;border:1px solid #d0d5dd;border-radius:10px;color:#101828;font-size:13px;padding:10px 12px}.ri-detail-check{align-items:center;color:#344054;display:flex;font-size:13px;gap:8px;margin-bottom:10px}.ri-detail-save{justify-content:center;margin-top:8px;width:100%}.ri-detail-save-error{color:#b91c1c;font-size:13px;margin:0 0 8px}.ri-detail-timeline{list-style:none;margin:0;padding:0}.ri-detail-timeline li{display:flex;gap:12px;margin-bottom:14px}.ri-detail-timeline li:last-child{margin-bottom:0}.ri-detail-timeline-dot{border-radius:50%;flex-shrink:0;height:10px;margin-top:4px;width:10px}.ri-detail-timeline-dot--new{background:#1570ef}.ri-detail-timeline-dot--file{background:#7c3aed}.ri-detail-related{list-style:none;margin:0;padding:0}.ri-detail-related li{margin-bottom:8px}.ri-detail-related-link{align-items:flex-start;background:#fff;border:1px solid #eaecf0;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-size:13px;gap:4px;padding:10px 12px;text-align:left;width:100%}.ri-detail-related-link:hover{background:#f9fafb;border-color:#d0d5dd}.ri-detail-related-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#344054;display:-webkit-box;font-weight:500;overflow:hidden}.ticket-resolve-page{margin:0 auto;max-width:1280px;padding:10px 18px 22px}.ticket-resolve-back{align-items:center;color:#667085;display:inline-flex;font-size:13px;gap:6px;margin-bottom:8px;text-decoration:none}.ticket-resolve-title{color:#101828;font-size:30px;line-height:1.2;margin:0}.ticket-resolve-subtitle{color:#667085;font-size:14px;margin:4px 0 18px}.ticket-resolve-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:320px minmax(0,1fr)}.ticket-resolve-left,.ticket-resolve-right{display:flex;flex-direction:column;gap:14px}.ticket-resolve-card{background:#fff;border:1px solid #eaecf0;border-radius:16px;padding:14px 14px 16px}.ticket-resolve-card h2{color:#101828;font-size:18px;margin:0 0 12px}.ticket-resolve-card h3{color:#101828;font-size:22px;margin:0 0 8px}.ticket-resolve-card h4{font-size:16px;margin:0 0 4px}.ticket-resolve-card p{color:#344054;line-height:1.5;margin:0}.ticket-resolve-divider{border-top:1px solid #eaecf0;margin:14px 0}.ticket-resolve-card dl{margin:0}.ticket-resolve-card dt{color:#667085;font-size:12px;margin-top:8px}.ticket-resolve-card dd{color:#101828;font-size:14px;font-weight:600;margin:2px 0 0}.ticket-resolve-card label{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.ticket-resolve-card label span{color:#667085;font-size:12px;font-weight:600}.ticket-resolve-card select,.ticket-resolve-card textarea{background:#fff;border:1px solid #d0d5dd;border-radius:10px;color:#101828;font-size:14px;padding:10px 12px}.ticket-resolve-card textarea{resize:vertical}.ticket-resolve-card textarea::placeholder{font-family:inherit;letter-spacing:normal}.ticket-resolve-btn{justify-content:center;width:100%}.ticket-resolve-hint{color:#667085;font-size:12px;margin:-4px 0 8px}.ticket-chip{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;line-height:1;padding:4px 10px}.ticket-chip--role{background:#ecfdf3;border-color:#abefc6;color:#027a48;text-transform:capitalize}.ticket-chip--priority{background:#fff7ed;border-color:#fed7aa;color:#b45309}.ticket-chip--p-LOW{background:#eff8ff;border-color:#b2ddff;color:#175cd3}.ticket-chip--p-NORMAL{background:#f2f4f7;border-color:#eaecf0;color:#475467}.ticket-chip--p-HIGH{background:#fff7ed;border-color:#fed7aa;color:#b45309}.ticket-chip--p-URGENT{background:#fef3f2;border-color:#fecdca;color:#b42318}.ticket-chip--status{background:#f2f4f7;border-color:#eaecf0;color:#475467}.ticket-chip--s-OPEN{background:#eff8ff;border-color:#b2ddff;color:#175cd3}.ticket-chip--s-IN_PROGRESS{background:#fffaeb;border-color:#fedf89;color:#b54708}.ticket-chip--s-RESOLVED{background:#ecfdf3;border-color:#abefc6;color:#027a48}.ticket-btn{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;gap:8px;justify-content:center;padding:12px 14px}.ticket-btn:disabled{cursor:not-allowed;opacity:.65}.ticket-btn--primary{background:#4f46e5;color:#fff}.ticket-btn--success{background:#16a34a;color:#fff}.ticket-btn--muted{background:#f2f4f7;border-color:#eaecf0;color:#475467}.ticket-btn--danger{background:#dc2626;color:#fff}.ticket-btn--dark{background:#111827;color:#fff}.ticket-quick-actions{display:flex;flex-direction:column;gap:10px}.ticket-thread-row{display:flex;gap:10px;margin-bottom:10px}.ticket-thread-row--admin{justify-content:flex-end}.ticket-thread-avatar{align-items:center;background:#f2f4f7;border-radius:50%;color:#475467;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;width:28px}.ticket-thread-bubble{background:#f8fafc;border:1px solid #eaecf0;border-radius:14px;max-width:76%;padding:10px 12px}.ticket-thread-bubble--admin{background:#4f46e5;border-color:#4f46e5;color:#fff}.ticket-thread-bubble strong{display:block;font-size:12px;margin-bottom:4px}.ticket-thread-bubble p{font-size:13px}.ticket-thread-bubble--admin p{color:#fff}.ticket-thread-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.ticket-thread-file{align-items:center;border:1px solid #eaecf0;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;gap:6px;padding:6px 10px}.ticket-thread-bubble--admin .ticket-thread-file{background:#ffffff1f;border-color:#ffffff59;color:#fff}.ticket-thread-bubble:not(.ticket-thread-bubble--admin) .ticket-thread-file{background:#f8fafc;color:#344054}.ticket-reply-label span{color:#101828;font-size:14px;font-weight:600}.ticket-reply-actions{align-items:center;display:flex;justify-content:space-between}.ticket-link-btn{align-items:center;background:#0000;border:none;color:#667085;display:inline-flex;font-weight:600;gap:6px}.ticket-attachments{display:flex;flex-direction:column;gap:10px;margin-top:10px}.ticket-attachment-row{align-items:center;background:#fff;border:1px solid #eaecf0;border-radius:12px;display:flex;justify-content:space-between;padding:10px}.ticket-attachment-left{align-items:center;display:flex;gap:10px;min-width:0}.ticket-attachment-icon{align-items:center;background:#eff8ff;border-radius:10px;color:#175cd3;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.ticket-attachment-meta{display:flex;flex-direction:column;min-width:0}.ticket-attachment-name{color:#101828;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-attachment-size{color:#667085;font-size:12px;margin-top:2px}.ticket-attachment-dl{align-items:center;background:#fff;border:1px solid #eaecf0;border-radius:10px;color:#667085;display:inline-flex;height:34px;justify-content:center;width:34px}.ticket-history-title{align-items:center;display:inline-flex;gap:8px}.ticket-history-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.ticket-history-list li{border-left:2px solid #e4e7ec;display:flex;flex-direction:column;gap:2px;padding-left:10px}.ticket-history-list strong{color:#101828;font-size:14px}.ticket-history-list span{color:#667085;font-size:12px}@media (max-width:1100px){.ticket-resolve-layout{grid-template-columns:1fr}}.kb-page{margin:0 auto;max-width:1280px;padding-bottom:48px;width:100%}.kb-head{margin-bottom:18px}.kb-title{color:#101828;font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0}.kb-subtitle{color:#667085;font-size:14px;margin:8px 0 0}.kb-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;font-size:14px;margin:10px 0 16px;padding:10px 12px}.kb-kpi-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}@media (max-width:1024px){.kb-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.kb-kpi-grid{grid-template-columns:1fr}}.kb-kpi-card{background:#fff;border:1px solid #eaecf0;border-radius:14px;box-shadow:0 1px 2px #1018280f;display:flex;flex-direction:column;gap:8px;padding:16px 16px 18px}.kb-kpi-icon{align-items:center;border-radius:12px;display:flex;font-size:18px;height:44px;justify-content:center;width:44px}.kb-kpi-value{color:#101828;font-size:26px;font-weight:800;line-height:1.1}.kb-kpi-label{color:#667085;font-size:13px;font-weight:600}.kb-recent-card{background:#fff;border:1px solid #eaecf0;border-radius:14px;box-shadow:0 1px 2px #1018280f;margin-bottom:16px;padding:18px 18px 16px}.kb-recent-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.kb-section-title{color:#101828;font-size:16px;font-weight:700;margin:0}.kb-muted{color:#667085;font-size:13px}.kb-table-wrap{overflow-x:auto}.kb-table{border-collapse:collapse;font-size:13px;min-width:860px;width:100%}.kb-table th{background:#f9fafb;border-bottom:1px solid #e4e7ec;color:#667085;font-size:11px;font-weight:700;letter-spacing:.04em;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.kb-table td{border-bottom:1px solid #f2f4f7;color:#101828;padding:12px;vertical-align:middle}.kb-type-pill{background:#eff4ff;border-radius:999px;color:#175cd3;font-size:12px;padding:2px 10px}.kb-edit-btn,.kb-type-pill{align-items:center;display:inline-flex;font-weight:700}.kb-edit-btn{background:#fff;border:1px solid #d0d5dd;border-radius:8px;color:#344054;cursor:pointer;gap:8px;padding:8px 10px}.kb-edit-btn:hover{background:#f9fafb}.kb-editor-card{background:#fff;border:1px solid #eaecf0;border-radius:14px;box-shadow:0 1px 2px #1018280f;padding:18px 18px 16px}.kb-editor-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.kb-editor-actions{display:flex;gap:10px}.kb-secondary-btn{background:#fff;border:1px solid #d0d5dd;border-radius:10px;color:#344054;cursor:pointer;font-weight:700;padding:10px 14px}.kb-secondary-btn:hover{background:#f9fafb}.kb-primary-btn{background:#7c3aed;border:1px solid #7c3aed;border-radius:10px;color:#fff;cursor:pointer;font-weight:800;padding:10px 14px}.kb-primary-btn:hover{background:#6927da}.kb-editor-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.kb-field{display:flex;flex-direction:column;gap:6px}.kb-field--full{grid-column:1/-1}.kb-field-label{color:#344054;font-size:13px;font-weight:700}.kb-field input,.kb-field select,.kb-field textarea{background:#fff;border:1px solid #d0d5dd;border-radius:10px;color:#101828;font-size:14px;padding:10px 12px}.kb-field textarea{resize:vertical}.kb-attachments{margin-top:4px}.kb-attachments-hint{color:#667085;font-size:13px;line-height:1.45;margin:0 0 10px}.kb-attachments-input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.kb-attachments-drop{background:#fcfcfd;border:1px dashed #d0d5dd;border-radius:12px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.kb-attachments-drop--active{background:#f5f3ff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.kb-attachments-drop-inner{align-items:center;display:flex;flex-wrap:wrap;gap:14px 16px;padding:18px 16px}.kb-attachments-drop-icon{align-items:center;background:#ede9fe;border-radius:12px;color:#7c3aed;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;width:44px}.kb-attachments-drop-text{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:200px}.kb-attachments-drop-title{color:#101828;font-size:14px;font-weight:700}.kb-attachments-drop-sub{color:#667085;font-size:13px;line-height:1.4}.kb-attachments-browse-btn{align-items:center;background:#fff;border:1px solid #d0d5dd;border-radius:10px;color:#344054;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:700;gap:6px;padding:10px 16px}.kb-attachments-browse-btn:hover{background:#f9fafb;border-color:#b5bcc2}.kb-attachments-browse-btn:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}.kb-attachments-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:12px 0 0;padding:0}.kb-attachments-chip{align-items:center;background:#fff;border:1px solid #eaecf0;border-radius:10px;display:flex;font-size:13px;gap:10px;padding:10px 12px}.kb-attachments-chip-name{color:#101828;flex:1 1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-attachments-chip-meta{color:#667085;flex-shrink:0;font-size:12px}.kb-attachments-chip-remove{align-items:center;background:#0000;border:none;border-radius:8px;color:#98a2b3;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px}.kb-attachments-chip-remove:hover{background:#f2f4f7;color:#667085}.kb-editor-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.aov-page{background:#f3f5fb;min-height:calc(100vh - 76px);padding-bottom:24px}.aov-topbar{align-items:center;background:#2537c6;background:var(--portal-primary,#2537c6);color:#fff;display:flex;height:68px;justify-content:space-between;padding:0 14px}.aov-topbar h1{font-size:21px;font-weight:700;margin:0}.aov-topbar-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:16px}.aov-topbar-btn,.aov-topbar-placeholder{height:34px;width:34px}.aov-card{background:#fff;border:1px solid #e9edf5;border-radius:14px;margin:12px;overflow:hidden}.aov-section-head{align-items:center;border-bottom:1px solid #eef1f6;display:flex;gap:12px;padding:14px 16px}.aov-section-icon-wrap{align-items:center;background:#eceef5;border-radius:999px;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.aov-section-icon-wrap svg{color:#1e3a8a;font-size:18px}.aov-section-title{color:#0f172a;font-size:18px;font-weight:700;margin:0}.aov-section-body{padding:14px 16px 18px}.aov-muted{color:#64748b;font-size:13px;line-height:1.5;margin:0 0 12px}.aov-link-btn{align-items:center;background:#0000;border:none;color:#2537c6;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;margin-bottom:14px;padding:0}.aov-link-btn:hover{text-decoration:underline}.aov-session-row{align-items:flex-start;border-top:1px solid #f1f4f8;display:flex;gap:10px;padding:10px 0}.aov-session-row:first-of-type{border-top:none;padding-top:0}.aov-session-icon{align-items:center;background:#f1f5f9;border-radius:8px;color:#334155;display:inline-flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.aov-session-main strong{color:#0f172a;display:block;font-size:14px}.aov-session-main small{color:#64748b;display:block;font-size:12px;margin-top:2px}.aov-badge{background:#ecfdf5;border-radius:6px;color:#059669;display:inline-block;font-size:11px;font-weight:700;margin-top:4px;padding:2px 8px}.aov-error,.aov-loading{color:#64748b;font-size:14px;margin:12px}.aov-error{color:#b91c1c}.ds-page{background:#f4f6fb;min-height:calc(100vh - 76px);padding-bottom:18px}.ds-topbar{align-items:center;background:#5a67d8;background:var(--portal-primary,#5a67d8);color:#fff;display:flex;height:68px;justify-content:space-between;padding:0 14px}.ds-topbar h1{font-size:28px;font-weight:700;margin:0}.ds-topbar-btn,.ds-topbar-btn-placeholder{height:34px;width:34px}.ds-topbar-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:16px}.ds-card{background:#fff;border:1px solid #e7eaf2;border-radius:14px;margin:12px;overflow:hidden}.ds-card-header{border-bottom:1px solid #eef2f8;padding:12px 14px}.ds-card-header h2{color:#111827;font-size:22px;font-weight:700;margin:0}.ds-subtitle{color:#6b7280;font-size:13px;line-height:1.4;margin:6px 0 0}.ds-session-list{display:flex;flex-direction:column}.ds-session-row{align-items:flex-start;border-top:1px solid #f2f4f8;display:flex;gap:12px;padding:14px}.ds-session-row.current{background:#f8faff;border-left:3px solid #5a67d8;border-left:3px solid var(--portal-primary,#5a67d8)}.ds-session-icon{align-items:center;background:#eef2fb;border-radius:10px;color:#5a67d8;color:var(--portal-primary,#5a67d8);display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.ds-session-info{flex:1 1;min-width:0}.ds-session-device{align-items:center;color:#111827;display:flex;flex-wrap:wrap;font-size:15px;font-weight:600;gap:8px;margin:0}.ds-session-badge{background:#e8ecff;background:var(--portal-primary-soft,#e8ecff);border-radius:999px;color:#5a67d8;color:var(--portal-primary,#5a67d8);font-size:11px;font-weight:600;padding:2px 8px}.ds-session-meta{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px;margin:4px 0 0}.ds-meta-icon{color:#9ca3af;flex-shrink:0;font-size:10px}.ds-revoke-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#dc2626;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:6px 12px}.ds-revoke-btn:hover{background:#fef2f2;border-color:#fecaca}.ds-actions{background:#fafbfc;border-top:1px solid #eef2f8;padding:12px 14px}.ds-revoke-all-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 14px;width:100%}.ds-revoke-all-btn:hover{background:#f3f4f6;border-color:#d1d5db}.bm-page{background:#eef1f8;min-height:calc(100vh - 76px);padding:20px 24px 40px}.bm-head{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.bm-head h1{color:#0f172a;font-size:24px;margin:0}.bm-head p{color:#64748b;font-size:14px;margin:6px 0 0}.bm-add-btn{background:#4f46e5;border:0;border-radius:12px;color:#fff;cursor:pointer;font-weight:900;height:42px;padding:10px 14px}.bm-card{background:#fff;border:1px solid #e8ecf4;border-radius:16px;box-shadow:0 4px 24px #0f172a0f;margin-bottom:14px;padding:18px 18px 20px}.bm-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.bm-stat{align-items:center;background:#fff;border:1px solid #e8ecf4;border-radius:16px;box-shadow:0 4px 24px #0f172a0f;display:flex;gap:12px;padding:16px 16px 14px}.bm-stat-body{min-width:0}.bm-stat-icon{border-radius:999px;display:grid;flex:0 0 auto;height:42px;place-items:center;width:42px}.bm-stat-icon svg{height:18px;width:18px}.bm-stat-icon--blue{background:#3b82f624;color:#1d4ed8}.bm-stat-icon--green{background:#10b98124;color:#047857}.bm-stat-icon--purple{background:#a855f724;color:#7e22ce}.bm-stat-icon--amber{background:#f59e0b29;color:#92400e}.bm-stat-icon--pink{background:#ec489924;color:#9d174d}.bm-stat-icon--teal{background:#14b8a624;color:#0f766e}.bm-stat-label{color:#64748b;font-size:12px;font-weight:800}.bm-stat-value{color:#0f172a;font-size:22px;font-weight:900;margin-top:6px}.bm-card h2{color:#0f172a;font-size:16px;margin:0 0 12px}.bm-form label{grid-gap:6px;color:#475569;display:grid;font-size:12px;font-weight:700;gap:6px}.bm-form input,.bm-form select{border:1px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;padding:10px 12px}.bm-form select{background:#fff}.bm-form input:focus,.bm-form select:focus{border-color:#4f46e58c;box-shadow:0 0 0 4px #4f46e51f}.bm-form button{background:#4f46e5;border:0;border-radius:12px;color:#fff;cursor:pointer;font-weight:900;height:42px;padding:10px 14px}.bm-form button:disabled{cursor:not-allowed;opacity:.6}.bm-error{color:#b91c1c;font-size:13px;font-weight:700;margin-top:10px}.bm-muted{color:#64748b;font-size:14px;margin:0}.bm-card-head{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.bm-refresh{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;font-weight:800;padding:8px 12px}.bm-table-wrap{overflow-x:auto}.bm-table{border-collapse:collapse;width:100%}.bm-table th{border-bottom:1px solid #e5e7eb;color:#475569;font-size:12px;padding:10px 12px;text-align:left}.bm-table td{border-bottom:1px solid #f1f5f9;color:#0f172a;font-size:13px;padding:10px 12px}.bm-pill{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;padding:3px 10px}.bm-pill--good{background:#10b9811f;border-color:#10b98138;color:#047857}.bm-pill--warn{background:#f59e0b24;border-color:#f59e0b38;color:#92400e}.bm-pill--bad{background:#ef44441f;border-color:#ef444438;color:#991b1b}.bm-pill--active{background:#10b9811f;border-color:#10b98138;color:#047857}.bm-pill--inactive{background:#94a3b82e;border-color:#94a3b847;color:#475569}.bm-action{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:900;gap:8px;padding:7px 10px}.bm-action svg{height:16px;width:16px}.bm-action:hover{border-color:#4f46e559;box-shadow:0 0 0 4px #4f46e514}@media (max-width:900px){.bm-stats{grid-template-columns:1fr}}.bm-modal-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:50}.bm-modal{background:#fff;border:1px solid #e8ecf4;border-radius:18px;box-shadow:0 18px 60px #0f172a40;overflow:visible;padding:18px;width:min(720px,100%)}.bm-modal-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.bm-modal-head h3{color:#0f172a;font-size:18px;margin:0}.bm-modal-head p{color:#64748b;font-size:13px;margin:6px 0 0}.bm-x{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;font-size:18px;font-weight:900;height:38px;width:38px}.bm-modal-form{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.bm-modal-form label{grid-gap:6px;color:#475569;display:grid;font-size:12px;font-weight:800;gap:6px;min-width:0}.bm-modal-form input,.bm-modal-form select{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;font-size:14px;min-width:0;outline:none;padding:10px 12px;width:100%}.bm-modal-form input:focus,.bm-modal-form select:focus{border-color:#4f46e58c;box-shadow:0 0 0 4px #4f46e51f}.bm-modal-actions{display:flex;gap:10px;grid-column:1/-1;justify-content:flex-end;margin-top:8px}.bm-btn{background:#4f46e5;border:0;border-radius:12px;color:#fff;cursor:pointer;font-weight:900;height:42px;padding:10px 14px}.bm-btn--ghost{background:#fff;border:1px solid #e5e7eb;color:#111827}@media (max-width:760px){.bm-modal-form,.bm-stats{grid-template-columns:1fr}}.dp-page{background:#f3f4f6;min-height:100%;padding:16px}.dp-header{align-items:center;background:linear-gradient(120deg,#1e2fb1,#2537c6);background:linear-gradient(120deg,var(--portal-primary-strong,#1e2fb1),var(--portal-primary,#2537c6));border-radius:10px 10px 0 0;color:#fff;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding:16px 18px}.dp-header h1{font-size:33px;margin:0 0 2px}.dp-header p{font-size:12px;margin:0;opacity:.85}.dp-back-btn{align-items:center;background:#ffffff24;border:1px solid #ffffff47;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;padding:8px 16px}.dp-content{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 310px}.dp-main{display:flex;flex-direction:column;gap:12px}.dp-card{background:#fff;border:1px solid #e8e9ef;border-radius:12px;padding:14px}.dp-section-head{align-items:center;display:flex;gap:10px;margin-bottom:8px}.dp-section-icon{align-items:center;background:#2537c6;background:var(--portal-primary,#2537c6);border-radius:999px;color:#fff;display:inline-flex;font-size:12px;height:28px;justify-content:center;width:28px}.dp-card h2{font-size:26px;margin:0}.dp-subtitle{color:#8b90a0;font-size:11px;margin:0}.dp-row{margin-bottom:13px}.dp-row label{color:#303650;display:block;font-size:14px;font-weight:600;margin-bottom:9px}.dp-choice-grid{grid-gap:8px;display:grid;gap:8px}.dp-choice-grid.two{grid-template-columns:repeat(2,1fr)}.dp-choice-grid.three{grid-template-columns:repeat(3,1fr)}.dp-choice-grid.four{grid-template-columns:repeat(4,1fr)}.dp-choice-grid.five{grid-template-columns:repeat(5,1fr)}.dp-choice-grid button{background:#fff;border:1px solid #e3e6ee;border-radius:10px;cursor:pointer;padding:9px;text-transform:capitalize}.dp-choice-grid button.active{border-color:#2537c6;border-color:var(--portal-primary,#2537c6);box-shadow:0 0 0 1px #2537c6;box-shadow:0 0 0 1px var(--portal-primary,#2537c6)}.dp-mode-btn{display:flex;flex-direction:column;gap:2px;text-align:left}.dp-mode-btn strong{color:#20253f;font-size:14px}.dp-mode-btn span{color:#868ba0;font-size:12px}.dp-color-btn{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:74px}.dp-color-btn span:last-child{color:#39415f;font-size:12px;text-transform:none}.dp-color-chip{border-radius:7px;height:34px;width:100%}.dp-help-text{color:#404864;display:inline-flex;flex-direction:column;font-size:12px;gap:2px;margin:8px 0 0 10px}.dp-help-text span{color:#9aa0ad;font-size:11px}.dp-sidebar-btn{align-items:center;display:flex;flex-direction:column;gap:7px}.dp-sidebar-btn span:last-child{color:#38415f;font-size:13px;text-transform:none}.dp-sidebar-demo{border:1px solid #e0e4ee;border-radius:7px;height:38px;width:100%}.dp-sidebar-demo.light{background:#fafbfd}.dp-sidebar-demo.dark{background:#16233d}.dp-sidebar-demo.brand{background:linear-gradient(130deg,#1e2fb1,#2537c6);background:linear-gradient(130deg,var(--portal-primary-strong,#1e2fb1),var(--portal-primary,#2537c6))}.dp-widget-list{display:flex;flex-direction:column;gap:9px}.dp-widget-row{align-items:center;background:#f8f9fb;border:1px solid #eceff4;border-radius:10px;display:flex;justify-content:space-between;padding:11px 12px}.dp-widget-info{color:#2f3551;font-size:14px;gap:10px}.dp-widget-drag,.dp-widget-info{align-items:center;display:inline-flex}.dp-widget-drag{color:#b6bcc9}.dp-widget-info em{background:#edf2ff;border-radius:999px;color:#4f67d6;font-size:11px;font-style:normal;padding:2px 6px}.dp-widget-icon{align-items:center;background:#eef2fb;border-radius:6px;color:#4a558a;display:inline-flex;height:22px;justify-content:center;width:22px}.dp-toggle{background:#e5e7eb;border:1px solid #d6d9e2;border-radius:999px;cursor:pointer;height:22px;position:relative;width:42px}.dp-toggle:after{background:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .15s ease;width:16px}.dp-toggle.on{background:#2537c6;background:var(--portal-primary,#2537c6);border-color:#2537c6;border-color:var(--portal-primary,#2537c6)}.dp-toggle.on:after{transform:translateX(20px)}.dp-actions{align-items:center;display:flex;justify-content:space-between}.dp-reset,.dp-save{align-items:center;background:#fff;border:1px solid #e2e6ef;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:9px 14px}.dp-save{background:#2537c6;background:var(--portal-primary,#2537c6);border-color:#2537c6;border-color:var(--portal-primary,#2537c6);color:#fff}.dp-reset{color:#de4b4b}.dp-saved{color:#15803d;font-size:12px;margin:-4px 0 0}.dp-preview{background:#fff;border:1px solid #e8e9ef;border-radius:12px;height:-webkit-fit-content;height:fit-content;padding:14px}.dp-preview h3{font-size:24px;margin:0}.dp-preview p{color:#8b90a0;font-size:11px;margin:0}.dp-preview-shell{border:1px solid #e1e5f0;border-radius:10px;margin-top:10px;overflow:hidden}.dp-preview-topbar{align-items:center;background:#2537c6;background:var(--portal-primary,#2537c6);color:#fff;display:flex;font-size:11px;font-weight:600;justify-content:space-between;padding:7px 10px}.dp-preview-layout{display:grid;grid-template-columns:38px 1fr}.dp-preview-sidebar{align-items:center;background:#f7f9ff;border-right:1px solid #e7ebf5;display:flex;flex-direction:column;gap:12px;padding:10px 0}.dp-preview-sidebar span{background:#d5ddf5;border-radius:4px;height:13px;width:13px}.dp-preview-layout.dark .dp-preview-sidebar{background:#202a43}.dp-preview-layout.dark .dp-preview-sidebar span{background:#6b7695}.dp-preview-layout.brand .dp-preview-sidebar{background:linear-gradient(130deg,#1e2fb1,#2537c6);background:linear-gradient(130deg,var(--portal-primary-strong,#1e2fb1),var(--portal-primary,#2537c6))}.dp-preview-layout.brand .dp-preview-sidebar span{background:#ffffff80}.dp-preview-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);padding:10px}.dp-preview-grid div{background:#fff;border:1px solid #e8ebf3;border-radius:6px;color:#475173;font-size:10px;padding:8px 6px}.dp-preview-layout.dark-mode{background:#0f1930}.dp-preview-layout.dark-mode .dp-preview-grid div{background:#1a2740;border-color:#2a3958;color:#dbe6fa}.dp-preview-layout.dark-mode .dp-preview-sidebar{border-right-color:#2a3958}.dp-preview-note{background:#fafbff;border-top:1px solid #e8ebf3;color:#7a8095;font-size:10px;padding:8px 10px}.dp-applied-summary{background:#f9fbff;border:1px solid #e5e8f1;border-radius:10px;margin-top:10px;padding:10px}.dp-applied-summary h4{color:#39415f;font-size:12px;margin:0 0 8px}.dp-applied-tags{display:flex;flex-wrap:wrap;gap:6px}.dp-applied-tag{background:#e8ecff;background:var(--portal-primary-soft,#e8ecff);border:1px solid #d9e1f3;border-radius:999px;color:#1e2fb1;color:var(--portal-primary-strong,#1e2fb1);font-size:11px;font-weight:600;padding:4px 8px}.dp-preview-meta{align-items:center;border:1px solid #e5e7eb;border-radius:10px;color:#39415f;display:flex;font-size:13px;font-weight:600;justify-content:center;margin-top:8px;padding:12px}@media (max-width:1180px){.dp-content{grid-template-columns:1fr}}.legal-page{background:#eef1f7;min-height:calc(100vh - 70px);padding-bottom:24px}.legal-header{align-items:flex-start;background:#4f5fd1;color:#fff;display:flex;gap:10px;padding:14px 16px 16px}.legal-back-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:16px;margin-top:2px}.legal-header-content h1{font-size:22px;font-weight:700;margin:0}.legal-header-content p{color:#ffffffd9;font-size:12px;margin:6px 0 0}.legal-content{grid-gap:12px;display:grid;gap:12px;padding:14px}.legal-section{background:#fff;border:1px solid #e6e9f2;border-radius:12px;overflow:hidden}.legal-section-title{align-items:center;border-bottom:1px solid #edf0f7;color:#111827;display:flex;font-size:19px;gap:8px;margin:0;padding:12px 14px}.legal-section-title svg{color:#4f5fd1;font-size:14px}.legal-section-body{padding:12px 14px}.legal-section-intro{color:#4b5563;font-size:13px;line-height:1.5;margin:0 0 10px}.legal-list{grid-gap:7px;display:grid;gap:7px;margin:0;padding-left:18px}.legal-list li{color:#374151;font-size:13px;line-height:1.45}.legal-list strong{color:#111827}.legal-note{background:#f5f8ff;border:1px solid #dde7ff;border-radius:9px;color:#334155;font-size:12px;line-height:1.45;margin-top:12px;padding:10px 12px}.legal-note.warning{background:#fffef4;border-color:#efe4bc}.legal-note.success{background:#effbf3;border-color:#cde8d8}.legal-footer-btn{background:#1f39bf;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:13px 14px;width:100%}.legal-footer-btn:hover{background:#1930a2}.legal-footer-btn:disabled{cursor:not-allowed;opacity:.75}.faq-page{box-sizing:border-box;margin:0;max-width:none;padding:0 0 40px;width:100%}.faq-hero{background:#2537c6;background:var(--portal-primary,#2537c6);border-radius:0 0 16px 16px;box-shadow:0 8px 28px #0f172a1f;color:#fff;margin:0 -4px 28px;padding:20px 20px 24px}.faq-hero-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px 20px}.faq-back-btn{align-items:center;background:#ffffff26;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;transition:background .2s ease;width:40px}.faq-back-btn:hover{background:#ffffff40}.faq-hero-text{flex:1 1 220px;min-width:0}.faq-hero-text h1{font-size:clamp(1.35rem,3vw,1.75rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0}.faq-hero-text p{color:#ffffffe0;font-size:.95rem;line-height:1.45;margin:8px 0 0;max-width:520px}.faq-hero-search{flex:1 1 240px;margin-left:auto;max-width:320px;position:relative}.faq-search-icon{color:#64748b;font-size:14px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.faq-hero-search input{background:#fff;border:none;border-radius:12px;box-shadow:0 2px 12px #00000014;box-sizing:border-box;color:#0f172a;font-size:14px;padding:12px 14px 12px 40px;width:100%}.faq-hero-search input::placeholder{color:#94a3b8}.faq-hero-search input:focus{outline:2px solid #fff9;outline-offset:2px}.faq-section{margin-bottom:32px}.faq-section-title{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0 0 16px}.faq-category-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(5,minmax(0,1fr))}.faq-category-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 10px #0f172a0f;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:18px 14px;text-align:center;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.faq-category-card:hover{border-color:color-mix(in srgb,var(--portal-primary) 35%,#e2e8f0);box-shadow:0 6px 20px #0f172a14}.faq-category-card.active{border-color:var(--portal-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--portal-primary) 25%,#0000)}.faq-category-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.faq-category-label{color:#0f172a;font-size:13px;font-weight:700;line-height:1.3}.faq-category-count{color:#64748b;font-size:12px}.faq-clear-filter{background:none;border:none;color:var(--portal-primary);cursor:pointer;font-size:13px;font-weight:600;margin-top:12px;text-decoration:underline;text-underline-offset:3px}.faq-clear-filter:hover{opacity:.85}.faq-accordion-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 10px #0f172a0a;padding:20px 20px 8px}.faq-accordion-head{align-items:center;display:flex;gap:10px;margin-bottom:8px}.faq-accordion-head .faq-section-title{margin:0}.faq-accordion-icon{color:var(--portal-primary);font-size:22px}.faq-accordion-list{list-style:none;margin:0;padding:0}.faq-empty{color:#64748b;font-size:14px;padding:24px 12px;text-align:center}.faq-accordion-item{border-top:1px solid #e8ecf4}.faq-accordion-item:first-of-type{border-top:none}.faq-accordion-trigger{align-items:flex-start;background:none;border:none;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:16px 4px;text-align:left;width:100%}.faq-accordion-trigger-text{align-items:flex-start;display:flex;flex-direction:column;gap:8px;min-width:0}.faq-question-title{color:#0f172a;font-size:15px;font-weight:700;line-height:1.4}.faq-pill{border-radius:999px;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px}.faq-pill--time{background:#dbeafe;color:#1d4ed8}.faq-pill--jobs{background:#ede9fe;color:#6d28d9}.faq-pill--payments{background:#d1fae5;color:#047857}.faq-pill--reports{background:#ffedd5;color:#c2410c}.faq-pill--account{background:#e0e7ff;color:#4338ca}.faq-chevron{color:#94a3b8;flex-shrink:0;font-size:14px;margin-top:4px;transition:transform .2s ease}.faq-accordion-item.open .faq-chevron{transform:rotate(180deg)}.faq-accordion-panel{margin-top:-4px;padding:0 4px 18px}.faq-accordion-panel p{color:#475569;font-size:14px;line-height:1.6;margin:0}.faq-cta-band{background:#2537c6;background:var(--portal-primary,#2537c6);border-radius:16px;box-shadow:0 10px 36px #0f172a26;color:#fff;margin-top:8px;padding:36px 24px 40px;text-align:center}.faq-cta-icon{font-size:28px;margin-bottom:8px;opacity:.95}.faq-cta-band h2{font-size:1.35rem;font-weight:700;margin:0 0 10px}.faq-cta-band>p{color:#ffffffe6;font-size:.95rem;line-height:1.5;margin:0 auto 24px;max-width:420px}.faq-cta-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.faq-cta-primary{background:#fff;border:2px solid #fff;border-radius:10px;color:#2537c6;color:var(--portal-primary,#2537c6);cursor:pointer;font-size:14px;font-weight:600;padding:12px 22px;transition:background .2s ease,color .2s ease,transform .15s ease}.faq-cta-primary:hover{background:#ffffffeb;transform:translateY(-1px)}.faq-cta-secondary{background:#0000;border:2px solid #fffffff2;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 22px;transition:background .2s ease,border-color .2s ease}.faq-cta-secondary:hover{background:#ffffff1f}@media (max-width:900px){.faq-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.faq-hero-search{flex:1 1 100%;margin-left:0;max-width:none}}@media (max-width:600px){.faq-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-hero{border-radius:0 0 12px 12px;margin-left:0;margin-right:0}.faq-cta-actions{flex-direction:column;width:100%}.faq-cta-primary,.faq-cta-secondary{max-width:280px;width:100%}}.report-issue-page{box-sizing:border-box;margin:0;max-width:none;padding:0 0 40px;width:100%}.report-issue-hero{background:#2537c6;background:var(--portal-primary,#2537c6);border-radius:0 0 16px 16px;box-shadow:0 8px 28px #0f172a1f;color:#fff;margin:0 -4px 24px;padding:20px 20px 24px}.report-issue-hero-inner{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;max-width:100%}.report-issue-back{align-items:center;background:#ffffff26;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;transition:background .2s ease;width:40px}.report-issue-back:hover{background:#ffffff40}.report-issue-hero-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;width:48px}.report-issue-hero-text{flex:1 1;min-width:0}.report-issue-hero-text h1{font-size:clamp(1.35rem,3vw,1.65rem);font-weight:700;letter-spacing:-.02em;margin:0}.report-issue-hero-text p{color:#ffffffe6;font-size:.95rem;line-height:1.45;margin:8px 0 0;max-width:560px}.report-issue-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 24px #0f172a0f;padding:24px 24px 20px}.report-issue-banner-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;font-size:14px;margin-bottom:16px;padding:12px 14px}.report-issue-form-grid{grid-gap:24px 32px;align-items:start;display:grid;gap:24px 32px;grid-template-columns:1fr 1fr}.report-issue-col{display:flex;flex-direction:column;gap:0}.report-issue-label{color:#111827;display:block;font-size:14px;font-weight:700;margin:16px 0 8px}.report-issue-label:first-child{margin-top:0}.report-issue-label--inline{margin-bottom:10px}.report-issue-req{color:#dc2626;font-weight:700}.report-issue-input,.report-issue-textarea{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#111827;font-size:14px;padding:12px 14px;transition:border-color .15s ease,background .15s ease;width:100%}.report-issue-input::placeholder,.report-issue-textarea::placeholder{color:#9ca3af}.report-issue-input:focus,.report-issue-textarea:focus{background:#fff;border-color:color-mix(in srgb,var(--portal-primary) 55%,#e5e7eb);outline:none}.report-issue-textarea{line-height:1.5;min-height:180px;resize:vertical}.report-issue-hint{color:#6b7280;font-size:12px;margin:6px 0 0}.report-issue-hint.ok{color:#059669}.report-issue-priority-row{display:flex;flex-wrap:wrap;gap:8px}.report-issue-priority-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;min-width:72px;padding:10px 12px;transition:background .15s ease,border-color .15s ease,color .15s ease}.report-issue-priority-btn:hover{border-color:#d1d5db}.report-issue-priority-btn.active{background:var(--portal-button-primary);border-color:var(--portal-button-primary);color:#fff}.report-issue-dropzone{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;padding:28px 16px;text-align:center;transition:border-color .15s ease,background .15s ease}.report-issue-dropzone.active,.report-issue-dropzone:hover{background:color-mix(in srgb,#e8ecff 35%,#f8fafc);background:color-mix(in srgb,var(--portal-primary-soft,#e8ecff) 35%,#f8fafc);border-color:color-mix(in srgb,var(--portal-primary) 45%,#cbd5e1)}.report-issue-upload-icon{color:#64748b;display:block;font-size:32px;margin:0 auto 10px}.report-issue-dropzone strong{color:#1e293b;display:block;font-size:14px;margin-bottom:4px}.report-issue-dropzone span{color:#64748b;font-size:12px}.report-issue-file-input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.report-issue-browse{align-self:flex-start;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:10px 18px}.report-issue-file-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:12px 0 0;padding:0}.report-issue-file-list li{align-items:center;background:#f3f4f6;border-radius:8px;color:#374151;display:flex;font-size:13px;gap:8px;justify-content:space-between;padding:8px 10px}.report-issue-file-list button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:12px;font-weight:600}.report-issue-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:24px;padding-top:20px}.report-issue-cancel{padding:12px 22px}.report-issue-cancel,.report-issue-submit{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600}.report-issue-submit{padding:12px 24px}.report-issue-submit:disabled{cursor:not-allowed;opacity:.65}.report-issue-tips{background:color-mix(in srgb,#e8ecff 55%,#fff);background:color-mix(in srgb,var(--portal-primary-soft,#e8ecff) 55%,#fff);border:1px solid color-mix(in srgb,var(--portal-primary) 35%,#bfdbfe);border-radius:14px;margin-top:24px;padding:20px 22px}.report-issue-tips-head{align-items:center;display:flex;gap:10px;margin-bottom:12px}.report-issue-tips-icon{color:#ca8a04;font-size:20px}.report-issue-tips h2{color:#2537c6;color:var(--portal-primary,#2537c6);font-size:1rem;font-weight:700;margin:0}.report-issue-tips ul{color:color-mix(in srgb,var(--portal-primary) 55%,#1e3a5f);font-size:14px;line-height:1.65;margin:0;padding-left:1.25rem}.report-issue-tips li{margin-bottom:6px}@media (max-width:768px){.report-issue-form-grid{grid-template-columns:1fr}.report-issue-hero{margin-left:0;margin-right:0}.report-issue-actions{align-items:stretch;flex-direction:column-reverse}.report-issue-cancel,.report-issue-submit{width:100%}}.cst-page{box-sizing:border-box;margin:0;max-width:none;padding:0 0 40px;width:100%}.cst-hero{background:#2537c6;background:var(--portal-primary,#2537c6);border-radius:0 0 16px 16px;box-shadow:0 8px 28px #0f172a1f;color:#fff;margin:0 0 24px;padding:20px 24px 24px}.cst-hero-inner{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px}.cst-back{align-items:center;background:#ffffff26;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;transition:background .2s ease;width:40px}.cst-back:hover{background:#ffffff40}.cst-hero-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;width:48px}.cst-hero-text h1{font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:700;letter-spacing:-.02em;margin:0}.cst-hero-text p{color:#ffffffe6;font-size:.95rem;line-height:1.45;margin:8px 0 0;max-width:560px}.cst-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 340px}.cst-form-card{padding:22px 24px 24px}.cst-form-card,.cst-preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 24px #0f172a0f}.cst-preview-card{padding:20px 20px 22px;position:-webkit-sticky;position:sticky;top:12px}.cst-form-title{color:#0f172a;font-size:1.1rem;font-weight:700;margin:0 0 18px}.cst-banner-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;font-size:14px;margin-bottom:16px;padding:12px 14px}.cst-label{color:#111827;display:block;font-size:14px;font-weight:700;margin:16px 0 8px}.cst-form-title+.cst-label,.cst-label:first-of-type{margin-top:0}.cst-req{color:#dc2626}.cst-input,.cst-textarea{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#111827;font-size:14px;padding:12px 14px;width:100%}.cst-input:focus,.cst-textarea:focus{background:#fff;border-color:color-mix(in srgb,var(--portal-primary) 55%,#e5e7eb);outline:none}.cst-textarea{line-height:1.5;min-height:160px;resize:vertical}.cst-row-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:16px}.cst-row-2 .cst-label{margin-top:0}.cst-hint{color:#6b7280;font-size:12px;margin:6px 0 0}.cst-hint.ok{color:#059669}.cst-dropzone{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;padding:24px 16px;text-align:center;transition:border-color .15s ease,background .15s ease}.cst-dropzone.active,.cst-dropzone:hover{background:color-mix(in srgb,#e8ecff 35%,#f8fafc);background:color-mix(in srgb,var(--portal-primary-soft,#e8ecff) 35%,#f8fafc);border-color:color-mix(in srgb,var(--portal-primary) 45%,#cbd5e1)}.cst-upload-icon{color:#64748b;display:block;font-size:32px;margin:0 auto 10px}.cst-dropzone strong{color:#1e293b;display:block;font-size:14px;margin-bottom:4px}.cst-dropzone span{color:#64748b;font-size:12px}.cst-file-input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.cst-choose-files{border:none;border-radius:10px;cursor:pointer;display:block;font-size:14px;font-weight:600;margin:12px auto 0;padding:10px 18px}.cst-file-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:12px 0 0;padding:0}.cst-file-list li{align-items:center;background:#f3f4f6;border-radius:8px;color:#374151;display:flex;font-size:13px;gap:8px;justify-content:space-between;padding:8px 10px}.cst-file-list button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:12px;font-weight:600}.cst-actions{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.cst-cancel,.cst-submit{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 22px}.cst-submit{align-items:center;display:inline-flex;gap:8px}.cst-submit:disabled{cursor:not-allowed;opacity:.65}.cst-preview-title{color:#0f172a;font-size:1.05rem;font-weight:700;margin:0 0 18px}.cst-preview-field{margin-bottom:14px}.cst-preview-inline{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.cst-preview-label{color:#64748b;display:block;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.cst-preview-inline .cst-preview-label{margin-bottom:0}.cst-preview-value{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;color:#0f172a;font-size:14px;padding:10px 12px}.cst-preview-value--mono{color:#2537c6;color:var(--portal-primary,#2537c6);font-family:ui-monospace,monospace;font-weight:700}.cst-preview-subject{color:#334155;font-size:13px;line-height:1.45;margin:0}.cst-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:5px 10px}.cst-badge-dot{background:#2563eb;background:var(--portal-primary,#2563eb);border-radius:50%;height:8px;width:8px}.cst-badge--status{background:#dbeafe;color:#1e40af}.cst-badge--normal{background:#fef3c7;color:#b45309}.cst-badge--low{background:#f1f5f9;color:#475569}.cst-badge--high{background:#ffedd5;color:#c2410c}.cst-badge--urgent{background:#fee2e2;color:#b91c1c}.cst-badge--response{background:#d1fae5;color:#047857}.cst-preview-info{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;display:flex;gap:12px;margin-top:18px;padding:14px 14px 14px 16px}.cst-preview-info-icon{color:#2563eb;color:var(--portal-primary,#2563eb);flex-shrink:0;font-size:20px;margin-top:2px}.cst-preview-info p{color:#1e3a5f;font-size:13px;line-height:1.55;margin:0}@media (max-width:1024px){.cst-layout{grid-template-columns:1fr}.cst-preview-card{order:-1;position:static}}@media (max-width:640px){.cst-row-2{grid-template-columns:1fr}.cst-hero{border-radius:0 0 12px 12px}.cst-actions{align-items:stretch;flex-direction:column-reverse}.cst-cancel,.cst-submit{justify-content:center;width:100%}}
/*# sourceMappingURL=main.dc1a1c37.css.map*/