:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--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 rgba(0, 0, 0, .1);--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));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.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);left:50%;transform:translate(-50%);align-items:center}.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);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;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;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.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:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.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:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.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;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.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{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--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%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}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) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{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:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.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-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page.signup-1-page{margin:0;background:linear-gradient(150deg,#0f172a,#6d28d9 45%,#22d3ee);color:#4b5679;min-height:100vh;display:grid;place-items:center;overflow:hidden;font-family:Poppins,Segoe UI,sans-serif;padding:20px}.signup-1-card{--color-primary: #6d28d9;--color-secondary: #9333ea;--color-accent: #22d3ee;position:relative;overflow:hidden;width:min(660px,100%);height:440px;border-radius:32px;background:#fff;box-shadow:0 18px 80px #00000047}.signup-1-card .card-bg{position:absolute;z-index:2;top:0;bottom:0;left:0;width:860px;height:440px;rotate:-45deg;transform-origin:0% 100%;background:linear-gradient(145deg,var(--color-primary),var(--color-secondary))}.signup-1-card .card-bg-2{rotate:0deg;opacity:0;right:0;left:auto;transform-origin:100% 100%;background:linear-gradient(145deg,var(--color-secondary),var(--color-accent))}.signup-1-card .card-bg-1.register{animation:card-bg-register 1.5s both}.signup-1-card .card-bg-1.login{animation:card-bg-login 1.5s both}.signup-1-card .card-bg-2.register{animation:card-bg-2-register 1.5s both}.signup-1-card .card-bg-2.login{animation:card-bg-2-login 1.5s both}.signup-1-card .logo{position:absolute;top:48px;z-index:2;height:52px;max-width:250px;width:auto;object-fit:contain;transition:.3s;opacity:0}.signup-1-card .logo-1{translate:-280px 0;left:44px}.signup-1-card .logo-2{translate:280px 0;right:44px}.signup-1-card .card-bg.login~.logo-1,.signup-1-card .card-bg.register~.logo-2{opacity:1;translate:0;transition:.3s 1.05s}.signup-1-card .form{position:absolute;z-index:3;top:0;left:0;bottom:0;width:50%;display:grid;place-items:center;pointer-events:none}.signup-1-card .form h2{text-align:center;font-weight:600;margin:0 0 4px;color:#111827}.signup-1-card .form form{display:grid;gap:12px;opacity:0;transition:.3s}.signup-1-card .form .toggle-link{display:inline-flex;flex-direction:column;gap:8px;color:#8e8e97;cursor:pointer;font-size:14px;text-align:center;background:transparent;border:0;padding:0;margin:0;height:auto;border-radius:0;line-height:1.3}.signup-1-card .form p{font-size:13px;text-align:center;margin:0;display:flex;align-items:center;justify-content:center;min-height:44px;color:#7e7e86}.signup-1-card .form .login-error-subscription{min-height:44px;display:flex;flex-direction:column;gap:2px;line-height:1.2}.signup-1-card .form .login-error-subscription span{color:#7e7e86}.signup-1-card .form .login-error-subscription a{color:#4f46e5;text-decoration:underline;font-weight:600}.signup-1-card .form .login-error-generic{min-height:44px;color:#dc2626;font-weight:600}.signup-1-card .form .toggle-link em{display:block;font-style:normal;font-size:15px;color:var(--color-primary)}.signup-1-card .form .pricing-link{border:0;background:transparent;color:#4f46e5;font-size:13px;cursor:pointer;text-decoration:underline;height:auto;padding:0}.signup-1-card .form .demo-link{border:1px solid rgba(34,211,238,.38);background:#22d3ee1a;color:#0f172a;font-size:13px;font-weight:600;letter-spacing:.3px}.signup-1-card .form .demo-link:hover:not(:disabled){background:#22d3ee2e}.signup-1-card .form.register{translate:100% 0;padding-right:18px}.signup-1-card .form.register form{translate:320px 0}.signup-1-card .form.login form{translate:-320px 0}.signup-1-card .form.register.active form,.signup-1-card .form.login.active form{opacity:1;translate:0;transition:.5s 1s}.signup-1-card .form.active{pointer-events:auto}.signup-1-card form input{width:260px;padding:0 12px;font-size:14px;background:#f4f4f7;border:1px solid transparent;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.signup-1-card form input::placeholder{color:#a7a7ad}.signup-1-card input,.signup-1-card button{border-radius:12px;height:44px;font-family:inherit;font-size:15px}.signup-1-card form input:focus{outline:none;border-color:#6d28d959;box-shadow:0 0 0 3px #9333ea1f;background:#fafaff}.signup-1-card form button{color:#f9f9f9;background:linear-gradient(90deg,#6d28d9,#9333ea);letter-spacing:1px;font-size:13px;font-weight:600;cursor:pointer}.signup-1-card form button:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 760px){.signup-1-card{height:540px}.signup-1-card .form{width:100%;padding-right:0}.signup-1-card .form.register{translate:0}.signup-1-card .form.login form,.signup-1-card .form.register form{width:min(300px,calc(100vw - 64px));translate:0;margin-top:50px}.signup-1-card form input{width:100%}.signup-1-card .card-bg{width:960px;top:-250px}.signup-1-card .logo{left:50%;translate:-50% 0;top:24px;height:62px;max-width:240px}.signup-1-card .logo-2{right:auto}}@keyframes card-bg-register{0%{rotate:-45deg}50%{opacity:1}50%,to{rotate:0deg}50.01%,to{opacity:0}}@keyframes card-bg-login{0%{opacity:0;rotate:0deg}50%{rotate:0deg;opacity:0}50%,to{rotate:0}50.01%,to{opacity:1}to{rotate:-45deg}}@keyframes card-bg-2-register{0%,50%{rotate:0;opacity:0}50.01%{opacity:1;rotate:0deg}to{opacity:1;rotate:45deg}}@keyframes card-bg-2-login{0%{rotate:45deg;opacity:1}50%,to{rotate:0deg;opacity:1}50.01%,to{opacity:0}}.app-sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:8px;width:268px;min-width:268px;height:100vh;padding:0 14px 14px;background:linear-gradient(180deg,#0f172a,#1f1852 55%,#15263f);border-right:1px solid rgba(147,51,234,.3);transition:width .3s,min-width .3s}.app-sidebar.collapsed{width:90px;min-width:90px}.app-sidebar-header{display:flex;align-items:center;gap:10px;height:76px;border-bottom:1px solid rgba(255,255,255,.08)}.app-sidebar-header button{width:48px;height:48px;border-radius:12px;border:0;color:#e9e9ef;background:transparent;cursor:pointer}.app-sidebar-logo{height:44px;width:178px;object-fit:contain;transition:.2s}.app-sidebar.collapsed .app-sidebar-logo{opacity:0;width:0}.app-sidebar-nav{display:flex;flex-direction:column;gap:8px;margin-top:8px}.sidebar-group{display:grid;gap:6px}.sidebar-group>button{display:flex;align-items:center;gap:14px;width:100%;height:46px;padding:0 14px;border:0;border-radius:12px;color:#e7e9f4;background:transparent;font-family:inherit;font-size:15px;cursor:pointer;transition:background .2s,color .2s}.sidebar-group>button:hover{background:#9333ea33}.sidebar-group>button.active{background:linear-gradient(90deg,#6d28d9,#9333ea);color:#fff}.sidebar-submenu{display:grid;gap:4px;margin-left:12px}.sidebar-submenu .sub-option{display:flex;align-items:center;gap:6px;height:36px;width:calc(100% - 6px);border:0;border-radius:10px;background:#ffffff0d;color:#dfe4f5;cursor:pointer;font-family:inherit;font-size:13px;padding:0 10px}.sidebar-submenu .sub-option .material-symbols-outlined{font-size:18px}.sidebar-option-icon{width:14px;height:14px;object-fit:contain;filter:brightness(0) invert(1);opacity:.95}.sidebar-submenu .sub-option:hover{background:#9333ea33}.sidebar-submenu .sub-option.active{background:#6d28d9e6;color:#fff}.app-sidebar-nav>button{display:flex;align-items:center;gap:14px;width:100%;height:46px;padding:0 14px;border:0;border-radius:12px;color:#e7e9f4;background:transparent;font-family:inherit;font-size:15px;cursor:pointer;transition:background .2s,color .2s}.app-sidebar-nav>button:hover{background:#9333ea33}.app-sidebar-nav>button.active{background:linear-gradient(90deg,#6d28d9,#9333ea);color:#fff}.app-sidebar.collapsed .app-sidebar-nav>button span:nth-child(2){display:none}.app-sidebar.collapsed .sidebar-submenu{display:none}.app-sidebar.collapsed .sidebar-group>button span:nth-child(2){display:none}.app-sidebar-nav .settings-toggle{justify-content:flex-start}.settings-caret{margin-left:auto}.app-sidebar-nav .sub-option{margin-left:10px;width:calc(100% - 10px);height:40px;background:#ffffff0d;border-radius:10px;font-size:14px}.app-sidebar-nav .sub-option.active{background:linear-gradient(90deg,#6d28d9eb,#9333eaeb)}.app-sidebar.collapsed .settings-caret,.app-sidebar.collapsed .app-sidebar-nav .sub-option span:nth-child(2){display:none}.app-sidebar.collapsed .app-sidebar-nav .sub-option{margin-left:0;width:100%}.app-sidebar-footer{margin-top:auto}.sidebar-company-card{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:8px;background:#ffffff0a}.sidebar-company-logo{width:30px;height:30px;border-radius:8px;flex-shrink:0;object-fit:contain;background:#fff;padding:2px}.sidebar-company-meta small{display:block;font-size:11px;color:#b8c2dd;line-height:1}.sidebar-company-meta strong{display:block;margin-top:3px;font-size:13px;color:#f3f5fb}.app-sidebar.collapsed .sidebar-company-card{justify-content:center;padding:8px 0}.app-sidebar.collapsed .sidebar-company-meta{display:none}@media (max-width: 940px){.app-sidebar{position:fixed;z-index:31;left:0;top:0;bottom:0;width:min(360px,100vw);min-width:min(360px,100vw);border-right:0;box-shadow:16px 0 38px #02061761;transition:transform .24s ease}.app-sidebar.mobile.mobile-closed{transform:translate(-100%);pointer-events:none}.app-sidebar.mobile.mobile-open{transform:translate(0);pointer-events:auto}.app-sidebar.mobile .app-sidebar-header{padding-right:52px}.app-sidebar-logo{height:42px;width:170px}.mobile-menu-trigger{position:fixed;top:12px;right:12px;z-index:30;width:44px;height:44px;border-radius:12px;border:1px solid rgba(203,213,225,.9);background:#fff;color:#0f172a;box-shadow:0 10px 22px #0f172a33;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.mobile-menu-trigger .material-symbols-outlined{font-size:22px}.mobile-nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#02061773;z-index:30;padding:0;margin:0;cursor:pointer}.mobile-nav-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#f8fafc;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.mobile-nav-close .material-symbols-outlined{font-size:20px}}*{box-sizing:border-box}body{margin:0;font-family:Poppins,Segoe UI,sans-serif;overflow-x:hidden}.skeleton-block{position:relative;overflow:hidden;border-radius:10px;background:linear-gradient(90deg,#e6ebf5 20%,#f4f7fc,#e6ebf5 56%);background-size:200% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite}.skeleton-text{display:grid;gap:7px}.skeleton-line{height:11px}.skeleton-chip{width:42%;height:14px;margin-bottom:10px}.skeleton-title{width:58%;height:32px;margin-bottom:8px}.skeleton-subtitle{width:74%;height:12px}.skeleton-table{display:grid;gap:8px}.skeleton-table-head,.skeleton-table-row{display:grid;gap:8px;grid-auto-flow:column;grid-auto-columns:minmax(80px,1fr)}.skeleton-th{height:13px}.skeleton-td{height:16px}.skeleton-table-body{display:grid;gap:8px}@keyframes skeleton-shimmer{0%{background-position:160% 0}to{background-position:-40% 0}}.app-loading{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#0f172a,#6d28d9 48%,#22d3ee);color:#fff}.app-loading-card{width:min(420px,92vw);background:#ffffff1f;border:1px solid rgba(255,255,255,.24);border-radius:16px;padding:18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.app-shell{min-height:100vh;display:flex;background:#e9edf5}.app-content{flex:1;min-width:0;padding:20px}.app-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.brand-label{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#6d28d9;font-weight:700}.app-topbar h1{margin:2px 0;font-size:30px;color:#111827}.topbar-actions{display:flex;align-items:center;gap:10px}.notification-wrap{position:relative}.notification-bell-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;background:transparent;border-radius:0;color:#334155;cursor:pointer;padding:0}.notification-bell-icon{width:20px;height:20px;object-fit:contain;filter:invert(18%) sepia(21%) saturate(841%) hue-rotate(186deg) brightness(96%) contrast(91%)}.notification-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.notification-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:min(360px,88vw);max-height:420px;overflow:auto;border:1px solid #d6e0f0;border-radius:14px;background:#fff;box-shadow:0 16px 30px #0f172a2e;z-index:50}.notification-mobile-backdrop{display:none}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid #ebf0f8}.notification-dropdown-header button{border:0;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;color:#4c1d95;background:#ede9fe;cursor:pointer}.notification-dropdown-actions{display:inline-flex;align-items:center;gap:6px}.notification-close-mobile,.notification-mobile-close-x{display:none}.notification-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid #ebf0f8;background:#f8faff}.notification-selection-bar span{color:#475569;font-size:12px}.notification-selection-bar button{border:0;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(90deg,#dc2626,#ef4444);cursor:pointer}.notification-list{margin:0;padding:0;list-style:none}.notification-item{padding:10px 12px;border-bottom:1px solid #eef3fb;cursor:pointer}.notification-item p{margin:0;font-size:13px;color:#0f172a}.notification-item-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.notification-item-head input[type=checkbox]{width:14px;height:14px;accent-color:#6d28d9}.notification-clear-one{border:0;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:600;color:#b91c1c;background:#fee2e2;cursor:pointer}.notification-item small{display:block;margin-top:3px;color:#64748b;font-size:12px}.notification-item.unread{background:#f5f7ff}.notification-item.read{background:#fff}.notification-item.level-success.unread{border-left:3px solid #10b981}.notification-item.level-warning.unread{border-left:3px solid #f59e0b}.notification-item.level-error.unread{border-left:3px solid #ef4444}.notification-item.level-info.unread{border-left:3px solid #3b82f6}.notification-empty{margin:0;padding:14px 12px;color:#64748b;font-size:13px}.notification-loading{padding:12px}.user-chip{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:6px 10px}.user-chip-avatar{width:26px;height:26px;border-radius:999px;object-fit:cover;flex-shrink:0}.user-chip-avatar.initials{display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(145deg,#6d28d9,#22d3ee)}.user-chip small{display:block;color:#64748b;font-size:11px;line-height:1}.user-chip strong{color:#0f172a;font-size:13px}.role-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#6d28d924;color:#5b21b6;font-size:12px;font-weight:600;text-transform:uppercase}.topbar-actions .topbar-logout-btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:10px;padding:10px 14px;background:#0f172a;color:#fff;cursor:pointer}.topbar-logout-icon{width:13px;height:13px;object-fit:contain;filter:brightness(0) invert(1)}.demo-banner{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;border-radius:12px;border:1px solid #bfdbfe;background:linear-gradient(145deg,#eff6ff,#f8fbff);color:#1e3a8a;box-shadow:0 8px 18px #3b82f614}.demo-banner strong{font-size:13px;font-weight:700;white-space:nowrap}.demo-banner span{font-size:13px;color:#334155}.page-panel{background:#fff;border-radius:16px;border:1px solid #d1d9e8;padding:16px;box-shadow:0 14px 32px #0f172a1a}.panel-header h2{margin:0;color:#111827}.brand-row{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.plan-badge{display:inline-flex;align-items:center;border:1px solid #86efac;border-radius:999px;padding:3px 9px;background:#dcfce7;color:#166534;font-size:12px;font-weight:700}.panel-header p{margin:0;color:#64748b;font-size:17px;line-height:1.45}.dashboard-last-updated{display:inline-flex;margin-top:2px;color:#64748b;font-size:12px;font-weight:600}.stats-grid{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat-card{position:relative;border-radius:14px;padding:14px;background:linear-gradient(145deg,#f8f7ff,#eef9ff);border:1px solid #e4dbff;overflow:hidden}.stat-card p,.stat-card small{margin:0;color:#64748b}.stat-card-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.stat-card-open-btn{width:26px;height:26px;border-radius:8px;border:1px solid #d9e2f2;background:#fff;color:#4c1d95;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease}.stat-card-open-btn .material-symbols-outlined{font-size:16px}.stat-card-open-btn:hover{transform:translateY(-1px);box-shadow:0 7px 12px #6d28d929}.stat-card h3{margin:8px 0;font-size:30px;color:#111827}.stat-card.stat-warning{border-color:#facc15;background:linear-gradient(145deg,#fffef2,#fff7d6)}.stat-card.stat-danger,.stat-card.stat-critical{border-color:#fca5a5;background:linear-gradient(145deg,#fff5f5,#ffe9e9)}.stat-card.stat-info{border-color:#93c5fd;background:linear-gradient(145deg,#f3f8ff,#e7f1ff)}.stat-card.stat-neutral{border-color:#cbd5e1;background:linear-gradient(145deg,#f9fbff,#f1f5f9)}.stat-card.stat-locked{border-color:#d5deed;background:linear-gradient(145deg,#f8faff,#f3f7ff)}.card-lock-content{filter:blur(2px);opacity:.7;-webkit-user-select:none;user-select:none;pointer-events:none}.dashboard-page{display:grid;gap:12px}.dashboard-kpis-grid{margin-top:0;grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dashboard-card{position:relative;background:#f9fbff;border:1px solid #d3dded;border-radius:14px;padding:12px;box-shadow:0 10px 22px #0f172a1a;overflow:hidden}.dashboard-card-locked{border-color:#d7dfec}.dashboard-lock-placeholder{height:210px;border-radius:10px;border:1px dashed #d4dced;background:linear-gradient(145deg,#f3f7ff,#edf3ff);filter:blur(2px);opacity:.75}.card-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#ffffffa3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:10px}.card-lock-overlay img{width:24px;height:24px;object-fit:contain;filter:invert(24%) sepia(80%) saturate(2407%) hue-rotate(338deg) brightness(93%) contrast(94%)}.card-lock-overlay p{margin:0;color:#1e293b;font-size:12px;font-weight:700;max-width:220px}.card-lock-overlay a{border:1px solid #d4ddef;border-radius:10px;padding:6px 10px;background:#fff;color:#4c1d95;font-size:12px;font-weight:700;text-decoration:none;transition:transform .12s ease,box-shadow .18s ease}.card-lock-overlay a:hover{transform:translateY(-1px);box-shadow:0 8px 14px #6d28d924}.dashboard-lock-overlay{top:44px;right:10px;bottom:10px;left:10px;border-radius:10px}.stat-card-head{position:relative;z-index:3}.stat-card.stat-locked .card-lock-overlay{top:42px;right:8px;bottom:8px;left:8px;border-radius:10px}.dashboard-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.dashboard-card-header h3{margin:0;color:#0f172a}.dashboard-card-header small{color:#64748b;font-size:12px}.dashboard-card-header.with-action{align-items:center}.dashboard-link-btn{border:1px solid #d7e0ef;border-radius:10px;padding:7px 11px;background:#fff;color:#4c1d95;font-size:12px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease}.dashboard-link-btn:hover{transform:translateY(-1px);box-shadow:0 8px 14px #6d28d924}.dashboard-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.dashboard-list.compact{gap:6px}.dashboard-list-item{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e4ebf7;border-radius:10px;padding:9px 10px;background:#fff}.dashboard-list-item p{margin:0;color:#0f172a;font-size:14px;font-weight:600}.dashboard-list-item small{color:#64748b;font-size:12px}.dashboard-severity{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;border:1px solid transparent}.dashboard-severity-icon{width:12px;height:12px;display:block;object-fit:contain}.dashboard-severity.severity-critical .dashboard-severity-icon{filter:invert(20%) sepia(63%) saturate(2583%) hue-rotate(340deg) brightness(85%) contrast(91%)}.dashboard-severity.severity-warning .dashboard-severity-icon{filter:invert(33%) sepia(81%) saturate(849%) hue-rotate(356deg) brightness(95%) contrast(95%)}.dashboard-severity.severity-info .dashboard-severity-icon{filter:invert(23%) sepia(26%) saturate(2000%) hue-rotate(209deg) brightness(90%) contrast(90%)}.dashboard-severity.severity-critical{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.dashboard-severity.severity-warning{color:#92400e;background:#fef3c7;border-color:#fcd34d}.dashboard-severity.severity-info{color:#1e3a8a;background:#dbeafe;border-color:#93c5fd}.dashboard-pill{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:4px 8px;border-radius:999px;border:1px solid transparent;font-size:10px;font-weight:700;letter-spacing:.02em}.dashboard-pill.level-critical{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.dashboard-pill.level-warning{color:#92400e;background:#fef3c7;border-color:#fcd34d}.dashboard-pill.level-info{color:#1e3a8a;background:#dbeafe;border-color:#93c5fd}.dashboard-pill.level-success{color:#065f46;background:#d1fae5;border-color:#86efac}.dashboard-metric{color:#111827;font-size:15px}.dashboard-empty{margin:4px 0 0;color:#64748b;font-size:13px}.dashboard-purchase-box{border:1px solid #ddd6fe;background:linear-gradient(145deg,#f8f5ff,#f3f8ff);border-radius:10px;padding:10px 11px;margin-bottom:9px}.dashboard-purchase-box p{margin:0 0 6px;font-size:13px;color:#312e81;font-weight:700}.dashboard-purchase-box ul{margin:0;padding-left:17px;display:grid;gap:3px}.dashboard-purchase-box li{color:#334155;font-size:12px}.dashboard-purchase-modal{width:min(640px,100%)}.dashboard-purchase-list{margin:0;padding:0;list-style:none;display:grid;gap:8px;max-height:48vh;overflow:auto}.dashboard-purchase-list li{border:1px solid #e5e7eb;border-radius:10px;padding:9px 10px;background:#fffdf8;display:flex;flex-direction:column;gap:2px}.dashboard-purchase-list strong{color:#0f172a;font-size:14px}.dashboard-purchase-list span{color:#475569;font-size:12px}.dashboard-purchase-filter{margin-bottom:8px;background:#f8faff}.dashboard-download-btn{border:0;border-radius:10px;padding:10px 14px;background:linear-gradient(90deg,#6d28d9,#9333ea);color:#fff;font-weight:700;box-shadow:0 10px 18px #6d28d93d;cursor:pointer;transition:transform .14s ease,box-shadow .2s ease,opacity .2s ease}.dashboard-download-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 20px #6d28d94d}.dashboard-download-btn:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.dashboard-upgrade-btn{border:1px solid #34d399;border-radius:10px;padding:10px 14px;background:#ecfdf5;color:#166534;font-weight:700;text-decoration:none;transition:transform .14s ease,box-shadow .2s ease}.dashboard-upgrade-btn:hover{transform:translateY(-1px);box-shadow:0 10px 16px #10b98133}.dashboard-badges-row{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.dashboard-kpi-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700;border:1px solid transparent}.dashboard-kpi-chip.in{color:#065f46;background:#d1fae5;border-color:#86efac}.dashboard-kpi-chip.out{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.dashboard-kpi-chip.adjust{color:#92400e;background:#fef3c7;border-color:#fcd34d}.stat-plan-usage h3{font-size:20px;margin:8px 0 6px}.plan-usage-list{display:grid;gap:8px;margin-top:2px}.plan-usage-head{align-items:center;gap:10px;margin-bottom:8px}.plan-usage-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid #86efac;background:#ecfdf5;color:#166534;font-size:11px;font-weight:700;padding:4px 10px}.plan-usage-item{border:1px solid #d9e6fb;border-radius:10px;background:#fff;padding:7px 9px}.plan-usage-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.plan-usage-item-top span{color:#334155;font-size:12px;font-weight:700}.plan-usage-item-top strong{color:#0f172a;font-size:12px;font-weight:700}.plan-usage-progress{margin-top:6px;width:100%;height:6px;border-radius:999px;background:#e9eefb;overflow:hidden}.plan-usage-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#6d28d9);transition:width .25s ease}.dashboard-tag{text-transform:uppercase;color:#4c1d95;font-size:10px;font-weight:700;background:#ede9fe;border:1px solid #ddd6fe;border-radius:999px;padding:3px 7px}.dashboard-chart-wrap{width:100%;height:290px}.chart-card{padding-bottom:4px}.users-layout{margin-top:14px;display:grid;grid-template-columns:1.3fr .9fr;gap:12px}.users-card,.profile-card{background:#f9fbff;border:1px solid #cfd9e8;border-radius:12px;padding:14px;box-shadow:0 8px 18px #0f172a14;overflow:visible}.users-card h3{margin-top:0}.users-table{width:100%;border-collapse:collapse;font-size:14px;min-width:660px}.users-table th,.users-table td{text-align:left;padding:10px 8px;border-bottom:1px solid #eef2f7}.table-pagination{margin-top:10px;padding-top:10px;border-top:1px solid #e8eef8;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.table-pagination-meta{margin:0;color:#64748b;font-size:13px}.table-pagination-controls{display:inline-flex;align-items:center;gap:8px}.table-pagination-controls span{font-size:13px;color:#334155;font-weight:600}.table-pagination-controls button{border:1px solid #d6e0f0;border-radius:999px;padding:7px 12px;background:linear-gradient(145deg,#f7f4ff,#eef7ff);color:#4c1d95;font-weight:600;font-size:12px;cursor:pointer;transition:transform .14s ease,box-shadow .2s ease,border-color .2s ease}.table-pagination-controls button:hover:not(:disabled){transform:translateY(-1px);border-color:#c4b5fd;box-shadow:0 8px 14px #6d28d924}.table-pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.users-table select,.users-form input,.users-form select,.profile-form input{width:100%;border:1px solid #c9d3e5;border-radius:12px;padding:10px 12px;font-family:inherit;background:#fff;box-shadow:inset 0 1px 1px #0f172a08,0 1px 2px #0f172a0a;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,transform .12s ease}.profile-form input:focus,.users-form input:focus,.users-form select:focus,.users-table select:focus{outline:none;border-color:#6d28d959;box-shadow:0 0 0 3px #9333ea17,0 6px 14px #0f172a14;background:#fff;transform:translateY(-1px)}.users-form,.profile-form{display:grid;gap:14px}.field-label{margin-bottom:-6px;font-size:13px;font-weight:600;color:#334155}.role-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6d28d9 50%),linear-gradient(135deg,#6d28d9 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% - 3px),calc(100% - 10px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:34px}.users-form button,.users-table button,.profile-form button{border:0;border-radius:10px;padding:10px 12px;background:linear-gradient(90deg,#6d28d9,#9333ea);color:#fff;cursor:pointer}.users-table button.danger{background:#dc2626}.users-form button:disabled,.users-table button:disabled,.profile-form button:disabled{opacity:.6;cursor:not-allowed}.profile-layout{display:grid;grid-template-columns:260px 1fr;gap:14px;margin-top:4px}.avatar-card{display:grid;place-items:center;text-align:center}.profile-avatar{width:120px;height:120px;border-radius:999px;object-fit:cover;border:3px solid #e9d5ff}.profile-avatar.initials{display:grid;place-items:center;background:linear-gradient(145deg,#6d28d9,#22d3ee);color:#fff;font-size:36px;font-weight:700}.file-upload-box{display:flex;align-items:center;gap:10px;border:1px dashed #c7d2fe;background:linear-gradient(145deg,#fcfaff,#f3f5ff);border-radius:12px;padding:10px}.file-upload-box input{display:none}.file-upload-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;background:#0f172a;color:#fff;font-size:13px;cursor:pointer;white-space:nowrap}.file-upload-name{color:#475569;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hint-text{color:#6b7280;font-size:13px;margin-top:2px}.error-text{color:#b91c1c;font-size:14px;margin:8px 0}.subscription-alert{margin-bottom:14px;border:2px solid #f59e0b;border-radius:14px;padding:16px;background:linear-gradient(145deg,#fff7ed,#fffbeb);box-shadow:0 10px 20px #f59e0b2e}.subscription-alert h3{margin:0 0 6px;color:#9a3412;font-size:22px}.subscription-alert p{margin:0;color:#7c2d12;font-size:15px}.subscription-alert a{margin-top:12px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:10px 14px;text-decoration:none;color:#fff;font-weight:600;background:linear-gradient(90deg,#0f172a,#1f2937)}.pricing-public-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(150deg,#0f172a,#6d28d9 45%,#22d3ee);position:relative}.language-switcher{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#0f172a47;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.language-switcher button{border:0;min-width:40px;border-radius:999px;padding:6px 10px;background:transparent;color:#ffffffd1;font-size:12px;font-weight:700;cursor:pointer;transition:background .18s ease,color .18s ease,transform .12s ease}.language-switcher button.active{background:#fff;color:#0f172a}.language-switcher button:hover{transform:translateY(-1px)}.public-language-switcher{position:absolute;top:18px;right:18px;z-index:3}.sidebar-language-switcher{margin-bottom:10px;width:fit-content;border-color:#94a3b838;background:#0f172a47}.pricing-panel{width:100%}.pricing-panel.public{max-width:1100px}.pricing-header{margin-bottom:12px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pricing-card{display:grid;gap:10px;padding:16px;border-radius:14px;border:1px solid #d8e2f2;background:linear-gradient(150deg,#f8faff,#f4f7ff);box-shadow:0 12px 22px #0f172a14}.pricing-card.featured{border-color:#9f7aea;background:linear-gradient(150deg,#f5efff,#eef8ff);transform:translateY(-4px)}.pricing-card.current{border-color:#34d399;box-shadow:0 12px 24px #10b98138}.pricing-current-badge{margin:-2px 0 0;display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.pricing-card h3{margin:0;font-size:22px;color:#0f172a}.pricing-price{margin:0;display:flex;align-items:baseline;gap:6px}.pricing-price strong{font-size:28px;color:#111827}.pricing-price span{font-size:13px;color:#64748b}.pricing-description{margin:0;color:#475569;font-size:14px}.pricing-features{margin:0;padding-left:0;list-style:none;display:grid;gap:6px;color:#334155;font-size:14px}.pricing-features li{display:flex;align-items:center;gap:8px}.pricing-features li img{width:14px;height:14px;object-fit:contain;flex-shrink:0}.pricing-features li.feature-on img{filter:invert(36%) sepia(88%) saturate(725%) hue-rotate(92deg) brightness(92%) contrast(97%)}.pricing-features li.feature-off img{filter:invert(20%) sepia(87%) saturate(3176%) hue-rotate(340deg) brightness(95%) contrast(94%)}.pricing-features li.feature-off span{color:#64748b}.pricing-cta{display:inline-flex;justify-content:center;align-items:center;margin-top:4px;border-radius:10px;padding:11px 12px;text-decoration:none;color:#fff;font-weight:600;background:linear-gradient(90deg,#6d28d9,#9333ea);box-shadow:0 8px 16px #6d28d94d}.pricing-interest-card{margin-top:14px;border:1px solid #d8e2f2;border-radius:14px;padding:14px;background:linear-gradient(150deg,#f8faff,#f4f7ff);box-shadow:0 10px 18px #0f172a0f}.pricing-interest-card h4{margin:0 0 4px;color:#0f172a;font-size:18px}.pricing-interest-card p{margin:0 0 10px;color:#475569;font-size:14px}.pricing-interest-form{display:grid;grid-template-columns:1fr auto;gap:8px}.pricing-interest-form input{border:1px solid #c9d3e5;border-radius:12px;padding:10px 12px;font-family:inherit;background:#fff}.pricing-interest-form input:focus{outline:none;border-color:#6d28d959;box-shadow:0 0 0 3px #9333ea17}.pricing-interest-form button{border:0;border-radius:10px;padding:10px 14px;background:linear-gradient(90deg,#6d28d9,#9333ea);color:#fff;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.pricing-interest-form button img{width:14px;height:14px;object-fit:contain;filter:brightness(0) invert(1)}.pricing-interest-form button.saved{background:linear-gradient(90deg,#10b981,#16a34a)}.pricing-interest-form button:disabled{opacity:.8;cursor:not-allowed}.pricing-public-actions{margin-top:14px;display:flex;justify-content:center}.pricing-public-actions button{border:0;border-radius:10px;padding:10px 16px;color:#fff;background:#0f172a;cursor:pointer}.inventory-page{display:grid;gap:12px}.inventory-layout{display:grid;grid-template-columns:1.35fr .95fr;gap:12px}.inventory-layout-single{grid-template-columns:1fr}.inventory-filter{margin-bottom:10px;display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:8px;background:linear-gradient(145deg,#f8faff,#f3f7ff);border:1px solid #d7e1ef;border-radius:14px;padding:10px}.inventory-filter input,.inventory-filter select{width:100%;border:1px solid #cfd8e8;border-radius:12px;padding:9px 11px;font-family:inherit;background:#fff;box-shadow:inset 0 1px 1px #0f172a08;transition:border-color .2s ease,box-shadow .2s ease}.inventory-filter input:focus,.inventory-filter select:focus{outline:none;border-color:#6d28d94d;box-shadow:0 0 0 3px #9333ea14}.inventory-filter-inline{display:flex;align-items:center;gap:8px}.inventory-filter-inline span{font-size:13px;color:#475569}.inventory-filter button{border:0;border-radius:10px;padding:9px 12px;background:linear-gradient(90deg,#6d28d9,#9333ea);color:#fff;cursor:pointer;font-family:inherit}.inventory-filter-button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.inventory-history-filter{grid-template-columns:1.3fr 1fr 1fr 1fr .95fr .95fr auto auto}.inventory-filter-clear{border:1px solid #d4ddef;border-radius:10px;padding:9px 12px;background:#fff;color:#475569;cursor:pointer;font-family:inherit;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.inventory-filter-clear:hover{background:#f8fafc;border-color:#b9c7df;color:#0f172a}.inventory-filter-icon{width:13px;height:13px;object-fit:contain;filter:brightness(0) invert(1)}.inventory-stock-table{table-layout:fixed;min-width:940px}.inventory-stock-table th,.inventory-stock-table td{vertical-align:middle}.inventory-stock-table td:first-child,.inventory-stock-table td:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-action-icon{width:13px;height:13px;object-fit:contain;filter:brightness(0) invert(1)}.inventory-actions-cell{width:58px;text-align:center}.row-actions-menu{position:relative;display:inline-flex;justify-content:center}.row-actions-trigger{width:30px;height:30px;border:1px solid #d2dbeb;border-radius:9px;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .16s ease,box-shadow .2s ease,transform .12s ease}.row-actions-trigger:hover{background:linear-gradient(90deg,#6d28d9,#9333ea);border-color:#7c3aed;box-shadow:0 8px 14px #6d28d93d;transform:translateY(-1px)}.row-actions-trigger-icon{width:14px;height:14px;object-fit:contain;filter:brightness(0) invert(1)}.row-actions-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:176px;border:1px solid #d7e1ef;border-radius:12px;background:#fff;box-shadow:0 14px 24px #0f172a29;padding:6px;display:grid;gap:4px;z-index:30}.users-table .row-actions-item{border:1px solid #eceff6;border-radius:9px;padding:8px 10px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:7px;cursor:pointer;color:#334155;background:#f7f6f2;transition:background-color .16s ease,color .16s ease,transform .1s ease,opacity .16s ease}.users-table .row-actions-item .inventory-action-icon{filter:invert(22%) sepia(14%) saturate(1176%) hue-rotate(176deg) brightness(91%) contrast(90%)}.users-table .row-actions-item.action-in{color:#047857}.users-table .row-actions-item.danger{color:#b91c1c;background:#f7f6f2;border-color:#eceff6}.users-table .row-actions-item.action-out{color:#c2410c}.users-table .row-actions-item.action-adjust{color:#a16207}.users-table .row-actions-item.action-detail,.users-table .row-actions-item.action-edit{color:#1d4ed8}.users-table .row-actions-item.action-toggle{color:#6d28d9}.users-table .row-actions-item.action-in:hover{background:#27ae85;color:#fff;border-color:transparent}.users-table .row-actions-item.action-out:hover{background:#e06a53;color:#fff;border-color:transparent}.users-table .row-actions-item.danger:hover{background:#dc5f5f;color:#fff;border-color:transparent}.users-table .row-actions-item.action-adjust:hover{background:#d7a24b;color:#fff;border-color:transparent}.users-table .row-actions-item.action-detail:hover,.users-table .row-actions-item.action-edit:hover{background:#5a88dd;color:#fff;border-color:transparent}.users-table .row-actions-item.action-toggle:hover{background:#8f64dd;color:#fff;border-color:transparent}.users-table .row-actions-item:hover .inventory-action-icon{filter:brightness(0) invert(1)}.users-table .row-actions-item.danger .inventory-action-icon{filter:invert(22%) sepia(82%) saturate(2727%) hue-rotate(349deg) brightness(88%) contrast(98%)}.users-table .row-actions-item:disabled{opacity:.55;cursor:not-allowed;transform:none}.users-table .row-actions-item:hover:not(:disabled){transform:translate(1px)}.stock-status-badge,.active-status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em}.stock-status-ok{color:#065f46;background:#d1fae5;border:1px solid #86efac}.stock-status-low{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}.stock-status-out{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.stock-status-inactive{color:#475569;background:#e2e8f0;border:1px solid #cbd5e1}.active-status-on{color:#065f46;background:#d1fae5;border:1px solid #86efac}.active-status-off{color:#475569;background:#e2e8f0;border:1px solid #cbd5e1}.inventory-checkbox{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#334155;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.inventory-checkbox input{position:absolute;opacity:0;pointer-events:none}.inventory-checkbox-mark{width:18px;height:18px;border-radius:6px;border:1px solid #bfcce2;background:linear-gradient(145deg,#fff,#f4f7ff);box-shadow:inset 0 1px 1px #0f172a0d,0 1px 2px #0f172a0d;display:inline-grid;place-items:center;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .12s ease}.inventory-checkbox-mark:after{content:"";width:8px;height:4px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:rotate(-45deg) translateY(-1px) scale(0);transform-origin:center;transition:transform .14s ease}.inventory-checkbox:hover .inventory-checkbox-mark{border-color:#a8b8d6}.inventory-checkbox input:focus-visible+.inventory-checkbox-mark{border-color:#6d28d973;box-shadow:0 0 0 3px #9333ea24}.inventory-checkbox input:checked+.inventory-checkbox-mark{border-color:#6d28d9;background:linear-gradient(135deg,#6d28d9,#22d3ee)}.inventory-checkbox input:checked+.inventory-checkbox-mark:after{transform:rotate(-45deg) translateY(-1px) scale(1)}.inventory-checkbox-text{color:#334155;font-weight:500}.inventory-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0f172a57;display:grid;place-items:center;padding:16px;opacity:0;transition:opacity .18s ease-in-out}.inventory-modal-backdrop.open{opacity:1}.inventory-modal-backdrop.closing{opacity:0}.inventory-modal-panel{width:min(620px,100%);max-height:88vh;overflow:auto;background:#f6f4ef;border:1px solid #d7d2c8;border-radius:16px;box-shadow:0 16px 28px #0f172a24;padding:16px;transform:translateY(10px) scale(.98);opacity:0;transition:transform .18s ease-in-out,opacity .18s ease-in-out}.inventory-modal-panel.open{transform:translateY(0) scale(1);opacity:1}.inventory-modal-panel.closing{transform:translateY(8px) scale(.98);opacity:0}.inventory-modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.inventory-modal-header h3{margin:0}.inventory-modal-close,.inventory-modal-cancel{border:1px solid rgba(109,40,217,.25);border-radius:10px;padding:8px 12px;background:linear-gradient(130deg,#f5f1ff,#eef6ff);color:#4c1d95;cursor:pointer;font-family:inherit;transition:transform .14s ease,box-shadow .18s ease,border-color .18s ease}.inventory-modal-close:hover,.inventory-modal-cancel:hover{transform:translateY(-1px);border-color:#6d28d973;box-shadow:0 8px 14px #6d28d924}.inventory-modal-close{width:36px;height:36px;padding:0;display:grid;place-items:center}.inventory-modal-close img{width:14px;height:14px;object-fit:contain;filter:invert(21%) sepia(55%) saturate(1916%) hue-rotate(244deg) brightness(89%) contrast(98%)}.inventory-modal-close .material-symbols-outlined{font-size:16px;color:#4c1d95}.inventory-modal-subtitle{margin:6px 0 12px;color:#64748b;font-size:14px}.inventory-quick-form{display:grid;gap:10px}.inventory-quick-form input{width:100%;border:1px solid #c9d3e5;border-radius:12px;padding:10px 12px;font-family:inherit;background:#fff;box-shadow:inset 0 1px 1px #0f172a08,0 1px 2px #0f172a0a;transition:border-color .2s ease,box-shadow .2s ease,transform .12s ease}.inventory-quick-form input:focus{outline:none;border-color:#6d28d959;box-shadow:0 0 0 3px #9333ea17,0 6px 14px #0f172a14;transform:translateY(-1px)}.inventory-quick-form select{width:100%;border:1px solid #c9d3e5;border-radius:12px;padding:10px 12px;font-family:inherit;background:#fff;box-shadow:inset 0 1px 1px #0f172a08,0 1px 2px #0f172a0a;transition:border-color .2s ease,box-shadow .2s ease,transform .12s ease}.inventory-quick-form select:focus{outline:none;border-color:#6d28d959;box-shadow:0 0 0 3px #9333ea17,0 6px 14px #0f172a14;transform:translateY(-1px)}.inventory-modal-actions{margin-top:6px;display:flex;justify-content:flex-end;gap:8px}.inventory-modal-actions button[type=submit]{border:0;border-radius:10px;padding:10px 14px;background:linear-gradient(90deg,#6d28d9,#9333ea);color:#fff;font-weight:600;box-shadow:0 10px 18px #6d28d93d;cursor:pointer;transition:transform .14s ease,box-shadow .2s ease}.inventory-modal-actions button[type=submit]:hover{transform:translateY(-1px);box-shadow:0 12px 20px #6d28d94d}.inventory-modal-actions button[type=submit]:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.inventory-confirm-panel{width:min(520px,100%)}.inventory-confirm-text{margin:8px 0 4px;color:#1e293b;font-size:15px}.inventory-confirm-subtext{margin:0;color:#64748b;font-size:13px}.inventory-modal-danger{border:0;border-radius:10px;padding:10px 14px;background:linear-gradient(90deg,#dc2626,#ef4444);color:#fff;font-weight:600;box-shadow:0 10px 18px #dc262638;cursor:pointer;transition:transform .14s ease,box-shadow .2s ease}.inventory-modal-danger:hover{transform:translateY(-1px);box-shadow:0 12px 20px #dc26264d}.inventory-modal-danger:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.inventory-detail-grid{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inventory-detail-grid div{border:1px solid #d8e2f2;border-radius:12px;padding:10px;background:linear-gradient(145deg,#f8faff,#f3f7ff)}.inventory-detail-grid small{display:block;color:#64748b;font-size:12px}.inventory-detail-grid strong{color:#0f172a;font-size:17px}.inventory-detail-title{margin:12px 0 8px;font-size:15px;color:#1e293b}.inventory-detail-list{margin:0;padding:0;list-style:none;display:grid;gap:6px}.inventory-detail-list li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px}.movement-type-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em}.movement-type-in{color:#065f46;background:#d1fae5;border:1px solid #86efac}.movement-type-out{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.movement-type-neutral{color:#1e3a8a;background:#dbeafe;border:1px solid #93c5fd}.movement-type-adjustment{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}.movement-type-transfer{color:#1e3a8a;background:#dbeafe;border:1px solid #93c5fd}@media (max-width: 1100px){.users-layout,.stats-grid,.profile-layout,.pricing-grid,.inventory-layout,.dashboard-kpis-grid,.dashboard-grid-two,.inventory-filter{grid-template-columns:1fr}.row-actions-dropdown{right:auto;left:0}}@media (max-width: 940px){.app-content{padding:14px}.app-shell{flex-direction:column}.app-topbar{margin-top:64px;flex-direction:column;align-items:stretch}.topbar-actions{justify-content:flex-start;flex-wrap:wrap}.topbar-actions .topbar-logout-btn{margin-left:auto}.file-upload-box{flex-direction:column;align-items:flex-start}.users-table{min-width:700px}.inventory-stock-table{min-width:860px}}@media (max-width: 640px){.app-content{padding:12px}.app-topbar{margin-top:10px;gap:12px}.app-topbar h1{font-size:26px}.topbar-actions{gap:8px}.demo-banner{flex-direction:column;align-items:flex-start}.user-chip{width:100%}.role-pill{order:2}.notification-wrap{order:3}.topbar-actions .topbar-logout-btn{order:4;margin-left:0;width:100%;justify-content:center}.page-panel{padding:12px}.panel-header p{font-size:16px}.users-card,.profile-card{padding:12px;overflow-x:auto;overflow-y:visible}.users-table{min-width:640px;font-size:13px}.users-table th,.users-table td{padding:9px 7px}.inventory-stock-table{min-width:760px}.pricing-interest-form{grid-template-columns:1fr}.inventory-modal-panel{padding:12px}.inventory-detail-grid{grid-template-columns:1fr}.row-actions-dropdown{right:0;left:auto}.notification-mobile-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;margin:0;padding:0;background:#0206176b;z-index:49}.notification-dropdown{position:fixed;top:12px;right:12px;left:12px;width:auto;max-width:none;max-height:calc(100vh - 24px);border-radius:14px;z-index:50;padding-top:42px}.notification-dropdown-header{position:sticky;top:0;background:#fff;z-index:1}.notification-dropdown-actions{flex-wrap:wrap;justify-content:flex-end}.notification-mobile-close-x{display:inline-flex;position:absolute;top:8px;right:8px;width:30px;height:30px;border:1px solid #d8e2f2;border-radius:9px;background:#fff;color:#334155;font-size:20px;line-height:1;align-items:center;justify-content:center;cursor:pointer}}