:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-wrapper{flex-direction:column;gap:6px;width:100%;display:flex}.input-inner{position:relative}.input-right{cursor:pointer;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.input-label{font-size:14px;font-weight:500}.required{color:red}.input-field{box-sizing:border-box;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:14px 16px;font-size:14px}.input-field:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.input-error{border-color:#ef4444}.error-text{color:#ef4444;font-size:14px}.btn{cursor:pointer;border:none;border-radius:4px;padding:12px 20px;font-size:14px;font-weight:600}.btn-sm{padding:4px 10px;font-size:12px}.btn-md{padding:8px 16px;font-size:14px}.btn-lg{padding:12px 20px;font-size:16px}.btn-primary{color:#fff;background-color:#805ee9;justify-content:center;display:flex;box-shadow:0 4px 15px #805ee966}.btn-full{width:100%}.btn-primary:hover{background-color:#805ee9}.btn-secondary{color:#111827;background-color:#e5e7eb}.btn-danger{color:#fff;background-color:#ef4444}.btn:disabled{opacity:.6;cursor:not-allowed}.loginPageWrapper{background:url(/assets/login_back_frame-BtOkkwdQ.png) 50%/cover no-repeat;min-height:100vh;position:relative;overflow:hidden}.topNavBar{z-index:10;justify-content:space-between;align-items:center;padding:20px 50px;display:flex;position:relative}.logoSection{align-items:center;display:flex}.loginLogo{width:auto;height:40px}.loginMainContent{justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:40px 20px;display:flex;position:relative}.floatingAvatar{border-radius:50%;animation:6s ease-in-out infinite float;position:absolute;overflow:hidden;box-shadow:0 8px 25px #00000026}.floatingAvatar img{object-fit:cover;width:100%;height:100%}.avatar1{width:80px;height:80px;animation-delay:0s;top:15%;left:8%}.avatar2{width:100px;height:100px;animation-delay:1s;top:25%;left:18%}.avatar3{width:100px;height:100px;animation-delay:2s;bottom:25%;left:18%}.avatar4{width:100px;height:100px;animation-delay:3s;bottom:10%;left:10%}.avatar5{width:100px;height:100px;animation-delay:.5s;top:15%;right:8%}.avatar6{width:100px;height:100px;animation-delay:1.5s;top:30%;right:20%}.avatar7{width:100px;height:100px;animation-delay:2.5s;bottom:30%;right:20%}.avatar8{width:100px;height:100px;animation-delay:3.5s;bottom:15%;right:10%}.avatar9{width:150px;height:150px;left:6%}.avatar10{width:150px;height:150px;right:6%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.loginCard{-webkit-backdrop-filter:blur(20px);z-index:5;background:#ffffffbf;border:1px solid #fff6;border-radius:20px;width:100%;max-width:650px;padding:55px 80px;animation:.6s ease-out slideUp;position:relative;box-shadow:0 20px 60px #00000026,inset 0 0 0 1px #ffffff40}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loginTitle{text-align:center;color:#1a1a1a;margin-bottom:38px;font-size:32px;font-weight:700}.loginForm{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.generalError{color:#ef4444;text-align:center;background:#fef2f2;border-radius:8px;padding:12px;font-size:14px}.passwordToggle{cursor:pointer;color:#9ca3af;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;transition:color .3s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.passwordToggle:hover{color:#805ee9}.passwordToggle:focus{outline:none}.passwordToggle svg{display:block}.formOptions{justify-content:space-between;align-items:center;width:100%;margin-top:-5px;display:flex}.rememberMe{cursor:pointer;color:#374151;align-items:center;gap:8px;font-size:14px;display:flex}.rememberMe input[type=checkbox]{cursor:pointer;width:18px;height:18px}.forgotPassword{color:#805ee9;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s}.forgotPassword:hover{color:#6b46c1}.signupLink{text-align:center;color:#6b7280;margin-top:38px;font-size:14px}.signupLink a{color:#805ee9;font-weight:600;text-decoration:none}.signupLink a:hover{text-decoration:underline}@media (width<=768px){.topNavBar{padding:15px 20px}.loginCard{max-width:400px;padding:40px 30px}.floatingAvatar{display:none}.loginTitle{font-size:28px}}@media (width<=480px){.topNavBar{flex-direction:row;align-items:flex-start;gap:15px}.loginLogo{height:25px}.loginCard{padding:35px 25px}.loginTitle{font-size:24px}.formOptions{flex-direction:column;align-items:flex-start;gap:10px}}.modal-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:10px;width:100%;max-width:480px;box-shadow:0 20px 50px #0003}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-header h3{margin:0;font-size:18px;font-weight:600}.close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:18px}.modal-body{max-height:78vh;padding:20px;overflow-y:auto}.modal-footer{justify-content:flex-end;gap:12px;padding:20px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=480px){.modal-card{max-width:92%;margin:0 12px}}.top-bar{background:#f8f5ff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.topbar-left{flex:1;max-width:450px}.topbar-right{align-items:center;gap:12px;display:flex}.search-container{width:100%;position:relative}.search-container i,.search-container svg{color:#9ca3af;font-size:14px;position:absolute;top:50%;left:92%;transform:translateY(-50%)}.search-input{border:1px solid #d1d5db;border-radius:25px;outline:none;width:100%;padding:8px 40px 8px 12px;font-size:14px}.search-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.atb-chip{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:8px;align-items:center;gap:8px;padding:5px 10px 5px 8px;display:flex}.atb-chip-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.4s ease-in-out infinite atb-pulse;box-shadow:0 0 #22c55e80}@keyframes atb-pulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.atb-chip-title{color:#374151;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:12px;font-weight:500;overflow:hidden}.atb-chip-time{color:#6366f1;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px;font-weight:700}.atb-chip-stop{cursor:pointer;background:#7c3aed;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s;display:flex}.atb-chip-stop:hover{background:#6d28d9}.atb-chip-stop-icon{background:#fff;border-radius:2px;width:8px;height:8px;display:block}@media (width<=600px){.atb-chip-title{display:none}.atb-chip{gap:6px}}.upgrade-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#ec4899 100%);border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:opacity .2s}.upgrade-btn:hover{opacity:.9}.icon-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;padding:8px;font-size:18px;transition:background .2s}.top-user-avatar{color:#fff;cursor:pointer;background:#1e293b;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;transition:opacity .2s;display:flex;overflow:hidden}.top-user-avatar:hover{opacity:.85}.top-user-avatar img{object-fit:cover;width:100%;height:100%}.topbar-avatar-wrapper{position:relative}.topbar-profile-dropdown{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:220px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001a}.topbar-profile-header{align-items:center;gap:10px;padding:14px 16px;display:flex}.topbar-profile-avatar{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex;overflow:hidden}.topbar-profile-avatar img{object-fit:cover;width:100%;height:100%}.topbar-profile-info{flex-direction:column;gap:2px;min-width:0;display:flex}.topbar-profile-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.topbar-profile-email{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.topbar-profile-divider{background:#f0f0f0;height:1px;margin:0}.topbar-profile-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13px;display:flex}.topbar-profile-item:hover{color:#7c3aed;background:#f5f3ff}.topbar-profile-item--danger{color:#ef4444}.topbar-profile-item--danger:hover{color:#dc2626;background:#fff1f2}.topbar-notif-wrapper,.topbar-bell-btn{position:relative}.topbar-notif-badge{color:#fff;pointer-events:none;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.topbar-notif-panel{z-index:1100;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:320px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.topbar-notif-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.topbar-notif-title{color:#111827;font-size:14px;font-weight:600}.topbar-notif-clear{color:#805ee9;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.topbar-notif-clear:hover{text-decoration:underline}.topbar-notif-list{max-height:360px;overflow-y:auto}.topbar-notif-empty{color:#9ca3af;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;font-size:13px;display:flex}.topbar-notif-item{cursor:pointer;border-bottom:1px solid #f9fafb;align-items:flex-start;gap:10px;padding:12px 16px;transition:background .15s;display:flex}.topbar-notif-item:last-child{border-bottom:none}.topbar-notif-item:hover{background:#f5f3ff}.topbar-notif-item--unread{background:#faf8ff}.topbar-notif-dot-col{flex-shrink:0;width:8px;padding-top:5px}.topbar-notif-dot{background:#805ee9;border-radius:50%;width:8px;height:8px;display:block}.topbar-notif-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.topbar-notif-item-title{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.topbar-notif-item-msg{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.topbar-notif-item-time{color:#9ca3af;margin-top:2px;font-size:11px}@media (width<=900px){.top-bar{flex-wrap:wrap;gap:10px;height:auto;padding:12px}.topbar-left,.topbar-right{justify-content:space-between;width:100%;max-width:100%}.search-container i,.search-container svg{left:auto;right:12px}}@media (width<=768px){.top-bar{flex-wrap:wrap;gap:10px;height:auto;padding:12px}}@media (width<=480px){.top-bar{padding:10px}.upgrade-btn{text-align:center;flex:1}}.textarea-wrapper{flex-direction:column;gap:6px;display:flex}.textarea-label{font-size:14px;font-weight:500}.textarea-field{resize:vertical;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:12px 14px;font-size:14px}.textarea-field:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.textarea-error{border-color:#ef4444}.channel-tabs{background:#f9fafb;border-bottom:none;border-radius:8px;justify-content:space-between;padding:4px;display:flex}.channel-tabs button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 20px;font-size:14px;font-weight:400;transition:all .2s;position:relative}.channel-tabs button:hover{color:#374151;background:#f3f4f6}.channel-tabs button.active{color:#7c3aed;background:#ede9fe;font-weight:500}.sub-sidebar{border-right:1px solid #e0d4f7;flex-direction:column;flex-shrink:0;width:280px;display:flex}.sub-sidebar-header{background:#fff;justify-content:space-between;align-items:center;padding:16px;display:flex}.company-info{align-items:center;gap:8px;display:flex}.company-info i{color:#7c3aed;font-size:20px}.company-name{font-size:15px;font-weight:600}.workspace-dropdown{z-index:1000;background:#fff;border-radius:10px;width:max-content;padding:10px 0;position:absolute;top:60px;left:150px;box-shadow:0 10px 30px #00000026}.workspace-current,.workspace-item{cursor:pointer;align-items:center;gap:12px;padding:10px 16px;transition:background .2s;display:flex}.workspace-avatar{color:#fff;background:#611f69;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.workspace-avatar.small{width:32px;height:32px;font-size:14px}.workspace-avatar.plus{color:#333;background:#e0e0e0}.workspace-name{font-weight:600}.all-workspaces-view{padding:16px}.workspace-search{margin-bottom:16px;position:relative}.workspace-search input{background:#f3f4f6;border:none;border-radius:20px;outline:none;width:100%;padding:10px 36px 10px 12px}.workspace-search svg,.workspace-search i{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.workspace-accordion-item{margin-bottom:10px}.workspace-accordion-header{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;width:100%;padding:10px 0;font-weight:600;display:flex}.sub-sidebar-content{flex:1;padding:12px;overflow-y:auto}.section-item{cursor:pointer;color:#475569;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:14px;transition:background .2s;display:flex;position:relative}.section-item.active{color:#7c3aed;background:#ddd6fe;font-weight:500}.section-item.indented{padding-left:32px}.section-item i{font-size:16px}.channel-dropdown{z-index:30;background:#fff;border-radius:8px;position:absolute;top:30px;right:10px;box-shadow:0 4px 12px #0000001f,0 1px 3px #00000014}.dropdown-item{cursor:pointer;color:#dc2626;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;transition:background .15s,color .15s;display:flex}.section-items{flex-direction:column;gap:2px;display:flex}.section-header{cursor:pointer;color:#1e293b;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:600;display:flex}.sidebar-avatar{color:#374151;background:#d1d5db;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;font-weight:600;display:flex}.sidebar-user{display:inline-block;position:relative}.status-dot{border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.online{background-color:#22c55e}.offline{background-color:#9ca3af}@media (width<=900px){.sub-sidebar{z-index:1200;background:#fff;width:280px;max-width:85vw;transition:transform .3s;inset:0 auto 0 0;box-shadow:6px 0 24px #0003}.sub-sidebar.open{transform:translate(0)}}@media (width<=768px){.sub-sidebar{z-index:1200;background:#fff;width:280px;max-width:85vw;transition:transform .3s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:6px 0 24px #0003}}.about-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:12px;padding:14px 16px}.about-card.danger{border-color:#fee2e2}.about-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.about-sub{color:#6b7280;margin-top:8px;font-size:13px}.about-title{color:#1f2937;font-size:14px;font-weight:500}.about-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.edit-link{color:#6366f1;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500}.edit-link:hover{text-decoration:underline}.about-card-body{margin-top:12px}.status-badge{color:#fff;text-transform:uppercase;border-radius:5px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.status-badge.archived{background-color:#6c757d}.danger-text{color:#dc2626;cursor:pointer;font-size:14px;font-weight:500}.about-footer{color:#9ca3af;margin-top:10px;font-size:12px}.skeleton{background:linear-gradient(90deg,#f1f1f1 25%,#e5e7eb 37%,#f1f1f1 63%) 0 0/400% 100%;animation:1.4s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:100% 0}to{background-position:0 0}}.member-search-wrapper{margin:20px 0;position:relative}.member-search-icon{pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.member-search{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 14px 12px 42px;font-size:14px;transition:all .2s}.member-search:focus{border-color:#7c3aed;outline:none}.member-search::placeholder{color:#9ca3af}.empty-tab{color:#9ca3af;flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.member-list{min-height:300px;max-height:420px;padding:0;overflow-y:auto}.member-list::-webkit-scrollbar{width:6px}.member-list::-webkit-scrollbar-track{background:0 0}.member-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.member-row{justify-content:space-between;align-items:center;padding:14px 0;transition:background .2s;display:flex}.member-info{flex:1;align-items:center;gap:14px;display:flex}.member-info img{object-fit:cover;border-radius:50%;flex-shrink:0;width:44px;height:44px}.member-info .name{color:#1f2937;font-size:15px;font-weight:600}.member-info .time{color:#9ca3af;font-size:13px;font-weight:400}.member-info .dept{color:#6b7280;font-size:14px;font-weight:400}.member-details{flex-direction:column;gap:4px;display:flex}.member-name-row{align-items:baseline;gap:8px;display:flex}.remove-btn{opacity:1;color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;padding:7px 16px;font-size:13px;font-weight:500;transition:all .2s}.remove-btn:hover{background:#fecaca}.add-btn{opacity:1;color:#2563eb;cursor:pointer;background:#dbeafe;border:none;border-radius:6px;padding:7px 16px;font-size:13px;font-weight:500;transition:all .2s}.add-btn:hover{background:#bfdbfe}.chat-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.chat-badges{align-items:center;gap:6px;display:flex}.chat-tabs{border-bottom:1px solid #e5e7eb;flex-shrink:0;gap:24px;padding:0 24px;display:flex}@media (width<=768px){.chat-tabs{scrollbar-width:none;gap:12px;overflow-x:auto}.chat-tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap}}.messages-area{scroll-behavior:smooth;flex:1;min-height:0;padding:24px;overflow:hidden auto}.messages-area::-webkit-scrollbar{width:8px}.messages-area::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.messages-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.messages-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}.message{gap:12px;margin-bottom:20px;display:flex}.message:last-child{margin-bottom:0}.message-avatar{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.message-content{flex:1}.message-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.message-name{color:#1e293b;font-size:14px;font-weight:600}.message-time{color:#94a3b8;font-size:12px}.message-text{color:#475569;margin:0;font-size:14px;line-height:1.6}.date-divider{justify-content:center;margin:24px 0;display:flex}.date-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:6px 16px;font-size:12px;display:flex}.date-btn:hover{background:#f9fafb}.message-images{gap:12px;margin-top:8px;display:flex}.image-preview{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-radius:8px;width:140px;height:140px;position:relative;overflow:hidden}.image-preview:after{content:"";background:#fff;border-radius:6px;width:60px;height:90px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0000001a}@media (width<=768px){.messages-area{padding:16px}.message-avatar{width:32px;height:32px;font-size:14px}}.file-preview-overlay{z-index:9999;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.file-preview-content{background:#fff;border-radius:10px;max-width:90%;max-height:90%;padding:16px;position:relative}.file-preview-content img{border-radius:8px;max-width:100%;max-height:70vh}.file-preview-title{margin-bottom:12px;font-size:14px}.file-preview-close{cursor:pointer;background:0 0;border:none;position:absolute;top:15px;right:15px}.file-preview-close svg{color:#717171;cursor:pointer;font-size:16px}.ql-container{box-sizing:border-box;height:100%;margin:0;font-family:Helvetica,Arial,sans-serif;font-size:13px;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{height:1px;position:absolute;top:50%;left:-100000px;overflow-y:hidden}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word;outline:none;height:100%;padding:12px 15px;line-height:1.42;overflow-y:auto}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{padding-left:1.5em;list-style-type:none;position:relative}.ql-editor li>.ql-ui:before{text-align:right;white-space:nowrap;width:1.2em;margin-left:-1.5em;margin-right:.3em;display:inline-block}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0, decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3, decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6, decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9, decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{text-align:left;margin-left:.3em;margin-right:-1.5em}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{max-width:100%;display:block}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{text-align:inherit;direction:rtl}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);pointer-events:none;font-style:italic;position:absolute;left:15px;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{cursor:pointer;float:left;background:0 0;border:none;width:28px;height:24px;padding:3px 5px;display:inline-block}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{vertical-align:middle;display:inline-block}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2px}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1px}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-top:5px;margin-bottom:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-top:5px;margin-bottom:5px;padding:5px 10px}.ql-snow .ql-editor code{padding:2px 4px;font-size:85%}.ql-snow .ql-editor .ql-code-block-container{color:#f8f8f2;background-color:#23241f;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;float:left;vertical-align:middle;height:24px;font-size:14px;font-weight:500;display:inline-block;position:relative}.ql-snow .ql-picker-label{cursor:pointer;width:100%;height:100%;padding-left:8px;padding-right:2px;display:inline-block;position:relative}.ql-snow .ql-picker-label:before{line-height:22px;display:inline-block}.ql-snow .ql-picker-options{white-space:nowrap;background-color:#fff;min-width:100%;padding:4px 8px;display:none;position:absolute}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;padding-top:5px;padding-bottom:5px;display:block}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{z-index:1;margin-top:-1px;display:block;top:100%}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{width:24px;height:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{width:152px;padding:3px 5px}.ql-snow .ql-color-picker .ql-picker-item{float:left;border:1px solid #0000;width:16px;height:16px;margin:2px;padding:0}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{width:18px;margin-top:-9px;position:absolute;top:50%;right:0}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{top:5px;right:5px}.ql-toolbar.ql-snow{box-sizing:border-box;border:1px solid #ccc;padding:8px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{color:#444;white-space:nowrap;background-color:#fff;border:1px solid #ccc;padding:5px 12px;box-shadow:0 0 5px #ddd}.ql-snow .ql-tooltip:before{content:"Visit URL:";margin-right:8px;line-height:26px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;width:170px;height:26px;margin:0;padding:3px 5px;font-size:13px;display:none}.ql-snow .ql-tooltip a.ql-preview{text-overflow:ellipsis;vertical-align:top;max-width:200px;display:inline-block;overflow-x:hidden}.ql-snow .ql-tooltip a.ql-action:after{content:"Edit";border-right:1px solid #ccc;margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{content:"Save";border-right:0;padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.chat-input-wrapper{width:100%;padding:16px 24px}.chat-input-container{background:#fff;border-radius:12px;padding:12px;box-shadow:0 1px 3px #00000005,0 0 0 1px #1b1f2326}.chat-editor{width:100%}.chat-editor .ql-toolbar{transition:max-height .3s,opacity .3s,padding .3s,margin .3s;opacity:0!important;border:none!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}.chat-editor .ql-toolbar.show{opacity:1!important;max-height:25px!important}.chat-editor .ql-toolbar button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px}.chat-editor .ql-toolbar button:hover{color:#111827;background-color:#f3f4f6}.chat-editor .ql-toolbar button.ql-active{color:#4f46e5}.chat-editor .ql-toolbar .ql-stroke{stroke:#6b7280}.chat-editor .ql-toolbar .ql-fill{fill:#6b7280}.chat-editor .ql-toolbar button:hover .ql-stroke{stroke:#111827}.chat-editor .ql-toolbar button:hover .ql-fill{fill:#111827}.chat-editor .ql-toolbar button.ql-active .ql-stroke{stroke:#4f46e5}.chat-editor .ql-toolbar button.ql-active .ql-fill{fill:#4f46e5}.chat-editor .ql-toolbar .ql-picker{color:#6b7280}.chat-editor .ql-toolbar.ql-snow .ql-formats{margin-right:0}.chat-editor .ql-editor ol{padding-left:0}.chat-editor .ql-snow .ql-editor .ql-code-block-container{color:#000;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;overflow:visible}.chat-editor .ql-container{border:none;max-height:60vh;font-family:Inter,Arial,sans-serif;font-size:14px;overflow-y:auto}.chat-editor .ql-editor{min-height:20px;padding:18px 4px}.chat-editor .ql-editor.ql-blank:before{color:#9ca3af;font-style:normal;left:5px}.chat-actions{align-items:center;gap:4px;display:flex}.chat-action-btn,.send-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:16px;transition:background-color .2s,color .2s;display:flex}.send-btn{margin-left:auto}.send-btn:hover{transform:rotate(45deg);color:#4f46e5!important}.chat-action-btn:hover{color:#111827;background-color:#f3f4f6}.chat-action-btn.active{color:#4f46e5;background-color:#eef2ff}.emoji-wrapper{position:relative}.emoji-picker-container *{background:revert;border:revert;color:revert;font-size:revert;padding:revert;border-radius:revert;display:revert;align-items:revert;justify-content:revert;text-decoration:none;transition:revert}.emoji-picker-container{z-index:1000;border:1px solid #e5e7eb;border-radius:12px;position:absolute;bottom:calc(100% + 10px);left:50%;overflow:hidden;box-shadow:0 4px 24px #00000026}.chat-input-container.drag-over{background-color:#eef2ff;border:2px dashed #6366f1;position:relative}.drag-overlay{z-index:10;pointer-events:none;background:#6366f114;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.drag-overlay i{color:#6366f1;font-size:28px}.drag-overlay span{color:#6366f1;font-size:14px;font-weight:500}.file-preview-list{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;gap:8px;margin-bottom:4px;padding:8px 0;display:flex}.file-preview-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;max-width:220px;padding:6px 8px;transition:border-color .2s;display:flex}.file-preview-item:hover{border-color:#d1d5db}.file-preview-thumb{object-fit:cover;background:#e5e7eb;border-radius:4px;width:36px;height:36px}.file-preview-icon{background:#eef2ff;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.file-preview-icon i{color:#6366f1;font-size:16px}.file-preview-info{flex-direction:column;flex:1;min-width:0;display:flex}.file-preview-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.file-preview-size{color:#9ca3af;font-size:11px}.file-preview-remove{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;font-size:12px;transition:color .2s,background-color .2s;display:flex}.file-preview-remove:hover{color:#ef4444;background-color:#fee2e2}.file-error{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;padding:6px 10px;font-size:13px;display:flex}.file-error-message{align-items:center;gap:6px;display:flex}.file-error-close{cursor:pointer;color:#ef4444;background:0 0;border:none}.file-preview-clickable{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.file-preview-clickable:hover .file-preview-thumb{opacity:.8}.file-preview-clickable:hover .file-preview-icon{background:#e0e7ff}@media (width<=400px){.emoji-picker-container{left:0;transform:none}}.chat-files{flex:1;min-height:0;padding:24px;overflow:hidden}.chat-files-container{flex-direction:column;gap:40px;height:100%;display:flex;overflow:hidden}.files-header{flex-shrink:0;justify-content:space-between;width:100%;display:flex}.files-heading{flex-direction:column;gap:10px;width:100%;display:flex}.chat-title{font-size:16px;font-weight:600}.files-search{width:50%;position:relative}.files-search svg{color:#9ca3af;font-size:14px;position:absolute;top:47%;left:2%;transform:translateY(-50%)}.files-search-input{border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:12px 40px 12px 35px;font-size:14px;box-shadow:0 7px 29px #64646f33}.files-search-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.file-list-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.file-type-cards{flex-shrink:0;gap:40px;width:100%;display:flex}.file-type-name{cursor:pointer;background-color:#fff;border:none;border-radius:6px;align-items:center;gap:10px;padding:10px 20px;font-size:14px;display:flex;box-shadow:0 7px 29px #64646f33}.file-type-name.active{color:#000;background:linear-gradient(90deg,#805ee970 0%,#f479e470 100%)}.file-listing{flex:1;padding-top:30px;overflow:hidden}@media (width<=1200px){.files-search{width:100%}.file-type-cards{flex-wrap:wrap;gap:16px}}.chat-body{background-color:#f8f5ff;flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.chat-layout{background:#fff;border-radius:10px;height:calc(100vh - 30px);display:flex;overflow:hidden}.chat-main{background:#fff;flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.chat-content{flex:1;display:flex;overflow:hidden}@media (width<=768px){.chat-layout{flex-direction:column}.chat-main{width:100%}}.select-wrapper{flex-direction:column;gap:6px;display:flex}.select-label{font-size:14px;font-weight:500}.select-field{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:14px 16px;font-size:14px}.select-field:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.select-error{border-color:#ef4444}.ss-wrapper{width:100%;position:relative}.ss-label{margin-bottom:6px;font-size:14px;font-weight:500;display:block}.ss-control{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;display:flex}.ss-error{border-color:#ef4444}.ss-selected{align-items:center;gap:8px;display:flex}.ss-selected img,.ss-option img{object-fit:cover;width:18px;height:12px}.ss-placeholder{color:#757575}.ss-dropdown{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;position:absolute;top:100%;left:0;box-shadow:0 8px 20px #00000014}.ss-search{border:none;border-bottom:1px solid #e5e7eb;outline:none;width:100%;padding:10px 12px}.ss-options{max-height:220px;overflow-y:auto}.ss-option{cursor:pointer;align-items:center;gap:10px;padding:10px 14px;display:flex}.ss-option:hover{background:#f3f4f6}.ss-no-data{text-align:center;color:#9ca3af;padding:12px}.ss-arrow{border:3px solid #ccc;border-color:#0000 #ccc #ccc #0000;width:0;height:0;margin-left:8px;display:inline-block;position:relative;top:-2px;transform:rotate(45deg)}.invite-row{align-items:center;gap:12px;margin-top:8px;display:flex}.invite-row>:not(button){flex:1}.invite-user{font-weight:500}.invite-role{opacity:.6;font-size:12px}.remove-invite-btn{cursor:pointer;background:0 0;border:none;margin-left:6px;font-size:12px}.remove-invite-btn:hover{color:red}.step-error{color:red;margin-top:6px;font-size:12px}.flex-row{gap:1rem;display:flex}.flex-row>div{flex:1}.project-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.project-title{font-size:16px;font-weight:600}.add-members-container{margin-top:10px}.add-members-form{display:block}.add-members-field{margin-bottom:14px}.add-members-button{margin-top:6px}.add-members-button button{width:100%}.add-members-error{color:#ef4444;margin-top:8px;font-size:13px}.add-members-list{margin-top:18px}.add-members-chip{background-color:#f1f5f9;border-radius:20px;align-items:center;gap:6px;margin:6px 6px 0 0;padding:6px 12px;font-size:13px;display:inline-flex}.add-members-name{font-weight:500}.add-members-role{color:#64748b}.add-members-remove-btn{cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.invite-row{align-items:flex-end;gap:12px;display:flex}.select-container{flex:1}.invite-row button{flex:none}.update-member-form{flex-direction:column;gap:16px;padding:4px 0;display:flex}.member-profile-header{align-items:center;gap:12px;margin-bottom:4px;display:flex}.member-avatar{border-radius:8px;flex-shrink:0;width:44px;height:44px;overflow:hidden}.member-avatar img{object-fit:cover;width:100%;height:100%}.avatar-placeholder{color:#555;background:#ddd;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;font-weight:600;display:flex}.member-profile-info{flex-direction:column;gap:2px;display:flex}.member-profile-name{color:#1a1a1a;font-size:16px;font-weight:700;line-height:1.2}.member-profile-title{color:#888;font-size:12px;line-height:1.2}.form-field-group{flex-direction:column;gap:8px;display:flex}.form-group-label{color:#444;font-size:13px;font-weight:500}.role-buttons{flex-wrap:wrap;gap:8px;display:flex}.role-btn{cursor:pointer;color:#444;background:#fff;border:1.5px solid #d0d0d0;border-radius:20px;padding:7px 16px;font-size:13px;line-height:1;transition:all .2s}.role-btn:hover{color:#7c5dfa;border-color:#7c5dfa}.role-btn.active{color:#7c5dfa;background:#fff;border-color:#7c5dfa;font-weight:600}.update-member-footer{justify-content:center;align-items:center;gap:12px;display:flex}.step-error{color:#d32f2f;margin:0;font-size:13px}.invite-chips{flex-wrap:wrap;gap:8px;display:flex}.invite-chip span:first-child{color:#1a1a1a;font-weight:500}.invite-chip span:nth-child(2){color:#666;font-size:12px}.invite-chip button{cursor:pointer;color:#888;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:color .15s;display:flex}.invite-chip button:hover{color:#d32f2f}.project-members-page{min-height:100%;padding:24px}.pm-header{justify-content:space-between;align-items:center;display:flex}.pm-header h2{color:#1e293b;font-size:18px;font-weight:600}.add-member-btn{color:#fff;cursor:pointer;background:#805ee9;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;display:flex}.pm-top-users{gap:32px;margin-top:20px;display:flex}.pm-user{align-items:center;gap:12px;display:flex}.pm-user img{border-radius:50px;width:40px;height:40px}.pm-avatar-group img{border:2px solid #fff;margin-left:-10px}.pm-name{color:#1e293b;font-size:14px;font-weight:600}.pm-role{color:#94a3b8;font-size:12px}.pm-section-title{color:#1e293b;margin-top:28px;font-size:14px;font-weight:600}.pm-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:40px;margin-top:16px;display:grid}.pm-card{background:#fff;border-left:3px solid #ef4444;border-radius:8px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000000a}.pm-card:hover{box-shadow:0 4px 12px #0000000f}.pm-card img{border-radius:50px;width:40px;height:40px}.add-card{color:#64748b;border-left:3px solid #e5e7eb;justify-content:center;gap:8px;font-size:14px}.pm-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:32px;font-size:16px;font-weight:600;display:flex}.edit-btn{cursor:pointer;color:#7c3aed;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:12px;font-weight:500;transition:background .2s;display:flex}.edit-btn:hover{background-color:#4a90e21a}.pm-card{position:relative}.info_base{justify-content:space-between;align-items:center;width:100%;display:flex}.remove-btn{cursor:pointer;color:#aaa;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;font-size:9px;transition:color .15s,background .15s;display:flex;position:absolute;top:5px;right:4px}.remove-btn:hover{color:#d32f2f;background:#ffeaea}.remove-confirm{gap:4px;display:flex;position:absolute;top:8px;right:8px}.confirm-yes{color:#fff;cursor:pointer;background:#d32f2f;border:none;border-radius:4px;padding:2px 8px;font-size:11px}.confirm-no{color:#333;cursor:pointer;background:#eee;border:none;border-radius:4px;padding:2px 8px;font-size:11px}.pm-client-actions{flex-direction:column;gap:4px;margin-top:6px;display:flex}.pm-client-remove-btn{color:#d32f2f;cursor:pointer;background:#fff0f0;border:1px solid #f5c2c2;border-radius:4px;padding:3px 10px;font-size:11px;transition:background .15s}.pm-client-remove-btn:hover{background:#ffd6d6}@media (width<=768px){.project-members-page{padding:16px}.pm-grid{grid-template-columns:1fr}}.project-tabs{flex-shrink:0;gap:24px;padding:0 24px;display:flex}.project-tab-base{border-bottom:1px solid #e5e7eb;justify-content:space-between;display:flex}@media (width<=768px){.project-tabs{scrollbar-width:none;gap:12px;overflow-x:auto}.project-tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap}}.modal-card{width:620px!important;max-width:620px!important}.task-form{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.full{grid-column:span 2}.assignee-chips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chip{color:#6b46c1;background:#ede9fe;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}.chip span{cursor:pointer;font-weight:700}@media (width<=768px){.modal-card{width:95%!important}.task-form{grid-template-columns:1fr}.full{grid-column:span 1}}.task-list-root{min-height:100vh;padding:24px;font-family:Segoe UI,system-ui,sans-serif}.task-list-tabs{align-items:center;gap:8px;margin-bottom:20px;display:flex}.task-list-tab{cursor:pointer;color:#374151;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:400;transition:background .2s,color .2s;display:flex}.task-list-tab:hover{background:#f3f4f6}.task-list-tab.active{color:#4f46e5;background:#ede9fe;border-color:#a5b4fc;font-weight:400}.board-container{align-items:flex-start;gap:16px;padding-bottom:16px;display:flex;overflow-x:auto}.board-column{flex-shrink:0;width:280px}.board-column-header{background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 16px;display:flex}.board-column-title{color:#fff;font-size:14px;font-weight:400}.board-column-actions{align-items:center;gap:8px;display:flex}.board-column-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.board-cards{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.board-card{background:#fff;border-radius:10px;padding:14px 16px;box-shadow:0 2px 8px #0000000f}.board-card-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.board-card-title{color:#1e293b;flex:1;font-size:14px;font-weight:400}.board-card-meta{flex-shrink:0;align-items:center;gap:6px;display:flex}.board-card-footer{justify-content:space-between;align-items:center;display:flex}.board-card-date{color:#64748b;align-items:center;gap:4px;font-size:13px;display:flex}.board-priority-tag{color:#fff;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:400}.board-priority-tag.priority-urgent{background:#ef4444}.board-priority-tag.priority-high{background:#f97316}.board-priority-tag.priority-normal,.board-priority-tag.priority-medium{background:#22c55e}.board-priority-tag.priority-low{background:#94a3b8}.board-add-task{text-align:center;cursor:pointer;color:#64748b;background:#f1f5f9;border-radius:8px;padding:10px;font-size:14px}.board-add-task:hover{background:#e2e8f0}.board-add-section{color:#374151;cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding-top:12px;font-size:14px;display:flex}.board-avatar-group{display:flex}.board-avatar-group img{object-fit:cover;border:2px solid #fff;border-radius:50%;width:26px;height:26px;margin-left:-6px}.board-avatar-group img:first-child{margin-left:0}.task-list-view{flex-direction:column;height:70vh;padding-right:4px;display:flex;overflow-y:auto}.task-list-view::-webkit-scrollbar{width:6px}.task-list-view::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.task-list-view::-webkit-scrollbar-track{background:0 0}.timer-error{color:#ef4444;margin-bottom:10px;font-size:12px}.list-section{margin-bottom:32px}.section-header{justify-content:space-between;align-items:center;margin-bottom:8px;padding:6px 0;display:flex}.section-title{color:#374151;letter-spacing:.01em;background:#f1f5f9;border-left:3px solid #6366f1;border-radius:6px;align-items:center;padding:5px 16px 5px 12px;font-size:13px;font-weight:500;display:inline-flex}.section-add-btn{cursor:pointer;color:#374151;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px 6px;transition:background .15s;display:flex}.section-add-btn:hover{background:#f1f5f9}.table-wrapper{background:#fff;border:1px solid #e5e7eb;overflow:hidden}.table-scroll{overflow:auto visible}.task-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:860px;font-size:13.5px}.task-table .col-check{width:44px}.task-table .col-name{width:240px}.task-table .col-assignee{width:120px}.task-table .col-due{width:150px}.task-table .col-priority{width:120px}.task-table .col-timer{width:150px}.task-table .col-estimate{width:120px}.table-head-row{background:#fafafa}.table-head-row th{text-align:left;white-space:nowrap;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;padding:11px 14px;font-size:13px;font-weight:400;overflow:hidden}.table-head-row th:last-child{border-right:none}.table-head-row th:first-child{padding:11px 12px}.task-row{background:#fff;border-bottom:1px solid #f3f4f6;transition:background .1s}.task-row:hover{background:#fafafa}.task-row.last-row{border-bottom:none}.task-row td{color:#374151;vertical-align:middle;border-right:1px solid #f0f0f0;padding:10px 14px;overflow:hidden}.task-row td:last-child{border-right:none}.task-row td:first-child{text-align:center;padding:10px 12px}.round-checkbox{cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:50%;flex-shrink:0;width:15px;height:15px;transition:border-color .15s;display:inline-block}.round-checkbox:hover{border-color:#6366f1}.task-name-cell{align-items:center;gap:6px;display:flex}.subtask-arrow{flex-shrink:0;align-items:center;display:inline-flex}.expand-btn{cursor:pointer;color:#64748b;flex-shrink:0;align-items:center;display:flex}.expand-spacer{flex-shrink:0;width:16px;display:inline-block}.task-name-text{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.date-cell{white-space:nowrap;color:#374151;align-items:center;gap:6px;font-size:13px;display:flex}.priority-badge{white-space:nowrap;align-items:center;gap:5px;font-size:13px;font-weight:500;display:inline-flex}.priority-urgent{color:#ef4444}.priority-high{color:#f97316}.priority-normal,.priority-medium{color:#22c55e}.priority-low{color:#94a3b8}.timer-control{cursor:pointer;align-items:center;gap:7px;padding:3px 0;display:flex}.timer-time{color:#64748b;font-variant-numeric:tabular-nums;font-size:12.5px}.avatar-group img{object-fit:cover;border:2px solid #fff;border-radius:50%;width:26px;height:26px;margin-left:-8px}.pm-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:400;display:flex;overflow:hidden}.pm-avatar img.avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-group{height:32px;position:relative}.avatar-stack{color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:transform .2s;display:flex;position:absolute;overflow:hidden}.avatar-stack:hover{z-index:99;transform:translateY(-2px)}.avatar-img{object-fit:cover;width:100%;height:100%}.more-count{background-color:#888;font-size:12px}.disabled{color:#888}.add-subtask-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .2s;display:inline-flex}.add-subtask-btn:hover{background-color:#e2e8f0}.add-subtask-btn:active{transform:scale(.9)}.info-rows-wrapper{margin-top:8px}.info-row{grid-template-columns:1fr 1fr;align-items:center;padding:10px 0;display:grid}.info-row:last-of-type{border-bottom:none}.info-row-label{color:#9ca3af;align-items:center;gap:8px;font-size:14px;font-weight:400;display:flex}.info-row-value{color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:400}.info-bold{font-weight:700}.info-accent{color:#ef4444}.tdm-content~* .modal-card{background-color:#f8f5ff!important;width:920px!important;max-width:920px!important}.modal-card:has(.tdm-content){background-color:#f8f5ff!important;width:920px!important;max-width:920px!important}.tdm-content{flex-direction:column;gap:14px;display:flex}.tdm-info-grid{background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:1fr 1px 1fr;padding:4px 0;display:grid;overflow:hidden}.tdm-info-divider{background:#dce8fd;width:1px;margin:8px 0}.tdm-info-col{flex-direction:column;display:flex}.tdm-info-row{align-items:center;gap:7px;min-height:34px;padding:7px 14px;display:flex}.tdm-info-icon{color:#9ca3af;flex-shrink:0;align-items:center;display:flex}.tdm-info-label{color:#6b7280;flex-shrink:0;min-width:76px;font-size:14px;font-weight:400}.tdm-info-value{color:#1f2937;align-items:center;margin-left:auto;font-size:14px;font-weight:400;display:flex}.tdm-avatars{margin-left:auto;display:flex}.tdm-avatar{color:#fff;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:500;display:flex}.tdm-badge-project{color:#fff;white-space:nowrap;cursor:pointer;background:#7c3aed;border-radius:20px;margin-left:auto;padding:3px 9px;font-size:14px;font-weight:400}.tdm-badge-urgent{color:#fff;background:#ef4444;border-radius:20px;margin-left:auto;padding:3px 14px;font-size:11px;font-weight:400}.tdm-badge-time{color:#374151;background:#f3f4f6;border-radius:5px;margin-left:auto;padding:3px 8px;font-size:11.5px;font-weight:400}.tdm-difficulty-low{color:#1f2937;align-items:center;gap:5px;margin-left:auto;font-size:12.5px;font-weight:400;display:flex}.tdm-dot-amber{background:#f59e0b;border-radius:50%;flex-shrink:0;width:8px;height:8px}.tdm-description{background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:13px 15px}.tdm-desc-title{color:#5b21b6;margin-bottom:7px;font-size:14px;font-weight:700;display:block}.tdm-desc-text{margin:0;font-size:14px;font-weight:400;line-height:1.65}.tdm-tabs-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.tdm-tabs{scrollbar-width:none;border-bottom:1px solid #e5e7eb;padding:0 6px;display:flex;overflow-x:auto}.tdm-tabs::-webkit-scrollbar{display:none}.tdm-tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:5px;margin-bottom:-1px;padding:9px 12px;font-size:12px;font-weight:400;transition:color .15s,border-color .15s;display:flex}.tdm-tab:hover{color:#374151}.tdm-tab--active{color:#7c3aed;border-bottom-color:#7c3aed;font-weight:400}.tdm-tab-icon{align-items:center;display:flex}.tdm-tab-empty{text-align:center;color:#9ca3af;padding:24px;font-size:13px}.tdm-subtask-wrapper{padding:16px 14px 10px}.tdm-subtask-box{border:1px solid #d1d5db;border-radius:8px;padding-top:4px;position:relative}.tdm-subtask-legend{color:#6b7280;background:#fff;padding:0 5px;font-size:11px;font-weight:400;position:absolute;top:-9px;left:12px}.tdm-subtask-row{align-items:center;gap:8px;padding:10px 12px;display:flex}.tdm-subtask-row--bordered{border-bottom:1px solid #f0f0f5}.tdm-subtask-arrow{color:#9ca3af;flex-shrink:0;font-size:13px}.tdm-subtask-text{color:#374151;flex:1;font-size:12.5px}.tdm-subtask-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.tdm-subtask-add-btn{color:#7c3aed;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:17px;line-height:1}.tdm-subtask-avatars{display:flex}.tdm-subtask-avatar{color:#fff;border:1.5px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;font-size:8px;font-weight:700;display:flex}.tdm-add-subtask-row{justify-content:flex-end;padding:7px 4px 0;display:flex}.tdm-add-subtask-btn{color:#7c3aed;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:12px;font-weight:600}.tdm-add-subtask-btn:hover{opacity:.8}.tdm-files-box{background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:13px 15px}.tdm-files-title{color:#5b21b6;margin-bottom:11px;font-size:13px;font-weight:700;display:block}.tdm-files-list{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.tdm-file-thumb{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.tdm-file-book{flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;display:flex}.tdm-file-book span{color:#fff;text-shadow:0 1px 2px #00000040;font-size:10.5px;font-weight:700;line-height:1.2}.tdm-file-doc{background:#ffffffeb;border-radius:3px;flex-direction:column;gap:3px;width:40px;height:48px;padding:6px 6px 4px;display:flex;box-shadow:0 2px 6px #0000001a}.tdm-file-doc-line{background:#d1d5db;border-radius:2px;height:2px}.tdm-file-doc-label{color:#6b7280;text-align:center;margin-top:auto;font-size:6.5px;font-weight:500;line-height:1.2}.tdm-add-files-btn{color:#6b7280;cursor:pointer;background:#f9fafb;border:1.5px dashed #d1d5db;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:60px;height:60px;font-size:11px;transition:border-color .15s,background .15s,color .15s;display:flex}.tdm-add-files-btn:hover{color:#7c3aed;background:#faf5ff;border-color:#7c3aed}.modal-card:has(.tdm-content){background-color:#f8f5ff!important;width:920px!important;max-width:920px!important}@media (width<=600px){.tdm-info-grid{grid-template-columns:1fr}.tdm-info-divider{width:100%;height:1px;margin:0}}.project-sub-sidebar{border-right:1px solid #e0d4f7;flex-direction:column;flex-shrink:0;width:280px;display:flex}.project-company{align-items:center;gap:8px;margin-bottom:12px;display:flex}.project-company-icon{color:#fff;background:#7c3aed;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.project-company-name{font-size:15px;font-weight:600}.project-company-sub{color:#666;font-size:12px}.project-add-btn{width:100%}.project-sub-sidebar-content{flex:1;padding:12px;overflow-y:auto;padding-top:5px!important}.project-item.add-new{color:#7c3aed;font-weight:500}.project-divider{background:#eee;height:1px;margin:8px 0}.project-sub-sidebar{transition:width .3s}.project-sub-sidebar.collapsed{width:70px}.project-group-title{cursor:pointer}.project-item-wrapper{justify-content:space-between;align-items:center;display:flex;position:relative}.project-dot{cursor:pointer;opacity:0;color:#888;background:0 0;border:none;padding:4px;transition:opacity .2s;position:absolute;right:8px}.project-item-wrapper:hover .project-dot{opacity:1}.project-dropdown{z-index:30;background:#fff;border-radius:8px;min-width:140px;position:absolute;top:36px;right:10px;box-shadow:0 4px 12px #0000001f,0 1px 3px #00000014}.project-dropdown .dropdown-item{cursor:pointer;color:#dc2626;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:background .15s,color .15s;display:flex}.project-dropdown .dropdown-item:hover{color:#7c3aed;background:#f5f5f5}.project-item{align-items:center;display:flex;position:relative}.project-dot{cursor:pointer;opacity:0;color:#888;background:0 0;border:none;padding:4px;position:absolute;right:8px}.project-item:hover .project-dot{opacity:1}@media (width<=900px){.project-sub-sidebar{z-index:1200;background:#fff;width:280px;max-width:85vw;transition:transform .3s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:6px 0 24px #0003}.project-sub-sidebar.open{transform:translate(0)}}.project-layout{background:#fff;border-radius:10px;height:calc(100vh - 30px);display:flex;overflow:hidden}.project-main{background:#fff;flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.project-content{flex:1;display:flex;overflow:hidden}@media (width<=768px){.project-layout{flex-direction:column}.project-main{width:100%}}.add-channel-form{flex-direction:column;gap:18px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:#444;font-size:13px;font-weight:500}.textarea{resize:none;min-height:90px;padding:10px}.checkbox-row{align-items:center;gap:4px;font-size:14px;display:flex}.channel-item-wrapper{align-items:center;display:flex;position:relative}.channel-dot{cursor:pointer;opacity:0;color:#888;background:0 0;border:none;padding:4px;position:absolute;right:8px}.channel-item-wrapper:hover .channel-dot{opacity:1}.channel-dropdown{z-index:30;background:#fff;border-radius:8px;min-width:170px;position:absolute;top:28px;right:28px;box-shadow:0 4px 12px #0000001f,0 1px 3px #00000014}.dropdown-icon{opacity:.85;font-size:14px}.channels-body{width:100%;padding:20px}.page-title{margin-bottom:15px}.channel-filter{gap:12px;margin-bottom:20px;display:flex}.channel-select{border-radius:8px;padding:10px}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.channel-card-header{justify-content:space-between;align-items:center;display:flex}.status-badge{color:#fff;white-space:nowrap;border-radius:6px;padding:10px 14px;font-size:14px}.status-badge.active{background:#85c101}.status-badge.archived{background:#e53935}.members{color:#777;margin:10px 0;font-size:13px}.channel-actions{gap:10px;margin-top:4px;display:flex}.all-channels-page{background:#f8f5ff;flex-direction:column;height:100%;display:flex;overflow:hidden}.all-channels-header{background:#f8f5ff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.all-channels-header-left{flex:1;max-width:500px}.header-search{width:100%;position:relative}.header-search i{color:#9ca3af;font-size:16px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.header-search-input{background:#fff;border:1px solid #d1d5db;border-radius:25px;outline:none;width:100%;padding:10px 40px 10px 14px;font-size:14px}.header-search-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.all-channels-header-right{align-items:center;gap:12px;display:flex}.upgrade-btn-all-channels{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#ec4899 100%);border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.icon-btn-all-channels{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;padding:8px;font-size:18px}.user-avatar-all-channels{color:#fff;background:#1e293b;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:600;display:flex}.all-channels-content{flex:1;padding:32px 40px;overflow-y:auto}.all-channels-title{color:#1e293b;font-size:28px;font-weight:700}.channel-tabs{border-bottom:2px solid #e5e7eb;gap:8px;margin-bottom:24px;display:flex}.channel-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 20px;font-size:15px;font-weight:500}.channel-tab.active{color:#7c3aed;border-bottom-color:#7c3aed}.channels-list{grid-template-columns:repeat(3,1fr);gap:24px;margin:20px;display:grid;overflow-y:auto}.channel-card{background:#fff;border:1px solid #7c3aed14;border-radius:10px;flex-direction:column;gap:16px;width:100%;max-height:210px;padding:28px;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 12px 32px #7c3aed1f,0 4px 10px #0000000f}.channel-top{justify-content:space-between;align-items:center;display:flex}.channel-title{align-items:center;gap:8px;display:flex}.channel-title span{font-size:14px}.channel-card-members{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.avatar-group{align-items:center;display:flex}.avatar-group img,.avatar-group .more{border:2px solid #fff;border-radius:50%;width:32px;height:32px;margin-left:-8px}.avatar-group img:first-child{margin-left:0}.avatar-group .more{color:#374151;background:#e5e7eb;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.channel-card-members p{color:#797979;font-size:10px}.channel-actions button{white-space:nowrap;border-radius:10px;padding:8px 14px;font-size:14px}.channel-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px #7c3aed2e,0 6px 14px #0000001a}@media (width<=1200px){.channels-list{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.all-channels-content{padding:20px 16px}.channels-list{grid-template-columns:1fr}}.channel-actions .btn-secondary{color:#111827;background:#f9fafb;border:1px solid #f3f4f6;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:500;box-shadow:0 1px 2px #0000000a}.channel-actions .btn-secondary:hover{background:#f3f4f6}.channel-actions .btn-danger{color:#ef4444;background:#f9fafb;border:1px solid #f3f4f6;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:500;box-shadow:0 1px 2px #0000000a}.channel-actions .btn-danger:hover{background:#fee2e2}.channel-icon{justify-content:center;align-items:center;height:34px;display:flex}.channel-icon img{object-fit:contain;width:18px;height:18px}.channel-toolbar{padding:14px 0}.search-box{background:#fff;border-radius:10px;align-items:center;height:42px;padding-left:42px;display:flex;position:relative;box-shadow:0 2px 8px #9982ff1f,0 0 0 1px #ebe8ffd9}.search-box input{color:#2c2c2c;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:14px}.search-box input::placeholder{color:#bcbad3}.search-icon{opacity:.65;align-items:center;display:flex;position:absolute;left:16px}.channel-filter{color:#2c2c2c;cursor:pointer;background:#fff;border:none;border-radius:10px;align-items:center;gap:10px;height:40px;margin-top:16px;padding:0 16px;font-size:14px;display:inline-flex;box-shadow:0 2px 8px #9982ff1f,0 0 0 1px #ebe8ffd9}.channel-filter:hover,.search-box:focus-within{box-shadow:0 4px 12px #9982ff29,0 0 0 1px #e1dcff}.channel-toolbar{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.search-box{width:100%}.avatar-group img:first-child{z-index:4}.avatar-group img:nth-child(2){z-index:3}.avatar-group img:nth-child(3){z-index:2}.avatar-group .more{z-index:1}.no-channels-wrapper{justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 300px);display:flex}.no-channels-wrapper p{color:#777;font-size:14px}.user-avatar{color:#374151;background:#d1d5db;border-radius:20px;justify-content:center;align-items:center;width:30px;height:30px;font-weight:600;display:flex}.workspace-page-archive{width:100%;padding:18px}.workspace-header-archive{margin-bottom:24px}.workspace-page-title-archive{color:#1e293b;font-size:28px;font-weight:700}.workspace-list-archive{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.workspace-card-archive{background:#fff;border:1px solid #7c3aed14;border-radius:8px;flex-direction:column;gap:20px;padding:24px;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 12px 32px #7c3aed1f,0 4px 10px #0000000f}.workspace-card-archive:hover{transform:translateY(-4px);box-shadow:0 16px 40px #7c3aed2e,0 6px 14px #0000001a}.workspace-top-archive{justify-content:space-between;align-items:center;gap:12px;display:flex}.workspace-title-archive{align-items:center;gap:10px;display:flex}.workspace-title-archive span{color:#111827;font-size:16px;font-weight:600}.status-badge-archive{color:#fff;white-space:nowrap;border-radius:5px;padding:8px 14px;font-size:13px;font-weight:600}.status-badge-archive.active{background:#85c101}.status-badge-archive.archived{background:#ef4444}.workspace-actions-archive{gap:12px;display:flex}.workspace-actions-archive button{cursor:pointer;border:none;border-radius:5px;outline:none;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn-secondary-archive{color:#111827;background:#f3f4f6}.btn-secondary-archive:hover{background:#e5e7eb}.btn-danger-archive{color:#dc2626;background:#fee2e2}.btn-danger-archive:hover{background:#fecaca}.no-workspaces-wrapper-archive{justify-content:center;align-items:center;min-height:calc(100vh - 300px);display:flex}.no-workspaces-wrapper-archive p{color:#6b7280;font-size:14px}@media (width<=1200px){.workspace-list-archive{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.workspace-content-archive{padding:16px}.workspace-list-archive{grid-template-columns:1fr}.workspace-actions-archive{flex-direction:column}.workspace-actions-archive button{width:100%}}.step-wrapper{background:#f6f7fb;justify-content:center;align-items:center;display:flex}.step-wrapper-main{background:url(../../../public/assets/images/onboarding_back_frame.png) 50%/cover no-repeat;min-height:100vh;position:relative;overflow:hidden}.workspace-onboarding-modal .modal-overlay{-webkit-backdrop-filter:blur(8px);background:#ffffff26}.step-card{background:#fff;border-radius:14px;width:100%;max-width:900px;min-height:520px;padding:60px 10px;position:relative}.step-title{text-align:center;margin-bottom:40px;font-size:28px;font-weight:700}.input-group{max-width:420px;margin:0 auto;position:relative}.floating-label{color:#666;margin-bottom:6px;font-size:13px;display:inline-block}.step-footer{justify-content:space-between;display:flex;position:absolute;bottom:30px;left:40px;right:40px}.step-wrapper-main .modal-card{max-width:810px!important;min-height:560px!important}.floating-label{color:#3e3e3e;z-index:2;background:#fff;padding:0 6px;font-size:12px;position:absolute;top:-8px;left:14px}.input-group{background:0 0;border-radius:6px;max-width:420px;margin:0 auto;font-size:14px;position:relative;border:1px solid #000!important;height:48px!important}.input-group input{box-shadow:none!important;border:none!important;outline:none!important}.invite-list{flex-direction:column;gap:16px;max-width:420px;margin:0 auto;display:flex}.add-invite-btn{color:#4f46e5;cursor:pointer;text-align:left;background:0 0;border:none;margin-top:8px;padding:0;font-size:14px}.add-invite-btn:hover{text-decoration:underline}.option-group.center{justify-content:center;gap:16px;margin-bottom:40px;display:flex}.option-grid{flex-wrap:wrap;justify-content:center;gap:10px;max-width:650px;margin:0 auto;display:flex}.option-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:10px;padding:12px 30px;font-size:14px;transition:all .2s}.members-padd{padding:10px 40px!important}.option-btn:hover{border-color:#4f46e5}.option-btn.active{color:#4f46e5;background:#eef2ff;border-color:#4f46e5;font-weight:600}.tool-btn{justify-content:center;align-items:center;gap:10px;min-width:160px;display:flex}.tool-icon{object-fit:contain;width:20px;height:20px}.btn-with-icon{align-items:center;gap:8px;display:flex}.btn-icon{width:14px;height:14px}.invite-list{margin-top:24px}.invite-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.flex-1{flex:1}.invite-center{max-width:420px;margin:0 auto}.invite-input-group{padding:0;border:none!important}.invite-input-inner{border:1px solid #000;border-radius:6px;align-items:center;height:48px;display:flex;position:relative}.invite-input-inner input{width:420px;height:100%;padding-left:14px;padding-right:90px;border:none!important;outline:none!important}.invite-add-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;height:34px;padding:0 14px;font-size:14px;position:absolute;right:6px}.invite-chips{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.invite-chip{background:#f1f3f5;border-radius:18px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.chip-remove{cursor:pointer;background:0 0;border:none;font-size:14px}.step-error{color:#e53935;text-align:center;margin-top:18px;font-size:13px}@media (width<=1024px){.step-title{margin-bottom:32px;font-size:24px}.option-grid{gap:16px;max-width:100%}.tool-btn{min-width:150px}}@media (width<=992px){.modal-card{max-width:92%;margin:0 12px}}@media (width<=768px){.step-wrapper{padding:20px}.step-card{border-radius:12px;padding:40px 20px}.step-title{margin-bottom:30px;font-size:20px}.option-grid{gap:12px}.tool-btn{width:100%;min-width:unset;justify-content:flex-start;padding:12px 16px}.tool-icon{width:18px;height:18px}.input-group{max-width:100%}.step-footer{flex-direction:column;gap:12px;margin-top:40px;display:flex;position:static}.btn-with-icon{justify-content:center}}.workspace-onboarding-modal .modal-card{width:100%!important;max-width:810px!important;min-height:560px!important}@media (width>=769px) and (width<=1366px){.workspace-onboarding-modal .modal-card{max-width:600px!important;min-height:420px!important}.step-card{max-width:600px!important;min-height:380px!important;padding:40px 10px!important}.step-title{margin-bottom:28px!important;font-size:24px!important}}@media (width<=768px){.workspace-onboarding-modal .modal-card{max-width:100%!important;min-height:unset!important;border-radius:16px 16px 0 0!important;max-height:92vh!important;overflow-y:auto!important}.step-card{min-height:unset!important;padding:36px 20px 28px!important}}@media (width<=480px){.workspace-onboarding-modal .modal-card{max-height:95vh!important}.step-card{padding:28px 16px 24px!important}.step-title{margin-bottom:24px;font-size:18px}.option-btn{padding:10px 14px;font-size:13px}.tool-btn span{font-size:13px}.btn-icon{width:12px;height:12px}.invite-input-inner input{width:100%;padding-left:10px;padding-right:50px;font-size:14px}.invite-add-btn{height:32px;padding:0 10px;font-size:13px;right:6px}.input-res{display:unset}}.workspace-sub-sidebar{border-right:1px solid #e0d4f7;flex-direction:column;flex-shrink:0;width:280px;display:flex}.workspace-sub-sidebar-header{background:#fff;border-bottom:1px solid #e0d4f7;padding:22px 16px}.workspace-company{align-items:center;gap:8px;margin-bottom:12px;display:flex}.workspace-company-icon{color:#fff;background:#7c3aed;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.workspace-company-name{font-size:15px;font-weight:600}.workspace-company-sub{color:#666;font-size:12px}.workspace-add-btn{width:100%}.workspace-sub-sidebar-content{flex:1;padding:12px;overflow-y:auto;padding-top:5px!important}.workspace-group{margin-bottom:16px}.workspace-group-title{color:#1e293b;cursor:pointer;justify-content:space-between;align-items:center;padding:6px 12px;font-size:14px;font-weight:600;display:flex}.workspace-group-items{flex-direction:column;gap:2px;display:flex}.workspace-avatar{color:#fff;background:#611f69;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.workspace-avatar-sm{color:#fff;background:#611f69;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}:is(.workspace-avatar:has(img),.workspace-avatar-sm:has(img)){background:0 0!important}.workspace-item{color:#475569;cursor:pointer;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:14px;transition:background .2s,color .2s;display:flex}.workspace-item-archive{color:#475569;cursor:pointer;background-color:#0000;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:14px;transition:background .2s,color .2s;display:flex}.workspace-item-archive.active{color:#7c3aed;background:#ddd6fe}.sidebar-section-archive{margin-top:10px}.workspace-item.active{color:#7c3aed;background:#ddd6fe;font-weight:500}.workspace-item.add-new{color:#7c3aed;font-weight:500}.workspace-divider{background:#eee;height:1px;margin:8px 0}.workspace-sub-sidebar-content::-webkit-scrollbar{width:6px}.workspace-sub-sidebar-content::-webkit-scrollbar-thumb{background:#d8b4fe;border-radius:10px}.workspace-sub-sidebar{transition:width .3s}.workspace-sub-sidebar.collapsed{width:70px}.sidebar-toggle{justify-content:flex-end;padding:8px;display:flex}.sidebar-toggle button{cursor:pointer;background:0 0;border:none}.workspace-group-title{cursor:pointer}.workspace-item-wrapper{justify-content:space-between;align-items:center;display:flex;position:relative}.workspace-dot{cursor:pointer;opacity:0;color:#888;background:0 0;border:none;padding:4px;transition:opacity .2s;position:absolute;right:8px}.workspace-item-wrapper:hover .workspace-dot{opacity:1}.workspace-dropdown{z-index:30;background:#fff;border-radius:8px;min-width:140px;position:absolute;top:36px;right:10px;box-shadow:0 4px 12px #0000001f,0 1px 3px #00000014}.workspace-dropdown .dropdown-item{cursor:pointer;color:#dc2626;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:background .15s,color .15s;display:flex}.workspace-dropdown .dropdown-item:hover{color:#7c3aed;background:#f5f5f5}.workspace-item{align-items:center;display:flex;position:relative}.workspace-dot{cursor:pointer;opacity:0;color:#888;background:0 0;border:none;padding:4px;position:absolute;right:8px}.workspace-item:hover .workspace-dot{opacity:1}.workspace-pending-divider{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;justify-content:space-between;align-items:center;margin-top:6px;padding:10px 12px 4px;font-size:11px;font-weight:600;display:flex}.workspace-pending-badge{color:#fff;background:#f59e0b;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700}.workspace-item-pending{opacity:.85;border:1px dashed #c4b5fd}.workspace-item-pending:hover{opacity:1;background:#fef3c7;border-color:#f59e0b}.workspace-avatar-pending{background:#d97706}.workspace-item-pending-info{flex-direction:column;min-width:0;display:flex}.workspace-pending-label{color:#f59e0b;margin-top:1px;font-size:11px;font-weight:500}@media (width<=900px){.workspace-sub-sidebar{z-index:1200;background:#fff;width:280px;max-width:85vw;transition:transform .3s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:6px 0 24px #0003}.workspace-sub-sidebar.open{transform:translate(0)}}.sidebar-container{background:0 0;width:120px;height:100vh;transition:transform .3s;position:fixed;top:0;left:0}.sidebar{width:80px;height:100%;padding:14px}.logo{text-align:center;height:55px;font-size:24px;font-weight:700}.logo img{height:100%}.nav-links{flex-direction:column;display:flex}.nav-links a{color:#555;cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:12px 0;transition:all .2s;display:flex}.nav-links a:hover,.nav-links a.active{color:#000;background:0 0}.nav-links a .icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.nav-links a.active .icon-wrap{background:#ffffff80}.nav-links a:hover .icon-wrap{background:#ffffff40}.nav-links a.active span{color:#000}.nav-links a span{color:#555}.nav-links span{font-size:12px;font-weight:500}.mobile-sidebar-toggle{z-index:1100;cursor:pointer;background:#fff;border:none;border-radius:8px;margin-bottom:5px;padding:2px;font-size:24px;display:none;position:fixed;top:0;left:20px}.sidebar-overlay{z-index:1000;opacity:0;pointer-events:none;background:#0006;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;pointer-events:auto}@media (width<=767px){.mobile-sidebar-toggle{display:block}.sidebar-container{background:#fff;width:260px;transform:translate(-100%);box-shadow:2px 0 12px #0003}.sidebar-container.open{transform:translate(0)}.sidebar{width:260px}}.layout-container{background:linear-gradient(135deg,#e0c3fc 0%,#8ec5fc 100%);width:100%;min-height:100vh;display:flex}.main-content{z-index:2;flex:1;min-height:calc(100vh - 30px);margin:15px 15px 15px 80px}@media (width<=768px){.main-content{margin:15px}}.project-init-body{color:#1e293b;background:#f9fafb;flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px;font-family:Arial,sans-serif;display:flex}.project-init-header{text-align:center;background:linear-gradient(90deg,#fbc2eb 0%,#a18cd1 100%);border-radius:12px;width:100%;margin-bottom:50px;padding:40px 20px;box-shadow:0 4px 20px #0000001a}.project-init-header h1{margin:0 0 10px;font-size:32px}.project-init-header p{color:#333c;margin:0 0 20px;font-size:16px}.create-project-btn{color:#fff;cursor:pointer;background-color:#7c3aed;border:none;border-radius:6px;padding:12px 24px;font-size:16px;transition:background .2s}.create-project-btn:hover{background-color:#6b21a8}.project-init-placeholder{text-align:center}.project-init-placeholder h2{margin-bottom:8px;font-size:24px}.project-init-placeholder p{color:#64748b;font-size:14px}.ws-checkbox{width:15px;height:15px;accent-color:var(--wsp-accent);cursor:pointer;border-radius:3px}.allocate-form{flex-direction:column;gap:12px;display:flex}.allocate-search{box-sizing:border-box;border:1px solid #e5e7eb;border-radius:6px;outline:none;width:100%;height:36px;padding:0 12px;font-size:13px}.allocate-search:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed14}.allocate-users-list{border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;gap:4px;max-height:200px;padding:8px;display:flex;overflow-y:auto}.allocate-select-all{color:#374151;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;margin-bottom:4px;padding-bottom:8px;font-size:13px;font-weight:500;display:flex}.allocate-user-item{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:6px 0;display:flex}.allocate-user-item:hover{background:#f9fafb}.allocate-user-info{flex-direction:column;display:flex}.allocate-user-name{color:#111827;font-size:13px;font-weight:500}.allocate-user-email{color:#6b7280;font-size:12px}.allocate-empty{color:#9ca3af;text-align:center;margin:0;padding:16px 0;font-size:13px}.allocate-alias-section{flex-direction:column;gap:10px;padding-top:12px;display:flex}.allocate-alias-title{color:#374151;margin:0 0 4px;font-size:13px;font-weight:500}.allocate-alias-row{align-items:center;gap:12px;display:flex}.allocate-alias-name{color:#111827;flex-shrink:0;min-width:120px;font-size:13px;font-weight:500}.pm-page{box-sizing:border-box;flex:1;min-width:0;padding:24px;overflow-y:auto}.pm-header{margin-bottom:20px}.pm-title{color:#111827;margin:0 0 4px;font-size:20px;font-weight:700}.pm-subtitle{color:#6b7280;margin:0;font-size:13px}.pm-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.pm-filters{flex-wrap:wrap;gap:8px;display:flex}.pm-filter-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .15s}.pm-filter-btn:hover{color:#805ee9;border-color:#805ee9}.pm-filter-btn.active{color:#805ee9;background:#fff;border-color:#805ee9;font-weight:600}.pm-filter-count{color:#6b7280;background:#f3f4f6;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}.pm-filter-btn.active .pm-filter-count{color:#805ee9;background:#ede9fe}.pm-invite-inner{align-items:center;gap:5px;display:flex}.pm-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.pm-stat-card{background:#fff;border:1px solid #f0eeff;border-radius:12px;flex-direction:column;gap:8px;padding:16px 20px;display:flex}.pm-stat-icon{color:#805ee9;background:#f0eeff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.pm-stat-label{color:#6b7280;font-size:13px;font-weight:500}.pm-stat-count{color:#111827;font-size:28px;font-weight:700;line-height:1}.pm-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;overflow:hidden}.pm-table-scroll{width:100%;overflow-x:auto}.pm-table{border-collapse:collapse;width:100%;min-width:600px;font-size:13px}.pm-table thead tr{border-bottom:1px solid #e5e7eb}.pm-table th{text-align:left;color:#6b7280;white-space:nowrap;background:#fafafa;padding:12px 16px;font-size:12px;font-weight:600}.pm-table thead tr th:first-child{border-top-left-radius:12px}.pm-table thead tr th:last-child{border-top-right-radius:12px}.pm-table tbody tr:last-child td:first-child{border-bottom-left-radius:12px}.pm-table tbody tr:last-child td:last-child{border-bottom-right-radius:12px}.pm-col-check{width:40px;padding:12px 8px 12px 16px!important}.pm-row-checkbox{accent-color:#805ee9;cursor:pointer;border-radius:4px;width:16px;height:16px}.pm-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #e5e7eb;height:56px;padding:12px 16px}.pm-table tbody tr:last-child td{border-bottom:none}.pm-table tbody tr:hover{background:#fafafa}.pm-table tbody tr.selected{background:#faf5ff}.pm-action-col{text-align:center;width:48px;padding:0 8px!important}.pm-table input[type=checkbox]{accent-color:#805ee9;cursor:pointer;width:15px;height:15px}.pm-member-cell{align-items:center;gap:10px;display:flex}.pm-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.pm-avatar img{object-fit:cover;width:100%;height:100%}.pm-member-name{color:#111827;font-size:13px;font-weight:600}.pm-member-email{color:#9ca3af;margin-top:1px;font-size:12px}.pm-invited-at-col{white-space:nowrap;color:#6b7280;font-size:12px}.pm-invited-at{font-size:12px;font-weight:500}.pm-product-badge{color:#7c3aed;background:#ede9fe;border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.pm-product-badge.bundle{color:#7c3aed;background:#ede9fe}.pm-product-badge.projects{color:#ea7700;background:#fff3e8}.pm-product-badge.chat{color:#0d9488;background:#e0f7f4}.pm-no-product{color:#d1d5db;font-size:13px}.pm-role-cell,.pm-dept-cell{color:#374151;font-size:13px}.pm-status-dot{color:#374151;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.pm-status-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pm-status-indicator.active{background:#22c55e}.pm-status-indicator.inactive{background:#ef4444}.pm-status-indicator.invited,.pm-status-indicator.pending{background:#f59e0b}.pm-status-indicator.expired,.pm-status-indicator.canceled{background:#dc2626}.pm-status-indicator.rejected{background:#7f1d1d}.pm-invite-actions{align-items:center;gap:6px;display:inline-flex}.pm-resend-btn,.pm-cancel-invite-btn{cursor:pointer;color:#374151;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:border-color .15s,color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 1px 3px #00000014}.pm-resend-btn svg{transform:rotate(320deg)}.pm-resend-btn:hover{color:#4f46e5;border-color:#4f46e5;box-shadow:0 2px 6px #4f46e526}.pm-cancel-invite-btn:hover{color:#dc2626;border-color:#dc2626;box-shadow:0 2px 6px #dc262626}.pm-action-wrap{display:inline-block;position:relative}.pm-dots-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin:0 auto;padding:6px;transition:background .15s;display:flex}.pm-dots-btn:hover{color:#374151;background:#f3f4f6}.pm-action-menu{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:110px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 4px 16px #00000014}.pm-action-menu button{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;width:100%;padding:9px 16px;font-size:13px;transition:background .1s;display:block}.pm-action-menu button:hover{background:#f9fafb}.pm-action-menu button.danger{color:#ef4444}.pm-action-menu button.danger:hover{background:#fef2f2}.pm-empty-row{text-align:center;color:#9ca3af;font-size:13px;padding:40px 16px!important}@media (width<=640px){.pm-page{padding:12px}.pm-toolbar{flex-direction:column;align-items:flex-start}.pm-toolbar-right{justify-content:flex-end;width:100%}.pm-filter-btn{padding:5px 12px;font-size:12px}.pm-stats{gap:10px}.pm-stat-card{padding:12px 14px}.pm-stat-count{font-size:22px}}@media (width<=480px){.pm-page{padding:10px}.pm-header{margin-bottom:14px}.pm-title{font-size:17px}.pm-stats{gap:8px}.pm-stat-count{font-size:20px}}.pm-partner-section{margin-top:32px}.pm-section-title{font-size:16px}.pm-modal-body{flex-direction:column;gap:20px;padding-top:10px;display:flex}.pm-cost-mode-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pm-cost-mode-label{color:#374151;font-size:13px;font-weight:500}.pm-cost-mode-toggle{background:#f1f1f1;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.pm-cost-mode-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .2s}.pm-cost-mode-btn.active{color:#fff;background:#805ee9}.pm-field-hint{color:#6b7280;margin:6px 0 0;font-size:12px}.pm-profit-hint{margin:6px 0 0;font-size:12px}.pm-profit-hint.positive{color:#16a34a}.pm-profit-hint.negative{color:#dc2626}.pm-billable-toggle-label{cursor:pointer;align-items:center;gap:10px;display:flex}.pm-toggle{cursor:pointer;background:#d1d5db;border-radius:999px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.pm-toggle.active{background:#805ee9}.pm-toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:3px;left:3px}.pm-toggle.active .pm-toggle-thumb{left:21px}.pm-toggle-title{color:#111827;font-size:14px;font-weight:500}.pm-client-hint{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:0;padding:10px 14px;font-size:13px}.pm-toolbar-right{align-items:center;gap:10px;display:flex}.pm-toolbar-right .select-wrapper{gap:0}.pm-toolbar-right .select-field{color:#374151;border-color:#e5e7eb;border-radius:6px;height:32px;padding:6px 12px;font-size:13px;font-weight:500}.pm-toolbar-right .select-field:focus{border-color:#805ee9;box-shadow:0 0 0 2px #805ee926}.pm-status-select{color:#374151;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 10px center/12px no-repeat;border:1px solid #e5e7eb;border-radius:6px;outline:none;padding:6px 28px 6px 12px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s}.pm-status-select:hover,.pm-status-select:focus{color:#805ee9;border-color:#805ee9}:root{--wsp-text-primary:#111827;--wsp-text-secondary:#6b7280;--wsp-text-muted:#9ca3af;--wsp-border:#e5e7eb;--wsp-bg-page:#fff;--wsp-bg-table-head:#f9fafb;--wsp-bg-row-hover:#f9fafb;--wsp-bg-row-sel:#f5f3ff;--wsp-accent:#7c3aed;--wsp-accent-hover:#6d28d9;--wsp-badge-pending-bg:#fff7ed;--wsp-badge-pending-text:#d97706;--wsp-badge-active-bg:#f0fdf4;--wsp-badge-active-text:#16a34a;--wsp-radius-sm:6px;--wsp-radius-md:8px;--wsp-shadow-sm:0 1px 2px #0000000d}.wsp-page{font-family:var(--wsp-font);height:80vh;color:var(--wsp-text-primary);background-color:#fff;padding:28px 32px;overflow-y:auto}.wsp-header{margin-bottom:24px}.wsp-title{color:var(--wsp-text-primary);letter-spacing:-.3px;margin:0 0 8px;font-size:22px;font-weight:700}.wsp-subtitle{max-width:60%;margin:0;line-height:1.6}.wsp-input-copy-wrapper{align-items:flex-end;gap:8px;width:100%;display:flex}.wsp-input-copy-wrapper .wsp-input-field{flex:1}.wsp-invite-section{flex-direction:column;gap:12px;width:100%;max-width:500px;margin-bottom:32px;display:flex}.wsp-invite-row{align-items:flex-end;gap:12px;display:flex}.wsp-field-group{align-items:flex-end;gap:0;display:flex}.wsp-field-group .input-field{background-color:#f2f2f2}.wsp-field-group .input-field:focus{box-shadow:none!important;border-color:#d1d5db!important}.wsp-input-field{flex:1;width:100%;min-width:0;max-width:400px}.wsp-input-field .input-label{color:var(--wsp-text-secondary);margin-bottom:4px;font-size:12px;font-weight:500}.wsp-input-field .input-inner{border:1px solid var(--wsp-border);border-radius:var(--wsp-radius-sm);background:var(--wsp-bg-page);transition:border-color .15s,box-shadow .15s;overflow:hidden}.wsp-input-field .input-inner:focus-within{border-color:var(--wsp-accent);box-shadow:0 0 0 3px #7c3aed14}.wsp-input-field .input-inner.has-error{border-color:#ef4444}.wsp-input-field .input-field{height:36px;color:var(--wsp-text-primary);box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;padding:0 10px;font-size:13.5px}.wsp-input-field .input-field::placeholder{color:var(--wsp-text-muted)}.wsp-input-field .input-field:disabled{background:var(--wsp-bg-table-head);color:var(--wsp-text-muted);cursor:not-allowed}.wsp-input-field .input-right{align-items:center;padding-right:4px;display:flex}.wsp-input-field .error-text{color:#ef4444;margin-top:3px;font-size:11.5px;display:block}.wsp-copy-btn{width:30px;height:30px;color:var(--wsp-text-secondary);border-radius:var(--wsp-radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.wsp-copy-btn:hover{background:var(--wsp-bg-row-hover);color:var(--wsp-text-primary)}.wsp-copy-btn--copied{color:#16a34a}.wsp-invite-btn{background:var(--wsp-accent);color:#fff;border-radius:var(--wsp-radius-sm);cursor:pointer;white-space:nowrap;border:none;height:42px;padding:0 24px;font-size:14px;font-weight:500;transition:background .15s}.wsp-invite-btn:hover{background:var(--wsp-accent-hover)}.wsp-section-title{letter-spacing:-.2px;margin:0 0 14px;font-size:17px;font-weight:700}.wsp-table-wrap{border:1px solid var(--wsp-border);border-radius:var(--wsp-radius-md)}.wsp-table thead tr th:first-child{border-top-left-radius:var(--wsp-radius-md)}.wsp-table thead tr th:last-child{border-top-right-radius:var(--wsp-radius-md)}.wsp-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--wsp-radius-md)}.wsp-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--wsp-radius-md)}.wsp-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:600px}.wsp-table tbody tr:last-child td{border-bottom:none}.wsp-table tbody tr:hover{background:var(--wsp-bg-row-hover)}.wsp-row--selected{background:var(--wsp-bg-row-sel)!important}.wsp-table th,.wsp-table td{border-right:1px solid var(--wsp-border)}.wsp-table th:last-child,.wsp-table td:last-child{border-right:none}.wsp-cell--mono{font-size:12.5px}.ws-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:3px 12px;font-size:12px;font-weight:500;display:inline-flex}.ws-badge--pending{background:var(--wsp-badge-pending-bg);color:var(--wsp-badge-pending-text)}.ws-badge--active{background:var(--wsp-badge-active-bg);color:var(--wsp-badge-active-text)}.wsp-action-btn{cursor:pointer;border-radius:var(--wsp-radius-sm);color:var(--wsp-text-secondary);background:0 0;border:none;padding:4px 6px;line-height:1;transition:background .12s}.wsp-action-btn:hover{background:var(--wsp-border);color:var(--wsp-text-primary)}.wsp-dots{letter-spacing:0;font-size:18px}.wsp-tabs{border-bottom:1px solid var(--wsp-border);gap:0;margin-bottom:0;padding:0 24px;display:flex}.wsp-tab{color:var(--wsp-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:13.5px;font-weight:500;transition:color .15s,border-color .15s}.wsp-tab:hover{color:var(--wsp-text-primary)}.wsp-tab--active{color:var(--wsp-accent);border-bottom-color:var(--wsp-accent);font-weight:600}.wsp-members-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;margin:20px;overflow:hidden}.wsp-sub-tabs{scrollbar-width:none;border-bottom:1px solid #e5e7eb;padding:0 6px;display:flex;overflow-x:auto}.wsp-sub-tabs::-webkit-scrollbar{display:none}.wsp-sub-tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:5px;margin-bottom:-1px;padding:9px 12px;font-size:12px;font-weight:400;transition:color .15s,border-color .15s;display:flex}.wsp-sub-tab:hover{color:#374151}.wsp-sub-tab--active{color:#7c3aed;border-bottom-color:#7c3aed;font-weight:400}.wsp-sub-tab-icon{align-items:center;display:flex}.wsp-tab-empty{text-align:center;color:var(--wsp-text-muted);border:1px solid var(--wsp-border);border-radius:0 0 var(--wsp-radius-md) var(--wsp-radius-md);border-top:none;padding:32px;font-size:13px}.wsp-col--checkbox{width:40px}.wsp-col--code{width:18%}.wsp-col--invited-by{width:16%}.wsp-col--date{width:14%}.wsp-col--status{width:12%}.wsp-col--employees,.wsp-col--projects,.wsp-col--action{width:8%}.wsp-col--owner{width:16%}.wsp-col--joined-date{width:14%}.wsp-col--status-active{width:12%}.wsp-col--employees,.wsp-col--projects{width:10%}.wsp-menu-wrapper{display:inline-block;position:relative}.wsp-menu-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.wsp-menu-btn:hover{background:#f1f1f1}.wsp-dropdown{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:120px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.wsp-dropdown-item{cursor:pointer;color:#374151;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.wsp-dropdown-item:hover{background:#f9fafb}.wsp-dropdown-item--danger{color:#dc2626}.wsp-dropdown-item--danger:hover{background:#fef2f2}.wsp-dropdown-divider{background:#e5e7eb;height:1px;margin:4px 0}.wsp-back-btn-wrapper{margin-bottom:16px}.wsp-table tbody td{color:var(--wsp-text-primary);vertical-align:middle;border-bottom:1px solid var(--wsp-border);white-space:nowrap;text-overflow:ellipsis;padding:10px 12px;font-size:13px;overflow:visible}.wsp-table thead th{background:var(--wsp-bg-table-head);color:var(--wsp-text-secondary);text-align:left;border-bottom:1px solid var(--wsp-border);white-space:nowrap;text-overflow:ellipsis;padding:10px 12px;font-size:12px;font-weight:600;overflow:visible}.partner-member-panel,.wsp-section{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.wsp-page{font-family:var(--wsp-font);height:80vh;color:var(--wsp-text-primary);background-color:#fff;padding:28px 32px;overflow:hidden auto}.wsp-cell--role{opacity:.7;margin-left:6px}.wsp-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:24px;display:flex}.wsp-empty-state__icon{opacity:.4;margin-bottom:12px}.wsp-empty-state__title{color:var(--wsp-text-primary);margin:0 0 4px;font-size:14px;font-weight:600}.wsp-empty-state__desc{color:var(--wsp-text-muted);margin:0;font-size:13px}.wsp-tab-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.wsp-tab-workspace-label{color:var(--wsp-text-secondary);align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.shareproject .modal-body{min-height:30vh}@media (width<=768px){.wsp-subtitle,.wsp-invite-section{max-width:100%}}@media (width<=640px){.wsp-page{padding:20px 16px}.wsp-input-field{max-width:100%}.wsp-invite-row{flex-direction:column;align-items:stretch}.wsp-invite-btn{width:100%}.wsp-tabs{scrollbar-width:none;overflow-x:auto}.wsp-tabs::-webkit-scrollbar{display:none}}:root{--primary:#7c3aed;--primary-light:#a78bfa;--primary-soft:#ede9fe;--accent:#f43f5e;--accent-soft:#ffe4e6;--success:#10b981;--success-soft:#d1fae5;--warning:#f59e0b;--warning-soft:#fef3c7;--bg:#f8f7ff;--surface:#fff;--surface-2:#f5f3ff;--border:#ece8f8;--text-primary:#1e1b2e;--text-secondary:#6b6887;--text-muted:#a09dba;--shadow-sm:0 1px 4px #7c3aed12;--shadow-md:0 4px 20px #7c3aed21;--shadow-lg:0 8px 32px #7c3aed2e;--radius:16px;--radius-sm:10px}*{box-sizing:border-box;margin:0;padding:0}.wo-root{background:var(--bg);min-height:0;color:var(--text-primary);flex:1;padding:32px;overflow-y:auto}.wo-header{margin-bottom:24px}.wo-header h1{color:var(--text-primary);letter-spacing:-.4px;font-size:24px;font-weight:700}.wo-header p{color:var(--text-muted);margin-top:4px;font-size:13px}.wo-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.wo-stats-restricted{grid-template-columns:repeat(3,1fr)}.wo-stat-card{background-image:url(/assets/images/card_bg.png);background-repeat:no-repeat;background-size:cover;border-radius:8px;padding:22px 20px 18px;position:relative;overflow:hidden}.wo-stat-label{letter-spacing:.1px;margin-bottom:10px;font-size:21px;font-weight:500}.wo-stat-value{margin-top:40px;margin-bottom:10px;font-size:40px;font-weight:700;line-height:1}.wo-stat-badge{color:#22c55e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd9;border:1.5px solid #22c55e;border-radius:8px;align-items:center;gap:4px;margin-top:30px;padding:4px 12px;font-size:14px;font-weight:500;display:inline-flex}.wo-stat-badge.down{color:#ef4444;background:#ffffffd9;border:1.5px solid #ef4444}.wo-stat-badge svg{width:12px;height:12px}.wo-loading{min-height:300px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex}.wo-spinner{border:3px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.wo-error{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-sm);border:1px solid #fecdd3;align-items:center;gap:10px;margin-bottom:20px;padding:14px 18px;font-size:13.5px;font-weight:500;display:flex}.wo-tables{grid-template-columns:1fr 1fr;gap:20px;display:grid}.wo-table-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:8px;overflow:hidden}.wo-table-header{align-items:center;gap:10px;padding:16px 20px 14px;display:flex}.wo-table-header h3{color:var(--text-primary);font-size:15px;font-weight:600}.wo-table-count{color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}table.wo-table{border-collapse:collapse;width:100%;font-size:13px}table.wo-table thead th{text-align:left;color:var(--text-primary);border-bottom:1px solid var(--border);background:#fff;padding:9px 16px;font-size:12px;font-weight:600}table.wo-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}table.wo-table tbody tr:last-child{border-bottom:none}table.wo-table tbody tr:hover{background:#faf8ff}table.wo-table td{color:var(--text-primary);vertical-align:middle;padding:12px 16px}.wo-sno{color:var(--text-secondary);width:40px;font-size:13px;font-weight:400}.wo-task-name{white-space:nowrap;text-overflow:ellipsis;max-width:420px;font-size:13px;font-weight:500;display:block;overflow:hidden}.wo-avatars{display:flex}.wo-avatar{background:var(--primary-soft);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:-8px;font-size:10px;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001f}.wo-avatar:first-child{margin-left:0}.wo-avatar img{object-fit:cover;width:100%;height:100%}.wo-date{color:var(--text-secondary);white-space:nowrap;font-size:12.5px}.wo-priority{white-space:nowrap;color:var(--accent);align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.wo-priority svg{width:12px;height:12px}.wo-priority.urgent{color:var(--accent)}.wo-priority.high{color:#ea580c}.wo-priority.medium{color:#b45309}.wo-priority.low{color:var(--success)}.wo-empty{text-align:center;color:var(--text-muted);padding:32px 20px;font-size:13.5px}.d-flex{justify-content:space-between;align-items:center;display:flex}.wo-setup-card{background:#f0ecff;border:1px solid #ddd6fe;border-radius:14px;margin-bottom:16px;padding:18px 22px}.wo-setup-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.wo-setup-heading{color:#4c1d95;align-items:center;gap:7px;font-size:13.5px;font-weight:500;display:flex}.wo-setup-heading svg{color:#7c3aed}.wo-setup-pct{color:#7c3aed;font-size:13px;font-weight:700}.wo-setup-bar-track{background:#ddd6fe;border-radius:999px;height:6px;margin-bottom:14px;overflow:hidden}.wo-setup-bar-fill{background:linear-gradient(90deg,#7c3aed,#a78bfa);border-radius:999px;height:100%;transition:width .5s}.wo-setup-steps{grid-template-columns:1fr 1fr;gap:8px;display:grid}.wo-step{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;display:flex}.wo-step-done{background:#f0fdf4;border-color:#a7f3d0}.wo-step-done .wo-step-check,.wo-step-done .wo-step-tag{color:#10b981}.wo-step-next{background:#ede9fe;border-color:#c4b5fd}.wo-step-next .wo-step-check{color:#7c3aed}.wo-step-next .wo-step-label{color:#6d28d9;font-weight:600}.wo-step-next .wo-step-tag{color:#7c3aed;font-weight:700}.wo-step-pending{opacity:.65;background:#fafafa;border-color:#e5e7eb}.wo-step-pending .wo-step-check{color:#d1d5db}.wo-step-pending .wo-step-tag{color:#9ca3af}.wo-step-check{flex-shrink:0;align-items:center;display:flex}.wo-step-circle{border:2px solid;border-radius:50%;width:14px;height:14px;display:inline-block}.wo-step-label{color:#374151;flex:1;font-size:12.5px}.wo-step-tag{color:#6b7280;white-space:nowrap;font-size:11px;font-weight:600}.wo-middle-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.wo-section-card{background:#fff;border:1px solid #ece8f8;border-radius:12px;padding:16px 18px;box-shadow:0 1px 4px #7c3aed0f}.wo-section-head{color:#1e1b2e;align-items:center;gap:7px;margin-bottom:14px;font-size:13.5px;font-weight:600;display:flex}.wo-section-head svg{color:#7c3aed}.wo-health-list{flex-direction:column;gap:10px;display:flex}.wo-health-row{align-items:center;gap:10px;display:flex}.wo-health-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.wo-dot-critical{background:#ef4444}.wo-dot-warning{background:#f59e0b}.wo-dot-urgent{background:#ea580c}.wo-dot-action{background:#3b82f6}.wo-health-label{color:#374151;flex:1;font-size:13px}.wo-severity-badge{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600}.wo-badge-critical{color:#dc2626;background:#fee2e2}.wo-badge-warning{color:#d97706;background:#fef3c7}.wo-badge-urgent{color:#ea580c;background:#ffedd5}.wo-badge-action{color:#2563eb;background:#eff6ff}.wo-activity-list{flex-direction:column;gap:10px;display:flex}.wo-activity-row{align-items:center;gap:10px;display:flex}.wo-activity-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.wo-icon-teal{color:#0d9488;background:#ccfbf1}.wo-icon-green{color:#16a34a;background:#dcfce7}.wo-icon-red{color:#dc2626;background:#fee2e2}.wo-icon-purple{color:#7c3aed;background:#ede9fe}.wo-icon-indigo{color:#4338ca;background:#e0e7ff}.wo-activity-label{color:#374151;flex:1;font-size:13px}.wo-activity-value{font-size:15px;font-weight:700}.wo-value-teal{color:#0d9488}.wo-value-green{color:#16a34a}.wo-value-red{color:#dc2626}.wo-value-purple{color:#7c3aed}.wo-value-indigo{color:#4338ca}.wo-value-clickable{cursor:pointer;text-underline-offset:3px;border-radius:6px;padding:1px 6px;text-decoration:underline;transition:background .15s}.wo-value-clickable:hover{background:#ccfbf1}.wo-modal-timer-list{flex-direction:column;gap:10px;padding:4px 0;display:flex}.wo-modal-timer-row{background:#f0fdfa;border:1px solid #99f6e4;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.wo-modal-timer-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex;overflow:hidden}.wo-modal-timer-avatar img{object-fit:cover;width:100%;height:100%}.wo-modal-timer-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.wo-modal-timer-user{color:var(--text-primary);font-size:14px;font-weight:600}.wo-modal-timer-task{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.wo-modal-timer-project{color:var(--text-muted);font-size:11.5px}.wo-modal-timer-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.wo-modal-timer-elapsed{color:#0d9488;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:700}.wo-modal-timer-billable{color:#7c3aed;white-space:nowrap;background:#ede9fe;border-radius:5px;padding:2px 8px;font-size:10.5px;font-weight:600}@media (width<=1024px){.wo-stats,.wo-stats-restricted{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.wo-tables,.wo-setup-steps,.wo-middle-grid{grid-template-columns:1fr}}@media (width<=560px){.wo-root{padding:16px}.wo-stats{grid-template-columns:1fr 1fr;gap:10px}.wo-setup-steps{grid-template-columns:1fr}}.wo-table-loading{opacity:.6;pointer-events:none}@keyframes wo-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wo-skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s infinite wo-shimmer}.wo-skeleton-title{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:6px;width:40%;height:18px;margin-bottom:12px;animation:1.4s infinite wo-shimmer}.wo-skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:6px;height:14px;animation:1.4s infinite wo-shimmer}.wo-table-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:9px;height:9px}.wo-table-dot.weekly{background:var(--warning)}.wo-table-dot.completed{background:var(--success)}.wo-completed-count{color:var(--success);background:var(--success-soft);border:1px solid var(--success);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.wo-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.wo-pagination{border-top:1px solid var(--border);background:var(--bg);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;padding:12px 20px;display:flex}.wo-pagination-info{color:var(--text-muted);font-size:12px}.wo-pagination-controls{align-items:center;gap:3px;display:flex}.wo-page-btn{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;min-width:30px;height:30px;color:var(--text-primary);border-radius:7px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.wo-page-btn:hover:not(:disabled){background:var(--primary-soft);border-color:var(--primary-light);color:var(--primary)}.wo-page-btn.active{background:var(--primary);color:var(--surface);border-color:var(--primary);box-shadow:var(--shadow-sm)}.wo-page-btn:disabled{opacity:.35;cursor:not-allowed}.wo-task-code{color:var(--primary);background:var(--primary-soft);border:1px solid var(--border);white-space:nowrap;border-radius:4px;padding:1px 5px;font-family:ui-monospace,monospace;font-size:10.5px;font-weight:600}.active-timers-popover{background:var(--surface);border-radius:var(--radius);width:440px;box-shadow:var(--shadow-md);border:1px solid var(--border);z-index:1000;color:var(--text-primary);text-align:left;box-sizing:border-box;padding:24px 20px;font-family:Inter,system-ui,-apple-system,sans-serif;position:absolute;top:56px;right:0}.at-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.at-title-wrapper{align-items:center;gap:8px;display:flex}.at-title{color:var(--text-primary);font-size:18px;font-weight:600}.at-badge{background-color:var(--primary-soft);color:var(--primary);border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.at-close-btn{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.at-close-btn:hover{background-color:var(--bg);border-color:var(--border);color:var(--text-primary)}.at-list-container{flex-direction:column;gap:12px;max-height:320px;padding-right:4px;display:flex;overflow-y:auto}.at-list-container::-webkit-scrollbar{width:6px}.at-list-container::-webkit-scrollbar-track{background:0 0}.at-list-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.at-list-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.at-row{background-color:var(--surface-2);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .3s;display:flex}.at-row:hover{box-shadow:var(--shadow-sm);border-color:var(--primary-soft)}.at-row-left{flex:1;align-items:flex-start;gap:14px;display:flex}.at-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex;color:#fff!important}.at-info{text-align:left;flex-direction:column;gap:4px;display:flex}.at-user-name{color:var(--text-primary);font-size:14px;font-weight:600}.at-task-title{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:13px;font-weight:400;line-height:1.4;overflow:hidden}.at-project{color:var(--text-secondary);align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.at-folder-icon{color:var(--text-muted);font-size:13px!important}.at-row-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.at-time-display{align-items:center;gap:6px;display:flex}.at-pulse-dot{background-color:var(--success);border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse;display:inline-block;box-shadow:0 0 #10b981b3}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.at-time{color:var(--text-primary);font-size:14px;font-weight:600}.at-stop-btn{background-color:var(--accent-soft);border:1px solid var(--accent);color:var(--accent);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.at-stop-btn:hover{background-color:var(--accent);border-color:var(--accent);color:var(--surface)}.at-stop-square{background-color:var(--accent);border-radius:1.5px;flex-shrink:0;width:8px;height:8px;display:inline-block}.at-empty-state{background-color:var(--surface-2);border:1px dashed var(--border);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;display:flex}.at-empty-icon{color:var(--success);margin-bottom:8px;font-size:24px}.at-empty-text{color:var(--text-secondary);margin:0;font-size:13px}.at-summary-bar{background-color:var(--bg);border-top:1px solid var(--border);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;margin:16px 3px;padding:12px 16px;display:flex}.at-summary-label{color:var(--text-secondary);font-size:13px;font-weight:500}.at-summary-value{color:var(--text-primary);font-size:14px;font-weight:700}.at-actions{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.at-stop-all-btn{border:1px solid var(--border);background-color:var(--surface);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.at-stop-all-btn:hover:not(:disabled){background-color:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.at-stop-all-btn:disabled{opacity:.5;cursor:not-allowed}.at-report-btn{border:1px solid var(--border);background-color:var(--surface);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.at-report-btn:hover{border-color:var(--primary);color:var(--primary);background-color:var(--surface-2)}.at-expand-btn{border:1px solid var(--border);background-color:var(--surface);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);z-index:1001;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.at-expand-btn:hover{color:var(--text-primary);box-shadow:var(--shadow-md);transform:translate(-50%)scale(1.05)}.at-expand-btn.expanded{transform:translate(-50%)rotate(180deg)}.at-expand-btn.expanded:hover{transform:translate(-50%)rotate(180deg)scale(1.05)}.at-expanded-section{max-height:200px;margin-top:12px;padding-bottom:8px;overflow-y:auto}.at-expanded-divider{background-color:var(--border);height:1px;margin-bottom:12px}.at-expanded-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.at-expanded-empty{color:var(--text-muted);text-align:center;padding:12px 0;font-size:12px;display:block}.at-completed-list{flex-direction:column;gap:8px;display:flex}.at-completed-row{background-color:var(--bg);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.at-completed-row-left{text-align:left;flex-direction:column;gap:2px;display:flex}.at-completed-user{color:var(--text-secondary);font-size:12px;font-weight:600}.at-completed-task{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-size:11px;overflow:hidden}.at-completed-duration{color:var(--text-muted);font-size:12px;font-weight:600}.fade-in{animation:.3s forwards fadeIn}.slide-down{animation:.3s cubic-bezier(.4,0,.2,1) forwards slideDown}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.wsts-wrapper{flex-direction:column;flex:1;gap:16px;min-height:0;padding:24px 28px;display:flex}.wsts-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.wsts-page-title-row{align-items:center;gap:14px;display:flex}.wsts-page-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);width:44px;height:44px;color:var(--surface);box-shadow:var(--shadow-md);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.wsts-page-title{color:var(--text-primary);margin:0 0 2px;font-size:18px;font-weight:700;line-height:1.2}.wsts-page-sub{color:var(--text-muted);margin:0;font-size:12.5px}.wsts-hours-log{flex-wrap:wrap;gap:12px;display:flex}.wsts-hlog-card{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;min-width:140px;padding:16px 20px;display:flex}.wsts-hlog-card--wide{flex:1;min-width:260px}.wsts-hlog-header{color:var(--text-secondary);align-items:center;gap:7px;display:flex}.wsts-hlog-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);flex:1;font-size:12px;font-weight:600}.wsts-hlog-date{color:var(--text-muted);font-size:11px}.wsts-hlog-total{color:var(--primary);font-size:26px;font-weight:700;line-height:1}.wsts-hlog-total-inline{color:var(--primary);font-size:13px;font-weight:700}.wsts-hlog-bar-row{align-items:flex-end;gap:6px;height:64px;display:flex}.wsts-hlog-bar-col{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.wsts-hlog-bar-track{background:var(--bg);border-radius:4px;align-items:flex-end;width:100%;height:44px;display:flex;overflow:hidden}.wsts-hlog-bar-fill{background:var(--border);border-radius:4px;width:100%;min-height:3px;transition:height .3s}.wsts-hlog-bar-fill.active{background:var(--primary)}.wsts-hlog-bar-label{color:var(--text-muted);font-size:10px;font-weight:500}.wsts-hlog-bar-val{color:var(--text-muted);white-space:nowrap;font-size:9px}.wsts-hlog-month-grid{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.wsts-hlog-day-cell{aspect-ratio:1;background:var(--bg);border:1px solid var(--border);color:var(--text-muted);cursor:default;border-radius:4px;justify-content:center;align-items:center;font-size:9px;transition:background .15s;display:flex}.wsts-hlog-day-cell.has-hours{background:var(--primary);border-color:var(--primary);color:var(--surface);font-weight:600}.wsts-summary{flex-wrap:wrap;gap:12px;display:flex}.wsts-stat-card{border:1px solid #0000;border-radius:12px;flex:1;align-items:center;gap:12px;min-width:160px;padding:14px 20px;transition:box-shadow .2s;display:flex}.wsts-stat-card:hover{box-shadow:var(--shadow-sm)}.wsts-stat-purple{background:var(--surface-2);border-color:var(--border)}.wsts-stat-blue{background:var(--primary-soft);border-color:var(--border)}.wsts-stat-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.wsts-stat-purple .wsts-stat-icon{background:var(--primary);color:var(--surface)}.wsts-stat-blue .wsts-stat-icon{background:var(--primary-light);color:var(--surface)}.wsts-stat-body{flex-direction:column;gap:2px;min-width:0;display:flex}.wsts-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:500}.wsts-stat-value{color:var(--text-primary);font-size:20px;font-weight:700;line-height:1}.wsts-stat-sub{color:var(--text-muted);font-size:13px;font-weight:400}.wsts-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wsts-search-wrap{flex:1;min-width:200px;max-width:320px;position:relative}.wsts-search-icon{color:var(--text-muted);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.wsts-search-input{border:1.5px solid var(--border);width:100%;height:36px;color:var(--text-primary);background:var(--surface);box-sizing:border-box;border-radius:8px;outline:none;padding:0 12px 0 34px;font-size:13px;transition:border-color .15s,box-shadow .15s}.wsts-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed1f}.wsts-search-input::placeholder{color:var(--text-muted)}.wsts-btn{height:36px;color:var(--text-primary);background:var(--surface);border:1.5px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex;position:relative}.wsts-btn:hover{background:var(--bg);border-color:var(--primary-light)}.wsts-btn--active{background:var(--primary-soft);color:var(--primary);border-color:var(--primary-light)}.wsts-btn--ghost{color:var(--text-secondary);background:0 0;border-color:#0000;padding:0 8px}.wsts-btn--ghost:hover{background:var(--bg);border-color:var(--border);color:var(--text-primary)}.wsts-filter-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:7px;height:7px}.wsts-filter-panel{background:var(--bg);border:1.5px solid var(--border);border-radius:12px;padding:16px 20px;animation:.15s wsts-slide-down}@keyframes wsts-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.wsts-filter-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.wsts-filter-group{flex-direction:column;gap:5px;display:flex}.wsts-filter-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.wsts-filter-select{border:1.5px solid var(--border);height:34px;color:var(--text-primary);background:var(--surface);cursor:pointer;border-radius:7px;outline:none;min-width:150px;padding:0 10px;font-size:13px;transition:border-color .15s}.wsts-filter-select:focus{border-color:var(--primary)}.wsts-flatpickr-wrap{align-items:center;display:flex;position:relative}.wsts-flatpickr-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:10px;font-size:15px!important}.wsts-flatpickr-input{cursor:pointer;min-width:210px;padding-left:32px!important}.wsts-filter-date{border:1.5px solid var(--border);height:34px;color:var(--text-primary);background:var(--surface);cursor:pointer;border-radius:7px;outline:none;min-width:130px;padding:0 10px;font-size:13px;transition:border-color .15s}.wsts-filter-date:focus{border-color:var(--primary)}.wsts-loading{flex-direction:column;gap:8px;display:flex}.wsts-skeleton-row{background:linear-gradient(90deg, var(--bg) 25%, var(--border) 50%, var(--bg) 75%);background-size:200% 100%;border-radius:8px;height:52px;animation:1.4s infinite wsts-shimmer}@keyframes wsts-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wsts-error{color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:28px;font-size:13.5px;display:flex}.wsts-table-wrapper{border:1.5px solid var(--border);background:var(--surface);min-height:0;box-shadow:var(--shadow-sm);border-radius:12px;flex:1;overflow:auto}.wsts-table-wrapper .pm-table th{z-index:1;background:#fafafa;position:sticky;top:0}.wsts-table{border-collapse:collapse;width:100%;font-size:13.5px}.wsts-table th{background:var(--surface-2);text-transform:uppercase;letter-spacing:.05em;color:var(--primary);border-bottom:1.5px solid var(--border);text-align:left;z-index:1;white-space:nowrap;padding:11px 16px;font-size:11px;font-weight:700;position:sticky;top:0}.wsts-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px}.wsts-table tbody tr:last-child td{border-bottom:none}.wsts-row{transition:background .1s}.wsts-row:hover{background:var(--primary-soft)}.wsts-col-date{width:17%}.wsts-col-user{width:14%}.wsts-col-task{width:19%}.wsts-col-project{width:16%}.wsts-col-hours{width:10%}.wsts-col-memo{width:12%}.wsts-date-main{color:var(--text-primary);white-space:nowrap;font-size:13px;font-weight:600}.wsts-time-range{color:var(--text-muted);white-space:nowrap;margin-top:2px;font-size:11.5px}.wsts-user{align-items:center;gap:8px;min-width:0;display:flex}.wsts-avatar{width:28px;height:28px;color:var(--surface);box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11.5px;font-weight:700;display:flex;overflow:hidden}.wsts-avatar img{object-fit:cover;width:100%;height:100%}.wsts-user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.wsts-task-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:13px;font-weight:500;overflow:hidden}.wsts-task-code{color:var(--primary);background:var(--primary-soft);border:1px solid var(--border);letter-spacing:.04em;border-radius:4px;margin-top:3px;padding:1px 6px;font-size:10.5px;font-weight:600;display:inline-block}.wsts-project-wrap{align-items:center;gap:7px;min-width:0;display:flex}.wsts-project-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.wsts-project-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:13px;overflow:hidden}.wsts-clickable{cursor:pointer}.wsts-clickable:hover .wsts-project-name,.wsts-clickable:hover.wsts-task-title{color:var(--primary);text-decoration:underline}.wsts-link-icon{color:var(--text-muted);opacity:0;flex-shrink:0;transition:opacity .15s}.wsts-clickable:hover .wsts-link-icon{opacity:1;color:var(--primary)}.wsts-hours-badge{background:var(--primary-soft);height:26px;color:var(--primary);white-space:nowrap;border:1px solid var(--border);border-radius:20px;align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.wsts-memo{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:12.5px;font-style:italic;display:block;overflow:hidden}.wsts-memo-empty{color:var(--text-muted);font-size:13px}.wsts-empty{text-align:center;color:var(--text-muted);padding:56px 20px}.wsts-empty-ring{background:var(--surface-2);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 14px;display:flex}.wsts-empty-title{color:var(--text-primary);margin:0 0 4px;font-size:14px;font-weight:600}.wsts-empty-sub{color:var(--text-muted);margin:0;font-size:13px}.wsts-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:4px 2px;display:flex}.wsts-pagination-info{color:var(--text-muted);font-size:12.5px}.wsts-pagination-info strong{color:var(--text-primary);font-weight:600}.wsts-pagination-right{align-items:center;gap:16px;display:flex}.wsts-rows-select{color:var(--text-secondary);align-items:center;gap:6px;font-size:12.5px;display:flex}.wsts-rows-select select{border:1.5px solid var(--border);height:30px;color:var(--text-primary);background:var(--surface);cursor:pointer;border-radius:6px;outline:none;padding:0 8px;font-size:12.5px}.wsts-rows-select select:focus{border-color:var(--primary)}.wsts-pagination-controls{align-items:center;gap:3px;display:flex}.wsts-page-btn{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;min-width:30px;height:30px;color:var(--text-primary);border-radius:7px;justify-content:center;align-items:center;padding:0 6px;font-size:12.5px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.wsts-page-btn:hover:not(:disabled){background:var(--primary-soft);border-color:var(--primary-light);color:var(--primary)}.wsts-page-btn.active{background:var(--primary);color:var(--surface);border-color:var(--primary);box-shadow:var(--shadow-sm)}.wsts-page-btn:disabled{opacity:.35;cursor:not-allowed}.flatpickr-calendar{opacity:0;text-align:center;visibility:hidden;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;direction:ltr;background:#fff;border:0;border-radius:5px;width:307.875px;padding:0;font-size:14px;line-height:24px;animation:none;display:none;position:absolute;box-shadow:1px 0 #e6e6e6,-1px 0 #e6e6e6,0 1px #e6e6e6,0 -1px #e6e6e6,0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;visibility:visible;max-height:640px}.flatpickr-calendar.open{z-index:99999;display:inline-block}.flatpickr-calendar.animate.open{animation:.3s cubic-bezier(.23,1,.32,1) fpFadeInDown}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{border-top:1px solid #e6e6e6;height:40px}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{pointer-events:none;content:"";border:solid #0000;width:0;height:0;display:block;position:absolute;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{display:inline-block;position:relative}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{color:#000000e6;fill:#000000e6;text-align:center;-webkit-user-select:none;user-select:none;background:0 0;flex:1;height:34px;line-height:1;position:relative;overflow:hidden}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;user-select:none;cursor:pointer;z-index:3;color:#000000e6;fill:#000000e6;height:34px;padding:10px;text-decoration:none;position:absolute;top:0}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{fill:inherit;transition:fill .1s}.numInputWrapper{height:auto;position:relative}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper span{opacity:0;cursor:pointer;box-sizing:border-box;border:1px solid #39393926;width:14px;height:50%;padding:0 4px 0 2px;line-height:50%;position:absolute;right:0}.numInputWrapper span:hover{background:#0000001a}.numInputWrapper span:active{background:#0003}.numInputWrapper span:after{content:"";display:block;position:absolute}.numInputWrapper span.arrowUp{border-bottom:0;top:0}.numInputWrapper span.arrowUp:after{border-bottom:4px solid #39393999;border-left:4px solid #0000;border-right:4px solid #0000;top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-top:4px solid #39393999;border-left:4px solid #0000;border-right:4px solid #0000;top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover{background:#0000000d}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;color:inherit;text-align:center;width:75%;height:34px;padding:7.48px 0 0;font-weight:300;line-height:1;display:inline-block;position:absolute;left:12.5%;transform:translate(0,0)}.flatpickr-current-month span.cur-month{color:inherit;margin-left:.5ch;padding:0;font-family:inherit;font-weight:700;display:inline-block}.flatpickr-current-month span.cur-month:hover{background:#0000000d}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch�;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#000000e6}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#000000e6}.flatpickr-current-month input.cur-year{box-sizing:border-box;color:inherit;cursor:text;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;vertical-align:initial;appearance:textfield;background:0 0;border:0;border-radius:0;margin:0;padding:0 0 0 .5ch;display:inline-block}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{color:#00000080;pointer-events:none;background:0 0;font-size:100%}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;height:auto;font-family:inherit;font-weight:300;line-height:inherit;vertical-align:initial;background:0 0;border:none;border-radius:0;outline:none;width:auto;margin:-1px 0 0;padding:0 0 0 .5ch;position:relative}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:#0000000d}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:#0000;outline:none;padding:0}.flatpickr-weekdays{text-align:center;background:0 0;align-items:center;width:100%;height:28px;display:flex;overflow:hidden}.flatpickr-weekdays .flatpickr-weekdaycontainer{flex:1;display:flex}span.flatpickr-weekday{cursor:default;color:#0000008a;text-align:center;background:0 0;flex:1;margin:0;font-size:90%;font-weight:bolder;line-height:1;display:block}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{align-items:flex-start;width:307.875px;display:flex;position:relative;overflow:hidden}.flatpickr-days:focus{outline:0}.dayContainer{text-align:left;box-sizing:border-box;opacity:1;outline:0;flex-wrap:wrap;justify-content:space-around;width:307.875px;min-width:307.875px;max-width:307.875px;padding:0;display:flex;transform:translate(0,0)}.dayContainer+.dayContainer{box-shadow:-1px 0 #e6e6e6}.flatpickr-day{box-sizing:border-box;color:#393939;cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-radius:150px;flex-basis:14.2857%;justify-content:center;width:14.2857%;max-width:39px;height:39px;margin:0;font-weight:400;line-height:39px;display:inline-block;position:relative}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;background:#e6e6e6;border-color:#e6e6e6;outline:0}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{color:#fff;background:#959ea9;border-color:#959ea9}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{-webkit-box-shadow:none;box-shadow:none;color:#fff;background:#569ff7;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#3939394d;cursor:default;background:0 0;border-color:#0000}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#3939391a}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{color:#3939394d;cursor:default;background:0 0;border:none;width:100%;max-width:none;display:block}.flatpickr-innerContainer{box-sizing:border-box;display:flex;overflow:hidden}.flatpickr-rContainer{box-sizing:border-box;padding:0;display:inline-block}.flatpickr-time{text-align:center;box-sizing:border-box;outline:0;height:0;max-height:40px;line-height:40px;display:flex;overflow:hidden}.flatpickr-time:after{content:"";clear:both;display:table}.flatpickr-time .numInputWrapper{float:left;flex:1;width:40%;height:40px}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{-webkit-box-shadow:none;box-shadow:none;text-align:center;height:inherit;line-height:inherit;color:#393939;box-sizing:border-box;appearance:textfield;background:0 0;border:0;border-radius:0;margin:0;padding:0;font-size:14px;position:relative}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{border:0;outline:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;-webkit-user-select:none;user-select:none;align-self:center;width:2%;font-weight:700}.flatpickr-time .flatpickr-am-pm{cursor:pointer;text-align:center;outline:0;width:18%;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@keyframes fpFadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translate(0,0)}}.wsal-wrapper{flex-direction:column;flex:1;gap:16px;min-height:0;padding:24px 28px;display:flex}.wsal-chip{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:4px 12px;font-size:12px;transition:background .15s,color .15s,border-color .15s}.wsal-chip:hover{background:var(--primary-soft);border-color:var(--primary-light);color:var(--primary)}.wsal-chip.active{background:var(--primary);color:var(--surface);border-color:var(--primary)}.wsal-entity-badge{white-space:nowrap;border-radius:20px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:500;display:inline-flex}.entity-member,.entity-client{background:var(--primary-soft);color:var(--primary)}.entity-project{background:var(--warning-soft);color:var(--warning)}.entity-task{color:#2563eb;background:#e8f0fe}.entity-settings,.entity-partner{background:var(--success-soft);color:var(--success)}.entity-invite{background:var(--accent-soft);color:var(--accent)}.entity-workspace{color:#0369a1;background:#e0f2fe}.entity-other{background:var(--bg);color:var(--text-muted)}.wsal-action{color:var(--text-primary);font-size:13px;line-height:1.5}.workspace-body{background-color:#f8f5ff;flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden}.workspace-tab-container{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.workspace-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.workspace-title{font-size:16px;font-weight:600}.workspace-badges{align-items:center;gap:6px;display:flex}.text-warning{color:#f59e0b}.badge{color:#fff;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.badge-ai{background:linear-gradient(135deg,#7c3aed 0%,#ec4899 100%)}.badge-count{background:linear-gradient(135deg,#3b82f6 0%,#7c3aed 100%)}.badge-user{background:linear-gradient(135deg,#ec4899 0%,#fb923c 100%)}.workspace-tabs{flex-shrink:0;gap:24px;padding:0 24px;display:flex}.workspace-tab-base{border-bottom:1px solid #e5e7eb;justify-content:space-between;display:flex}.tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 0;font-size:14px;transition:all .2s}.tab-icon{margin-right:5px}@media (width<=768px){.workspace-tabs{scrollbar-width:none;gap:12px;overflow-x:auto}.workspace-tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap}}.im-container{flex-direction:column;gap:20px;display:flex}.im-hint{color:#5b21b6;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:8px;align-items:flex-start;gap:10px;padding:11px 14px;font-size:12.5px;line-height:1.55;display:flex}.im-hint-icon{opacity:.75;flex-shrink:0;margin-top:1px}.im-section-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:700}.im-form{flex-direction:column;gap:10px;display:flex}.im-email-row{width:100%}.im-options-row{align-items:flex-end;gap:10px;display:flex}.im-options-row>*{flex:1}.im-add-btn-wrap{padding-bottom:1px;flex:none!important}.im-queue{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.im-queue-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.im-count-badge{color:#fff;text-align:center;background:#805ee9;border-radius:12px;min-width:22px;padding:2px 9px;font-size:11px;font-weight:700;line-height:1.6}.im-queue-list{flex-direction:column;gap:8px;max-height:220px;padding-right:2px;display:flex;overflow-y:auto}.im-queue-list::-webkit-scrollbar{width:4px}.im-queue-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.im-queue-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.im-queue-item:hover{border-color:#c4b5fd;box-shadow:0 1px 4px #805ee914}.im-avatar{color:#fff;letter-spacing:0;background:linear-gradient(135deg,#805ee9 0%,#a78bfa 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.im-queue-info{flex:1;min-width:0}.im-queue-email{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:13px;font-weight:500;display:block;overflow:hidden}.im-queue-tags{flex-wrap:wrap;gap:5px;display:flex}.im-tag{text-transform:capitalize;border-radius:20px;align-items:center;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.im-tag-role{color:#6d28d9;background:#f3f0ff}.im-tag-product{color:#16a34a;background:#f0fdf4}.im-tag-product.im-tag-chat{color:#2563eb;background:#eff6ff}.im-tag-product.im-tag-bundle{color:#ea580c;background:#fff7ed}.im-tag-product.im-tag-projects{color:#16a34a;background:#f0fdf4}.im-remove-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:5px;transition:background .15s,color .15s;display:flex}.im-remove-btn:hover{color:#ef4444;background:#fee2e2}.im-seat-limit-banner{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.im-seat-limit-icon{color:#ea580c;flex-shrink:0;margin-top:1px;display:flex}.im-seat-limit-body{flex-direction:column;flex:1;gap:8px;display:flex}.im-seat-limit-msg{color:#9a3412;font-size:12.5px;line-height:1.55}.im-seat-limit-btn{color:#fff;cursor:pointer;background:#ea580c;border:none;border-radius:6px;align-self:flex-start;padding:5px 14px;font-size:12px;font-weight:600;transition:background .15s}.im-seat-limit-btn:hover{background:#c2410c}.ws-settings{box-sizing:border-box;flex:1;width:100%;min-height:0;padding:32px 40px;overflow-y:auto}.workspace-settings{background-color:#fff;flex-direction:column;flex:1;min-height:0;display:flex}.ws-settings-title{color:#111827;margin:0 0 28px;font-size:24px;font-weight:700}.ws-settings-tabs{background:#f1f1f1;border-radius:999px;gap:2px;margin-bottom:36px;padding:4px;display:inline-flex}.ws-settings-tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s}.ws-settings-tab:hover{color:#374151}.ws-settings-tab.active{color:#fff;background:#805ee9;font-weight:600}.ws-settings-content{flex-direction:column;gap:24px;display:flex}.ws-settings-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.ws-copy-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px 4px;transition:color .15s;display:flex}.ws-copy-btn:hover{color:#805ee9}.ws-settings-actions{gap:12px;display:flex}.ws-settings-danger{gap:12px;padding-top:8px;display:flex}.ws-btn-danger-outline{color:#ef4444;cursor:pointer;background:0 0;border:1.5px solid #ef4444;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.ws-btn-danger-outline:hover{background:#fef2f2}.ws-btn-outline{color:#374151;cursor:pointer;background:0 0;border:1.5px solid #d1d5db;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.ws-btn-outline:hover{background:#f9fafb}.ws-branding-section{flex-direction:column;gap:12px;margin-bottom:8px;display:flex}.ws-branding-label{color:#374151;margin:0;font-size:14px;font-weight:500}.ws-branding-preview{background-color:#f5f5f5;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:8px;overflow:hidden}.ws-branding-logo{width:64px;height:64px}.ws-branding-email-header{width:100%;max-width:380px;height:90px}.ws-branding-preview img{object-fit:cover;width:100%;height:100%;display:block}.ws-branding-btn{color:#fff;cursor:pointer;background:#805ee9;border:none;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:8px 16px;font-size:13px;font-weight:600;transition:background .2s;display:inline-flex}.ws-branding-btn:hover{background:#6d4dd4}.ws-notification-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.ws-notification-info h4{color:#111827;margin:0 0 4px;font-size:14px;font-weight:500}.ws-notification-info p{color:#6b7280;margin:0;font-size:12px}.ws-notification-header{color:#4b5563;text-transform:uppercase;letter-spacing:.05em;border-bottom:1.5px solid #e5e7eb;justify-content:space-between;align-items:center;padding:10px 0;font-size:12px;font-weight:600;display:flex}.ws-notification-info-header{flex:1}.ws-notification-channels-header{justify-content:space-between;gap:40px;width:140px;padding-right:10px;display:flex}.ws-notification-channels-header span{text-align:center;width:50px}.ws-notification-channels{justify-content:space-between;align-items:center;gap:40px;width:140px;padding-right:10px;display:flex}.ws-notification-channel{justify-content:center;width:50px;display:flex}.ws-toggle{flex-shrink:0;width:40px;height:22px;position:relative}.ws-toggle.disabled{opacity:.6;cursor:not-allowed}.ws-toggle.disabled .ws-toggle-slider{cursor:not-allowed}.ws-toggle input{opacity:0;width:0;height:0}.ws-toggle-slider{cursor:pointer;background:#d1d5db;border-radius:999px;transition:background .2s;position:absolute;inset:0}.ws-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.ws-toggle input:checked+.ws-toggle-slider{background:#805ee9}.ws-toggle input:checked+.ws-toggle-slider:before{transform:translate(18px)}@media (width<=640px){.ws-settings{padding:20px 16px}.ws-settings-row{grid-template-columns:1fr}.ws-settings-tabs{justify-content:stretch;width:100%}.ws-settings-tab{text-align:center;flex:1;padding:8px 10px;font-size:13px}}.workspace-layout{background:#fff;border-radius:10px;height:calc(100vh - 30px);display:flex;overflow:hidden}.workspace-main{background:#fff;flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.workspace-content{flex:1;display:flex;overflow:hidden}.workspace-list-content{margin:5px}@media (width<=768px){.workspace-layout{flex-direction:column}.workspace-main{width:100%}}.workspace-init-body{color:#1e293b;background:#f9fafb;flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px;font-family:Arial,sans-serif;display:flex}.workspace-init-header{text-align:center;background:linear-gradient(90deg,#fbc2eb 0%,#a18cd1 100%);border-radius:12px;width:100%;margin-bottom:50px;padding:40px 20px;box-shadow:0 4px 20px #0000001a}.workspace-init-header h1{margin:0 0 10px;font-size:32px}.workspace-init-header p{color:#333c;margin:0 0 20px;font-size:16px}.create-workspace-btn{color:#fff;cursor:pointer;background-color:#7c3aed;border:none;border-radius:6px;padding:12px 24px;font-size:16px;transition:background .2s}.create-workspace-btn:hover{background-color:#6b21a8}.workspace-init-placeholder{text-align:center}.placeholder-image img{object-fit:contain;width:500px;height:auto}.workspace-init-placeholder h2{margin-bottom:8px;font-size:24px}.workspace-init-placeholder p{color:#64748b;font-size:14px}.modal-backdrop{background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:12px;width:90%;max-width:400px;padding:30px 20px;box-shadow:0 4px 20px #0003}.modal h3{margin:0 0 10px}.modal button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;margin-top:20px;padding:10px 20px}.project-sub-sidebar{border-right:1px solid #e0d4f7;flex-direction:column;flex-shrink:0;width:280px;display:flex;position:relative}.project-sub-sidebar-header{background:#fff;border-bottom:1px solid #e0d4f7;padding:22px 16px}.project-sub-sidebar-content{flex:1;padding:12px;overflow-y:auto}.project-sub-sidebar-content::-webkit-scrollbar{width:6px}.project-sub-sidebar-content::-webkit-scrollbar-thumb{background:#d8b4fe;border-radius:10px}.workspace-selector{cursor:pointer}.header-ws-avatar{color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.header-ws-avatar:not(.header-ws-avatar--has-logo){background:#611f69}.header-ws-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.company-info{color:#1e293b;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.company-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.workspace-dropdown{z-index:100;background:#fff;border-radius:10px;min-width:220px;padding:6px;position:absolute;top:72px;left:12px;box-shadow:0 4px 20px #0000001f,0 1px 4px #00000014}.workspace-item{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.workspace-item:hover{background:#f5f3ff}.workspace-item.active{background:#ddd6fe}.workspace-avatar{color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex;overflow:hidden}.workspace-avatar:not(.workspace-avatar--has-logo){background:#611f69}.workspace-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.workspace-name{color:#1e293b;font-size:13px;font-weight:500}.workspace-domain{color:#94a3b8;font-size:11px}.divider{background:#f1f5f9;height:1px;margin:4px 0}.project-group{margin-bottom:16px}.project-group-title{color:#1e293b;cursor:pointer;justify-content:space-between;align-items:center;padding:6px 12px;font-size:14px;font-weight:600;display:flex}.project-group-items{flex-direction:column;gap:2px;display:flex}.project-item{color:#475569;cursor:pointer;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:14px;transition:background .2s,color .2s;display:flex}.project-item:hover{background:#e9d5ff}.project-item.active{color:#7c3aed;background:#ddd6fe;font-weight:500}.sidebar-section{padding:10px 10px 0}.section-item{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;transition:background .2s;display:flex}.section-item:hover{background:#f1f5f9}.section-item.active{color:#7c3aed;background:#ddd6fe}.pws-avatar{color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex;overflow:hidden}.pws-avatar:not(.pws-avatar--has-logo){background:#611f69}.pws-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.pws-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pws-empty{color:#94a3b8;padding:6px 12px;font-size:12px}@media (width<=900px){.project-sub-sidebar{z-index:1200;background:#fff;width:280px;max-width:85vw;transition:transform .3s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:6px 0 24px #0003}.project-sub-sidebar.open{transform:translate(0)}}.project-header{background:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.project-title{color:#1e293b;align-items:center;font-size:16px;font-weight:600;display:flex}.project-badges{align-items:center;gap:6px;display:flex}.icon-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:background .15s;display:flex}.icon-btn:hover{background:#f1f5f9}.project-tab-base{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;display:flex}.project-tabs{gap:24px;padding:0 24px;display:flex}.me{margin-right:24px}.tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;padding:12px 0;font-size:14px;transition:all .2s;display:flex}.tab:hover{color:#334155}.tab.active{color:#7c3aed;border-bottom-color:#7c3aed;font-weight:600}.tab-icon{align-items:center;margin-right:5px;display:flex}@media (width<=768px){.project-tabs{scrollbar-width:none;gap:12px;overflow-x:auto}.project-tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap}}.ov-scroll{background:#f8fafc;flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.ov-center{justify-content:center;align-items:center;gap:10px;min-height:200px}.ov-spinner{border:3px solid #e2e8f0;border-top-color:#7c3aed;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite ov-spin}@keyframes ov-spin{to{transform:rotate(360deg)}}.ov-state-text{color:#64748b;font-size:13px}.ov-state-error{color:#dc2626}.ov-retry-btn{color:#7c3aed;cursor:pointer;background:0 0;border:1px solid #7c3aed;border-radius:6px;padding:6px 18px;font-size:13px}.ov-stat-row{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.ov-stat-card{background:#fff;border:1px solid #e8edf3;border-radius:10px;padding:18px 22px 20px}.ov-stat-label{color:#8a96a3;margin-bottom:6px;font-size:12px;font-weight:400}.ov-stat-val{color:#1a2230;letter-spacing:-.3px;font-size:24px;font-weight:700;line-height:1.1}.ov-stat-sub{color:#8a96a3;margin-top:4px;font-size:12px}.ov-section-card{background:#fff;border:1px solid #e8edf3;border-radius:10px;padding:18px 22px 20px}.ov-section-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.ov-section-title{color:#1a2230;font-size:14px;font-weight:600}.ov-btn-ghost{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;padding:5px 13px;font-size:12px;font-weight:500;line-height:1.4;transition:border-color .15s,color .15s}.ov-btn-ghost:hover{color:#1e293b;border-color:#cbd5e1}.ov-btn-primary{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:7px;padding:5px 14px;font-size:12px;font-weight:500;line-height:1.4;transition:background .15s}.ov-btn-primary:hover{background:#6d28d9}.ov-badge{white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.ov-badge-active{color:#16a34a;background:#dcfce7}.ov-badge-trial{color:#92400e;background:#fef9c3}.ov-badge-open{color:#dc2626;background:#fee2e2}.ov-empty{color:#94a3b8;text-align:center;padding:24px 0;font-size:12px}.ov-sub-list{flex-direction:column;gap:0;display:flex}.ov-sub-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;padding:14px 0;display:flex}.ov-sub-row:last-child{border-bottom:none}.ov-sub-info{flex-shrink:0;width:220px}.ov-sub-top{align-items:center;gap:8px;display:flex}.ov-sub-dot{opacity:.6;border-radius:6px;flex-shrink:0;width:26px;height:26px}.ov-sub-name{color:#1a2230;white-space:nowrap;font-size:13px;font-weight:600}.ov-sub-seats{color:#475569;font-weight:400}.ov-cr-badge{border-radius:5px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.ov-cr-blue{color:#1d4ed8;background:#eff6ff}.ov-cr-yellow{color:#92400e;background:#fef9c3}.ov-sub-meta{color:#8a96a3;margin-top:4px;padding-left:34px;font-size:12px}.ov-sub-bar-wrap{flex:1;min-width:0}.ov-sub-bar-track{background:0 0;border-radius:999px;height:5px;display:flex;overflow:hidden}.ov-sub-bar-elapsed{background:#e2e8f0;flex-shrink:0;height:100%;transition:width .4s}.ov-sub-bar-fill{border-radius:999px;flex-shrink:0;height:100%;transition:width .4s,box-shadow .4s}.ov-credits-panels{border:1px solid #e8edf3;border-radius:8px;grid-template-columns:1fr 1fr;gap:0;margin-bottom:14px;display:grid;overflow:hidden}.ov-credits-panel{background:#fafbfc;border-right:1px solid #e8edf3;padding:16px 20px 18px}.ov-credits-panel:last-child{border-right:none}.ov-credits-panel-label{color:#8a96a3;margin-bottom:6px;font-size:12px}.ov-credits-panel-val{color:#1a2230;letter-spacing:-.3px;font-size:28px;font-weight:700;line-height:1.1}.ov-credits-panel-sub{color:#8a96a3;margin-top:4px;font-size:12px}.ov-credits-warn{color:#e53e3e;background:#fff5f5;border:1px solid #fecaca;border-radius:7px;flex-wrap:wrap;align-items:center;gap:4px;padding:10px 16px;font-size:12px;display:flex}.ov-credits-warn-link{color:#e53e3e;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600;text-decoration:underline}.ov-inv-list{flex-direction:column;display:flex}.ov-inv-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.ov-inv-row:last-child{border-bottom:none}.ov-inv-info{align-items:center;gap:6px;min-width:0;display:flex}.ov-inv-num{color:#374151;font-size:13px;font-weight:400}.ov-inv-sep{color:#d1d5db;font-size:13px}.ov-inv-date,.ov-inv-desc{color:#6b7280;font-size:13px}.ov-inv-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.ov-inv-amount{color:#1a2230;font-size:13px;font-weight:600}@media (width<=900px){.ov-stat-row{grid-template-columns:repeat(2,1fr)}.ov-credits-panels{grid-template-columns:1fr}.ov-credits-panel{border-bottom:1px solid #e8edf3;border-right:none}.ov-credits-panel:last-child{border-bottom:none}}@media (width<=640px){.ov-stat-row{grid-template-columns:1fr}.ov-sub-row{flex-wrap:wrap}.ov-sub-info{width:100%}.ov-sub-bar-wrap{order:3;width:100%}}.inv-scroll{background:#f1f5f9;flex-direction:column;flex:1;gap:20px;padding:24px 28px;display:flex;overflow-y:auto}.inv-header-row{justify-content:space-between;align-items:flex-start;display:flex}.inv-title{color:#1e293b;font-size:16px;font-weight:700}.inv-subtitle{color:#94a3b8;margin-top:2px;font-size:12px}.inv-stats-row{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.inv-stat-card{background:#fff;border:1px solid #e8edf3;border-radius:10px;padding:18px 22px 20px}.inv-stat-label{color:#8a96a3;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:400}.inv-stat-val{color:#1a2230;letter-spacing:-.3px;font-size:24px;font-weight:700;line-height:1.1}.inv-red{color:#dc2626!important}.inv-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.inv-table-top{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.inv-table-title{color:#1e293b;font-size:14px;font-weight:600}.inv-table-actions{gap:10px;display:flex}.inv-search{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:200px;padding:6px 12px;font-size:13px}.inv-search:focus{background:#fff;border-color:#7c3aed}.inv-state-row{color:#64748b;justify-content:center;align-items:center;gap:10px;padding:48px 20px;font-size:13px;display:flex}.inv-spinner{border:3px solid #e2e8f0;border-top-color:#7c3aed;border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite inv-spin}@keyframes inv-spin{to{transform:rotate(360deg)}}.inv-error-text{color:#dc2626}.inv-retry-btn{color:#7c3aed;cursor:pointer;background:0 0;border:1px solid #7c3aed;border-radius:6px;padding:5px 14px;font-size:12px}.inv-table{border-collapse:collapse;width:100%;font-size:13px}.inv-table th{text-align:left;color:#64748b;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:11px 20px;font-size:12px;font-weight:500}.inv-table td{color:#475569;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:13px 20px}.inv-table tr:last-child td{border-bottom:none}.inv-table tr:hover td{background:#fafafa}.inv-num{color:#1e293b;font-weight:600}.inv-period{color:#64748b;font-size:12px}.inv-amount{color:#1e293b;white-space:nowrap;font-weight:600}.inv-tax{color:#94a3b8;font-size:11px;font-weight:400}.inv-empty-row{text-align:center;color:#94a3b8;font-size:13px;padding:60px 20px!important}.inv-no-pdf{color:#cbd5e1;font-size:13px}.inv-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.inv-badge-paid{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0}.inv-badge-open{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}.inv-badge-draft{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.inv-badge-void{color:#94a3b8;background:#f8f8f8;border:1px solid #e2e8f0}.inv-download-btn{color:#334155;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;padding:5px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.inv-download-btn:hover{background:#f8fafc;border-color:#94a3b8}@media (width<=768px){.inv-stats-row{grid-template-columns:repeat(2,1fr)}.inv-search{width:140px}}.smm-backdrop{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.smm-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:460px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000002e}.smm-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;display:flex}.smm-title{color:#1a1a1a;margin:0 0 3px;font-size:16px;font-weight:700}.smm-subtitle{color:#888;margin:0;font-size:13px}.smm-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:14px;line-height:1}.smm-close:hover{color:#475569;background:#f1f5f9}.smm-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.smm-cycle-toggle{border:1px solid #e2e8f0;border-radius:8px;display:flex;overflow:hidden}.smm-cycle-btn{text-align:center;color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.smm-cycle-btn.smm-cycle-active{color:#1e293b;background:#f8fafc;font-weight:600}.smm-cycle-divider{background:#e2e8f0;flex-shrink:0;width:1px}.smm-save-badge{color:#16a34a;background:#dcfce7;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.smm-cycle-toggle.smm-cycle-locked{opacity:.65;pointer-events:none}.smm-cycle-locked-note{color:#94a3b8;text-align:center;font-size:12px}.smm-summary-box{border:1px solid #eaeaea;border-radius:10px;padding:16px 18px}.smm-plan-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.smm-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.smm-plan-info{flex-direction:column;flex:1;gap:2px;display:flex}.smm-plan-name{color:#1a1a1a;font-size:14px;font-weight:600}.smm-plan-unit-price{color:#666;font-size:12px}.smm-plan-total{color:#1a1a1a;font-size:16px;font-weight:700}.smm-plan-total-wrap{flex-shrink:0;align-items:center;gap:8px;display:flex}.smm-seats-added-badge{color:#16a34a;white-space:nowrap;background:#dcfce7;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.smm-seats-row{justify-content:space-between;align-items:center;display:flex}.smm-seats-label{color:#555;font-size:13px}.smm-seats-label strong{color:#1a1a1a}.smm-seat-counter{border:1px solid #d1d5db;border-radius:8px;align-items:center;width:max-content;display:flex;overflow:hidden}.smm-seat-btn{color:#333;cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:18px;font-weight:500;line-height:1;transition:background .15s;display:flex}.smm-seat-btn:hover:not(:disabled){background:#f5f5f5}.smm-seat-btn:disabled{opacity:.35;cursor:not-allowed}.smm-seat-num{text-align:center;color:#1a1a1a;border-left:1px solid #d1d5db;border-right:1px solid #d1d5db;min-width:38px;height:32px;padding:0 6px;font-size:14px;font-weight:600;line-height:32px}.smm-seat-input{-moz-appearance:textfield;background:#fff;border-top:none;border-bottom:none;outline:none;flex:none;min-width:38px}.smm-seat-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.smm-seat-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.smm-seat-input:focus{background:#f8fafc}.smm-totals-box{background:#f8fafc;border:1px solid #eaeaea;border-radius:10px;padding:14px 18px}.smm-totals-row{color:#555;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;display:flex}.smm-totals-change{color:#16a34a;font-weight:600}.smm-totals-divider{background:#e2e8f0;height:1px;margin:6px 0}.smm-totals-row.smm-totals-new{color:#1a1a1a;font-size:14px;font-weight:700}.smm-alert-box{background:#e8f5ed;border-radius:8px;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.smm-alert-icon{color:#2e7d32;flex-shrink:0;margin-top:1px}.smm-alert-text{color:#2e7d32;font-size:13px;line-height:1.5}.smm-info-strip{background:#f8fafc;border-bottom:1px solid #f1f5f9;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px 24px;display:grid}.smm-info-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:10px}.smm-info-val{color:#1e293b;font-size:14px;font-weight:700}.smm-remove-label{color:#334155;font-size:13px;font-weight:600}.smm-remove-hint{color:#94a3b8;font-size:11px}.smm-remove-impact{color:#475569;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;padding:11px 14px;font-size:13px;display:flex}.smm-saving-val{color:#16a34a;font-size:14px;font-weight:700}.smm-remove-note{color:#94a3b8;font-size:11px;line-height:1.5}.smm-no-seats-warn{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 14px;font-size:13px}.smm-error-msg{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:8px 12px;font-size:12px}.smm-success-msg{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:8px 12px;font-size:12px}.smm-actions{border-top:1px solid #f0f0f0;justify-content:center;align-items:center;gap:12px;padding:16px 24px 20px;display:flex}.smm-btn{cursor:pointer;color:#333;background:#fff;border:1px solid #ddd;border-radius:7px;justify-content:center;align-items:center;padding:9px 20px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.smm-btn:hover:not(:disabled){background:#f5f5f5}.smm-btn:disabled{opacity:.5;cursor:not-allowed}.smm-btn-primary{color:#fff;background:#6d28d9;border-color:#6d28d9}.smm-btn-primary:hover:not(:disabled){background:#5b21b6;border-color:#5b21b6}.smm-btn-danger{color:#fff;background:#dc2626;border-color:#dc2626}.smm-btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.upm-backdrop{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.upm-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:440px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000002e}.upm-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:20px 22px 16px;display:flex}.upm-title{color:#1e293b;font-size:15px;font-weight:700}.upm-subtitle{color:#94a3b8;margin-top:2px;font-size:12px}.upm-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:14px;line-height:1}.upm-close:hover{color:#475569;background:#f1f5f9}.upm-section{padding:16px 22px 0}.upm-section-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:11px;font-weight:600}.upm-toggle{background:#f1f5f9;border-radius:8px;gap:3px;width:fit-content;padding:3px;display:flex}.upm-toggle-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.upm-toggle-btn:hover:not(.upm-toggle-active){background:#e2e8f0}.upm-toggle-active{color:#1e293b;background:#fff;font-weight:600;box-shadow:0 1px 4px #00000014}.upm-save-badge{color:#15803d;background:#dcfce7;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.upm-qty-control{border:1px solid #cbd5e1;border-radius:8px;align-items:center;width:fit-content;display:flex;overflow:hidden}.upm-qty-btn{color:#475569;cursor:pointer;background:#f8fafc;border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:background .15s;display:flex}.upm-qty-btn:hover:not(:disabled){color:#1e293b;background:#f1f5f9}.upm-qty-btn:disabled{opacity:.35;cursor:not-allowed}.upm-qty-input{text-align:center;color:#1e293b;background:#fff;border:none;border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;outline:none;width:64px;height:40px;font-size:15px;font-weight:700}.upm-qty-input::-webkit-inner-spin-button{-webkit-appearance:none}.upm-qty-input::-webkit-outer-spin-button{-webkit-appearance:none}.upm-price-box{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:8px;margin:16px 22px 0;padding:12px 16px}.upm-price-row{justify-content:space-between;align-items:center;display:flex}.upm-price-label{color:#64748b;font-size:13px}.upm-price-val{color:#7c3aed;font-size:15px;font-weight:700}.upm-billed-note{color:#94a3b8;font-size:11px;font-weight:400}.upm-annual-note{color:#64748b;margin-top:4px;font-size:11px}.upm-note{color:#94a3b8;margin:10px 22px 0;font-size:11px;line-height:1.5}.upm-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin:10px 22px 0;padding:8px 12px;font-size:12px}.upm-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;padding:16px 22px 20px;display:flex}.upm-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:8px 20px;font-size:13px;font-weight:500}.upm-btn-cancel:hover:not(:disabled){background:#f8fafc}.upm-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.upm-btn-confirm{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:7px;padding:8px 22px;font-size:13px;font-weight:600;transition:opacity .15s}.upm-btn-confirm:hover:not(:disabled){opacity:.88}.upm-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.dpm-backdrop{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dpm-modal{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:420px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000002e}.dpm-header{padding:24px 24px 0}.dpm-title{color:#1e293b;margin-bottom:6px;font-size:17px;font-weight:700}.dpm-subtitle{color:#64748b;font-size:13px;line-height:1.5}.dpm-notice{background:#fef9ec;border:1px solid #f5d98b;border-radius:8px;align-items:flex-start;gap:10px;margin:16px 24px 0;padding:12px 14px;display:flex}.dpm-notice-icon{color:#b45309;flex-shrink:0;margin-top:1px;font-size:15px}.dpm-notice-text{color:#78350f;font-size:13px;line-height:1.5}.dpm-notice-text strong{color:#1e293b;font-weight:700}.dpm-loss-section{padding:18px 24px 0}.dpm-loss-heading{color:#334155;margin-bottom:10px;font-size:13px;font-weight:600}.dpm-loss-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.dpm-loss-item{color:#334155;align-items:center;gap:10px;font-size:13px;display:flex}.dpm-loss-x{color:#dc2626;background:#fee2e2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:700;display:flex}.dpm-safety-note{color:#64748b;margin:16px 24px 0;font-size:12px;line-height:1.55}.dpm-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin:12px 24px 0;padding:8px 12px;font-size:12px}.dpm-footer{justify-content:flex-end;align-items:center;gap:10px;padding:20px 24px 16px;display:flex}.dpm-btn-keep{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;padding:9px 22px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s}.dpm-btn-keep:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.dpm-btn-keep:disabled{opacity:.5;cursor:not-allowed}.dpm-btn-downgrade{color:#fff;cursor:pointer;white-space:nowrap;background:#1e293b;border:none;border-radius:8px;padding:9px 22px;font-size:13px;font-weight:600;transition:opacity .15s}.dpm-btn-downgrade:hover:not(:disabled){opacity:.85}.dpm-btn-downgrade:disabled{opacity:.5;cursor:not-allowed}.dpm-tech-note{text-align:center;color:#cbd5e1;letter-spacing:.01em;padding:0 24px 14px;font-size:10px}.cpm-header{padding:24px 24px 0}.cpm-title{color:#1e293b;margin-bottom:6px;font-size:17px;font-weight:700}.cpm-subtitle{color:#64748b;font-size:13px;line-height:1.5}.cpm-notice{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;align-items:flex-start;gap:10px;margin:16px 24px 0;padding:12px 14px;display:flex}.cpm-notice-icon{color:#c2410c;flex-shrink:0;margin-top:1px;font-size:15px}.cpm-notice-text{color:#7c2d12;font-size:13px;line-height:1.5}.cpm-notice-text strong{color:#1e293b;font-weight:700}.cpm-loss-section{padding:18px 24px 0}.cpm-loss-heading{color:#334155;margin-bottom:10px;font-size:13px;font-weight:600}.cpm-loss-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cpm-loss-item{color:#334155;align-items:center;gap:10px;font-size:13px;display:flex}.cpm-loss-x{color:#dc2626;background:#fee2e2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:700;display:flex}.cpm-safety-note{color:#64748b;margin:16px 24px 0;font-size:12px;line-height:1.55}.cpm-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin:12px 24px 0;padding:8px 12px;font-size:12px}.cpm-footer{justify-content:flex-end;align-items:center;gap:10px;padding:20px 24px 16px;display:flex}.cpm-btn-keep{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;padding:9px 22px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s}.cpm-btn-keep:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.cpm-btn-keep:disabled{opacity:.5;cursor:not-allowed}.cpm-btn-cancel{color:#fff;cursor:pointer;white-space:nowrap;background:#dc2626;border:none;border-radius:8px;padding:9px 22px;font-size:13px;font-weight:600;transition:opacity .15s}.cpm-btn-cancel:hover:not(:disabled){opacity:.85}.cpm-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.cpm-tech-note{text-align:center;color:#cbd5e1;letter-spacing:.01em;padding:0 24px 14px;font-size:10px}.cpm-backdrop{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cpm-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:480px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000002e}.cpm-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:20px 22px 16px;display:flex}.cpm-title{color:#1e293b;font-size:15px;font-weight:700}.cpm-subtitle{color:#94a3b8;margin-top:2px;font-size:12px}.cpm-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:14px;line-height:1}.cpm-close:hover{color:#475569;background:#f1f5f9}.cpm-compare{background:#f8fafc;border-bottom:1px solid #f1f5f9;align-items:stretch;gap:10px;padding:18px 22px;display:flex}.cpm-plan{border-radius:10px;flex-direction:column;flex:1;gap:3px;padding:14px 16px;display:flex}.cpm-plan-current{background:#fff;border:1px solid #e2e8f0}.cpm-plan-annual{background:#f5f3ff;border:2px solid #c4b5fd}.cpm-compare-arrow{color:#94a3b8;flex-shrink:0;justify-content:center;align-self:center;align-items:center;padding:0 2px;font-size:18px;display:flex}.cpm-plan-badge{color:#7c3aed;text-transform:uppercase;letter-spacing:.05em;background:#ede9fe;border-radius:4px;width:fit-content;margin-bottom:3px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.cpm-plan-label{color:#94a3b8;margin-bottom:3px;font-size:11px}.cpm-plan-price{color:#1e293b;font-size:20px;font-weight:800;line-height:1.1}.cpm-plan-per{color:#94a3b8;font-size:11px;font-weight:400}.cpm-plan-total{color:#475569;margin-top:2px;font-size:12px;font-weight:600}.cpm-plan-note{color:#94a3b8;font-size:11px}.cpm-body{flex-direction:column;gap:12px;padding:16px 22px;display:flex}.cpm-savings{color:#15803d;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;align-items:center;gap:8px;padding:11px 14px;font-size:13px;display:flex}.cpm-savings-icon{color:#16a34a;flex-shrink:0;font-size:14px;font-weight:700}.cpm-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.cpm-details-row{color:#475569;justify-content:space-between;align-items:center;font-size:13px;display:flex}.cpm-details-row strong{color:#1e293b}.cpm-details-divider{border:none;border-top:1px solid #e2e8f0;margin:0}.cpm-details-due{color:#94a3b8;padding-top:2px;font-size:12px}.cpm-note{color:#94a3b8;font-size:11px;line-height:1.5}.cpm-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:8px 12px;font-size:12px}.cpm-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;padding:14px 22px 18px;display:flex}.cpm-cancel-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:8px 20px;font-size:13px;font-weight:500}.cpm-cancel-btn:hover:not(:disabled){background:#f8fafc}.cpm-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.cpm-confirm-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:7px;padding:8px 20px;font-size:13px;font-weight:600;transition:opacity .15s}.cpm-confirm-btn:hover:not(:disabled){opacity:.88}.cpm-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.cdm-backdrop{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cdm-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:480px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000002e}.cdm-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:20px 22px 16px;display:flex}.cdm-title{color:#1e293b;font-size:15px;font-weight:700}.cdm-subtitle{color:#94a3b8;margin-top:2px;font-size:12px}.cdm-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:14px;line-height:1}.cdm-close:hover{color:#475569;background:#f1f5f9}.cdm-compare{background:#f8fafc;border-bottom:1px solid #f1f5f9;align-items:stretch;gap:10px;padding:18px 22px;display:flex}.cdm-plan{border-radius:10px;flex-direction:column;flex:1;gap:3px;padding:14px 16px;display:flex}.cdm-plan-current{background:#f5f3ff;border:2px solid #c4b5fd}.cdm-plan-next{background:#fff;border:1px solid #e2e8f0}.cdm-compare-arrow{color:#94a3b8;flex-shrink:0;justify-content:center;align-self:center;align-items:center;padding:0 2px;font-size:18px;display:flex}.cdm-plan-badge{color:#7c3aed;text-transform:uppercase;letter-spacing:.05em;background:#ede9fe;border-radius:4px;width:fit-content;margin-bottom:3px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.cdm-plan-label{color:#94a3b8;margin-bottom:3px;font-size:11px}.cdm-plan-price{color:#1e293b;font-size:20px;font-weight:800;line-height:1.1}.cdm-plan-per{color:#94a3b8;font-size:11px;font-weight:400}.cdm-plan-total{color:#475569;margin-top:2px;font-size:12px;font-weight:600}.cdm-plan-note{color:#94a3b8;font-size:11px}.cdm-body{flex-direction:column;gap:12px;padding:16px 22px;display:flex}.cdm-queued{color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;align-items:flex-start;gap:10px;padding:11px 14px;font-size:13px;display:flex}.cdm-queued-icon{flex-shrink:0;font-size:15px;line-height:1.3}.cdm-queued strong{color:#78350f}.cdm-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.cdm-details-row{color:#475569;justify-content:space-between;align-items:center;font-size:13px;display:flex}.cdm-details-row strong{color:#1e293b}.cdm-details-divider{border:none;border-top:1px solid #e2e8f0;margin:0}.cdm-details-due{color:#94a3b8;padding-top:2px;font-size:12px}.cdm-note{color:#94a3b8;font-size:11px;line-height:1.5}.cdm-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:8px 12px;font-size:12px}.cdm-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:8px 12px;font-size:12px}.cdm-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;padding:14px 22px 18px;display:flex}.cdm-cancel-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:8px 20px;font-size:13px;font-weight:500}.cdm-cancel-btn:hover:not(:disabled){background:#f8fafc}.cdm-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.cdm-confirm-btn{color:#fff;cursor:pointer;background:#475569;border:none;border-radius:7px;padding:8px 20px;font-size:13px;font-weight:600;transition:opacity .15s}.cdm-confirm-btn:hover:not(:disabled){opacity:.88}.cdm-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.sub-scroll{background:#f1f5f9;flex-direction:column;flex:1;gap:14px;padding:24px 28px;display:flex;overflow-y:auto}.sub-page-title{color:#1e293b;margin-bottom:2px;font-size:15px;font-weight:700}.sub-page-subtitle{color:#94a3b8;font-size:12px}.sub-center{justify-content:center;align-items:center;gap:10px;min-height:200px}.sub-spinner{border:3px solid #e2e8f0;border-top-color:#7c3aed;border-radius:50%;width:26px;height:26px;animation:.8s linear infinite sub-spin}@keyframes sub-spin{to{transform:rotate(360deg)}}.sub-state-text{color:#64748b;font-size:13px}.sub-state-error{color:#dc2626}.sub-retry-btn{color:#7c3aed;cursor:pointer;background:0 0;border:1px solid #7c3aed;border-radius:6px;padding:5px 16px;font-size:12px}.sub-empty{color:#94a3b8;text-align:center;padding:48px 0;font-size:13px}.sub-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.sub-card-header{justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.sub-card-left{align-items:center;gap:12px;display:flex}.sub-product-icon{opacity:.85;border-radius:6px;flex-shrink:0;width:28px;height:28px}.sub-product-name{color:#1e293b;font-size:14px;font-weight:700;line-height:1.3}.sub-product-type{color:#94a3b8;margin-top:1px;font-size:11px}.sub-card-right{align-items:center;gap:8px;display:flex}.sub-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.sub-badge-active{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0}.sub-badge-trial{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}.sub-badge-trial-expired{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.sub-badge-purchased{color:#7c3aed;background:#f3e8ff;border:1px solid #ddd6fe}.sub-badge-grace{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.sub-badge-free{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.sub-badge-cancelled{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.sub-manage-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:500}.sub-manage-btn:hover{background:#f8fafc}.sub-divider{background:#f1f5f9;height:1px;margin:0 20px}.sub-info-grid{grid-template-columns:repeat(4,1fr);gap:8px;padding:14px 20px 10px;display:grid}.sub-info-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:10px}.sub-info-val{color:#1e293b;font-size:14px;font-weight:700}.sub-trial-date{color:#7c3aed}.sub-trial-date-expired{color:#dc2626}.sub-pending-cycle{color:#d97706;margin-top:3px;font-size:11px}.sub-activates-note{color:#7c3aed;margin-top:3px;font-size:11px}.sub-seats-used{color:#64748b;font-size:13px;font-weight:500}.sub-credits-row{grid-template-columns:repeat(4,1fr);align-items:start;gap:8px;padding:0 20px 14px;display:grid}.sub-credits-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-size:10px}.sub-credits-val{color:#475569;font-size:13px;font-weight:500}.sub-credit-badge{border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.credit-badge-blue{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.credit-badge-yellow{color:#854d0e;background:#fefce8;border:1px solid #fde68a}.sub-pending-purchase-banner,.sub-trial-expired-banner{border-radius:8px;align-items:flex-start;gap:10px;margin:0 20px 4px;padding:10px 14px;font-size:12px;display:flex}.sub-pending-purchase-banner{background:#f3e8ff;border:1px solid #ddd6fe}.sub-trial-expired-banner{background:#fff7ed;border:1px solid #fed7aa}.sub-banner-icon{flex-shrink:0;margin-top:1px;font-size:14px}.sub-pending-purchase-banner .sub-banner-icon{color:#7c3aed}.sub-trial-expired-banner .sub-banner-icon{color:#ea580c}.sub-banner-body{flex:1}.sub-banner-title{font-weight:600;line-height:1.4}.sub-pending-purchase-banner .sub-banner-title{color:#5b21b6}.sub-trial-expired-banner .sub-banner-title{color:#9a3412}.sub-banner-sub{margin-top:2px;line-height:1.5}.sub-pending-purchase-banner .sub-banner-sub{color:#6d28d9}.sub-trial-expired-banner .sub-banner-sub{color:#c2410c}.sub-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:8px;padding:10px 20px 14px;display:flex}.sub-actions-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sub-action-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:5px 13px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s}.sub-action-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.sub-action-btn:disabled{opacity:.5;cursor:not-allowed}.sub-cancel-btn{color:#dc2626;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #fca5a5;border-radius:6px;padding:5px 13px;font-size:12px;font-weight:500;transition:background .15s}.sub-cancel-btn:hover:not(:disabled){background:#fef2f2}.sub-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.sub-upgrade-btn{color:#fff;cursor:pointer;background:#7c3aed;border:1px solid #7c3aed;border-radius:6px;padding:5px 13px;font-size:12px;font-weight:600;transition:opacity .15s}.sub-upgrade-btn:hover:not(:disabled){opacity:.88}.sub-upgrade-btn:disabled{opacity:.5;cursor:not-allowed}.sub-cancelled-note{color:#94a3b8;font-size:12px;font-style:italic}@media (width<=700px){.sub-info-grid,.sub-credits-row{grid-template-columns:repeat(2,1fr)}}.plans-scroll{background:#f1f5f9;flex-direction:column;flex:1;gap:14px;padding:24px 28px;display:flex;overflow-y:auto}.plans-page-title{color:#1e293b;margin-bottom:2px;font-size:15px;font-weight:700}.plans-page-subtitle{color:#94a3b8;font-size:12px}.plans-center{justify-content:center;align-items:center;gap:10px;min-height:200px}.plans-spinner{border:3px solid #e2e8f0;border-top-color:#7c3aed;border-radius:50%;width:26px;height:26px;animation:.8s linear infinite plans-spin}@keyframes plans-spin{to{transform:rotate(360deg)}}.plans-state-text{color:#64748b;font-size:13px}.plans-state-error{color:#dc2626}.plans-retry-btn{color:#7c3aed;cursor:pointer;background:0 0;border:1px solid #7c3aed;border-radius:6px;padding:5px 16px;font-size:12px}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.plans-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:6px;padding:20px;display:flex}.plans-card-owned{background:#f0fdf4;border-color:#bbf7d0}.plans-card-icon{opacity:.9;border-radius:8px;width:32px;height:32px;margin-bottom:6px}.plans-card-name{color:#1e293b;font-size:14px;font-weight:700}.plans-card-desc{color:#64748b;min-height:34px;font-size:12px;line-height:1.45}.plans-card-price{color:#1e293b;margin-top:6px;font-size:20px;font-weight:700}.plans-card-price-unit{color:#94a3b8;margin-left:2px;font-size:12px;font-weight:500}.plans-card-credits{color:#94a3b8;margin-bottom:8px;font-size:11px}.plans-card-btn{color:#fff;cursor:pointer;background:#7c3aed;border:1px solid #7c3aed;border-radius:7px;margin-top:auto;padding:9px 16px;font-size:13px;font-weight:600;transition:background .15s}.plans-card-btn:hover:not(:disabled){background:#6d28d9}.plans-card-btn-owned{color:#16a34a;cursor:default;background:#dcfce7;border-color:#bbf7d0}.bdt-scroll{background:#f8f5ff;flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.bdt-loading{color:#94a3b8;text-align:center;padding:40px 0;font-size:13px}.bdt-title{color:#1e293b;font-size:18px;font-weight:700}.bdt-subtitle{color:#94a3b8;margin-top:-18px;font-size:13px}.bdt-section{flex-direction:column;gap:10px;display:flex}.bdt-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.bdt-card{background:#fff;border:1px solid #e0d4f7;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.bdt-divider{background:#f1f5f9;flex-shrink:0;height:1px}.bdt-field{flex-direction:column;flex:1;gap:6px;padding:16px 20px;display:flex}.bdt-label{color:#1e293b;font-size:13px;font-weight:500}.bdt-hint{color:#94a3b8;margin-left:6px;font-size:11px;font-weight:400}.bdt-input{color:#1e293b;box-sizing:border-box;background:#faf7ff;border:1px solid #e0d4f7;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:13px;transition:border-color .15s}.bdt-input::placeholder{color:#c4b8e8}.bdt-input:focus{background:#fff;border-color:#7c3aed}.bdt-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.bdt-row-2col{grid-template-columns:1fr 1fr;display:grid}.bdt-row-2col .bdt-field+.bdt-field{border-left:1px solid #f1f5f9}.bdt-banner{border-radius:8px;padding:12px 16px;font-size:13px;font-weight:500}.bdt-banner-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.bdt-banner-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.bdt-banner-info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.bdt-footer{justify-content:flex-end;padding-bottom:8px;display:flex}.bdt-save-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:8px;padding:10px 24px;font-size:13px;font-weight:600;transition:background .15s,opacity .15s}.bdt-save-btn:hover:not(:disabled){background:#6d28d9}.bdt-save-btn:disabled{opacity:.6;cursor:not-allowed}.project-body{background-color:#f8f5ff;flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.payment-tab-content{flex:1;display:flex;overflow:hidden}.payment-layout{background:#fff;border-radius:10px;height:calc(100vh - 30px);display:flex;overflow:hidden}.payment-main{background:#fff;flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.payment-content{flex:1;display:flex;overflow:hidden}@media (width<=768px){.payment-layout{flex-direction:column}.payment-main{width:100%}}.wia-page{background:#f8f5ff;flex:1;justify-content:center;align-items:center;padding:40px 16px;display:flex;overflow-y:auto}.wia-card{background:#fff;border-radius:16px;width:100%;max-width:480px;padding:40px;box-shadow:0 4px 24px #7c3aed1a}.wia-card-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.wia-envelope-icon{color:#7c3aed;background:#ede9fe;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;display:flex}.wia-heading{color:#1e293b;margin:0 0 6px;font-size:22px;font-weight:700}.wia-subheading{color:#64748b;margin:0;font-size:14px}.wia-workspace-row{background:#f5f3ff;border-radius:12px;align-items:center;gap:14px;margin-bottom:24px;padding:16px;display:flex}.wia-ws-avatar{color:#fff;background:#611f69;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex;overflow:hidden}.wia-avatar-img{object-fit:cover;width:100%;height:100%}.wia-ws-name{color:#1e293b;font-size:16px;font-weight:600}.wia-ws-desc{color:#64748b;margin-top:2px;font-size:13px}.wia-divider{background:#e9d5ff;height:1px;margin-bottom:20px}.wia-section-label{text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;margin-bottom:10px;font-size:11px;font-weight:600}.wia-owner-row{align-items:center;gap:12px;margin-bottom:24px;display:flex}.wia-owner-avatar{color:#fff;background:#7c3aed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex;overflow:hidden}.wia-owner-name{color:#1e293b;font-size:14px;font-weight:600}.wia-owner-role{color:#64748b;margin-top:2px;font-size:12px}.wia-expires-row{color:#64748b;background:#fef9c3;border-radius:8px;align-items:center;gap:6px;margin-bottom:28px;padding:10px 14px;font-size:13px;display:flex}.wia-expires-row strong{color:#1e293b}.wia-actions{gap:12px;display:flex}.wia-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:11px 0;font-size:14px;font-weight:600;transition:opacity .2s}.wia-btn:disabled{opacity:.6;cursor:not-allowed}.wia-btn-decline{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.wia-btn-decline:hover:not(:disabled){background:#e2e8f0}.wia-btn-accept{color:#fff;background:#7c3aed}.wia-btn-accept:hover:not(:disabled){background:#6d28d9}.wia-not-found{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.wia-not-found-icon{color:#c4b5fd}.wia-not-found h2{color:#1e293b;margin:0;font-size:18px}.wia-not-found p{margin:0;font-size:14px}.wia-back-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:8px;margin-top:8px;padding:9px 20px;font-size:14px;font-weight:500}.wia-back-btn:hover{background:#6d28d9}*{box-sizing:border-box;margin:0;padding:0;font-family:inherit}html,body{height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:auto}.mt{margin-top:12px}.mb{margin-bottom:12px}.typing-indicator{color:#6b7280;height:30px;padding:0 24px;font-size:13px;font-style:italic}.highLight{color:#805ee9;font-weight:500}.epr_-ucs3ns{font-weight:500!important}.epr_-rk4ix5{font-family:Inter!important;font-size:14px!important}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2)format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2)format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2)format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2)format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2)format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2)format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2)format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2)format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2)format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2)format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2)format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2)format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2)format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2)format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2)format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-BjwYoWNd.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-LO58E6JB.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2)format("woff2"),url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-qfdV9bQt.woff2)format("woff2"),url(/assets/inter-greek-ext-700-normal-BoQ6DsYi.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-C3JjAnD8.woff2)format("woff2"),url(/assets/inter-greek-700-normal-BUv2fZ6O.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2)format("woff2"),url(/assets/inter-vietnamese-700-normal-BZaoP0fm.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-Ca8adRJv.woff2)format("woff2"),url(/assets/inter-latin-ext-700-normal-TidjK2hL.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}