@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap);.input-field{display:flex;flex-direction:column;width:100%}.input-field label{color:#1e293b;color:var(--text-primary);font-size:.875rem;margin-bottom:.5rem}.input-field label .required-asterisk{color:#dc2626;font-weight:700}.input-field input{background-color:#fff;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;color:#333;font-size:1rem;padding:10px;width:100%}.input-field input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.input-field input::placeholder{color:#999}.lg-page{background:#fff;color:#14142b;display:grid;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;grid-template-rows:auto minmax(0,1fr);height:100vh;height:100dvh;overflow:hidden}.lg-page :focus-visible{outline:2px solid #4f46e5;outline-offset:2px}.lg-reveal{opacity:0;transform:translateY(14px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:0ms;transition-delay:calc(var(--i, 0)*80ms)}.lg-page--in .lg-reveal{opacity:1;transform:none}.lg-top{background:#fff;border-bottom:1px solid #e7e9f3;padding:.65rem clamp(.75rem,3vw,2rem)}.lg-apps__grid{display:flex;gap:.65rem;margin:0 auto;max-width:1180px;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity;scrollbar-color:#d5d8ee #0000;scrollbar-width:thin}.lg-apps__grid>*{flex:1 0 210px;max-width:300px;scroll-snap-align:start}.lg-apps__grid::-webkit-scrollbar{height:6px}.lg-apps__grid::-webkit-scrollbar-thumb{background:#d5d8ee;border-radius:999px}@media(max-width:800px){.lg-apps__grid>*{flex:0 0 200px}}.lg-app{align-items:center;background:#fff;border:1px solid #e7e9f3;border-radius:12px;color:#14142b;display:flex;gap:.6rem;min-width:0;padding:.4rem .7rem .4rem .4rem;text-decoration:none;transition:transform .2s cubic-bezier(.2,.7,.2,1),border-color .2s,background .2s,box-shadow .2s}.lg-app:hover{background:var(--soft);border-color:var(--c);box-shadow:0 8px 18px -8px var(--c);transform:translateY(-2px)}.lg-app:hover .lg-app__go{opacity:1;transform:translate(2px,-2px)}.lg-app__icon{background:var(--soft);border-radius:9px;box-shadow:inset 0 0 0 1px var(--c);display:grid;flex:none;height:36px;place-items:center;width:36px}.lg-app__name{flex:1 1;font-size:.95rem;font-weight:700;line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lg-app__go{color:var(--c);flex:none;opacity:.55;transition:transform .2s cubic-bezier(.2,.7,.2,1),opacity .2s}.lg-app__img{height:22px;object-fit:contain;width:22px}.lg-app__letter{color:var(--c);font-size:1rem;font-weight:800}.lg-app--skeleton{pointer-events:none}.lg-app--skeleton .lg-app__icon{background:#eef0f8;box-shadow:none}.lg-app--skeleton .sk{flex:1 1}.lg-main{display:grid;grid-template-columns:minmax(0,1fr);min-height:0}@media(min-width:1024px){.lg-main{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.lg-left{flex-direction:column;min-width:0;overflow:hidden}.lg-left,.lg-left__body{display:flex;min-height:0}.lg-left__body{align-items:center;flex:1 1;justify-content:center;overflow-y:auto;padding:clamp(1rem,3vh,2rem) clamp(1.25rem,4vw,3.5rem)}.lg-brand{display:block;height:auto;margin:0 auto 1rem;width:min(100%,15rem)}.lg-pane{animation:lgSlide .6s cubic-bezier(.2,.7,.2,1) both;max-width:26rem;width:100%}.lg-pane h2{font-size:clamp(1.6rem,3.4vh,2rem);font-weight:800;letter-spacing:-.03em;margin:0 0 .25rem}.lg-sub{color:#6b6f85;font-size:.92rem;margin:0 0 1.2rem}.lg-fields{grid-gap:.85rem;display:grid;gap:.85rem}.lg-fields label{color:#374151;font-size:.8rem;font-weight:600}.lg-fields input{background:#fff;border:1px solid #d9dcec;border-radius:10px;box-shadow:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}.lg-fields input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e529;outline:none}.lg-row2{grid-gap:.7rem;display:grid;gap:.7rem;grid-template-columns:1fr 1fr}.lg-btn{align-items:center;background:linear-gradient(180deg,#6366f1,#4338ca);border:0;border-radius:10px;box-shadow:0 8px 20px -6px #4f46e58c;color:#fff;cursor:pointer;display:flex;font:700 .95rem Plus Jakarta Sans,sans-serif;gap:.5rem;justify-content:center;overflow:hidden;padding:.78rem 1rem;position:relative;transition:transform .2s,box-shadow .2s;width:100%}.lg-btn:after{background:linear-gradient(105deg,#0000 35%,#ffffff59 50%,#0000 65%);content:"";inset:0;position:absolute;transform:translateX(-120%);transition:transform .7s cubic-bezier(.2,.7,.2,1)}.lg-btn:hover:not(:disabled){transform:translateY(-1px)}.lg-btn:hover:not(:disabled):after{transform:translateX(120%)}.lg-btn:disabled{cursor:not-allowed;opacity:.7}.lg-link{background:none;border:0;color:#4f46e5;cursor:pointer;font:600 .875rem Plus Jakarta Sans,sans-serif}.lg-link:hover{color:#4338ca;text-decoration:underline}.lg-msg{animation:lgPop .35s cubic-bezier(.2,.7,.2,1)}.lg-right{background:radial-gradient(circle at 85% 0,#818cf847,#0000 50%),radial-gradient(#4f46e524 1px,#0000 0) 0 0/18px 18px,#f3f2ff;border-radius:0;display:none;flex-direction:column;margin:0;min-height:0;overflow:hidden;padding:clamp(1rem,3vh,1.75rem) clamp(1rem,2vw,1.75rem)}@media(min-width:1024px){.lg-right{display:flex}}.lg-slide{animation:lgSlide .6s cubic-bezier(.2,.7,.2,1) both;display:flex;flex:1 1;flex-direction:column;min-height:0}.lg-copy{flex:none;margin:0 auto;max-width:46rem;text-align:center;width:100%}.lg-copy h2{font-size:clamp(1.7rem,4vh,2.2rem);font-weight:800;letter-spacing:-.03em;margin:0 0 .4rem}.lg-copy p{color:#6b6f85;font-size:1.05rem;line-height:1.5;margin:0 0 .8rem}.lg-copy .lead{color:#14142b;font-weight:600}.lg-feats{grid-gap:.8rem 1.6rem;display:grid;gap:.8rem 1.6rem;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:1rem auto 0;max-width:44rem;padding:0;text-align:left;width:100%}.lg-feats li{align-items:center;animation:lgSlide .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.2s + var(--n)*.08s);display:flex;font-size:.98rem;font-weight:600;gap:.55rem}.lg-feats li svg{background:#4f46e524;border-radius:50%;color:#4f46e5;flex:none;height:16px;padding:2px;width:16px}.lg-foot-note{font-size:.98rem!important;margin:1rem 0 0!important}.lg-winwrap{flex:1 1;margin:1.4rem auto 0;max-width:640px;min-height:0;width:92%}.lg-ctrl{align-items:center;display:flex;flex:none;gap:.9rem;justify-content:center;margin-top:.8rem}.lg-arrow{background:#fff;border:1px solid #d5d8ee;border-radius:50%;color:#4f46e5;cursor:pointer;display:grid;height:30px;place-items:center;transition:background .2s;width:30px}.lg-arrow:hover{background:#eef0ff}.lg-dots{display:flex;gap:.4rem}.lg-dot{background:#cfd2ec;border:0;border-radius:999px;cursor:pointer;height:8px;overflow:hidden;padding:0;position:relative;transition:width .4s cubic-bezier(.2,.7,.2,1);width:8px}.lg-dot span{background:#4f46e5;inset:0;position:absolute;width:0}.lg-dot.is-active{width:34px}.lg-dot.is-active span{animation:lgFill 7s linear forwards}.win{animation:lgWin .8s cubic-bezier(.2,.7,.2,1) both;background:#fff;border:1px solid #e7e9f3;border-radius:16px;box-shadow:0 30px 60px -24px #4f46e559;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.win__bar{align-items:center;background:#f8f8fd;border-bottom:1px solid #e7e9f3;display:flex;flex:none;gap:5px;height:32px;padding:0 12px}.win__bar i{background:#d8dbee;border-radius:50%;height:8px;width:8px}.win__bar span{color:#6b6f85;font-size:.7rem;font-weight:700;margin-left:8px}.win__body{grid-gap:.6rem;display:grid;flex:1 1;gap:.6rem;min-height:0;padding:.7rem;position:relative}.card{background:#fff;border:1px solid #eceef6;border-radius:12px;min-height:0;overflow:hidden;padding:.6rem}.sk{animation:lgSkel 1.8s linear infinite;background:linear-gradient(90deg,#eceef7,#f8f9fd,#eceef7) 0 0/200% 100%;border-radius:4px;display:block;height:7px;margin-bottom:6px;width:100%;width:var(--w,100%)}.sk--a{animation:lgW 1.2s cubic-bezier(.2,.7,.2,1) both;background:linear-gradient(90deg,#818cf8,#4f46e5);height:9px}.av{background:linear-gradient(135deg,#818cf8,#c084fc);border-radius:50%;flex:none;height:24px;width:24px}.toast{align-items:center;animation:lgPop .6s cubic-bezier(.2,.7,.2,1) 1.3s both,lgFloat 4s ease-in-out 2.3s infinite;background:#fff;border:1px solid #e7e9f3;border-radius:10px;bottom:.8rem;box-shadow:0 14px 30px -8px #14142b47;display:flex;font-size:.72rem;font-weight:700;gap:6px;padding:.45rem .7rem;position:absolute;right:.8rem}.toast svg{background:#16a34a;border-radius:50%;color:#fff;height:16px;padding:2px;width:16px}.win__body--hub{grid-auto-rows:minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr))}.hub__card{grid-gap:.3rem;align-content:center;animation:lgPop .5s cubic-bezier(.2,.7,.2,1) both,lgGlow 6s ease-in-out infinite;animation-delay:calc(.2s + var(--n)*.1s),calc(1.4s + var(--n)*.9s);display:grid;gap:.3rem;justify-items:center;text-align:center}.hub__card b{font-size:.82rem;font-weight:800}.hub__card .sk{margin:0}.hub__card--add{background:#0000;border-style:dashed;color:#6b6f85}.hub__emoji{font-size:2rem;line-height:1}.win__body--setup{grid-template-rows:auto minmax(0,1fr)}.setup__prog small{color:#16a34a;font-size:.68rem;font-weight:600}.setup__row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.45rem}.setup__row b{font-size:.8rem;font-weight:800}.setup__row em{background:#4f46e51a;border-radius:999px;color:#4f46e5;font-size:.72rem;font-style:normal;font-weight:800;padding:2px 8px}.setup__bar{background:#eceef7;border-radius:999px;height:7px;margin-bottom:.4rem;overflow:hidden}.setup__bar span{animation:lgFill 1.8s cubic-bezier(.2,.7,.2,1) .3s forwards;background:linear-gradient(90deg,#34d399,#16a34a);border-radius:inherit;display:block;height:100%;width:0}.setup__list{grid-gap:.5rem;display:grid;gap:.5rem;grid-auto-rows:minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));padding:.5rem}.setup__item{align-items:center;background:#f6f8fd;border-radius:10px;display:flex;font-size:.76rem;font-weight:600;gap:.5rem;min-width:0;padding:0 .65rem}.setup__item svg{animation:lgPop .45s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.5s + var(--n)*.17s);background:#16a34a;border-radius:50%;color:#fff;flex:none;height:18px;padding:3px;width:18px}.setup__item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.win__body--notif{align-content:start;grid-template-rows:auto minmax(0,1fr)}.notif__tabs{display:flex;gap:.35rem;overflow:hidden}.notif__tabs span{background:#f3f4fa;border-radius:999px;color:#6b6f85;flex:none;font-size:.68rem;font-weight:700;padding:.25rem .65rem}.notif__tabs .on{background:#4f46e51f;color:#4f46e5}.notif__list{grid-gap:.5rem;align-content:start;display:grid;gap:.5rem;min-height:0}.notif__card{animation:lgSlide .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.1s + var(--n)*.15s);display:flex;flex-direction:column;gap:.4rem}.notif__head{align-items:center;display:flex;justify-content:space-between}.notif__head b{font-size:.85rem;font-weight:800}.switch{animation:lgSwBg .4s ease 1.1s forwards;background:#d5d8ee;border-radius:999px;height:20px;position:relative;width:36px}.switch i{animation:lgSwKnob .4s cubic-bezier(.2,.7,.2,1) 1.1s forwards;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000040;height:16px;left:2px;position:absolute;top:2px;width:16px}.switch--off,.switch--off i{animation:none}.notif__route{color:#6b6f85;font-size:.68rem}.notif__chips{display:flex;gap:.4rem}.notif__chips span{align-items:center;background:#4f46e51a;border-radius:999px;color:#4f46e5;display:inline-flex;font-size:.66rem;font-weight:700;gap:4px;padding:.2rem .55rem}.notif__chips svg{height:12px;width:12px}.notif__prev{background:#fafbff;border:1px solid #e7e9f3;border-radius:10px;padding:.5rem .65rem}.notif__prev p{animation:lgSlide .6s cubic-bezier(.2,.7,.2,1) 1.5s both;font-size:.72rem;font-weight:500;margin:0}.win__body--auto{grid-template-rows:auto minmax(0,1fr)}.auto__flow{align-items:center;display:flex;padding:.5rem .4rem .2rem}.auto__node{grid-gap:.35rem;animation:lgPop .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.2s + var(--n)*.35s);display:grid;flex:none;font-size:.66rem;font-weight:700;gap:.35rem;justify-items:center}.auto__node b{background:#fff;border-radius:12px;box-shadow:inset 0 0 0 1.5px var(--c),0 8px 18px -8px var(--c);color:var(--c);display:grid;height:44px;place-items:center;width:44px}.auto__node svg{height:20px;width:20px}.auto__link{animation:lgDash .8s linear infinite;background:linear-gradient(90deg,#818cf8 50%,#0000 0) 0 0/12px 2px;flex:1 1;height:2px;margin:0 .5rem 1.2rem}.auto__jobs{grid-gap:.4rem;align-content:center;display:grid;gap:.4rem}.auto__job{align-items:center;animation:lgSlide .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(1.1s + var(--n)*.15s);background:#f7f8fd;border-radius:9px;display:flex;font-size:.72rem;font-weight:600;gap:.5rem;padding:.45rem .55rem}.auto__job svg{animation:lgSpin 4s linear infinite;color:#4f46e5;flex:none;height:15px;width:15px}.auto__job span{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auto__job em{background:#dcfce7;border-radius:999px;color:#16a34a;font-size:.62rem;font-style:normal;font-weight:800;padding:2px 7px}.lg-recover{align-items:center;animation:lgSlide .6s cubic-bezier(.2,.7,.2,1) both;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:26rem;text-align:center}.lg-recover h1{font-size:1.8rem;font-weight:800;letter-spacing:-.03em;margin:0 0 .5rem}.lg-recover p{color:#6b6f85;margin:0 0 .6rem}.lg-shield{background:#fff;border-radius:50%;box-shadow:0 16px 36px -10px #4f46e573;color:#4f46e5;display:grid;height:88px;margin-bottom:1.2rem;place-items:center;position:relative;width:88px}.lg-shield:after,.lg-shield:before{animation:lgRipple 2.8s ease-out infinite;border:1.5px solid #4f46e5;border-radius:50%;content:"";inset:0;position:absolute}.lg-shield:after{animation-delay:1.4s}.lg-note{background:#fff;border:1px solid #e7e9f3;border-radius:12px;color:#14142b;font-size:.88rem;font-weight:600;margin-top:.6rem;padding:.8rem 1rem}.lg-foot{align-items:center;background:radial-gradient(55% 160% at 50% 130%,#d6a42c52,#0000 70%),#0c0d16;display:flex;height:clamp(74px,12vh,98px);justify-content:center;overflow:hidden;position:relative}.lg-foot:before{animation:lgLine 7s linear infinite;background:linear-gradient(90deg,#0000,#d6a42c,#fff3c8,#d6a42c,#0000) 0 0/40% 100% no-repeat;content:"";height:1px;left:0;position:absolute;right:0;top:0}.lg-logo{aspect-ratio:1000/644;display:block;height:clamp(52px,8.5vh,74px);position:relative}.lg-logo__glow{animation:lgBreath 5s ease-in-out infinite;background:radial-gradient(closest-side,#f5c5424d,#0000 70%);border-radius:50%;inset:-40% -60%;position:absolute}.lg-logo__art{clip-path:inset(0 50% 0 50%);display:block;height:100%;position:relative;transition:clip-path 1.8s cubic-bezier(.2,.7,.2,1) .9s}.lg-page--in .lg-logo__art{clip-path:inset(0)}.lg-logo__art img{display:block;height:100%;width:100%}.lg-logo__shine{animation:lgShine 6s ease-in-out 3s infinite;background:linear-gradient(105deg,#0000 38%,#fffae1f2 50%,#0000 62%);background-position:160% 0;background-size:260% 100%;inset:0;-webkit-mask-image:var(--logo);mask-image:var(--logo);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute}.lg-star{animation:lgTwinkle 3.2s ease-in-out infinite;animation-delay:calc(2.4s + var(--d));height:16px;left:var(--x);opacity:0;pointer-events:none;top:var(--y);width:16px}.lg-star,.lg-star:after,.lg-star:before{position:absolute;transform:translate(-50%,-50%)}.lg-star:after,.lg-star:before{content:"";left:50%;top:50%}.lg-star:before{background:linear-gradient(90deg,#0000,#fff,#0000);height:2px;width:100%}.lg-star:after{background:linear-gradient(180deg,#0000,#fff,#0000);height:100%;width:2px}.lg-spark{animation:lgRise 6s ease-in infinite;animation-delay:var(--d);background:#f5c542;border-radius:50%;bottom:10%;height:3px;left:var(--x);opacity:0;position:absolute;width:3px}@keyframes lgSwBg{to{background:#22c55e}}@keyframes lgSwKnob{to{transform:translateX(16px)}}@keyframes lgSpin{to{transform:rotate(1turn)}}@keyframes lgDash{to{background-position:12px 0}}@keyframes lgGlow{0%,22%,to{box-shadow:none;transform:none}14%,8%{box-shadow:0 0 0 2px #4f46e5,0 14px 26px -12px #4f46e58c;transform:translateY(-3px)}}@keyframes lgSlide{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes lgWin{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}@keyframes lgFill{to{width:100%}}@keyframes lgFloat{50%{transform:translateY(-6px)}}@keyframes lgW{0%{width:0}to{width:100%;width:var(--w,100%)}}@keyframes lgPop{0%{opacity:0;transform:scale(.85) translateY(6px)}to{opacity:1;transform:none}}@keyframes lgBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes lgPulse{50%{filter:brightness(1.12)}}@keyframes lgRing{to{stroke-dashoffset:60}}@keyframes lgDraw{to{stroke-dashoffset:0}}@keyframes lgSkel{to{background-position:-200% 0}}@keyframes lgCell{to{background:var(--to)}}@keyframes lgTyping{40%{opacity:.5;transform:translateY(-4px)}}@keyframes lgRipple{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes lgBreath{50%{opacity:.5;transform:scale(1.06)}}@keyframes lgShine{0%{background-position:160% 0}40%,to{background-position:-60% 0}}@keyframes lgLine{0%{background-position:-50% 0}to{background-position:150% 0}}@keyframes lgTwinkle{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(0)}45%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(45deg)}70%{opacity:0}}@keyframes lgRise{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}to{opacity:0;transform:translateY(-45px)}}@media(max-height:600px){.lg-page{height:auto;min-height:100vh;overflow-y:auto}.lg-main{min-height:520px}}@media(prefers-reduced-motion:reduce){.lg-page *,.lg-page :after,.lg-page :before{animation:none!important;transition-delay:0s!important;transition-duration:.01ms!important}.setup__bar span{width:100%}.switch{background:#22c55e}.switch i{transform:translateX(16px)}.lg-spark,.lg-star{opacity:0}}.profile-icon{align-items:center;border-radius:50%;display:inline-flex;justify-content:center;overflow:hidden}.profile-icon__image{height:100%;width:100%}.profile-icon--small{box-shadow:0 1px 2px #0000004d;height:40px;width:40px}.profile-icon--medium{height:50px;width:50px}.profile-icon--large{height:60px;width:60px}.navbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:.1px solid #e2e8f0;border-bottom:.1px solid var(--border-secondary);box-shadow:0 2px 4px #0000001a;box-sizing:border-box;color:#1e293b;color:var(--text-primary);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:space-between;left:0;padding:0;right:0;z-index:1000}.navbar,.navbar .navbar-left{align-items:center;display:flex}.navbar .navbar-left{flex-shrink:0;gap:10px;margin-left:10px}.navbar .navbar-left .company-logo{border-radius:8px;max-height:50px;object-fit:contain;transition:transform .2s ease;width:auto}.navbar .navbar-left .company-logo:hover{transform:scale(1.02)}.navbar .navbar-left .company-name{color:var(---text-primary);font-size:clamp(.8rem,1vw + .2rem,1rem);font-weight:600;margin-left:10px}.navbar .navbar-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.navbar .navbar-right .profile-menu-container{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);position:relative}.navbar .navbar-right .profile-menu-container .profile-button{align-items:center;display:flex;gap:8px;padding:6px 12px 6px 6px}.navbar .navbar-right .profile-menu-container .profile-button .profile-avatar{border:2px solid #017bfe1a;border-radius:50%;height:32px;object-fit:cover;transition:all .2s ease;width:32px}.navbar .navbar-right .profile-menu-container .profile-button svg{color:#1e293b;color:var(--text-primary);font-size:16px;transition:transform .2s ease}.navbar .navbar-right .profile-menu-container .profile-button:hover .profile-avatar{border-color:#3b82f6}.navbar .navbar-right .profile-menu-container .profile-button:hover svg{transform:rotate(180deg)}.navbar .navbar-right .profile-menu-container .profile-menu{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc;border-radius:12px;box-shadow:0 8px 32px #0000001f;color:#1e293b;color:var(--text-primary);min-width:200px;opacity:0;padding:15px;position:absolute;right:0;top:100%;transform:translateY(-8px);transition:all .2s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:1001}.navbar .navbar-right .profile-menu-container .profile-menu .profile-info{align-items:center;border-bottom:1px solid #00000014;display:flex;gap:12px;margin-bottom:16px;padding-bottom:16px}.navbar .navbar-right .profile-menu-container .profile-menu .profile-info .profile-details{flex:1 1}.navbar .navbar-right .profile-menu-container .profile-menu .profile-info .profile-details .profile-name{color:#1e293b;color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:4px}.navbar .navbar-right .profile-menu-container .profile-menu .profile-info .profile-details .profile-role{color:#0009;font-size:12px;font-weight:400;margin-bottom:0}.navbar .navbar-right .profile-menu-container .profile-menu .profile-info .profile-details .profile-role .role{background:#017bfe1a;border-radius:12px;color:#3b82f6;font-size:11px;font-weight:500;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.navbar .navbar-right .profile-menu-container .profile-menu .profile-options a{align-items:center;border-radius:8px;color:#1e293b;color:var(--text-primary);display:flex;font-size:14px;font-weight:400;margin-bottom:4px;padding:5px;text-decoration:none;transition:all .2s ease}.navbar .navbar-right .profile-menu-container .profile-menu .profile-options a:last-child{margin-bottom:0}.navbar .navbar-right .profile-menu-container .profile-menu .profile-options a:hover{background:#017bfe0d;color:#3b82f6;padding-left:16px}.navbar .navbar-right .profile-menu-container .profile-menu .profile-options a.logout-a{color:#ff6692;cursor:pointer}.navbar .navbar-right .profile-menu-container .profile-menu .profile-options a.logout-a:hover{background:#ff66920d;color:#ff6692}.navbar .navbar-right .profile-menu-container:hover .profile-menu{opacity:1;transform:translateY(0);visibility:visible}.navbar .navbar-right .logout-a{background:none;border:none;border-radius:20px;color:#ff6692;cursor:pointer;font:inherit;padding:0;text-decoration:none;width:100%}.navbar .navbar-right .logout-a:hover{background-color:#ff6692;color:#000;transform:scale(1.05)}.nav-button,.navbar .navbar-right .profile-menu-container .profile-button{align-items:center;background:#0000;background-color:#fff;background-color:var(--bg-primary);border:none;border-radius:20px;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;outline:none;padding:10px;position:relative;transition:all .2s ease}.nav-button:hover,.navbar .navbar-right .profile-menu-container .profile-button:hover{background:#017bfe14;color:#3b82f6;transform:translateY(-1px)}.nav-button:active,.navbar .navbar-right .profile-menu-container .profile-button:active{transform:translateY(0)}@media(max-width:1024px){.navbar{padding:10px}.navbar .navbar-right{gap:6px}.navbar .navbar-right .search-container .search-input.expanded{width:220px}}@media(max-width:768px){.navbar{min-height:56px;padding:5px}.navbar .navbar-left .company-name{display:none}.navbar .navbar-left .company-logo{height:36px}.navbar .navbar-right{gap:4px}.navbar .navbar-right .quick-access-container,.navbar .navbar-right .search-container{display:none}.navbar .navbar-right .punch-in-container .punch-dropdown,.navbar .navbar-right .punch-in-container .quick-access-menu,.navbar .navbar-right .quick-access-container .punch-dropdown,.navbar .navbar-right .quick-access-container .quick-access-menu{min-width:180px;right:-10px}.navbar .navbar-right .profile-menu-container .profile-menu{min-width:220px;right:-10px;top:-10px}.navbar .navbar-right .nav-button,.navbar .navbar-right .profile-menu-container .profile-button{font-size:18px;padding:8px}.navbar .navbar-right .profile-button{padding:4px 8px 4px 4px!important}.navbar .navbar-right .profile-button .profile-avatar{height:28px!important;width:28px!important}.navbar .navbar-right .profile-button svg{font-size:14px}}@media(max-width:480px){.navbar{min-height:52px;padding:0}.navbar .navbar-left .company-logo{height:32px}.navbar .navbar-right{gap:2px}.navbar .navbar-right .search-container{display:none}.navbar .navbar-right .profile-menu-container .profile-menu,.navbar .navbar-right .punch-in-container .punch-dropdown,.navbar .navbar-right .punch-in-container .quick-access-menu,.navbar .navbar-right .quick-access-container .punch-dropdown,.navbar .navbar-right .quick-access-container .quick-access-menu{left:8px;max-width:none;min-width:auto;position:fixed;right:8px;top:58px;width:auto}.navbar .navbar-right .nav-button,.navbar .navbar-right .profile-menu-container .profile-button{font-size:16px;padding:6px}.navbar .navbar-right .profile-button{gap:4px;padding:2px 6px 2px 2px!important}.navbar .navbar-right .profile-button .profile-avatar{height:24px!important;width:24px!important}.navbar .navbar-right .profile-button svg{font-size:12px}}@media(max-width:360px){.navbar{padding:4px 6px}.navbar .navbar-right{gap:1px}.navbar .navbar-right .search-container .search-input{height:28px;width:28px}.navbar .navbar-right .search-container .search-input.expanded{width:140px}.navbar .navbar-right .nav-button,.navbar .navbar-right .profile-menu-container .profile-button{font-size:14px;padding:4px}}.open-modal-button{background:#36c76c;border:1px solid #36c76c33;border-radius:20px;color:#fff;font-weight:500;padding:4px;transition:all .2s ease}.open-modal-button:hover{background:#2da75b;box-shadow:0 4px 12px #36c76c4d;transform:translateY(-1px)}.filtered-menu::-webkit-scrollbar,.quick-access-menu::-webkit-scrollbar{width:4px}.filtered-menu::-webkit-scrollbar-track,.quick-access-menu::-webkit-scrollbar-track{background:#0000}.filtered-menu::-webkit-scrollbar-thumb,.quick-access-menu::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.filtered-menu::-webkit-scrollbar-thumb:hover,.quick-access-menu::-webkit-scrollbar-thumb:hover{background:#0000004d}.watermark{bottom:30px;opacity:.4;pointer-events:none;position:fixed;right:100px;z-index:1000}.watermark .watermark-prefix{font-size:1rem}.watermark span{color:#1e293b;color:var(--text-primary);font-size:1rem;-webkit-user-select:none;user-select:none}.error-page{align-items:center;display:flex;justify-content:center;min-height:90dvh}.error-page h1{font-size:1rem;font-weight:500;margin-bottom:1rem}.error-page .error-content{flex-direction:column}.bouncing-avatar,.error-page .error-content{align-items:center;display:flex;justify-content:center}.bouncing-avatar{animation:bounce 1s infinite;width:150px}.error-actions button{background-color:#3b82f6;border:.1px solid #ccc;border-radius:20px;color:#fff;margin-right:10px;min-width:100px;padding:10px}.error-actions button:hover{background-color:#fff;color:#3b82f6}.access-denied{align-items:center;background-color:#fff;background-color:var(--bg-primary);border-radius:20px;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.access-denied h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.access-denied p{font-size:1.2rem;margin-bottom:2rem}.access-denied .bouncing-avatar{animation:bounce 1s infinite;width:150px}.access-denied .upgrade-btn{background-color:#fff;border:.1px solid #ccc;border-radius:20px;padding:10px}.access-denied .upgrade-btn:hover{background-color:#3b82f6;color:#fff;transform:scale(1.1)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.loading-screen{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffb3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-screen .loading-message{align-items:center;display:flex;flex-direction:column;gap:10px}.loading-screen .loading-message .icon{height:50px;width:50px}.loading-screen .loading-message .icon.spinner{animation:spin 1s linear infinite;color:#3b82f6}.loading-screen .loading-message .icon.success{color:#36c76c}.loading-screen .loading-message .icon.error{color:#ff6692}.loading-screen .loading-message .loader-text{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:600}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--navbar-height:60px;--sidebar-width:90px;--admin-sidebar-width:64px;--marketplace-width:40px;--border-radius-lg:30px;--border-radius-md:20px;--border-radius-sm:15px;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--shadow-soft:0 4px 12px #00000014;--shadow-medium:0 8px 24px #0000001f;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:1.2rem;--z-index-sticky:100;--z-index-sidebar:102;--z-index-navbar:103;--z-index-modal:104}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth}body{background-color:#f8fafc;background-color:var(--bg-secondary);color:#1e293b;color:var(--text-primary);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:300;line-height:1.6;min-height:100dvh;overflow-x:hidden;text-rendering:optimizeSpeed}#root,.app,body,canvas,img,svg,video{max-width:100%}button,input,select,textarea{max-width:100%;min-width:0}h1,h2,h3,h4,h5,h6{color:#1e293b;color:var(--text-primary);font-weight:300;line-height:1.3;margin-bottom:.5em}h1{font-size:clamp(1.5rem,3vw + .5rem,2.25rem);font-weight:200}h2{font-size:clamp(1.25rem,2.5vw + .4rem,1.875rem)}h3{font-size:clamp(1.125rem,2vw + .3rem,1.5rem)}h4{font-size:clamp(1rem,1.5vw + .25rem,1.25rem)}h5{font-size:clamp(.875rem,1.25vw + .2rem,1.125rem);font-weight:400}h6{font-size:clamp(.75rem,1vw + .15rem,1rem);font-weight:500}.app{display:flex;flex-direction:column;min-height:100dvh;position:relative}.navbar{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff;background:var(--bg-primary);max-height:60px;max-height:var(--navbar-height);position:fixed;top:0;width:100%;z-index:103;z-index:var(--z-index-navbar)}.NavbarComp{align-items:center;background-color:#fff;background-color:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:.5rem;box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-soft);display:flex;height:100%;justify-content:space-between;padding:0 1rem;padding:0 var(--spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.NavbarComp:hover{box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-medium)}.sidebar{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-right:.1px solid #e2e8f0;border-right:.1px solid var(--border-secondary);height:calc(100dvh - 60px);height:calc(100dvh - var(--navbar-height));left:0;position:fixed;top:60px;top:var(--navbar-height);width:90px;width:var(--sidebar-width);z-index:102;z-index:var(--z-index-sidebar)}.main-content-admin,.sidebar{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.main-content-admin{border-radius:20px;color:#1e293b;color:var(--text-primary);flex:1 1;margin-left:64px;margin-left:var(--admin-sidebar-width);margin-right:40px;margin-right:var(--marketplace-width);margin-top:60px;margin-top:var(--navbar-height);min-height:calc(100dvh - 60px);min-height:calc(100dvh - var(--navbar-height));min-width:0;overflow-y:scroll;padding:10px}.main-content-admin::-webkit-scrollbar{width:6px}.main-content-admin::-webkit-scrollbar-track{background:#0000}.main-content-admin::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-hover);border-radius:3px}.main-content-admin::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-muted)}.custom-content,.custom-master-container,.custom-page-container{border-radius:30px;border-radius:var(--border-radius-lg)}.custom-container{max-width:100%}.custom-container,.custom-content{margin:0 auto;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.custom-content{background-color:#fff;background-color:var(--bg-primary);border:.1px solid #e2e8f0;border:.1px solid var(--border-secondary);border-radius:30px;border-radius:var(--border-radius-lg);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-soft);color:#1e293b;color:var(--text-primary);min-height:80vh}.custom-content:hover{box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-medium)}.custom-page-container{padding:0;width:100%}.custom-master-container{padding-top:1.5rem;padding-top:var(--spacing-lg);width:100%}.content-with-sidebar{margin-left:90px;margin-left:var(--sidebar-width);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:calc(100% - 90px);width:calc(100% - var(--sidebar-width))}@media(min-width:1400px){.custom-content{padding:1.2rem;padding:var(--spacing-xl)}}@media(max-width:1200px){.custom-content{max-width:95%;padding:clamp(1rem,2.5vw,1.5rem);padding:clamp(var(--spacing-md),2.5vw,var(--spacing-lg))}}@media(max-width:992px){:root{--sidebar-width:70px}.content-with-sidebar,.main-content{margin-left:90px;margin-left:var(--sidebar-width)}.content-with-sidebar{width:calc(100% - 90px);width:calc(100% - var(--sidebar-width))}.sidebar{width:90px;width:var(--sidebar-width)}.custom-content{border-radius:20px;border-radius:var(--border-radius-md);padding:1rem;padding:var(--spacing-md)}.custom-container{padding:0 .5rem;padding:0 var(--spacing-sm)}}@media(max-width:768px){:root{--sidebar-width:60px;--navbar-height:55px}.content-with-sidebar,.main-content{margin-left:90px;margin-left:var(--sidebar-width)}.content-with-sidebar{width:calc(100% - 90px);width:calc(100% - var(--sidebar-width))}.sidebar{width:90px;width:var(--sidebar-width)}.custom-content,.main-content,.sidebar{padding:.5rem;padding:var(--spacing-sm)}.custom-content{border-radius:20px;border-radius:var(--border-radius-md)}.navbar{height:60px;height:var(--navbar-height)}.NavbarComp{padding:0 .5rem;padding:0 var(--spacing-sm)}}@media(max-width:576px){:root{--sidebar-width:50px;--navbar-height:50px;--border-radius-lg:20px;--border-radius-md:15px}.content-with-sidebar,.main-content{margin-left:90px;margin-left:var(--sidebar-width)}.content-with-sidebar{width:calc(100% - 90px);width:calc(100% - var(--sidebar-width))}.sidebar{width:90px;width:var(--sidebar-width)}.custom-content,.main-content{padding:.5rem;padding:var(--spacing-sm)}.custom-content{border-radius:20px;border-radius:var(--border-radius-md);min-height:70vh}.custom-container{padding:0 .25rem;padding:0 var(--spacing-xs)}body{font-size:.8125rem}}@media(max-width:480px){:root{--sidebar-width:45px;--navbar-height:48px}.content-with-sidebar,.main-content{margin-left:90px;margin-left:var(--sidebar-width)}.content-with-sidebar{width:calc(100% - 90px);width:calc(100% - var(--sidebar-width))}.sidebar{width:90px;width:var(--sidebar-width)}.custom-content{border-radius:15px;border-radius:var(--border-radius-sm);padding:.5rem;padding:var(--spacing-sm)}body{font-size:.75rem}.NavbarComp{padding:0 .25rem;padding:0 var(--spacing-xs)}}@media(max-width:360px){:root{--sidebar-width:40px;--navbar-height:45px}.content-with-sidebar,.main-content{margin-left:90px;margin-left:var(--sidebar-width)}.content-with-sidebar{width:calc(100% - 90px);width:calc(100% - var(--sidebar-width))}.sidebar{width:90px;width:var(--sidebar-width)}.custom-content{padding:.25rem;padding:var(--spacing-xs)}}select{appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%230F172A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;background:var(--bg-primary) url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%230F172A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;background-position:right 12px center;background-size:12px;border:2px solid #e2e8f0;border:2px solid var(--border-secondary);border-radius:12px;color:#1e293b;color:var(--text-primary);font-family:Manrope,sans-serif;font-size:14px;min-width:60px;padding:5px}select:invalid{color:#1e293b;color:var(--text-primary)}[data-theme=dark] select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%23F4F4F4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.theme-toggle{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:8px;color:#1e293b;color:var(--text-primary);cursor:pointer;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.theme-toggle:hover{background:#f1f5f9;background:var(--bg-hover);border-color:#cbd5e1;border-color:var(--border-hover)}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--active-color);outline-offset:2px}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}svg{color:var(--text-color)}@media print{.navbar,.sidebar{display:none!important}.main-content{margin-left:0!important;width:100%!important}.custom-content{border-radius:0!important;box-shadow:none!important}}.back-to-products-global-btn{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:20px;cursor:pointer;font-size:12px;opacity:.85;padding:10px;position:absolute;right:60px;top:70px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:200px;z-index:101}.back-to-products-global-btn:hover{background:#3b82f6;border-color:#cbd5e1;border-color:var(--border-hover);opacity:1}.mobile-menu-toggle,.mobile-sidebar-backdrop{display:none}@media(max-width:767px){:root{--navbar-height:56px;--admin-sidebar-width:0px;--marketplace-width:0px}body.mobile-sidebar-open{overflow:hidden}body.mobile-sidebar-open .marketplace-sidebar,body.mobile-sidebar-open .navbar{filter:brightness(.58);transition:filter .18s ease}.main-content-admin{margin-right:0;overflow-x:hidden;padding:8px 8px 60px}.content-with-sidebar,.main-content,.main-content-admin{margin-left:0;width:100%}aside.admin-sidebar{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff;background:var(--bg-primary,#fff);box-shadow:8px 0 24px #00000029;transform:translateX(-100%);transition:transform .18s cubic-bezier(.4,0,.2,1);width:72px;z-index:10001}aside.admin-sidebar.admin-sidebar--open{transform:translateX(0)}.mobile-sidebar-backdrop{background:#0f172a61;border:0;cursor:pointer;display:block;inset:60px 0 0;inset:var(--navbar-height) 0 0;position:fixed;width:100%;z-index:103;z-index:calc(var(--z-index-sidebar) + 1)}.mobile-menu-toggle{align-items:center;background:#0000;border:0;border-radius:10px;color:#1e293b;color:var(--text-primary);cursor:pointer;display:inline-flex;flex:0 0 auto;height:40px;justify-content:center;padding:0;width:40px}.mobile-menu-toggle svg{height:24px;width:24px}.navbar .navbar-left{gap:6px;margin-left:4px;min-width:0}.navbar .navbar-right{min-width:0}.back-to-products-global-btn{display:block;margin:8px auto;position:static;width:min(100%,240px)}.custom-content,.custom-master-container,.custom-page-container{max-width:100%;min-width:0}.custom-content{min-height:0}.custom-analytics-submenu,.custom-menu,.top-submenu-container{flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:thin}.custom-menu-item,.custom-submenu-item,.submenu-item{flex:0 0 auto}[class*=dialog-content],[class*=modal-content]{max-height:calc(100dvh - 24px);max-width:calc(100vw - 24px);overflow-y:auto}.edit-payroll-modal,.scan-popup--full{max-height:calc(100dvh - 24px);max-width:calc(100vw - 24px);min-width:0;width:calc(100vw - 24px)}.scan-popup--full{height:calc(100dvh - 16px)}.edit-payroll-modal{padding:14px}[class*=table-container],[class*=table-results],[class*=table-section],[class*=table-wrapper]{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.action-buttons,.form-actions,.form-grid,.form-row,.toolbar,fieldset,form{max-width:100%;min-width:0}.paraw{max-width:100%;width:100%}.action-buttons,.form-grid,.form-row,.toolbar{flex-wrap:wrap}table{max-width:none}.marketplace-sidebar{bottom:0!important;flex-direction:row!important;gap:8px!important;height:52px!important;justify-content:flex-start!important;left:0!important;overflow-x:auto!important;overflow-y:hidden!important;padding:6px 8px!important;right:0!important;top:auto!important;width:100%!important;z-index:102;z-index:var(--z-index-sidebar)}.marketplace-sidebar>div{flex:0 0 auto}}@media(max-width:480px){.main-content-admin{padding:6px}.navbar .navbar-left .company-logo{max-width:120px}.pagination-container,.table-heading-column{align-items:stretch}[class*=metrics-grid]{gap:8px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}[class*=metrics-grid]>.metric-tile{border-radius:12px!important;min-height:0;min-width:0;padding:8px 10px!important}[class*=metrics-grid]>.metric-tile .metric-tile__title{font-size:11px!important;line-height:1.25;min-width:0;overflow-wrap:anywhere}[class*=metrics-grid]>.metric-tile .metric-tile__value{font-size:22px!important;line-height:1.1}[class*=metrics-grid]>.metric-tile .metric-tile__icon{border-radius:8px!important;height:30px!important;width:30px!important}.salary-master__stats{gap:8px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:8px 0!important}.salary-master__stats .stat-card{border-radius:12px!important;min-width:0;padding:12px 8px!important}.salary-master__stats .stat-card__number{font-size:22px!important}.salary-master__stats .stat-card__label{font-size:11px!important;line-height:1.25;overflow-wrap:anywhere}}.admin-sidebar{background:var(--bg-primary);border-right:1px solid var(--border-secondary);bottom:0;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;left:0;position:fixed;top:var(--navbar-height);transition:width .18s cubic-bezier(.4,0,.2,1);width:64px;z-index:101}.admin-sidebar__menu{flex:1 1 auto;margin:0;overflow-y:auto;padding:4px;scrollbar-width:thin}.admin-sidebar__item,.admin-sidebar__menu{align-items:center;display:flex;flex-direction:column}.admin-sidebar__item{background:#0000;border:none;border-radius:9px;color:var(--text-primary);cursor:pointer;font:inherit;justify-content:center;margin-bottom:3px;min-height:58px;padding:5px 2px;position:relative;text-align:center;text-decoration:none;transition:background-color .15s ease,color .15s ease,transform .15s ease;width:56px}.admin-sidebar__item:hover{background:var(--active-color);color:var(--text-inverse)}.admin-sidebar__item:hover .admin-sidebar__icon{transform:scale(1.05)}.admin-sidebar__item--active{background:var(--active-color);color:var(--text-inverse)}.admin-sidebar__item--locked{color:var(--text-muted)}.admin-sidebar__item--locked:hover{background:#fff7ed;color:#9a5b13}.admin-sidebar__icon{flex:0 0 auto;font-size:22px;height:22px;line-height:1;margin-bottom:4px;transition:transform .15s ease;width:22px}.admin-sidebar__name{display:block;font-size:10px;font-weight:500;line-height:12px;overflow-wrap:break-word;text-align:center;white-space:normal;width:100%}.admin-sidebar__lock{font-size:12px;height:12px;position:absolute;right:3px;top:3px;width:12px}.admin-dashboard{background:#f9fafb;margin:0 auto;min-height:100vh;min-width:0;padding:32px}.dashboard-header{margin-bottom:42px;text-align:center}.dashboard-header h1{color:#1e293b;font-size:32px;font-weight:700}.dashboard-header p{color:#64748b;font-size:15px}.dashboard-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(5,minmax(0,1fr));min-width:0}.module-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 6px 15px #0000000f;cursor:pointer;display:flex;flex-direction:column;min-width:0;padding:28px;position:relative;text-decoration:none;transition:all .28s ease}.module-card:hover{border-color:#cdd5df;box-shadow:0 12px 28px #0f172a1a;text-decoration:none;transform:translateY(-4px) scale(1.01)}.module-card .card-icon{font-size:52px;margin-bottom:14px;text-align:center}.module-card .card-title{color:#1e293b;font-size:22px;font-weight:600;margin-bottom:6px;overflow-wrap:anywhere;text-align:center}.module-card .card-description{color:#475569;font-size:14px;font-weight:500;margin-bottom:12px;overflow-wrap:anywhere;text-align:center}.module-card .card-explanation{color:#64748b;font-size:13px;line-height:1.55;margin-top:6px;overflow-wrap:anywhere;text-align:center}.module-card .no-access-label{background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#b91c1c;font-size:11px;font-weight:600;padding:3px 8px;pointer-events:none;position:absolute;right:8px;top:8px;z-index:2}.module-card.disabled{box-shadow:none!important;cursor:not-allowed;opacity:.55;pointer-events:none;transform:none!important}@media(max-width:1199px){.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.admin-dashboard{padding:20px}.module-card{padding:22px}.module-card .card-icon{font-size:46px}.module-card .card-title{font-size:20px}.module-card .card-description{font-size:13px}.module-card .card-explanation{font-size:12px}}@media(max-width:768px)and (max-width:520px){.admin-dashboard{padding:12px}.dashboard-header{margin-bottom:24px}.dashboard-header h1{font-size:26px}.dashboard-header p{font-size:13px}.dashboard-grid{gap:12px;grid-template-columns:minmax(0,1fr)}.module-card{padding:20px 16px}.module-card .card-icon{font-size:42px;margin-bottom:10px}.module-card .card-title{font-size:19px}.module-card .no-access-label{align-self:center;margin-bottom:12px;max-width:100%;overflow-wrap:anywhere;position:static;text-align:center}}.custom-ess-container{display:flex;flex-direction:column;margin:5px;min-height:100vh}.custom-menu{display:flex;flex-wrap:wrap;gap:8px;margin:0 10px 10px;position:sticky;top:-10px;z-index:100}@media(max-width:768px){.custom-menu{-ms-overflow-style:none;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:16px;scrollbar-width:none}.custom-menu::-webkit-scrollbar{display:none}}.custom-menu-item{align-items:center;background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:20px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:8px;justify-content:center;min-height:42px;min-width:128px;padding:0;position:relative;transition:var(--transition-smooth);white-space:nowrap}.custom-menu-item,.custom-menu-item a{color:#1e293b;color:var(--text-primary);text-decoration:none}.custom-menu-item:focus{outline:none}.custom-menu-item:hover{border-color:#cbd5e1;border-color:var(--border-hover);color:#1e293b;color:var(--text-primary);transform:translateY(-1px)}.custom-menu-item.custom-active,.custom-menu-item:hover{background-color:#3b82f6;background-color:var(--active-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);font-weight:600}.custom-menu-item.custom-active,.custom-menu-item.custom-active .arrow-icon,.custom-menu-item.custom-active a{color:#fff;color:var(--text-inverse)}.custom-menu-item .arrow-icon{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-size:1rem;transition:transform .3s ease-out,color .3s ease-out}@media(max-width:768px){.custom-menu-item{font-size:13px;min-width:120px}}.custom-menu-link{align-items:center;display:flex;gap:8px;height:100%;justify-content:center;padding:5px;transition:all .2s ease;width:100%}.custom-menu-link,.custom-menu-link:hover{color:#1e293b;color:var(--text-primary);text-decoration:none}@media(max-width:768px){.custom-menu-link{padding:12px}}.custom-menu-link .innermenu-notification-badge{align-items:center;background-color:#ff6692;background-color:var(--danger-color);border-radius:9999px;box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px var(--bg-primary);color:#fff;color:var(--text-inverse);display:flex;font-size:12px;font-weight:600;height:1.25rem;justify-content:center;line-height:1;min-height:1.25rem;min-width:1.25rem;padding:.15rem;transition:all .2s ease;width:1.25rem}.custom-menu-link .innermenu-notification-badge:empty{display:none}.custom-menu-link .innermenu-notification-badge:hover{transform:scale(1.05)}.custom-submenu-container{animation:slideDown .3s ease-out;border-radius:20px}.custom-analytics-submenu{border-radius:0;display:flex;flex-wrap:wrap;gap:16px;margin:0 auto;padding:0 10px 10px}@media(max-width:768px){.custom-analytics-submenu{-ms-overflow-style:none;flex-direction:row;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:12px;scrollbar-width:none}.custom-analytics-submenu::-webkit-scrollbar{display:none}}.custom-submenu-item{align-items:center;background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:20px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1e293b;color:var(--text-primary);display:inline-flex;font-size:14px;font-weight:400;justify-content:center;min-height:42px;min-width:128px;padding:5px;text-decoration:none;transition:var(--transition-smooth);white-space:nowrap}.custom-submenu-item:hover{background-color:#f1f5f9;background-color:var(--bg-hover);border-color:#cbd5e1;border-color:var(--border-hover);color:#3b82f6;color:var(--active-color);text-decoration:none;transform:translateY(-2px)}.custom-submenu-item.custom-active,.custom-submenu-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);font-weight:600}.custom-submenu-item.custom-active{background-color:#3b82f6;background-color:var(--active-color);border-color:#3b82f6;border-color:var(--active-color);color:#fff;color:var(--text-inverse)}@media(max-width:768px){.custom-submenu-item{font-size:13px;justify-content:center;padding:5px;width:100%}}.custom-content{background-color:#f8fafc;background-color:var(--bg-tertiary);flex:1 1}.custom-menu-item.loading{opacity:.6;pointer-events:none}.custom-menu-item.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:12px;margin-left:8px;width:12px}.custom-menu-item[data-badge]:after,.custom-submenu-item[data-badge]:after{background-color:#ff6692;background-color:var(--danger-color);border-radius:10px;color:#fff;color:var(--text-inverse);content:attr(data-badge);font-size:11px;font-weight:600;line-height:1.2;min-width:18px;padding:2px 6px;position:absolute;right:-8px;text-align:center;top:-8px}.custom-menu-item:focus,.custom-submenu-item:focus{outline:2px solid #3b82f6;outline:2px solid var(--active-color);outline-offset:2px}@media(prefers-contrast:high){.custom-menu-item,.custom-submenu-item{border-width:2px}.custom-menu-item.custom-active,.custom-submenu-item.custom-active{outline:2px solid #fff;outline:2px solid var(--text-inverse);outline-offset:-2px}}@media(prefers-reduced-motion:reduce){.arrow-icon,.custom-menu-item,.custom-menu-link,.custom-submenu-item{transition:none}.custom-submenu-container{animation:none}}.sidebar-item.locked{cursor:not-allowed;opacity:.45;pointer-events:none}.sidebar-item.locked:hover{background:#0000}.sidebar-item .lock-icon{font-size:11px;margin-left:auto;opacity:.6}.status-dot.locked{background-color:var(--color-border-secondary)}.button-with-icon{align-items:center;background-color:#3b82f6;background-color:var(--active-color);border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:space-evenly;margin:10px;max-width:250px;min-width:200px;padding-left:20px;padding-right:20px;text-align:center;transition:background-color .3s ease,box-shadow .3s ease}.button-with-icon .button-icon{font-size:20px}.button-with-icon:hover{background-color:#3b82f6;background-color:var(--active-color);box-shadow:0 6px 8px #00000026;filter:brightness(90%)}.button-with-icon:active{background-color:#3b82f6;box-shadow:0 3px 5px #0003}.button-with-icon:focus{box-shadow:0 0 0 3px #007bff80;outline:none}.button-with-icon:disabled{background-color:#e0e0e0;box-shadow:none;color:#a0a0a0;cursor:not-allowed}.button-with-icon.large{font-size:18px;padding:12px 24px}.button-with-icon.small{font-size:14px;padding:8px 16px}.button-with-icon.secondary{background-color:#6c757d}.button-with-icon.secondary:hover{background-color:#5a6268}.button-with-icon.secondary:active{background-color:#545b62}.button-with-icon.submit-button{align-items:center;background-color:#36c76c;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:space-evenly;margin:10px;max-width:250px;min-width:200px;padding-left:20px;padding-right:20px;text-align:center;transition:background-color .3s ease,box-shadow .3s ease}.button-with-icon.submit-button:hover{background-color:#2b9f56}.button-with-icon.submit-button:active{background-color:#36c76c}.button-with-icon.submit-button:focus{box-shadow:0 0 0 3px #28a74580}.button-with-icon.cancel-button{align-items:center;background-color:#ff6692;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:space-evenly;margin:10px;max-width:250px;min-width:200px;padding-left:20px;padding-right:20px;text-align:center;transition:background-color .3s ease,box-shadow .3s ease}.button-with-icon.cancel-button:hover{background-color:#ff336e}.button-with-icon.cancel-button:active{background-color:#ff6692}.button-with-icon.cancel-button:focus{box-shadow:0 0 0 3px #dc354580}.button-with-icon.cancel-button:disabled{background-color:#e0e0e0;box-shadow:none;color:#a0a0a0;cursor:not-allowed}.button-with-icon.edit-button{align-items:center;background-color:#f8c20a;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:space-evenly;margin:10px;max-width:250px;min-width:200px;padding-left:20px;padding-right:20px;text-align:center;transition:background-color .3s ease,box-shadow .3s ease}.button-with-icon.edit-button:hover{background-color:#c99d06}.button-with-icon.edit-button:active{background-color:#f8c20a}.button-with-icon.edit-button:focus{box-shadow:0 0 0 3px #17a2b880}.button-with-icon.success{background-color:#36c76c}.button-with-icon.success:hover{background-color:#2b9f56}.button-with-icon.success:active{background-color:#36c76c}.button-with-icon.danger{background-color:#f8c20a}.button-with-icon.danger:hover{background-color:#c99d06}.button-with-icon.danger:active{background-color:#f8c20a}.button-with-icon.icon-only{border-radius:50%;height:40px;padding:0;width:40px}.button-with-icon.icon-only .button-icon{margin-right:0}.button-with-icon.text-only .button-icon{display:none}.button-with-icon.outline{background-color:#0000;border:2px solid #3b82f6;color:#3b82f6}.button-with-icon.outline:hover{background-color:#007bff1a}.button-with-icon.outline.success{border-color:#36c76c;color:#36c76c}.button-with-icon.outline.success:hover{background-color:#28a7451a}.button-with-icon.outline.danger{border-color:#ff6692;color:#ff6692}.button-with-icon.outline.danger:hover{background-color:#dc35451a}.button-with-icon.outline.info{border-color:#46caeb;color:#46caeb}.button-with-icon.outline.info:hover{background-color:#17a2b81a}.button-with-icon.form-action{min-width:120px}@media(max-width:768px){.button-with-icon{font-size:14px;height:35px;padding:10px}.button-with-icon .button-icon{font-size:18px;margin-right:15px}.button-with-icon.form-action{min-width:100px}}@media(max-width:480px){.button-with-icon{font-size:12px;height:30px;padding:8px 15px}.button-with-icon .button-icon{font-size:16px;margin-right:10px}.button-with-icon.form-action{min-width:80px}.button-with-icon,.button-with-icon.cancel-button,.button-with-icon.edit-button,.button-with-icon.submit-button{max-width:100%;min-width:0;width:100%}}.icon-button{align-items:center;background-color:#3b82f6;background-color:var(--active-color);border:none;border-radius:50%;color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;padding:0;transition:background-color .3s ease,color .3s ease;width:40px}.icon-button:hover{background-color:#3b82f6}.icon-button:disabled{background-color:#ccc;color:#1e293b;cursor:not-allowed}.icon-button:disabled:hover{background-color:#ccc}.icon-button .iconify{color:#fff;font-size:1.2rem}.icon-button--add{align-items:center;background-color:#36c76c;color:#000;justify-content:center;line-height:10px}.icon-button--add:hover{background-color:#5dd389}.icon-button--info{align-items:center;background-color:#46caeb;color:#000;justify-content:center;line-height:10px}.icon-button--info:hover{background-color:#74d7f0}.icon-button--edit{background-color:#f8c20a;color:#1e293b;line-height:0px}.icon-button--edit:hover{background-color:#f9ce3c}.icon-button--delete{background-color:#ff6692;color:#000}.icon-button--delete:hover{background-color:#ff99b6}.icon-button--save{background-color:#36c76c;color:#000}.icon-button--save:hover{background-color:#5dd389}.icon-button--cancel{background-color:#ff6692;color:#000}.icon-button--cancel:hover{background-color:#ff99b6}@media(max-width:768px){.icon-button{font-size:.9rem;height:35px;width:35px}.iconify{font-size:1rem}}@media(max-width:480px){.icon-button{font-size:.8rem;height:30px;width:30px}.iconify{font-size:.9rem}}.custom-mouse-tooltip{animation:tooltipFadeIn .15s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#212121f2;border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 4px 6px #0000004d;color:#fff;font-size:12px;font-weight:500;line-height:1.2;padding:6px 10px;pointer-events:none;position:fixed;white-space:nowrap;z-index:99999}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.toggle-button{background-color:#ccc;border:1px solid #ccc;border-radius:30px;cursor:pointer;display:flex;height:30px;justify-content:center;margin-bottom:0;position:relative;transition:background-color .3s ease,border-color .3s ease;-webkit-user-select:none;user-select:none;width:75px}.toggle-button:hover{background-color:#e6e6e6}.toggle-button input{height:0;opacity:0;width:0}.toggle-button__slider{background-color:#ccc;border-radius:30px;height:100%;position:relative;transition:background-color .4s ease,transform .4s ease;width:100%}.toggle-button__slider:before{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:28px;left:1px;position:absolute;top:0;transition:transform .4s ease,background-color .4s ease;width:28px}.toggle-button__label{color:#1e293b;font-size:10px;font-weight:400;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .4s ease}.toggle-button__label--on{color:#fff;left:5px;opacity:0}.toggle-button__label--off{opacity:1;right:3px}input:checked+.toggle-button__slider{background-color:#36c76c}input:checked+.toggle-button__slider:before{transform:translateX(45px)}@media(max-width:768px){input:checked+.toggle-button__slider:before{transform:translateX(35px)}}input:checked+.toggle-button__slider .toggle-button__label--on{opacity:1}input:checked+.toggle-button__slider .toggle-button__label--off{opacity:0}.toggle-button--disabled .toggle-button__slider{background-color:#ccc}.toggle-button--disabled .toggle-button__slider:before{background-color:#b3b3b3}@media(max-width:768px){.toggle-button{height:28px;width:65px}.toggle-button__slider:before{height:24px;transform:translateX(30px);width:24px}.toggle-button__label{font-size:9px}}@media(max-width:480px){.toggle-button{height:25px;width:60px}.toggle-button__slider:before{height:22px;width:22px}.toggle-button__label{font-size:8px}}.general-table-wrapper{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary,#e5e7eb);border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:10px;margin-top:10px;min-width:0;overflow:hidden;width:100%;z-index:1}.general-table-wrapper .search-bar-container{border-bottom:1px solid var(--border-secondary,#e5e7eb);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-secondary,#e5e7eb);padding:12px 20px;width:100%}.general-table-wrapper .search-bar-container .search-meta-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;min-width:0}.general-table-wrapper .search-bar-container .table-controls{align-items:center;display:flex;gap:12px}.general-table-wrapper .search-bar-container .table-controls .page-size-selector{align-items:center;display:flex;gap:6px}.general-table-wrapper .search-bar-container .table-controls .page-size-selector .page-size-label{color:#475569;color:var(--text-secondary);font-size:13px}.general-table-wrapper .search-bar-container .table-controls .page-size-selector .page-size-select{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:10px;color:#1e293b;color:var(--text-primary);font-size:10px;padding:5px}.general-table-wrapper .search-bar-container .table-controls .search-input-wrapper{max-width:300px;min-width:220px;position:relative}.general-table-wrapper .search-bar-container .table-controls .search-input-wrapper .search-icon{color:#475569;color:var(--text-secondary);font-size:16px;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.general-table-wrapper .search-bar-container .table-controls .search-input-wrapper .search-input{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:10px;font-size:13px;padding:8px 12px 8px 36px;width:100%}.general-table-wrapper .search-bar-container .table-controls .search-input-wrapper .search-input:focus{border-color:#3b82f6;border-color:var(--active-color);box-shadow:0 0 0 2px #3b82f61a;outline:none}.general-table-wrapper .search-bar-container .table-controls .search-input-wrapper .clear-search-btn{background:none;border:none;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.general-table-wrapper .search-bar-container .table-controls .search-input-wrapper .clear-search-btn:hover{background-color:#f8fafc;background-color:var(--bg-secondary);border-radius:4px;color:#1e293b;color:var(--text-primary)}.general-table-wrapper .search-bar-container .search-results-info{font-size:12px;margin-top:6px}.general-table-wrapper .search-bar-container .search-results-info .no-results,.general-table-wrapper .search-bar-container .search-results-info .results-count{font-weight:500}.general-table-wrapper .pagination-container{align-items:center;background-color:#fff;background-color:var(--bg-primary);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-secondary,#e5e7eb);display:flex;gap:16px;justify-content:space-between;padding:16px 20px}.general-table-wrapper .pagination-container .pagination-info .pagination-text{color:#475569;color:var(--text-secondary,#6b7280);font-size:14px;font-weight:400}.general-table-wrapper .pagination-container .pagination-controls{align-items:center;display:flex;gap:4px}.general-table-wrapper .pagination-container .pagination-controls .pagination-btn{align-items:center;background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary,#e5e7eb);border-radius:6px;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:400;height:36px;justify-content:center;min-width:36px;padding:8px 12px;transition:all .2s ease}.general-table-wrapper .pagination-container .pagination-controls .pagination-btn:hover:not(:disabled){background-color:#f8fafc;background-color:var(--bg-secondary,#f3f4f6);border-color:#3b82f6;border-color:var(--active-color)}.general-table-wrapper .pagination-container .pagination-controls .pagination-btn:disabled{background-color:#f8fafc;background-color:var(--bg-secondary,#f3f4f6);color:#475569;color:var(--text-secondary,#9ca3af);cursor:not-allowed;opacity:.5}.general-table-wrapper .pagination-container .pagination-controls .pagination-btn.pagination-btn-nav .pagination-icon{font-size:16px}.general-table-wrapper .pagination-container .pagination-controls .pagination-btn.pagination-btn-number.active{background-color:#3b82f6;background-color:var(--active-color);border-color:#3b82f6;border-color:var(--active-color);color:#fff}.general-table-wrapper .pagination-container .pagination-controls .pagination-btn:active:not(:disabled){transform:scale(.95)}@media(max-width:768px){.general-table-wrapper .search-bar-container .table-controls{align-items:stretch;flex-direction:column;gap:12px}.general-table-wrapper .search-bar-container .table-controls .page-size-selector{align-self:flex-start}.general-table-wrapper .search-bar-container .table-controls .search-input-wrapper{max-width:none;min-width:auto}.general-table-wrapper .pagination-container{flex-direction:column;gap:12px;padding:12px 16px}.general-table-wrapper .pagination-container .pagination-info{order:2}.general-table-wrapper .pagination-container .pagination-controls{flex-wrap:wrap;gap:2px;justify-content:center;order:1}.general-table-wrapper .pagination-container .pagination-controls .pagination-btn{font-size:13px;height:32px;min-width:32px;padding:6px 8px}}@media(max-width:480px){.general-table-wrapper .search-bar-container .table-controls{gap:8px}.general-table-wrapper .search-bar-container .table-controls .page-size-selector .page-size-label{font-size:13px}.general-table-wrapper .search-bar-container .table-controls .page-size-selector .page-size-select{font-size:13px;padding:6px 8px}.general-table-wrapper .pagination-container{padding:10px 12px}.general-table-wrapper .pagination-container .pagination-info .pagination-text{font-size:12px}.general-table-wrapper .pagination-container .pagination-controls .pagination-btn{font-size:12px;height:28px;min-width:28px;padding:4px 6px}.general-table-wrapper .pagination-container .pagination-controls .pagination-btn.pagination-btn-nav .pagination-icon{font-size:14px}}@media print{.general-table-wrapper .pagination-container{display:none}}.general-table-wrapper .table-heading-column{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-secondary,#e5e7eb);display:flex;justify-content:space-between;min-width:0;padding:0}.general-table-wrapper .table-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:20px;width:100%;z-index:0}.general-table-wrapper .table-header .table-title-wrapper{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:16px}.general-table-wrapper .table-header .table-title-wrapper .table-title{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:400;margin:0}.general-table-wrapper .table-header .table-title-wrapper .select-all-section{align-items:center;display:flex;gap:12px}.general-table-wrapper .table-header .table-title-wrapper .select-all-section .selected-count{background-color:#f8fafc;background-color:var(--bg-secondary,#f3f4f6);border:1px solid #e2e8f0;border:1px solid var(--border-secondary,#e5e7eb);border-radius:6px;color:#475569;color:var(--text-secondary,#6b7280);font-size:14px;padding:4px 10px}.general-table-wrapper .table-header .table-title-wrapper .select-all-section .checkbox-label{margin:0}.general-table-wrapper .table-header .table-title{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:400;letter-spacing:-.025em;line-height:1.2;margin:0}.general-table-wrapper .table-header .select-all-section{align-items:center;display:flex;gap:16px;margin-left:auto}.general-table-wrapper .table-header .select-all-section .selected-count{background-color:#f8fafc;background-color:var(--bg-secondary,#f3f4f6);border:1px solid #e2e8f0;border:1px solid var(--border-secondary,#e5e7eb);border-radius:6px;color:#475569;color:var(--text-secondary,#6b7280);font-size:14px;font-weight:500;padding:4px 12px;white-space:nowrap}.general-table-wrapper .search-bar-container{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-secondary,#f1f5f9);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;justify-content:center;padding:12px 16px 12px 44px;width:650px}.general-table-wrapper .search-bar-container .search-input-wrapper{align-items:center;display:flex;flex:1 1;min-width:250px;position:relative}.general-table-wrapper .search-bar-container .search-input-wrapper .search-icon{color:#475569;color:var(--text-secondary,#6b7280);font-size:1rem;left:12px;pointer-events:none;position:absolute;z-index:1}.general-table-wrapper .search-bar-container .search-input-wrapper .search-input{background-color:#fff;background-color:var(--bg-primary);border:1px solid #3b82f6;border:1px solid var(--active-color);border-radius:10px;color:#1e293b;color:var(--text-primary);font-size:.9rem;padding:12px 16px 12px 40px;transition:all .2s ease;width:100%}.general-table-wrapper .search-bar-container .search-input-wrapper .search-input:focus{border-color:#3b82f6;border-color:var(--active-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.general-table-wrapper .search-bar-container .search-input-wrapper .search-input::placeholder{color:#475569;color:var(--text-secondary,#9ca3af)}.general-table-wrapper .search-bar-container .search-input-wrapper .clear-search-btn{align-items:center;background:none;border:none;border-radius:4px;color:#475569;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;padding:6px;position:absolute;right:8px;transition:all .2s ease;width:28px}.general-table-wrapper .search-bar-container .search-input-wrapper .clear-search-btn:hover{background-color:#f8fafc;background-color:var(--bg-secondary,#f3f4f6);color:#1e293b;color:var(--text-primary)}.general-table-wrapper .search-bar-container .search-input-wrapper .clear-search-btn:active{transform:scale(.95)}.general-table-wrapper .search-bar-container .search-results-info{font-size:13px;margin-top:8px;width:100%}.general-table-wrapper .search-bar-container .search-results-info .no-results{color:#ff6692;font-weight:400}.general-table-wrapper .search-bar-container .search-results-info .results-count{color:#36c76c;font-weight:400}.general-table-wrapper .table-container{-webkit-overflow-scrolling:touch}.general-table-wrapper .table-container .general-table{min-width:640px}@media(max-width:768px){.general-table-wrapper .table-heading-column{align-items:stretch;flex-direction:column}.general-table-wrapper .search-bar-container .search-meta-controls{width:100%}.general-table-wrapper .search-bar-container .table-controls{flex:1 1 220px}}.general-table-wrapper .table-container{max-height:calc(100vh - 340px);max-height:calc(100vh - var(--navbar-height, 60px) - 280px);overflow-y:auto;width:100%}.general-table-wrapper .table-container::-webkit-scrollbar{height:12px;width:12px}.general-table-wrapper .table-container::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-secondary,#f1f5f9)}.general-table-wrapper .table-container::-webkit-scrollbar-thumb{background:#475569;background:var(--text-secondary,#abb4be);border-radius:4px}.general-table-wrapper .table-container::-webkit-scrollbar-thumb:hover{background:#1e293b;background:var(--text-primary,#64748b)}.general-table-wrapper .general-table{border-collapse:initial;border-spacing:0;min-width:100%;width:100%}.general-table-wrapper .general-table .table-head{position:sticky;top:0;z-index:10}.general-table-wrapper .general-table .table-head .table-header-cell{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-secondary,#e2e8f0);box-shadow:0 1px 0 0 #e2e8f0;box-shadow:0 1px 0 0 var(--border-secondary,#e2e8f0);color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:400;letter-spacing:.025em;padding:10px;position:sticky;text-align:left;top:0;white-space:nowrap}.general-table-wrapper .general-table .table-head .table-header-cell.first-column{box-shadow:2px 0 4px -2px #0000001a,0 1px 0 0 #e2e8f0;box-shadow:2px 0 4px -2px #0000001a,0 1px 0 0 var(--border-secondary,#e2e8f0);color:#1e293b;color:var(--text-primary);left:0;position:sticky;top:0;z-index:11}.general-table-wrapper .general-table .table-head .table-header-cell .header-content{align-items:center;display:flex;gap:20px}.general-table-wrapper .general-table .table-head .table-header-cell .header-content .header-text{color:#1e293b;color:var(--text-primary);flex:1 1;font-weight:400}.general-table-wrapper .general-table .table-head .table-header-cell .header-content .sort-icon{color:#475569;color:var(--text-secondary,#9ca3af);font-size:12px;opacity:0;transition:opacity .2s ease}.general-table-wrapper .general-table .table-head .table-header-cell:hover .sort-icon{opacity:1}.general-table-wrapper .general-table .table-body .table-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-secondary,#f1f5f9);transition:all .2s ease}.general-table-wrapper .general-table .table-body .table-row:hover{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc)}.general-table-wrapper .general-table .table-body .table-row:last-child{border-bottom:none}.general-table-wrapper .general-table .table-body .table-row .table-cell{background-color:#fff;background-color:var(--bg-primary);border-right:1px solid #e2e8f0;border-right:1px solid var(--border-secondary,#f1f5f9);color:#1e293b;color:var(--text-primary);font-size:.9rem;line-height:1.5;padding:10px 14px;vertical-align:middle}.general-table-wrapper .general-table .table-body .table-row .table-cell:last-child{border-right:none}.general-table-wrapper .general-table .table-body .table-row .table-cell.first-column{background-color:#fff;background-color:var(--bg-primary);border-right:2px solid #e2e8f0;border-right:2px solid var(--border-secondary,#f1f5f9);box-shadow:2px 0 4px -2px #0000001a;font-weight:400;left:0;position:sticky;z-index:9}.general-table-wrapper .general-table .table-body .table-row .table-cell .cell-content{display:block;line-height:1.5;word-break:keep-all}.general-table-wrapper .general-table .table-body .empty-row .empty-cell{background-color:#fff;background-color:var(--bg-primary);border:none;color:#1e293b;color:var(--text-primary);padding:40px 20px;text-align:center}.general-table-wrapper .general-table .table-body .empty-row .empty-cell.first-column{background-color:#fff;background-color:var(--bg-primary)}.general-table-wrapper .general-table .table-body .empty-row .empty-cell .empty-state{align-items:center;display:flex;flex-direction:column;gap:16px}.general-table-wrapper .general-table .table-body .empty-row .empty-cell .empty-state .empty-icon{color:#475569;color:var(--text-secondary,#9ca3af);font-size:48px;opacity:.7}.general-table-wrapper .general-table .table-body .empty-row .empty-cell .empty-state .empty-text{color:#1e293b;color:var(--text-primary);font-size:18px;font-weight:600}.general-table-wrapper .general-table .table-body .empty-row .empty-cell .empty-state .empty-subtext{color:#475569;color:var(--text-secondary,#9ca3af);font-size:14px;max-width:300px}.general-table-wrapper .general-table .table-body .empty-row .empty-cell .empty-state .clear-search-btn-empty{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:400;margin-top:8px;padding:10px 20px;transition:all .2s ease}.general-table-wrapper .general-table .table-body .empty-row .empty-cell .empty-state .clear-search-btn-empty:hover{background:#2563eb;background:var(--primary-hover,#2563eb);transform:translateY(-1px)}.general-table-wrapper .general-table .table-body .empty-row .empty-cell .empty-state .clear-search-btn-empty:active{transform:translateY(0)}.general-table-wrapper .employee-cell{align-items:center;display:flex;gap:20px}.general-table-wrapper .employee-cell .employee-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:400;height:40px;justify-content:center;width:40px}.general-table-wrapper .employee-cell .employee-info{align-items:start;display:flex;flex-direction:column;gap:2px;justify-content:start;min-width:0}.general-table-wrapper .employee-cell .employee-info .employee-name{color:#1e293b;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.general-table-wrapper .employee-cell .employee-info .employee-designation{color:#475569;color:var(--text-secondary,#6b7280);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1024px){.general-table-wrapper{margin:10px}.general-table-wrapper .table-header{padding:16px 20px}.general-table-wrapper .table-header .table-title{font-size:22px}.general-table-wrapper .search-bar-container{padding:12px 16px}.general-table-wrapper .search-bar-container .search-input-wrapper{min-width:200px}}@media(max-width:768px){.general-table-wrapper{border-radius:8px;margin:5px}.general-table-wrapper .table-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.general-table-wrapper .table-header .table-title{font-size:20px;font-weight:700}.general-table-wrapper .search-bar-container{align-items:stretch;flex-direction:column;gap:12px;padding:12px 16px}.general-table-wrapper .search-bar-container .search-input-wrapper{min-width:auto;width:100%}.general-table-wrapper .search-bar-container .search-input-wrapper .search-icon{font-size:16px}.general-table-wrapper .search-bar-container .search-input-wrapper .search-input{font-size:16px;padding:12px 40px}.general-table-wrapper .search-bar-container .search-results-info{font-size:12px;margin-top:4px}.general-table-wrapper .table-container{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 260px);max-height:calc(100vh - var(--navbar-height, 60px) - 200px);overflow-x:auto}.general-table-wrapper .general-table{min-width:600px}.general-table-wrapper .general-table .table-head .table-header-cell{font-size:11px;padding:10px 12px}.general-table-wrapper .general-table .table-head .table-header-cell.first-column{box-shadow:none;left:auto;min-width:120px;position:static;z-index:auto}.general-table-wrapper .general-table .table-body .table-row .table-cell{font-size:13px;padding:12px}.general-table-wrapper .general-table .table-body .table-row .table-cell.first-column{border-right:1px solid #e2e8f0;border-right:1px solid var(--border-secondary,#f1f5f9);box-shadow:none;left:auto;min-width:120px;position:static;z-index:auto}.general-table-wrapper .general-table .table-body .empty-row .empty-cell{padding:30px 16px}.general-table-wrapper .general-table .table-body .empty-row .empty-cell.first-column{box-shadow:none;left:auto;position:static;z-index:auto}.general-table-wrapper .general-table .table-body .empty-row .empty-cell .empty-state .empty-icon{font-size:40px}.general-table-wrapper .general-table .table-body .empty-row .empty-cell .empty-state .empty-text{font-size:16px}.general-table-wrapper .general-table .table-body .empty-row .empty-cell .empty-state .empty-subtext{font-size:13px}.general-table-wrapper .employee-cell{gap:10px}.general-table-wrapper .employee-cell .employee-avatar{font-size:14px;height:36px;width:36px}.general-table-wrapper .employee-cell .employee-info .employee-name{font-size:13px}.general-table-wrapper .employee-cell .employee-info .employee-designation{font-size:11px}}@media(max-width:480px){.general-table-wrapper{border-left:none;border-radius:0;border-right:none;margin:0}.general-table-wrapper .table-header{padding:12px 16px}.general-table-wrapper .table-header .table-title{font-size:18px}.general-table-wrapper .search-bar-container{padding:10px 12px}.general-table-wrapper .search-bar-container .search-input-wrapper .search-input{font-size:16px;padding:10px 36px}.general-table-wrapper .table-container{max-height:calc(100vh - 240px);max-height:calc(100vh - var(--navbar-height, 60px) - 180px)}.general-table-wrapper .general-table{min-width:500px}.general-table-wrapper .general-table .table-head .table-header-cell{font-size:10px;padding:8px 10px}.general-table-wrapper .general-table .table-head .table-header-cell.first-column{box-shadow:none;left:auto;position:static;z-index:auto}.general-table-wrapper .general-table .table-body .table-row .table-cell{font-size:12px;padding:10px}.general-table-wrapper .general-table .table-body .table-row .table-cell.first-column{border-right:1px solid #e2e8f0;border-right:1px solid var(--border-secondary,#f1f5f9);box-shadow:none;left:auto;position:static;z-index:auto}.general-table-wrapper .general-table .table-body .empty-row .empty-cell{padding:24px 12px}.general-table-wrapper .general-table .table-body .empty-row .empty-cell.first-column{box-shadow:none;left:auto;position:static;z-index:auto}.general-table-wrapper .employee-cell{gap:8px}.general-table-wrapper .employee-cell .employee-avatar{font-size:12px;height:32px;width:32px}.general-table-wrapper .employee-cell .employee-info .employee-name{font-size:12px}.general-table-wrapper .employee-cell .employee-info .employee-designation{font-size:10px}}@media print{.general-table-wrapper{border:1px solid #000;box-shadow:none;margin:0}.general-table-wrapper .table-header{background:#f5f5f5!important;color:#000!important}.general-table-wrapper .table-header .table-title{color:#000!important}.general-table-wrapper .search-bar-container{display:none}.general-table-wrapper .table-container{max-height:none;overflow:visible}.general-table-wrapper .general-table .table-cell.first-column,.general-table-wrapper .general-table .table-header-cell.first-column{box-shadow:none;position:static}.general-table-wrapper .general-table .table-header-cell{background:#f0f0f0!important;color:#000!important}.general-table-wrapper .general-table .table-cell{background:#fff!important;color:#000!important}}.general-table-wrapper .table-header-cell.last-column{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);box-shadow:-2px 0 4px -2px #0000001a;position:sticky;right:0;top:0;z-index:12}.general-table-wrapper .table-cell.last-column{background-color:#fff;background-color:var(--bg-primary);border-left:2px solid #e2e8f0;border-left:2px solid var(--border-secondary,#f1f5f9);box-shadow:-2px 0 4px -2px #0000001a;position:sticky;right:0;z-index:8}@media(prefers-color-scheme:dark){.general-table-wrapper .table-head .table-header-cell{background-color:#f8fafc;background-color:var(--bg-secondary,#ffffff0d);border-color:#e2e8f0;border-color:var(--border-secondary,#ffffff1a)}.general-table-wrapper .table-body .table-row:hover{background-color:#f8fafc;background-color:var(--bg-secondary,#ffffff08)}}@media(prefers-reduced-motion:reduce){.general-table-wrapper .clear-search-btn,.general-table-wrapper .clear-search-btn-empty,.general-table-wrapper .table-row{transition:none}}@media(prefers-contrast:high){.general-table-wrapper{border-width:2px}.general-table-wrapper .general-table .table-cell,.general-table-wrapper .general-table .table-header-cell{border-color:currentColor;border-width:1px}.general-table-wrapper .search-input{border-width:2px}}.colored-checkbox{align-items:center;display:flex;padding:5px}.colored-checkbox label{align-items:center;color:#1e293b;color:var(--text-primary);display:flex!important;margin:0;min-width:max-content}.colored-checkbox label .checkbox-label{margin-top:5px}.colored-checkbox input[type=checkbox]{appearance:none;background-color:#fff;background-color:var(--bg-input);border:1px solid #000;border-radius:4px;color:#1e293b;color:var(--text-primary);cursor:pointer;height:18px;margin-right:6px;position:relative;transition:background-color .2s ease,border-color .2s ease;width:18px}.colored-checkbox input[type=checkbox]:checked{background-color:currentColor;border-color:currentColor}.colored-checkbox input[type=checkbox]:disabled{background-color:#f1f5f9;background-color:var(--bg-disabled);border-color:#e2e8f0;border-color:var(--border-secondary);cursor:not-allowed}.colored-checkbox input[type=checkbox]:before{border:solid #fff;border:solid var(--text-inverse);border-width:0 3px 3px 0;content:"";height:12px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:6px}.colored-checkbox input[type=checkbox]:checked:before{opacity:1}.colored-checkbox input[type=checkbox]:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--border-focus);outline-offset:2px}.colored-checkbox .checkbox-label{color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:15px;font-weight:400;margin:0 0 0 20px}.colored-checkbox.blue input[type=checkbox]{color:#3b82f6;color:var(--active-color)}.colored-checkbox.green input[type=checkbox]{color:#36c76c;color:var(--success-color)}.colored-checkbox.red input[type=checkbox]{color:#ff6692;color:var(--danger-color)}.colored-checkbox.yellow input[type=checkbox]{color:#f8c20a;color:var(--warning-color)}.colored-checkbox.purple input[type=checkbox]{color:#46caeb;color:var(--info-color)}.colored-checkbox:hover input[type=checkbox]:not(:disabled){border-color:#cbd5e1;border-color:var(--border-hover);transform:translateY(-2px)}.colored-checkbox:active input[type=checkbox]:not(:disabled){transform:scale(.95)}@media(max-width:768px){.colored-checkbox{padding:8px}.colored-checkbox input[type=checkbox]{height:22px;width:22px}.colored-checkbox .checkbox-label{font-size:13px;margin-left:12px}}.warning-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.warning-popup{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;padding:20px;text-align:center;width:320px}.warning-popup-title{color:red;font-size:1.25rem;font-weight:700;margin-bottom:10px}.warning-popup-message{color:#666;font-size:1rem;margin-bottom:20px}.warning-popup-actions{display:flex;gap:10px;justify-content:space-evenly}.warning-popup-button{border:none;border-radius:20px;cursor:pointer;font-size:1rem;font-weight:700;padding:8px 16px;transition:background-color .2s ease}.warning-popup-button.decline{background:#f8c20a;color:#fff}.warning-popup-button.decline:hover{background:#c99d06}.warning-popup-button.accept{background:#36c76c;color:#fff}.warning-popup-button.accept:hover{background:#2b9f56}.enquiry-stages{background-color:#fff;background-color:var(--bg-primary);border:.1px solid #ccc;border:.1px solid var(--border-primary);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#1e293b;color:var(--text-primary);padding:20px}.enquiry-stages .enquiry-stages__actions{align-items:center;justify-content:center;width:100%}.enquiry-stages .enquiry-stages__actions>:last-child{margin-left:auto}.enquiry-stages .create-stage-button{align-items:center;background-color:#fff;border:.1px solid #ccc;border-radius:30px;color:#000;cursor:pointer;font-size:14px;font-weight:300;justify-content:center;margin:10px;padding:10px 20px;transition:background-color .3s ease}.enquiry-stages .create-stage-button:hover{background-color:#3b82f6;box-shadow:0 6px 20px #3b82f666;color:#fff;transform:translateY(-2px)}.enquiry-stages .create-stage-button:hover:before{left:100%}.enquiry-stages .create-stage-button:active{transform:translateY(0)}.enquiry-stages .create-stage-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.enquiry-stages .create-stage-button:disabled:hover{box-shadow:none;transform:none}.enquiry-stages .create-stage-button.bulk-update-enabled{background:#36c76c;box-shadow:0 4px 12px #36c76c4d;color:#fff}.enquiry-stages .create-stage-button.bulk-update-enabled:hover{background-color:#2b9f56;box-shadow:0 6px 20px #36c76c66}.enquiry-stages .create-stage-button .icon{height:18px;width:18px}.enquiry-stages .enquiry-stages-form{background:#fff;border-radius:20px;display:flex;flex-direction:column;margin:0 20px auto}.enquiry-stages .sequence-warning{align-items:center;background-color:#fef3c7;border:1px solid #fbbf24;border-radius:6px;color:#92400e;display:flex;font-size:.75rem;gap:6px;margin-top:4px;padding:6px 10px}.enquiry-stages .sequence-warning svg{color:#f59e0b;flex-shrink:0}.enquiry-stages .sequence-warning strong{color:#78350f;font-weight:600}.enquiry-stages .enquiry-stages-form__grid{display:flex;flex-direction:column;font-size:13px;gap:12px}.enquiry-stages .enquiry-stages-form__grid .form-row{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:2fr 1fr 2fr}.enquiry-stages .enquiry-stages-form__grid .checklist-row{display:flex;flex-direction:column;gap:6px}.enquiry-stages .enquiry-stages-form__grid .full-width{grid-column:span 2}.enquiry-stages .enquirystage-form-group{display:flex;flex-direction:column;justify-content:start}.enquiry-stages .enquirystage-form-group .label{font-size:.85rem;font-weight:500;margin-bottom:4px}.enquiry-stages .enquirystage-form-group .form-input{border:.1px solid #ccc;border-radius:8px;font-size:13px;padding:8px 10px;transition:border .3s ease}.enquiry-stages .enquirystage-form-group .error-placeholder{margin-top:2px;min-height:16px}.enquiry-stages .enquirystage-form-group .error-placeholder .error-message{color:#ff6692;font-size:.7rem}.enquiry-stages .enquirystage-form-group .helper-placeholder{margin-top:3px;min-height:18px}.enquiry-stages .enquirystage-form-group .stage-type-group{grid-column:span 2}.enquiry-stages .enquirystage-form-group .checklist-container{display:flex;flex-direction:column;gap:6px}.enquiry-stages .enquirystage-form-group .checklist-container .checklist-items-grid{align-items:center;display:flex;flex-wrap:wrap;gap:15px;width:100%}.enquiry-stages .enquirystage-form-group .checklist-container .checklist-item-wrapper{align-items:center;display:flex;gap:4px}.enquiry-stages .enquirystage-form-group .checklist-container input.form-input.checklist-input{border-radius:8px;font-size:14px;padding:10px 12px;width:190px}.enquiry-stages .enquirystage-form-group .checklist-container .icon-button-small{height:24px;padding:2px;width:24px}.enquiry-stages .stage-type-buttons{display:flex;flex-wrap:wrap;gap:8px}.enquiry-stages .stage-type-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));max-width:220px}.enquiry-stages .stage-type-btn{align-items:center;background:#fff;border:1.5px solid #d1d5db;border-radius:20px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;margin-right:5px;padding:8px 16px;position:relative;transition:all .2s ease;white-space:nowrap}.enquiry-stages .stage-type-btn:hover{background:#fff;border-color:#fff}.enquiry-stages .stage-type-btn.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640;color:#fff;font-weight:700}.enquiry-stages .stage-type-btn.active:before{content:"✓";font-size:11px;font-weight:700}.enquiry-stages .stage-type-btn.stage-type-btn--sm{border-radius:12px;font-size:10px;justify-content:center;margin-right:0;padding:4px 6px;text-align:center}.enquiry-stages .stage-type-btn.stage-type-btn--sm.active:before{font-size:9px}.enquiry-stages .button-group{align-items:flex-start;display:flex;flex-direction:column}.enquiry-stages .button-group .label.invisible{height:20px;visibility:hidden}.enquiry-stages .button-group button{margin-top:0}.enquiry-stages .enquiry-stages-form__actions{display:flex;gap:1rem;justify-content:flex-start;margin-top:20px}.enquiry-stages .drag-handle-icon{align-items:center;cursor:grab;display:flex;flex-direction:column;padding:8px}.enquiry-stages .drag-handle-icon .dot-row{display:flex;gap:2px;justify-content:center}.enquiry-stages .drag-handle-icon .dot{background-color:#475569;border-radius:50%;height:3px;margin:1px;width:3px}.enquiry-stages .drag-handle-icon:active{cursor:grabbing}.enquiry-stages .status-text{color:#475569;font-size:12px;font-weight:300;margin-left:8px}.enquiry-stages .enquirystage-submit{align-self:flex-start;margin-top:20px}.enquiry-stages .enquiry-stages__loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.enquiry-stages .enquiry-stages__loading p{color:#475569;font-weight:500;margin:0}.enquiry-stages .enquiry-stages__spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.enquiry-stages .enquiry-stages__table-container{margin-top:20px}.enquiry-stages .enquiry-stages__empty-state p{max-width:400px}.enquiry-stages .inline-edit-input:focus{border-color:#fff;box-shadow:0 0 0 2px #ffffff1a;outline:none}.enquiry-stages .checklist-display .checklist-empty{background-color:#f8fafc;background-color:var(--bg-secondary,#f3f4f6);border-radius:6px;color:#475569;color:var(--text-secondary,#9ca3af);display:inline-block;font-size:13px;font-style:italic;padding:4px 8px}.enquiry-stages .checklist-display .checklist-items{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.enquiry-stages .checklist-display .checklist-tag{background-color:#e0f2fe;border:1px solid #b3e5fc;border-radius:12px;color:#0277bd;display:inline-block;font-size:11px;font-weight:500;max-width:120px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.enquiry-stages .checklist-display .checklist-more{background-color:#f8fafc;background-color:var(--bg-secondary,#f3f4f6);border:1px solid #e2e8f0;border:1px solid var(--border-secondary,#e5e7eb);border-radius:12px;color:#475569;color:var(--text-secondary,#6b7280);font-size:11px;font-weight:500;padding:2px 6px}@media(max-width:768px){.enquiry-stages{padding:15px}.enquiry-stages h2{font-size:1.2rem}.enquiry-stages .enquiry-stages-form{padding:15px}.enquiry-stages .enquiry-stages-form__grid{gap:1rem;grid-template-columns:1fr}.enquiry-stages .enquiry-stages__actions{flex-direction:column;gap:8px}.enquiry-stages .enquiry-stages__actions .create-stage-button{margin:5px 0}.enquiry-stages .checklist-display .checklist-items{gap:2px}.enquiry-stages .checklist-display .checklist-tag{font-size:10px;max-width:100px;padding:2px 4px}.enquiry-stages .checklist-display .checklist-more{font-size:10px;padding:2px 4px}}@media(max-width:480px){.enquiry-stages{padding:10px}.enquiry-stages h2{font-size:1rem}.enquiry-stages .enquiry-stages-form{padding:10px}.enquiry-stages .enquiry-stages-form__grid{gap:.75rem}.enquiry-stages .enquirystage-form-group .form-input{font-size:16px}.enquiry-stages .checklist-display .checklist-tag{font-size:9px;max-width:80px;padding:1px 3px}.enquiry-stages .checklist-display .checklist-more{font-size:9px;padding:1px 3px}}.create-stage-button{align-items:center;background-color:#fff;border:.1px solid #ccc;border-radius:30px;color:#000;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:300;gap:10px;justify-content:center;margin:10px;padding:10px 20px;transition:background-color .3s ease}.create-stage-button:hover{background-color:#3b82f6;color:#fff}.checklist-display{position:relative}.checklist-display .checklist-empty{background-color:#f8fafc;background-color:var(--bg-secondary,#f3f4f6);border-radius:6px;color:#475569;color:var(--text-secondary,#9ca3af);display:inline-block;font-size:13px;font-style:italic;padding:4px 8px}.checklist-display .checklist-items{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.checklist-display .checklist-tag{background-color:#e0f2fe;border:1px solid #b3e5fc;border-radius:12px;color:#0277bd;display:inline-block;font-size:11px;font-weight:500;max-width:120px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.checklist-display .checklist-more-wrapper{display:inline-block;position:relative}.checklist-display .checklist-more{background-color:#f8fafc;background-color:var(--bg-secondary,#f3f4f6);border:1px solid #e2e8f0;border:1px solid var(--border-secondary,#e5e7eb);border-radius:12px;color:#475569;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:11px;font-weight:500;padding:2px 6px;transition:all .2s ease}.checklist-display .checklist-more:hover{background-color:#e5e7eb;border-color:#d1d5db}.checklist-display .checklist-tooltip{background-color:#1f2937;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #00000026;color:#fff;left:50%;max-width:300px;min-width:200px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;white-space:normal;z-index:1000}.checklist-display .checklist-tooltip:after{border:6px solid #0000;border-top-color:#1f2937;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.checklist-display .checklist-tooltip .tooltip-checklist-items{display:flex;flex-direction:column;gap:4px}.checklist-display .checklist-tooltip .tooltip-checklist-tag{background-color:#374151;border:1px solid #4b5563;border-radius:12px;color:#e0f2fe;display:inline-block;font-size:11px;font-weight:500;padding:3px 8px;white-space:nowrap}.checklist-display .checklist-more-wrapper:hover .checklist-tooltip{opacity:1;visibility:visible}.enquiry-stages .enquiry-stages__metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:10px}.enquiry-stages .metric-tile{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:20px;display:flex;justify-content:space-between;padding:10px;transition:.2s ease}.enquiry-stages .metric-tile:hover{border-color:#e2e8f0;border-color:var(--border-secondary);box-shadow:0 4px 10px #0000000d}.enquiry-stages .metric-tile__content{display:flex;flex-direction:column;gap:2px;min-width:0}.enquiry-stages .metric-tile__title{color:#475569;color:var(--text-secondary,#475569);font-size:12px;font-weight:600}.enquiry-stages .metric-tile__value{color:#1e293b;color:var(--text-primary);font-size:28px;font-weight:700;line-height:1}.enquiry-stages .metric-tile__icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.enquiry-stages .metric-tile__icon svg{height:18px;width:18px}.enquiry-stages .metric-tile__icon--neutral{background:#64748b1f;color:#64748b}.enquiry-stages .metric-tile__icon--success{background:#36c76c1f;color:#36c76c}.enquiry-stages .metric-tile__icon--warning{background:#f59e0b1f;color:#f59e0b}.enquiry-stages .metric-tile__icon--info{background:#3b82f61f;color:#3b82f6}.enquiry-stages .enquiry-stages__tip-banner{align-items:flex-start;background:#36c76c14;border:1px solid #36c76c40;border-radius:20px;display:flex;gap:10px;margin-bottom:16px;padding:10px 14px}.enquiry-stages .enquiry-stages__tip-banner .enquiry-stages__tip-icon{color:#36c76c;flex-shrink:0;height:18px;margin-top:1px;width:18px}.enquiry-stages .enquiry-stages__tip-banner .enquiry-stages__tip-icon svg{height:100%;width:100%}.enquiry-stages .enquiry-stages__tip-banner p{color:#1e293b;color:var(--text-primary);font-size:12.5px;margin:0}.enquiry-stages .enquiry-stages__tip-banner p strong{font-weight:600}.enquiry-stages .enquiry-stages__layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 280px;position:relative;transition:grid-template-columns .3s ease}.enquiry-stages .enquiry-stages__layout--collapsed{grid-template-columns:minmax(0,1fr) 0}.enquiry-stages .enquiry-stages__main{min-width:0}.enquiry-stages .enquiry-stages__sidebar-toggle{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary,#e2e5ea);border-radius:50%;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:280px;top:0;transform:translateX(50%);transition:right .3s ease,box-shadow .15s ease,color .15s ease,border-color .15s ease;width:24px;z-index:2}.enquiry-stages .enquiry-stages__sidebar-toggle svg{height:14px;transition:transform .3s ease;width:14px}.enquiry-stages .enquiry-stages__sidebar-toggle:hover{border-color:#3b82f6;box-shadow:0 2px 6px #00000014;color:#3b82f6}.enquiry-stages .enquiry-stages__sidebar-toggle:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.enquiry-stages .enquiry-stages__layout--collapsed .enquiry-stages__sidebar-toggle{right:0}.enquiry-stages .action-card{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary,#e2e5ea);border-radius:20px;cursor:pointer;display:flex;gap:10px;padding:5px;text-align:left;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease}.enquiry-stages .action-card:hover{box-shadow:0 4px 10px #00000014;transform:translateY(-1px)}.enquiry-stages .action-card:active{transform:translateY(0)}.enquiry-stages .action-card:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.enquiry-stages .action-card--disabled{cursor:not-allowed;opacity:.55;pointer-events:none}.enquiry-stages .action-card .action-card-icon{align-items:center;background:#2663eb1a;border-radius:8px;color:#2663eb;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.enquiry-stages .action-card .action-card-copy{display:flex;flex-direction:column;line-height:1.25}.enquiry-stages .action-card .action-card-title{color:#1e293b;color:var(--text-primary);font-size:13.5px;font-weight:600}.enquiry-stages .action-card .action-card-desc{color:#475569;color:var(--text-secondary,#475569);font-size:11.5px}.enquiry-stages .action-card--active{background:#ff669214;border-color:#ff669266}.enquiry-stages .action-card--active .action-card-icon{background:#ff669226;color:#ff6692}.enquiry-stages .action-card--success{background:#36c76c14;border-color:#36c76c66}.enquiry-stages .action-card--success .action-card-icon{background:#36c76c26;color:#36c76c}.enquiry-stages .action-card--danger-outline{border-color:#ff669266}.enquiry-stages .action-card--danger-outline .action-card-title{color:#ff6692}.enquiry-stages .action-card--primary{background:#3b82f6;border-color:#3b82f6}.enquiry-stages .action-card--primary .action-card-desc,.enquiry-stages .action-card--primary .action-card-title{color:#fff}.enquiry-stages .enquiry-stages__actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.enquiry-stages .enquiry-stages__pricing-toggle{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary,#e2e5ea);border-radius:20px;display:flex;gap:8px;padding:5px 12px}.enquiry-stages .enquiry-stages__pricing-label{color:#1e293b;color:var(--text-primary);font-size:13px;font-weight:500}.enquiry-stages .enquiry-stages__table-section{background:#fff;background:var(--bg-primary)}.enquiry-stages .stage-name-cell{align-items:center;display:flex;gap:8px}.enquiry-stages .stage-avatar{align-items:center;background:#2663eb1f;border-radius:50%;color:#2663eb;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:26px;justify-content:center;overflow:hidden;width:26px}.enquiry-stages .stage-name-text{font-weight:500}.enquiry-stages .stage-status-cell{display:flex;flex-direction:column;gap:2px}.enquiry-stages .stage-status-caption{font-size:11px}.enquiry-stages .stage-status-caption.is-enabled{color:#36c76c}.enquiry-stages .stage-status-caption.is-disabled{color:#475569}.enquiry-stages .enquiry-stages__empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.enquiry-stages .enquiry-stages__empty-state h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem}.enquiry-stages .enquiry-stages__empty-state p{color:#475569;font-size:1rem;margin:0;max-width:420px}.enquiry-stages .enquiry-stages__empty-state .enquiry-stages__empty-steps{counter-reset:empty-steps;display:inline-flex;flex-direction:column;gap:6px;list-style:none;margin:12px 0 16px;padding:0;text-align:left}.enquiry-stages .enquiry-stages__empty-state .enquiry-stages__empty-steps li{color:#1e293b;color:var(--text-primary);counter-increment:empty-steps;font-size:13px}.enquiry-stages .enquiry-stages__empty-state .enquiry-stages__empty-steps li:before{color:#3b82f6;content:counter(empty-steps) ". ";font-weight:600}.enquiry-stages .enquiry-stages__empty-icon{color:#94a3b8;height:64px;width:64px}.enquiry-stages .enquiry-stages__sidebar{display:flex;flex-direction:column;gap:14px;min-width:0;opacity:1;overflow:hidden;transform:translateX(0);transition:opacity .25s ease .05s,transform .25s ease .05s}.enquiry-stages .enquiry-stages__layout--collapsed .enquiry-stages__sidebar{opacity:0;pointer-events:none;transform:translateX(8px);transition:opacity .15s ease,transform .15s ease}.enquiry-stages .sidebar-card{background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:20px;padding:14px 16px}.enquiry-stages .sidebar-card h4{color:#1e293b;color:var(--text-primary);font-size:13px;font-weight:700;margin:0 0 10px}.enquiry-stages .sidebar-card p{color:#475569;color:var(--text-secondary,#475569);font-size:12px;line-height:1.5;margin:0}.enquiry-stages .sidebar-card--info{border-color:#2663eb40}.enquiry-stages .sidebar-card--success{border-color:#36c76c40}.enquiry-stages .sidebar-card--warning{background:#ff66920a;border-color:#ff66924d}.enquiry-stages .sidebar-card--warning h4{color:#ff6692}.enquiry-stages .sidebar-card__header{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:0;text-align:left;transition:margin-bottom .25s ease;width:100%}.enquiry-stages .sidebar-card__header h4{margin:0}.enquiry-stages .sidebar-card__header.is-expanded{margin-bottom:10px}.enquiry-stages .sidebar-card__chevron{color:#475569;color:var(--text-secondary,#475569);flex-shrink:0;height:14px;transition:transform .25s ease;width:14px}.enquiry-stages .sidebar-card__chevron.is-collapsed{transform:rotate(-90deg)}.enquiry-stages .sidebar-card__body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .25s ease}.enquiry-stages .sidebar-card__body.is-collapsed{grid-template-rows:0fr}.enquiry-stages .sidebar-card__body-inner{min-height:0;overflow:hidden}.enquiry-stages .sidebar-steps{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.enquiry-stages .sidebar-steps li{display:flex;flex-direction:column;gap:1px}.enquiry-stages .sidebar-steps li strong{color:#1e293b;color:var(--text-primary);font-size:12.5px;font-weight:600}.enquiry-stages .sidebar-steps li span{color:#475569;color:var(--text-secondary,#475569);font-size:11.5px}.enquiry-stages .sidebar-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.enquiry-stages .sidebar-list li{color:#475569;color:var(--text-secondary,#475569);font-size:12px;padding-left:18px;position:relative}.enquiry-stages .sidebar-list li:before{background:#36c76c33;border:2px solid #36c76c;border-radius:50%;content:"";height:8px;left:0;position:absolute;top:6px;width:8px}@media(max-width:1320px){.enquiry-stages .enquiry-stages__metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.enquiry-stages .enquiry-stages__layout,.enquiry-stages .enquiry-stages__layout--collapsed{grid-template-columns:1fr}.enquiry-stages .enquiry-stages__sidebar-toggle{display:none}.enquiry-stages .enquiry-stages__sidebar{flex-direction:row;flex-wrap:wrap;opacity:1;pointer-events:auto;transform:none}.enquiry-stages .enquiry-stages__sidebar .sidebar-card{flex:1 1 240px}.enquiry-stages .enquiry-stages__metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.enquiry-stages .enquiry-stages__metrics-grid{gap:10px;grid-template-columns:1fr 1fr}.enquiry-stages .enquiry-stages__sidebar{flex-direction:column}.enquiry-stages .action-card{width:100%}}@media(max-width:480px){.enquiry-stages .enquiry-stages__metrics-grid{grid-template-columns:1fr}}.stage-type-btn{transition:all .2s ease}.stage-type-btn.active{border-color:#0000;color:#fff}.stage-type-btn.active:first-child,.stage-type-btn.stage-type-initial.active{background:#facc15;color:#713f12}.stage-type-btn.stage-type-won.active{background:#22c55e;color:#fff}.stage-type-btn.stage-type-lost.active{background:#ef4444;color:#fff}.stage-type-btn.stage-type-quotation.active{background:#3b82f6;color:#fff}.stage-type-btn.stage-type-negotiation.active{background:#a855f7;color:#fff}.stage-type-btn.stage-type-others.active{background:#6b7280;color:#fff}.user-role .create-role-button{display:flex;flex-direction:row;gap:10px}.user-role .user-role-form__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.user-role .userrole-form-group .form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.user-role .inline-edit-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f633;outline:none}.user-role .inline-edit-input:hover{border-color:#9dc0fa}.user-role .bulk-update-text,.user-role .enable-text,.user-role .submit-text{font-weight:400}.user-role .enable-text,.user-role .submit-text{margin-right:2px}.user-role .cancel-button{background-color:#ff6692;color:#fff}.user-role .cancel-button:hover:not(:disabled){background-color:#ff336e;box-shadow:0 6px 20px #ff669266;transform:translateY(-2px)}.user-role .cancel-button.disabled-btn{background-color:#ccc;color:#64748b;cursor:not-allowed}.user-role .cancel-button.disabled-btn:hover{background-color:#ccc;box-shadow:none;transform:none}.w-full.p-3.bg-white.rounded-2xl.shadow-lg.border.border-gray-100.space-y-10{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:20px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;margin:20px 0!important;padding:20px!important}.w-full.p-3.bg-white.rounded-2xl.shadow-lg.border.border-gray-100.space-y-10 h3{color:#1e293b!important;color:var(--text-primary)!important;font-size:1.25rem!important;font-weight:600!important;margin-bottom:20px!important;margin-top:0!important}.user-role .user-role__metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:10px}.user-role .metric-tile{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:20px;display:flex;justify-content:space-between;padding:10px;transition:.2s ease}.user-role .metric-tile:hover{border-color:#e2e8f0;border-color:var(--border-secondary);box-shadow:0 4px 10px #0000000d}.user-role .metric-tile__content{display:flex;flex-direction:column;gap:2px;min-width:0}.user-role .metric-tile__title{color:#475569;color:var(--text-secondary,#475569);font-size:12px;font-weight:600}.user-role .metric-tile__value{color:#1e293b;color:var(--text-primary);font-size:28px;font-weight:700;line-height:1}.user-role .metric-tile__icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.user-role .metric-tile__icon svg{height:18px;width:18px}.user-role .metric-tile__icon--neutral{background:#64748b1f;color:#64748b}.user-role .metric-tile__icon--success{background:#36c76c1f;color:#36c76c}.user-role .metric-tile__icon--warning{background:#f59e0b1f;color:#f59e0b}.user-role .metric-tile__icon--info{background:#3b82f61f;color:#3b82f6}.user-role .user-role__tip-banner{align-items:flex-start;background:#36c76c14;border:1px solid #36c76c40;border-radius:20px;display:flex;gap:10px;margin-bottom:16px;padding:10px 14px}.user-role .user-role__tip-banner .user-role__tip-icon{color:#36c76c;flex-shrink:0;height:18px;margin-top:1px;width:18px}.user-role .user-role__tip-banner .user-role__tip-icon svg{height:100%;width:100%}.user-role .user-role__tip-banner p{color:#1e293b;color:var(--text-primary);font-size:12.5px;margin:0}.user-role .user-role__tip-banner p strong{font-weight:600}.user-role .user-role__layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 280px;position:relative;transition:grid-template-columns .3s ease}.user-role .user-role__layout--collapsed{grid-template-columns:minmax(0,1fr) 0}.user-role .user-role__main{min-width:0}.user-role .user-role__sidebar-toggle{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary,#e2e5ea);border-radius:50%;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:280px;top:0;transform:translateX(50%);transition:right .3s ease,box-shadow .15s ease,color .15s ease,border-color .15s ease;width:24px;z-index:2}.user-role .user-role__sidebar-toggle svg{height:14px;transition:transform .3s ease;width:14px}.user-role .user-role__sidebar-toggle:hover{border-color:#3b82f6;box-shadow:0 2px 6px #00000014;color:#3b82f6}.user-role .user-role__sidebar-toggle:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.user-role .user-role__layout--collapsed .user-role__sidebar-toggle{right:0}.user-role .action-card{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary,#e2e5ea);border-radius:20px;cursor:pointer;display:flex;gap:10px;padding:5px;text-align:left;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease}.user-role .action-card:hover{box-shadow:0 4px 10px #00000014;transform:translateY(-1px)}.user-role .action-card:active{transform:translateY(0)}.user-role .action-card:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.user-role .action-card--disabled{cursor:not-allowed;opacity:.55;pointer-events:none}.user-role .action-card .action-card-icon{align-items:center;background:#2663eb1a;border-radius:8px;color:#2663eb;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.user-role .action-card .action-card-copy{display:flex;flex-direction:column;line-height:1.25}.user-role .action-card .action-card-title{color:#1e293b;color:var(--text-primary);font-size:13.5px;font-weight:600}.user-role .action-card .action-card-desc{color:#475569;color:var(--text-secondary,#475569);font-size:11.5px}.user-role .action-card--active{background:#ff669214;border-color:#ff669266}.user-role .action-card--active .action-card-icon{background:#ff669226;color:#ff6692}.user-role .action-card--success{background:#36c76c14;border-color:#36c76c66}.user-role .action-card--success .action-card-icon{background:#36c76c26;color:#36c76c}.user-role .action-card--danger-outline{border-color:#ff669266}.user-role .action-card--danger-outline .action-card-title{color:#ff6692}.user-role .action-card--primary{background:#3b82f6;border-color:#3b82f6}.user-role .action-card--primary .action-card-desc,.user-role .action-card--primary .action-card-title{color:#fff}.user-role .user-role__actions{margin-bottom:10px}.user-role .user-role__table-section{background:#fff;background:var(--bg-primary)}.user-role .warehouse-name-cell{align-items:center;display:flex;gap:8px}.user-role .warehouse-avatar{align-items:center;background:#2663eb1f;border-radius:50%;color:#2663eb;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:26px;justify-content:center;overflow:hidden;width:26px}.user-role .warehouse-name-text{font-weight:500}.user-role .warehouse-status-cell{display:flex;flex-direction:column;gap:2px}.user-role .warehouse-status-caption{font-size:11px}.user-role .warehouse-status-caption.is-enabled{color:#36c76c}.user-role .warehouse-status-caption.is-disabled{color:#475569}.user-role .userrole-form-group .helper-text{color:#475569;color:var(--text-secondary,#475569);font-size:11.5px}.user-role .user-role__empty-state .user-role__empty-steps{counter-reset:empty-steps;display:inline-flex;flex-direction:column;gap:6px;list-style:none;margin:12px 0 16px;padding:0;text-align:left}.user-role .user-role__empty-state .user-role__empty-steps li{color:#1e293b;color:var(--text-primary);counter-increment:empty-steps;font-size:13px}.user-role .user-role__empty-state .user-role__empty-steps li:before{color:#3b82f6;content:counter(empty-steps) ". ";font-weight:600}.user-role .user-role__sidebar{display:flex;flex-direction:column;gap:14px;min-width:0;opacity:1;overflow:hidden;transform:translateX(0);transition:opacity .25s ease .05s,transform .25s ease .05s}.user-role .user-role__layout--collapsed .user-role__sidebar{opacity:0;pointer-events:none;transform:translateX(8px);transition:opacity .15s ease,transform .15s ease}.user-role .sidebar-card{background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:20px;padding:14px 16px}.user-role .sidebar-card h4{color:#1e293b;color:var(--text-primary);font-size:13px;font-weight:700;margin:0 0 10px}.user-role .sidebar-card p{color:#475569;color:var(--text-secondary,#475569);font-size:12px;line-height:1.5;margin:0}.user-role .sidebar-card--info{border-color:#2663eb40}.user-role .sidebar-card--success{border-color:#36c76c40}.user-role .sidebar-card--warning{background:#ff66920a;border-color:#ff66924d}.user-role .sidebar-card--warning h4{color:#ff6692}.user-role .sidebar-card__header{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:0;text-align:left;transition:margin-bottom .25s ease;width:100%}.user-role .sidebar-card__header h4{margin:0}.user-role .sidebar-card__header.is-expanded{margin-bottom:10px}.user-role .sidebar-card__chevron{color:#475569;color:var(--text-secondary,#475569);flex-shrink:0;height:14px;transition:transform .25s ease;width:14px}.user-role .sidebar-card__chevron.is-collapsed{transform:rotate(-90deg)}.user-role .sidebar-card__body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .25s ease}.user-role .sidebar-card__body.is-collapsed{grid-template-rows:0fr}.user-role .sidebar-card__body-inner{min-height:0;overflow:hidden}.user-role .sidebar-steps{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.user-role .sidebar-steps li{display:flex;flex-direction:column;gap:1px}.user-role .sidebar-steps li strong{color:#1e293b;color:var(--text-primary);font-size:12.5px;font-weight:600}.user-role .sidebar-steps li span{color:#475569;color:var(--text-secondary,#475569);font-size:11.5px}.user-role .sidebar-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.user-role .sidebar-list li{color:#475569;color:var(--text-secondary,#475569);font-size:12px;padding-left:18px;position:relative}.user-role .sidebar-list li:before{background:#36c76c33;border:2px solid #36c76c;border-radius:50%;content:"";height:8px;left:0;position:absolute;top:6px;width:8px}@media(max-width:1320px){.user-role .user-role__metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.user-role .user-role__layout,.user-role .user-role__layout--collapsed{grid-template-columns:1fr}.user-role .user-role__sidebar-toggle{display:none}.user-role .user-role__sidebar{flex-direction:row;flex-wrap:wrap;opacity:1;pointer-events:auto;transform:none}.user-role .user-role__sidebar .sidebar-card{flex:1 1 240px}.user-role .user-role__metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.user-role .user-role__metrics-grid{gap:10px;grid-template-columns:1fr 1fr}.user-role .user-role__sidebar{flex-direction:column}.user-role .action-card{width:100%}}@media(max-width:480px){.user-role .user-role__metrics-grid{grid-template-columns:1fr}}.operation-category-container{background-color:#fff;background-color:var(--bg-primary);border:.1px solid #ccc;border:.1px solid var(--border-primary);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#1e293b;color:var(--text-primary);padding:20px}.operation-category-container .create-stage-button{align-items:center;background:#3b82f6;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.operation-category-container .create-stage-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.operation-category-container .create-stage-button svg{flex-shrink:0}.operation-category-container .error-message{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:1.5rem;padding:.875rem 1rem}.operation-category-container .error-message .close-error{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1.25rem;margin-left:1rem;padding:0}.operation-category-container .error-message .close-error:hover{opacity:.7}.operation-category-container .inline-form-container{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:2rem;overflow:hidden;padding:0}.operation-category-container .inline-form-container .form-header{background:#3b82f6;color:#fff;padding:1.5rem}.operation-category-container .inline-form-container .form-header .form-title{font-size:1.375rem;font-weight:700;margin:0 0 .375rem}.operation-category-container .inline-form-container .form-header .form-subtitle{font-size:.875rem;line-height:1.4;margin-bottom:.75rem;opacity:.95}.operation-category-container .inline-form-container .form-header .progress-indicator{align-items:center;display:flex;gap:.5rem;max-width:500px}.operation-category-container .inline-form-container .form-header .progress-indicator .step{align-items:center;display:flex;gap:.5rem}.operation-category-container .inline-form-container .form-header .progress-indicator .step .step-number{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:.75rem;font-weight:600;height:26px;justify-content:center;width:26px}.operation-category-container .inline-form-container .form-header .progress-indicator .step .step-label{font-size:.75rem;font-weight:500;white-space:nowrap}.operation-category-container .inline-form-container .form-header .progress-indicator .step.active .step-number{background:#fff;color:#667eea}.operation-category-container .inline-form-container .form-header .progress-indicator .step-divider{background:#ffffff4d;flex:1 1;height:2px;min-width:20px}.operation-category-container .inline-form-container form{padding:1.5rem}.operation-category-container .inline-form-container .form-section{border-bottom:2px solid #f3f4f6;margin-bottom:1.25rem;padding-bottom:1.25rem;width:100%}.operation-category-container .inline-form-container .form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.operation-category-container .inline-form-container .form-section .section-header{align-items:flex-start;display:flex;gap:.875rem;margin-bottom:1rem}.operation-category-container .inline-form-container .form-section .section-header .section-icon{color:#667eea;flex-shrink:0;font-size:1.375rem;margin-top:.125rem}.operation-category-container .inline-form-container .form-section .section-header .section-header-content{flex:1 1}.operation-category-container .inline-form-container .form-section .section-header .section-title{color:#1f2937;font-size:1rem;font-weight:700;margin:0 0 .25rem}.operation-category-container .inline-form-container .form-section .section-header .section-description{color:#6b7280;font-size:.813rem;line-height:1.4;margin:0}.operation-category-container .inline-form-container .form-section .section-header .section-description .count-badge{align-items:center;background:#eff6ff;border-radius:12px;color:#2563eb;display:inline-flex;font-size:.688rem;font-weight:600;margin-left:.5rem;padding:.125rem .5rem}.operation-category-container .inline-form-container .form-section .add-btn-primary{align-items:center;background:#36c76c;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.813rem;font-weight:600;gap:.375rem;justify-content:center;margin-top:.75rem;padding:.5rem 1rem;transition:all .2s ease;width:100%}.operation-category-container .inline-form-container .form-section .add-btn-primary:hover{background:#2b9f56;box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.operation-category-container .inline-form-container .form-group{display:flex;flex-direction:column}.operation-category-container .inline-form-container .form-group .label{align-items:center;color:#374151;display:flex;font-size:.813rem;font-weight:600;gap:.375rem;margin-bottom:.5rem}.operation-category-container .inline-form-container .form-group .label svg{color:#9ca3af;font-size:.938rem}.operation-category-container .inline-form-container .form-group .label.required:after{color:#ef4444;content:" *"}.operation-category-container .inline-form-container .form-group .label-sm{align-items:center;color:#4b5563;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;margin-bottom:.375rem}.operation-category-container .inline-form-container .form-group .label-sm svg{color:#9ca3af;font-size:.875rem}.operation-category-container .inline-form-container .form-group .label-sm.required:after{color:#ef4444;content:" *"}.operation-category-container .inline-form-container .form-group .label-sm .count-badge-sm{align-items:center;background:#eff6ff;border-radius:10px;color:#2563eb;display:inline-flex;font-size:.625rem;font-weight:600;margin-left:.375rem;padding:.125rem .375rem}.operation-category-container .inline-form-container .form-group .form-input,.operation-category-container .inline-form-container .form-group .form-input-sm{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:.813rem;padding:.5rem .75rem;transition:all .2s ease;width:100%}.operation-category-container .inline-form-container .form-group .form-input-sm:focus,.operation-category-container .inline-form-container .form-group .form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.operation-category-container .inline-form-container .form-group .form-input-sm::placeholder,.operation-category-container .inline-form-container .form-group .form-input::placeholder{color:#9ca3af}.operation-category-container .inline-form-container .form-group .form-input-sm{font-size:.75rem;padding:.4rem .6rem}.operation-category-container .inline-form-container .form-group textarea.form-input,.operation-category-container .inline-form-container .form-group textarea.form-input-sm{min-height:60px;resize:vertical}.operation-category-container .inline-form-container .info-helper{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;color:#1e40af;display:flex;font-size:.688rem;gap:.375rem;margin-bottom:.5rem;padding:.4rem .6rem}.operation-category-container .inline-form-container .info-helper svg{flex-shrink:0;font-size:.938rem}.operation-category-container .inline-form-container .empty-message{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;display:flex;font-size:.813rem;gap:.5rem;justify-content:center;padding:1rem}.operation-category-container .inline-form-container .empty-message svg{font-size:1.125rem}.operation-category-container .inline-form-container .checkbox-grid-compact{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.operation-category-container .inline-form-container .checkbox-grid-compact .checkbox-label-compact{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.75rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.operation-category-container .inline-form-container .checkbox-grid-compact .checkbox-label-compact:hover{background:#f3f4f6;border-color:#d1d5db}.operation-category-container .inline-form-container .checkbox-grid-compact .checkbox-label-compact input[type=checkbox]{accent-color:#10b981;cursor:pointer;flex-shrink:0;height:16px;width:16px}.operation-category-container .inline-form-container .checkbox-grid-compact .checkbox-label-compact input[type=checkbox]:checked+span{color:#065f46;font-weight:600}.operation-category-container .inline-form-container .checkbox-grid-compact .checkbox-label-compact span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operation-category-container .inline-form-container .empty-stages{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:2.5rem 2rem;text-align:center}.operation-category-container .inline-form-container .empty-stages svg{font-size:2.5rem;margin-bottom:.875rem;opacity:.5}.operation-category-container .inline-form-container .empty-stages p{color:#374151;font-size:.938rem;font-weight:600;margin:0 0 .25rem}.operation-category-container .inline-form-container .empty-stages span{color:#6b7280;font-size:.813rem}.operation-category-container .inline-form-container .empty-checklist{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;display:flex;font-size:.75rem;gap:.5rem;justify-content:center;padding:1.25rem;text-align:center}.operation-category-container .inline-form-container .empty-checklist svg{font-size:1.375rem;opacity:.5}.operation-category-container .inline-form-container .stages-list-compact{display:flex;flex-direction:column;gap:1rem}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1rem;transition:all .2s ease}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .stage-card-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:.875rem;padding-bottom:.625rem}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .stage-card-header .stage-header-left{align-items:center;display:flex;gap:.625rem}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .stage-card-header .stage-number{align-items:center;background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;display:flex;font-size:.938rem;font-weight:700;gap:.375rem;padding:.375rem .75rem}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .stage-card-header .stage-number svg{font-size:1rem}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .stage-card-header .stage-tags{display:flex;gap:.5rem}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .stage-card-header .stage-tags .tag{align-items:center;border-radius:12px;display:flex;font-size:.688rem;font-weight:600;gap:.25rem;padding:.25rem .625rem}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .stage-card-header .stage-tags .tag svg{font-size:.813rem}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .stage-card-header .stage-tags .tag.tag-initial{background:#dcfce7;border:1px solid #86efac;color:#065f46}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .stage-card-header .stage-tags .tag.tag-final{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .stage-form-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .stage-form-grid .form-group:first-child{grid-column:1/2}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .stage-form-grid .form-group:nth-child(2){grid-column:2/3}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .stage-form-grid .form-group.description-group,.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .stage-form-grid .full-width{grid-column:1/-1}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .checkbox-row{display:flex;flex-wrap:wrap;gap:1rem}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .checkbox-label-inline{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.75rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .checkbox-label-inline:hover{background:#f9fafb;border-color:#d1d5db}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .checkbox-label-inline input[type=checkbox]{accent-color:#10b981;cursor:pointer;height:16px;width:16px}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .checkbox-label-inline input[type=checkbox]:checked+span{font-weight:600}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .subsection-header-inline{align-items:center;display:flex;justify-content:space-between;margin-bottom:.625rem}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .subsection-header-inline .add-btn-text{align-items:center;background:#36c76c;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:.375rem;padding:.4rem .875rem;transition:all .2s ease}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .subsection-header-inline .add-btn-text:hover{background:#2b9f56;box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .checklist-row-compact{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.625rem;transition:all .2s ease}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .checklist-row-compact:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .checklist-row-compact .checklist-index{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.688rem;font-weight:700;height:22px;justify-content:center;width:22px}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .checklist-row-compact .form-input-sm{flex:1 1;min-width:0}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .checklist-row-compact .seq-input{flex-shrink:0;width:70px}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .checklist-row-compact .checkbox-label-inline{flex-shrink:0;margin:0;padding:.375rem .625rem}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .checklist-row-compact .delete-btn-sm{align-items:center;background:#fff;border:2px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.375rem;transition:all .2s ease}.operation-category-container .inline-form-container .stages-list-compact .stage-card-compact .checklist-row-compact .delete-btn-sm:hover{background-color:#fee2e2;border-color:#dc2626}.operation-category-container .inline-form-container .form-actions{border-top:2px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.operation-category-container .categories-section .categories-title{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:700;gap:.625rem;margin:0 0 1.5rem}.operation-category-container .categories-section .categories-title svg{color:#667eea;font-size:1.5rem}.operation-category-container .categories-section .categories-title .count-badge-title{align-items:center;background:#eff6ff;border-radius:12px;color:#2563eb;display:inline-flex;font-size:.875rem;font-weight:600;padding:.25rem .625rem}.operation-category-container .categories-section .empty-state{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:16px;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.operation-category-container .categories-section .empty-state svg{font-size:4rem;margin-bottom:1rem;opacity:.4}.operation-category-container .categories-section .empty-state h4{color:#374151;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.operation-category-container .categories-section .empty-state p{color:#6b7280;font-size:.938rem;line-height:1.5;margin:0 0 1.5rem;max-width:400px;text-align:center}.operation-category-container .categories-section .category-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:1.5rem;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.operation-category-container .categories-section .category-container:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.operation-category-container .categories-section .category-container .category-header{align-items:center;background:#3b82f6;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem}.operation-category-container .categories-section .category-container .category-header .category-header-content{flex:1 1}.operation-category-container .categories-section .category-container .category-header .category-header-content .category-label{align-items:center;color:#fffc;display:flex;font-size:.688rem;font-weight:600;gap:.375rem;letter-spacing:.5px;margin-bottom:.375rem}.operation-category-container .categories-section .category-container .category-header .category-header-content .category-label svg{font-size:.875rem}.operation-category-container .categories-section .category-container .category-header .category-header-content .category-name{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.operation-category-container .categories-section .category-container .category-header .category-header-content .category-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.operation-category-container .categories-section .category-container .category-header .category-header-content .category-meta .meta-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;color:#ffffffe6;display:flex;font-size:.813rem;gap:.375rem;padding:.25rem .625rem}.operation-category-container .categories-section .category-container .category-header .category-header-content .category-meta .meta-item .meta-label{font-weight:500}.operation-category-container .categories-section .category-container .category-header .category-header-content .category-meta .meta-item .meta-value{font-weight:700}.operation-category-container .categories-section .category-container .category-header .category-header-content .category-meta .meta-item svg{font-size:.938rem}.operation-category-container .categories-section .category-container .category-header .category-header-content .category-products{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.25rem}.operation-category-container .categories-section .category-container .category-header .category-header-content .category-products .product-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;display:inline-flex;font-size:.688rem;font-weight:500;padding:.25rem .625rem;white-space:nowrap}.operation-category-container .categories-section .category-container .category-header .category-header-content .category-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.operation-category-container .categories-section .category-container .category-header .category-header-content .category-header-row .category-name{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.operation-category-container .categories-section .category-container .category-header .category-header-content .category-header-row .category-products{display:flex;flex-wrap:wrap;gap:.375rem}.operation-category-container .categories-section .category-container .category-header .category-header-content .category-header-row .category-products .product-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;display:inline-flex;font-size:.688rem;font-weight:500;padding:.25rem .625rem;white-space:nowrap}.operation-category-container .categories-section .category-container .category-body{padding:1.25rem}.operation-category-container .categories-section .category-container .category-body .products-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.25rem;padding:1rem}.operation-category-container .categories-section .category-container .category-body .products-section .section-label{align-items:center;color:#374151;display:flex;font-size:.75rem;font-weight:700;gap:.375rem;letter-spacing:.3px;margin-bottom:.75rem}.operation-category-container .categories-section .category-container .category-body .products-section .section-label svg{color:#667eea;font-size:1rem}.operation-category-container .categories-section .category-container .category-body .products-section .products-list{display:flex;flex-wrap:wrap;gap:.5rem}.operation-category-container .categories-section .category-container .category-body .products-section .products-list .product-tag{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:16px;color:#1e40af;display:inline-flex;font-size:.75rem;font-weight:500;padding:.375rem .75rem}.operation-category-container .categories-section .category-container .category-body .products-section .no-products{color:#9ca3af;font-size:.813rem;font-style:italic}.operation-category-container .categories-section .category-container .category-body .stages-label{align-items:center;color:#374151;display:flex;font-size:.75rem;font-weight:700;gap:.375rem;letter-spacing:.3px;margin-bottom:1rem}.operation-category-container .categories-section .category-container .category-body .stages-label svg{color:#667eea;font-size:1rem}.operation-category-container .categories-section .category-container .category-body .stages-label .count{align-items:center;background:#eff6ff;border-radius:10px;color:#2563eb;display:inline-flex;font-size:.688rem;font-weight:600;padding:.125rem .5rem}.operation-category-container .categories-section .category-container .category-body .stages-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;padding:1rem;transition:all .2s ease}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-card-header{border-bottom:2px solid #e5e7eb;margin-bottom:1rem;padding-bottom:.875rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-card-header .stage-label-row{align-items:center;color:#6b7280;display:flex;font-size:.688rem;font-weight:700;gap:.375rem;letter-spacing:.3px;margin-bottom:.5rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-card-header .stage-label-row svg{color:#667eea;font-size:.875rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-card-header .stage-title-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-card-header .stage-title-row .stage-number{align-items:center;background:#f8c20a;border-radius:50%;color:#000;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:26px;justify-content:center;min-width:26px}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-card-header .stage-title-row .stage-name{color:#1f2937;font-size:1rem;font-weight:700;line-height:1.3}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-card-header .stage-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-card-header .stage-meta-row .sequence-badge{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;display:flex;font-size:.688rem;font-weight:600;gap:.25rem;padding:.125rem .5rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-card-header .stage-meta-row .sequence-badge .label{color:#9ca3af}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-card-header .stage-meta-row .sequence-badge .value{color:#374151}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-card-header .stage-meta-row .sequence-badge svg{color:#667eea;font-size:.75rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-card-header .stage-meta-row .stage-badges{display:flex;flex-wrap:wrap;gap:.375rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-card-header .stage-meta-row .stage-badges .badge{align-items:center;border-radius:10px;display:flex;font-size:.688rem;font-weight:600;gap:.25rem;padding:.125rem .5rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-card-header .stage-meta-row .stage-badges .badge svg{font-size:.75rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-card-header .stage-meta-row .stage-badges .badge.badge-initial{background:#dcfce7;border:1px solid #86efac;color:#065f46}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-card-header .stage-meta-row .stage-badges .badge.badge-final{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-section{margin-bottom:1rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-section:last-child{margin-bottom:0}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-section .section-label-inline{align-items:center;color:#374151;display:flex;font-size:.688rem;font-weight:700;gap:.375rem;letter-spacing:.3px;margin-bottom:.5rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-section .section-label-inline svg{color:#667eea;font-size:.875rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-section .section-label-inline .count{color:#667eea;font-weight:700}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-section .stage-description{background:#fff;border-left:3px solid #667eea;border-radius:6px;color:#4b5563;font-size:.75rem;font-style:italic;line-height:1.6;padding:.625rem .75rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-section .employees-list{display:flex;flex-wrap:wrap;gap:.375rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-section .employees-list .employee-badge{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#374151;display:inline-flex;font-size:.688rem;font-weight:500;gap:.375rem;padding:.375rem .625rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-section .employees-list .employee-badge svg{color:#667eea;font-size:.813rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-section .checklists-list{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:.75rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-section .checklists-list .checklist-item{align-items:flex-start;color:#374151;display:flex;font-size:.75rem;gap:.5rem;line-height:1.5;padding:.5rem 0}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-section .checklists-list .checklist-item:not(:last-child){border-bottom:1px solid #f3f4f6}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-section .checklists-list .checklist-item .bullet{color:#667eea;flex-shrink:0;font-size:1rem;font-weight:700;margin-top:.125rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-section .checklists-list .checklist-item .checklist-content{flex:1 1}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-section .checklists-list .checklist-item .checklist-content .checklist-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-section .checklists-list .checklist-item .checklist-content .checklist-header .checklist-text{color:#1f2937;font-weight:500}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-section .checklists-list .checklist-item .checklist-content .checklist-header .checklist-badges{align-items:center;display:flex;gap:.375rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-section .checklists-list .checklist-item .checklist-content .checklist-header .checklist-badges .sequence-number{align-items:center;background:#f3f4f6;border-radius:8px;color:#6b7280;display:inline-flex;font-size:.625rem;font-weight:600;gap:.125rem;padding:.125rem .375rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-section .checklists-list .checklist-item .checklist-content .checklist-header .checklist-badges .sequence-number .label{color:#9ca3af}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-section .checklists-list .checklist-item .checklist-content .checklist-header .checklist-badges .mandatory-badge{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;display:inline-flex;font-size:.625rem;font-weight:600;gap:.125rem;padding:.125rem .375rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-section .checklists-list .checklist-item .checklist-content .checklist-header .checklist-badges .mandatory-badge svg{font-size:.688rem}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-section .checklists-list .checklist-item .checklist-content .checklist-description{color:#6b7280;font-size:.688rem;line-height:1.4}.operation-category-container .categories-section .category-container .category-body .stages-grid .stage-card .stage-section .no-data{background:#fff;border:1px dashed #d1d5db;border-radius:6px;color:#9ca3af;font-size:.688rem;font-style:italic;padding:.625rem;text-align:center}.operation-category-container .categories-section .category-container .category-body .no-stages-message{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;padding:2rem}.operation-category-container .categories-section .category-container .category-body .no-stages-message svg{font-size:1.125rem}@media(max-width:1024px){.operation-category-container .categories-section .category-container .category-body .stages-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media(max-width:768px){.operation-category-container{padding:1rem}.operation-category-container .operation-category-header{align-items:flex-start;flex-direction:column;gap:1rem}.operation-category-container .operation-category-header .header-actions{flex-direction:column;width:100%}.operation-category-container .operation-category-header .header-actions button{justify-content:center;width:100%}.operation-category-container .inline-form-container .form-header{padding:1.25rem}.operation-category-container .inline-form-container .form-header .form-title{font-size:1.125rem}.operation-category-container .inline-form-container .form-header .progress-indicator .step-label{display:none}.operation-category-container .inline-form-container .form-header .progress-indicator .step-divider{min-width:10px}.operation-category-container .inline-form-container form{padding:1.25rem}.operation-category-container .inline-form-container .form-section .section-header{flex-direction:column;gap:.75rem}.operation-category-container .inline-form-container .form-section .section-header .add-btn-primary{justify-content:center;width:100%}.operation-category-container .inline-form-container .form-section .stage-card-compact .stage-form-grid{grid-template-columns:1fr}.operation-category-container .inline-form-container .form-section .stage-card-compact .checkbox-row{flex-direction:column;gap:.5rem}.operation-category-container .inline-form-container .form-section .stage-card-compact .checkbox-row .checkbox-label-inline{width:100%}.operation-category-container .inline-form-container .form-section .stage-card-compact .checklist-row-compact{flex-wrap:wrap}.operation-category-container .inline-form-container .form-section .stage-card-compact .checklist-row-compact .form-input-sm{flex-basis:100%}.operation-category-container .inline-form-container .form-section .stage-card-compact .checklist-row-compact .seq-input{width:60px}.operation-category-container .checkbox-grid-compact{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.operation-category-container .categories-section .category-container .category-header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.operation-category-container .categories-section .category-container .category-header .category-header-content{width:100%}.operation-category-container .categories-section .category-container .category-header .category-header-content .category-name{font-size:1.125rem}.operation-category-container .categories-section .category-container .category-header .category-header-content .category-meta{gap:.5rem}.operation-category-container .categories-section .category-container .category-header .category-header-content .category-meta .meta-item{font-size:.75rem}.operation-category-container .categories-section .category-container .category-body{padding:1rem}.operation-category-container .categories-section .category-container .category-body .stages-grid{grid-template-columns:1fr}}.operation-category-container .operation-category-container__metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:10px}.operation-category-container .metric-tile{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:12px;display:flex;justify-content:space-between;padding:10px;transition:.2s ease}.operation-category-container .metric-tile:hover{border-color:#e2e8f0;border-color:var(--border-secondary);box-shadow:0 4px 10px #0000000d}.operation-category-container .metric-tile__content{display:flex;flex-direction:column;gap:2px;min-width:0}.operation-category-container .metric-tile__title{color:#475569;color:var(--text-secondary);font-size:12px;font-weight:600}.operation-category-container .metric-tile__value{color:#1e293b;color:var(--text-primary);font-size:28px;font-weight:700;line-height:1}.operation-category-container .metric-tile__icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.operation-category-container .metric-tile__icon svg{height:18px;width:18px}.operation-category-container .metric-tile__icon--neutral{background:#64748b1f;color:#64748b}.operation-category-container .metric-tile__icon--success{background:#36c76c1f;color:#36c76c}.operation-category-container .metric-tile__icon--warning{background:#f8c20a1f;color:#f8c20a}.operation-category-container .metric-tile__icon--info{background:#3b82f61f;color:#3b82f6}.operation-category-container .operation-category-container__tip-banner{align-items:flex-start;background:#36c76c14;border:1px solid #36c76c40;border-radius:12px;display:flex;gap:10px;margin-bottom:16px;padding:10px 14px}.operation-category-container .operation-category-container__tip-banner .operation-category-container__tip-icon{align-items:center;color:#36c76c;display:flex;flex-shrink:0;height:18px;justify-content:center;margin-top:1px;width:18px}.operation-category-container .operation-category-container__tip-banner .operation-category-container__tip-icon svg{height:100%;width:100%}.operation-category-container .operation-category-container__tip-banner p{color:#1e293b;color:var(--text-primary);font-size:12.5px;margin:0}.operation-category-container .operation-category-container__tip-banner p strong{font-weight:600}.operation-category-container .operation-category-container__actions{margin-bottom:16px}.operation-category-container .action-card{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary,#e2e5ea);border-radius:20px;cursor:pointer;display:inline-flex;gap:10px;padding:5px;text-align:left;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease}.operation-category-container .action-card:hover{box-shadow:0 4px 10px #00000014;transform:translateY(-1px)}.operation-category-container .action-card:active{transform:translateY(0)}.operation-category-container .action-card:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.operation-category-container .action-card .action-card-icon{align-items:center;background:#2663eb1a;border-radius:8px;color:#2663eb;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.operation-category-container .action-card .action-card-copy{display:flex;flex-direction:column;line-height:1.25}.operation-category-container .action-card .action-card-title{color:#1e293b;color:var(--text-primary);font-size:13.5px;font-weight:600}.operation-category-container .action-card .action-card-desc{color:#475569;color:var(--text-secondary);font-size:11.5px}.operation-category-container .action-card--active{background:#ff669214;border-color:#ff669266}.operation-category-container .action-card--active .action-card-icon{background:#ff669226;color:#ff6692}.operation-category-container .action-card--primary{background:#3b82f6;border-color:#3b82f6}.operation-category-container .action-card--primary .action-card-desc,.operation-category-container .action-card--primary .action-card-title{color:#fff}.operation-category-container .operation-category-container__layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 280px;position:relative;transition:grid-template-columns .3s ease}.operation-category-container .operation-category-container__layout--collapsed{grid-template-columns:minmax(0,1fr) 0}.operation-category-container .operation-category-container__main{min-width:0}.operation-category-container .operation-category-container__sidebar-toggle{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary,#e2e5ea);border-radius:50%;color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:280px;top:0;transform:translateX(50%);transition:right .3s ease,box-shadow .15s ease,color .15s ease,border-color .15s ease;width:24px;z-index:2}.operation-category-container .operation-category-container__sidebar-toggle svg{height:14px;transition:transform .3s ease;width:14px}.operation-category-container .operation-category-container__sidebar-toggle:hover{border-color:#3b82f6;box-shadow:0 2px 6px #00000014;color:#3b82f6}.operation-category-container .operation-category-container__sidebar-toggle:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.operation-category-container .operation-category-container__layout--collapsed .operation-category-container__sidebar-toggle{right:0}.operation-category-container .operation-category-container__empty-steps{counter-reset:empty-steps;display:inline-flex;flex-direction:column;gap:6px;list-style:none;margin:12px 0 16px;padding:0;text-align:left}.operation-category-container .operation-category-container__empty-steps li{color:#1e293b;color:var(--text-primary);counter-increment:empty-steps;font-size:13px}.operation-category-container .operation-category-container__empty-steps li:before{color:#3b82f6;content:counter(empty-steps) ". ";font-weight:600}.operation-category-container .operation-category-container__sidebar{display:flex;flex-direction:column;gap:14px;min-width:0;opacity:1;overflow:hidden;transform:translateX(0);transition:opacity .25s ease .05s,transform .25s ease .05s}.operation-category-container .operation-category-container__layout--collapsed .operation-category-container__sidebar{opacity:0;pointer-events:none;transform:translateX(8px);transition:opacity .15s ease,transform .15s ease}.operation-category-container .sidebar-card{background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:12px;padding:14px 16px}.operation-category-container .sidebar-card h4{color:#1e293b;color:var(--text-primary);font-size:13px;font-weight:700;margin:0 0 10px}.operation-category-container .sidebar-card p{color:#475569;color:var(--text-secondary);font-size:12px;line-height:1.5;margin:0}.operation-category-container .sidebar-card--info{border-color:#2663eb40}.operation-category-container .sidebar-card--success{border-color:#36c76c40}.operation-category-container .sidebar-card--warning{background:#ff66920f;border-color:#ff66924d}.operation-category-container .sidebar-card--warning h4{color:#ff6692}.operation-category-container .sidebar-card__header{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:0;text-align:left;transition:margin-bottom .25s ease;width:100%}.operation-category-container .sidebar-card__header h4{margin:0}.operation-category-container .sidebar-card__header.is-expanded{margin-bottom:10px}.operation-category-container .sidebar-card__chevron{color:#475569;color:var(--text-secondary);flex-shrink:0;height:14px;transition:transform .25s ease;width:14px}.operation-category-container .sidebar-card__chevron.is-collapsed{transform:rotate(-90deg)}.operation-category-container .sidebar-card__body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .25s ease}.operation-category-container .sidebar-card__body.is-collapsed{grid-template-rows:0fr}.operation-category-container .sidebar-card__body-inner{min-height:0;overflow:hidden}.operation-category-container .sidebar-steps{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.operation-category-container .sidebar-steps li{display:flex;flex-direction:column;gap:1px}.operation-category-container .sidebar-steps li strong{color:#1e293b;color:var(--text-primary);font-size:12.5px;font-weight:600}.operation-category-container .sidebar-steps li span{color:#475569;color:var(--text-secondary);font-size:11.5px}.operation-category-container .sidebar-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.operation-category-container .sidebar-list li{color:#475569;color:var(--text-secondary);font-size:12px;padding-left:18px;position:relative}.operation-category-container .sidebar-list li:before{background:#36c76c33;border:2px solid #36c76c;border-radius:50%;content:"";height:8px;left:0;position:absolute;top:6px;width:8px}@media(max-width:1320px){.operation-category-container .operation-category-container__metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.operation-category-container .operation-category-container__layout,.operation-category-container .operation-category-container__layout--collapsed{grid-template-columns:1fr}.operation-category-container .operation-category-container__sidebar-toggle{display:none}.operation-category-container .operation-category-container__sidebar{flex-direction:row;flex-wrap:wrap;opacity:1;pointer-events:auto;transform:none}.operation-category-container .operation-category-container__sidebar .sidebar-card{flex:1 1 240px}.operation-category-container .operation-category-container__metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.operation-category-container .operation-category-container__metrics-grid{gap:10px;grid-template-columns:1fr 1fr}.operation-category-container .operation-category-container__sidebar{flex-direction:column}.operation-category-container .action-card{width:100%}}@media(max-width:480px){.operation-category-container .operation-category-container__metrics-grid{grid-template-columns:1fr}}.operation-category-container .categories-section{display:flex;flex-direction:column;gap:16px}.operation-category-container .flow-card{background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:14px;overflow:hidden;transition:box-shadow .15s ease,border-color .15s ease}.operation-category-container .flow-card:hover{box-shadow:0 4px 14px #0000000f}.operation-category-container .flow-card__header{align-items:flex-start;background:#f8fafc;background:var(--bg-secondary,rgba(0,0,0,.015));border-bottom:1px solid #ccc;border-bottom:1px solid var(--border-primary);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 20px}.operation-category-container .flow-card__identity{align-items:flex-start;display:flex;flex:1 1 260px;gap:12px;min-width:0}.operation-category-container .flow-card__icon{align-items:center;background:#2663eb1a;border-radius:10px;color:#2663eb;display:flex;flex-shrink:0;font-size:18px;height:38px;justify-content:center;width:38px}.operation-category-container .flow-card__identity-copy{min-width:0}.operation-category-container .flow-card__name{color:#1e293b;color:var(--text-primary);font-size:16px;font-weight:700;margin:0 0 6px}.operation-category-container .flow-card__products{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.operation-category-container .flow-chip{align-items:center;background:#2663eb1a;border-radius:999px;color:#2663eb;display:inline-flex;flex-shrink:0;font-size:11.5px;font-weight:500;padding:2px 10px;white-space:nowrap}.operation-category-container .flow-chip--more{background:#f8fafc;background:var(--bg-secondary,#0000000d);color:#475569;color:var(--text-secondary);cursor:default}.operation-category-container .flow-chip-more-wrapper{display:inline-flex;position:relative}.operation-category-container .flow-chip-more-wrapper:focus-within .flow-chip-tooltip,.operation-category-container .flow-chip-more-wrapper:hover .flow-chip-tooltip{opacity:1;transform:translateY(0);visibility:visible}.operation-category-container .flow-chip-more-wrapper:hover .flow-chip--more{background:#2663eb1f;color:#2663eb}.operation-category-container .flow-chip-tooltip{background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 8px 24px #0000001f;left:0;max-height:260px;max-width:320px;min-width:220px;opacity:0;overflow-y:auto;padding:10px 12px;position:absolute;top:calc(100% + 8px);transform:translateY(-4px);transition:opacity .12s ease,transform .12s ease,visibility .12s ease;visibility:hidden;z-index:20}.operation-category-container .flow-chip-tooltip__title{color:#475569;color:var(--text-secondary);font-size:10.5px;font-weight:700;letter-spacing:.03em;margin-bottom:8px}.operation-category-container .flow-chip-tooltip__list{display:flex;flex-direction:column;gap:4px}.operation-category-container .flow-chip-tooltip__item{color:#1e293b;color:var(--text-primary);font-size:12.5px;padding:3px 0}.operation-category-container .flow-chip-tooltip__item:not(:last-child){border-bottom:1px solid #ccc;border-bottom:1px solid var(--border-primary)}.operation-category-container .flow-card__stats{align-items:center;display:flex;gap:20px;padding:0 8px}.operation-category-container .flow-stat{align-items:center;display:flex;flex-direction:column;line-height:1.2}.operation-category-container .flow-stat__value{color:#1e293b;color:var(--text-primary);font-size:18px;font-weight:700}.operation-category-container .flow-stat__label{color:#475569;color:var(--text-secondary);font-size:10.5px;font-weight:500;letter-spacing:.03em}.operation-category-container .flow-card__actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.operation-category-container .flow-card__body{padding:18px 20px 20px}.operation-category-container .flow-card__no-stages{align-items:center;background:#f8fafc;background:var(--bg-secondary,rgba(0,0,0,.015));border-radius:10px;color:#475569;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;justify-content:center;padding:20px}.operation-category-container .flow-card__no-stages svg{height:18px;width:18px}.operation-category-container .flow-pipeline{display:flex;flex-direction:column}.operation-category-container .pipeline-stage{display:flex;gap:14px}.operation-category-container .pipeline-stage__rail{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.operation-category-container .pipeline-stage__dot{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f1f5f9);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:50%;color:#475569;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:26px;justify-content:center;width:26px}.operation-category-container .pipeline-stage__dot--start{background:#36c76c1f;border-color:#36c76c66;color:#36c76c}.operation-category-container .pipeline-stage__dot--end{background:#ff66921a;border-color:#ff669266;color:#ff6692}.operation-category-container .pipeline-stage__line{background:#ccc;background:var(--border-primary);flex:1 1;margin:4px 0;min-height:20px;width:2px}.operation-category-container .pipeline-stage__content{flex:1 1;min-width:0;padding-bottom:22px}.operation-category-container .pipeline-stage__top{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-top:2px}.operation-category-container .pipeline-stage__name{color:#1e293b;color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.operation-category-container .pipeline-stage__badges{display:flex;gap:6px}.operation-category-container .flow-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:10.5px;font-weight:600;gap:4px;letter-spacing:.02em;padding:2px 9px}.operation-category-container .flow-badge svg{height:12px;width:12px}.operation-category-container .flow-badge--start{background:#36c76c1f;color:#36c76c}.operation-category-container .flow-badge--end{background:#ff66921a;color:#ff6692}.operation-category-container .pipeline-stage__desc{color:#475569;color:var(--text-secondary);font-size:12.5px;line-height:1.5;margin:6px 0 0}.operation-category-container .pipeline-stage__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.operation-category-container .meta-chip{align-items:center;background:#f8fafc;background:var(--bg-secondary,#00000008);border-radius:8px;color:#475569;color:var(--text-secondary);display:inline-flex;font-size:11.5px;font-weight:500;gap:6px;padding:4px 10px}.operation-category-container .meta-chip svg{flex-shrink:0;height:14px;width:14px}.operation-category-container .pipeline-stage__checklist{background:#f8fafc;background:var(--bg-secondary,#00000005);border-radius:10px;display:flex;flex-direction:column;gap:2px;margin-top:10px;padding:10px 12px}.operation-category-container .checklist-row{align-items:flex-start;display:flex;gap:8px;padding:6px 0}.operation-category-container .checklist-row:not(:last-child){border-bottom:1px dashed #ccc;border-bottom:1px dashed var(--border-primary)}.operation-category-container .checklist-row__icon{color:#475569;color:var(--text-secondary);flex-shrink:0;height:14px;margin-top:2px;width:14px}.operation-category-container .checklist-row__content{flex:1 1;min-width:0}.operation-category-container .checklist-row__top{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.operation-category-container .checklist-row__name{color:#1e293b;color:var(--text-primary);font-size:12.5px;font-weight:500}.operation-category-container .checklist-row__required{background:#ff66921a;border-radius:999px;color:#ff6692;font-size:10px;font-weight:700;letter-spacing:.02em;padding:1px 7px}.operation-category-container .checklist-row__desc{color:#475569;color:var(--text-secondary);font-size:11.5px;line-height:1.4;margin:2px 0 0}@media(max-width:640px){.operation-category-container .flow-card__header{align-items:stretch;flex-direction:column}.operation-category-container .flow-card__stats{justify-content:flex-start;padding:0}.operation-category-container .flow-card__actions{justify-content:flex-end}}.brands{background-color:#fff;background-color:var(--bg-primary);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#1e293b;color:var(--text-primary);padding:20px}.brands .create-brand-button{align-items:center;background-color:#fff;border:.1px solid #ccc;border-radius:30px;color:#000;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:300;gap:10px;justify-content:center;margin:10px;padding:10px 20px;transition:background-color .3s ease}.brands .create-brand-button:hover{background-color:#3b82f6;box-shadow:0 6px 20px #3b82f666;color:#fff;transform:translateY(-2px)}.brands .create-brand-button:hover:before{left:100%}.brands .create-brand-button:active{transform:translateY(0)}.brands .create-brand-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.brands .create-brand-button:disabled:hover{box-shadow:none;transform:none}.brands .create-brand-button.bulk-update-enabled{background:#36c76c;box-shadow:0 4px 12px #36c76c4d;color:#fff}.brands .create-brand-button.bulk-update-enabled:hover{background-color:#2b9f56;box-shadow:0 6px 20px #36c76c66}.brands .create-brand-button .icon{height:18px;width:18px}.brands .brand-form{background:#fff;border-radius:20px;display:flex;flex-direction:column;margin:0 20px auto}.brands .brand-form__grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.brands .brand-form__grid .button-group,.brands .brand-form__grid .description-col,.brands .brand-form__grid .tags-col{grid-column:span 1}.brands .brand-form-group{display:flex;flex-direction:column;justify-content:start}.brands .brand-form-group .label{font-size:.95rem;font-weight:500;margin-bottom:5px}.brands .brand-form-group .form-input{border:.1px solid #ccc;border-radius:8px;font-size:13px;min-height:40px;padding:10px 12px;resize:vertical;transition:border .3s ease}.brands .brand-form-group .form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.brands .brand-form-group .error-placeholder{margin-top:2px;min-height:18px}.brands .brand-form-group .error-placeholder .error-message{color:#ff6692;font-size:.75rem}.brands .brand-form-group .helper-placeholder{margin-top:4px;min-height:20px}.brands .brand-form-group .status-toggle-wrapper{align-items:center;display:flex;gap:10px;margin-top:5px}.brands .brand-form-group .status-toggle-wrapper .status-text{color:#475569;color:var(--text-secondary);font-size:14px;font-weight:500}.brands .button-group{align-items:flex-start;display:flex;flex-direction:column}.brands .button-group .label.invisible{height:20px;visibility:hidden}.brands .button-group button{margin-top:0}.brands .brand-form__actions{display:flex;gap:1rem;justify-content:flex-start;margin-top:20px}.brands .drag-handle-icon{align-items:center;cursor:grab;display:flex;flex-direction:column;padding:8px}.brands .drag-handle-icon .dot-row{display:flex;gap:2px;justify-content:center}.brands .drag-handle-icon .dot{background-color:#475569;border-radius:50%;height:3px;margin:1px;width:3px}.brands .drag-handle-icon:active{cursor:grabbing}.brands .status-text{color:#475569;font-size:12px;font-weight:300;margin-left:8px}.brands .brand-submit{align-self:flex-start;margin-top:20px}.brands .brands__loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.brands .brands__loading p{color:#475569;font-weight:500;margin:0}.brands .brands__spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.brands .brands__table-container{margin-top:20px}.brands .brands__empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.brands .brands__empty-state h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem}.brands .brands__empty-state p{color:#475569;font-size:1rem;margin:0;max-width:400px}.brands .brands__empty-icon{color:#94a3b8;height:64px;width:64px}.brands .inline-edit-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f61a;outline:none}@media(max-width:768px){.brands{padding:15px}.brands h2{font-size:1.2rem}.brands .brand-form{padding:15px}.brands .brand-form__grid{gap:1rem;grid-template-columns:1fr}.brands .brands__actions{flex-direction:column;gap:8px}.brands .brands__actions .create-brand-button{margin:5px 0}}@media(max-width:480px){.brands{padding:10px}.brands h2{font-size:1rem}.brands .brand-form{padding:10px}.brands .brand-form__grid{gap:.75rem}.brands .brand-form-group .form-input{font-size:16px}}.brands-form .status-toggle{align-items:center;display:flex;gap:10px;margin-top:10px}.brands-form .status-toggle label{margin:0}.brands .table-cell-description{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brands .brand-form-group .form-input[name=description]{min-height:80px;resize:vertical}.brands .brand-form-group .form-input[name=logoUrl]{font-size:12px}.brands .brand-form-group .form-input[name=tags]::placeholder{font-style:italic}.brands .bulk-update-mode .inline-edit-input{transition:all .2s ease}.brands .bulk-update-mode .inline-edit-input:hover{border-color:#3b82f6}.brands .create-brand-button .bulk-update-text,.brands .create-brand-button .enable-text,.brands .create-brand-button .submit-text{transition:opacity .2s ease}.brands .create-brand-button:hover .enable-text,.brands .create-brand-button:hover .submit-text{opacity:.8}.brands .loading-overlay{position:relative}.brands .loading-overlay:after{align-items:center;background:#fffc;bottom:0;content:"";display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.brands .brand-form-group .form-input.error{border-color:#ff6692;box-shadow:0 0 0 2px #ff66921a}.brands .brand-form-group .form-input.success{border-color:#36c76c;box-shadow:0 0 0 2px #36c76c1a}.brands .brands__kpi-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.brands .brands__metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:10px}.brands .metric-tile{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:20px;display:flex;justify-content:space-between;padding:10px;transition:.2s ease}.brands .metric-tile:hover{border-color:#e2e8f0;border-color:var(--border-secondary);box-shadow:0 4px 10px #0000000d}.brands .metric-tile__content{display:flex;flex-direction:column;gap:2px;min-width:0}.brands .metric-tile__title{color:#475569;color:var(--text-secondary,#475569);font-size:12px;font-weight:600}.brands .metric-tile__value{color:#1e293b;color:var(--text-primary);font-size:28px;font-weight:700;line-height:1}.brands .metric-tile__subtitle{color:#475569;color:var(--text-secondary,#475569);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brands .metric-tile__icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.brands .metric-tile__icon svg{height:18px;width:18px}.brands .metric-tile__icon--neutral{background:#64748b1f;color:#64748b}.brands .metric-tile__icon--success{background:#36c76c1f;color:#36c76c}.brands .metric-tile__icon--warning{background:#f59e0b1f;color:#f59e0b}.brands .metric-tile__icon--info{background:#3b82f61f;color:#3b82f6}.brands .brands__tip-banner{align-items:flex-start;background:#36c76c14;border:1px solid #36c76c40;border-radius:20px;display:flex;gap:10px;margin-bottom:16px;padding:10px 14px}.brands .brands__tip-banner .brands__tip-icon{color:#36c76c;flex-shrink:0;height:18px;margin-top:1px;width:18px}.brands .brands__tip-banner .brands__tip-icon svg{height:100%;width:100%}.brands .brands__tip-banner p{color:#1e293b;color:var(--text-primary);font-size:12.5px;margin:0}.brands .brands__tip-banner p strong{font-weight:600}.brands .brands__actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 10px;width:100%}.brands .brands__layout{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 280px;position:relative;transition:grid-template-columns .28s ease,gap .28s ease}.brands .brands__layout--collapsed{gap:0;grid-template-columns:minmax(0,1fr) 0}.brands .brands__main{min-width:0}.brands .brands__sidebar-toggle{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary,#e2e5ea);border-radius:50%;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:280px;top:0;transform:translateX(50%);transition:right .2s ease,box-shadow .15s ease,color .15s ease,border-color .15s ease;width:24px;z-index:2}.brands .brands__sidebar-toggle svg{height:14px;width:14px}.brands .brands__sidebar-toggle:hover{border-color:#3b82f6;box-shadow:0 2px 6px #00000014;color:#3b82f6}.brands .brands__sidebar-toggle:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.brands .brands__layout--collapsed .brands__sidebar-toggle{right:0}.brands .action-card{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary,#e2e5ea);border-radius:20px;cursor:pointer;display:flex;gap:10px;padding:5px;text-align:left;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease}.brands .action-card:hover{box-shadow:0 4px 10px #00000014;transform:translateY(-1px)}.brands .action-card:active{transform:translateY(0)}.brands .action-card:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.brands .action-card--disabled{cursor:not-allowed;opacity:.55;pointer-events:none}.brands .action-card .action-card-icon{align-items:center;background:#2663eb1a;border-radius:8px;color:#2663eb;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.brands .action-card .action-card-copy{display:flex;flex-direction:column;line-height:1.25}.brands .action-card .action-card-title{color:#1e293b;color:var(--text-primary);font-size:13.5px;font-weight:600}.brands .action-card .action-card-desc{color:#475569;color:var(--text-secondary,#475569);font-size:11.5px}.brands .action-card--active{background:#ff669214;border-color:#ff669266}.brands .action-card--active .action-card-icon{background:#ff669226;color:#ff6692}.brands .action-card--success{background:#36c76c14;border-color:#36c76c66}.brands .action-card--success .action-card-icon{background:#36c76c26;color:#36c76c}.brands .action-card--danger-outline{border-color:#ff669266}.brands .action-card--danger-outline .action-card-title{color:#ff6692}.brands .action-card--primary{background:#3b82f6;border-color:#3b82f6}.brands .action-card--primary .action-card-desc,.brands .action-card--primary .action-card-title{color:#fff}.brands .brands__table-section{background:#fff;background:var(--bg-primary)}.brands .brand-name-cell{align-items:center;display:flex;gap:8px}.brands .brand-avatar{align-items:center;background:#2663eb1f;border-radius:50%;color:#2663eb;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:26px;justify-content:center;overflow:hidden;width:26px}.brands .brand-avatar img{height:100%;object-fit:cover;width:100%}.brands .brand-name-text{font-weight:500}.brands .brand-tags-cell{display:flex;flex-wrap:wrap;gap:6px}.brands .tag-pill{align-items:center;background:#2663eb1a;border-radius:999px;color:#2663eb;display:inline-flex;font-size:11.5px;font-weight:500;padding:2px 10px;white-space:nowrap}.brands .brand-status-cell{display:flex;flex-direction:column;gap:2px}.brands .brand-status-caption{font-size:11px}.brands .brand-status-caption.is-enabled{color:#36c76c}.brands .brand-status-caption.is-disabled{color:#475569}.brands .brand-form-group .helper-text{color:#475569;color:var(--text-secondary,#475569);font-size:11.5px}.brands .brands__empty-state .brands__empty-steps{counter-reset:empty-steps;display:inline-flex;flex-direction:column;gap:6px;list-style:none;margin:12px 0 16px;padding:0;text-align:left}.brands .brands__empty-state .brands__empty-steps li{color:#1e293b;color:var(--text-primary);counter-increment:empty-steps;font-size:13px}.brands .brands__empty-state .brands__empty-steps li:before{color:#3b82f6;content:counter(empty-steps) ". ";font-weight:600}.brands .brands__sidebar{display:flex;flex-direction:column;gap:14px;min-width:0;opacity:1;overflow:hidden;transform:translateX(0);transition:opacity .2s ease,transform .28s ease}.brands .brands__sidebar--collapsed{opacity:0;pointer-events:none;transform:translateX(12px)}.brands .sidebar-card{background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:20px;padding:14px 16px}.brands .sidebar-card h4{color:#1e293b;color:var(--text-primary);font-size:13px;font-weight:700;margin:0 0 10px}.brands .sidebar-card p{color:#475569;color:var(--text-secondary,#475569);font-size:12px;line-height:1.5;margin:0}.brands .sidebar-card--info{border-color:#2663eb40}.brands .sidebar-card--info .sidebar-card__header{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:0;text-align:left;width:100%}.brands .sidebar-card--info .sidebar-card__header h4{margin:0}.brands .sidebar-card--info .sidebar-card__chevron{color:#475569;color:var(--text-secondary,#475569);flex-shrink:0;height:14px;transition:transform .2s ease;width:14px}.brands .sidebar-card--info .sidebar-card__chevron.is-collapsed{transform:rotate(-90deg)}.brands .sidebar-card--info .sidebar-card__header.is-expanded{margin-bottom:10px}.brands .sidebar-card--info .sidebar-card__body{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .25s ease,opacity .2s ease}.brands .sidebar-card--info .sidebar-card__body.is-collapsed{grid-template-rows:0fr;opacity:0}.brands .sidebar-card--info .sidebar-card__body-inner{min-height:0;overflow:hidden}.brands .sidebar-card--success{border-color:#36c76c40}.brands .sidebar-card--warning{background:#ff66920a;border-color:#ff66924d}.brands .sidebar-card--warning h4{color:#ff6692}.brands .sidebar-steps{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.brands .sidebar-steps li{display:flex;flex-direction:column;gap:1px}.brands .sidebar-steps li strong{color:#1e293b;color:var(--text-primary);font-size:12.5px;font-weight:600}.brands .sidebar-steps li span{color:#475569;color:var(--text-secondary,#475569);font-size:11.5px}.brands .sidebar-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.brands .sidebar-list li{color:#475569;color:var(--text-secondary,#475569);font-size:12px;padding-left:18px;position:relative}.brands .sidebar-list li:before{background:#36c76c33;border:2px solid #36c76c;border-radius:50%;content:"";height:8px;left:0;position:absolute;top:6px;width:8px}@media(max-width:1320px){.brands .brands__metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.brands .brands__layout,.brands .brands__layout--collapsed{grid-template-columns:1fr}.brands .brands__sidebar-toggle{display:none}.brands .brands__sidebar{flex-direction:row;flex-wrap:wrap;opacity:1;pointer-events:auto;transform:none}.brands .brands__sidebar .sidebar-card{flex:1 1 240px}.brands .brands__kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.brands .brands__kpi-grid{gap:10px;grid-template-columns:1fr 1fr}.brands .brands__metrics-grid{grid-template-columns:1fr}.brands .brands__workflow{align-items:flex-start;flex-direction:column}.brands .brands__workflow .workflow-arrow{display:none}.brands .brands__sidebar{flex-direction:column}.brands .action-card{width:100%}}@media(max-width:480px){.brands .brands__kpi-grid{grid-template-columns:1fr}}.brands .status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.brands .status-badge.enabled{background:#36c76c1a;color:#36c76c}.brands .status-badge.disabled{background:#ff66921a;color:#ff6692}.raw-materials{background-color:#fff;background-color:var(--bg-primary);border:.1px solid #ccc;border:.1px solid var(--border-primary);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#1e293b;color:var(--text-primary);padding:20px}.raw-materials .raw-materials__actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 10px;width:100%}.raw-materials .create-material-button{align-items:center;background-color:#fff;border:.1px solid #ccc;border-radius:30px;color:#000;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:300;gap:10px;justify-content:center;margin:10px;padding:10px 20px;transition:background-color .3s ease}.raw-materials .create-material-button:hover{background-color:#3b82f6;box-shadow:0 6px 20px #3b82f666;color:#fff;transform:translateY(-2px)}.raw-materials .create-material-button:hover:before{left:100%}.raw-materials .create-material-button:active{transform:translateY(0)}.raw-materials .create-material-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.raw-materials .create-material-button:disabled:hover{box-shadow:none;transform:none}.raw-materials .create-material-button.bulk-update-enabled{background:#36c76c;box-shadow:0 4px 12px #36c76c4d;color:#fff}.raw-materials .create-material-button.bulk-update-enabled:hover{background-color:#2b9f56;box-shadow:0 6px 20px #36c76c66}.raw-materials .create-material-button .icon{height:18px;width:18px}.raw-materials .material-form{background:#fff;border-radius:20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);margin:0 20px auto;max-height:600px}.raw-materials .material-form__basic-info{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:1rem}.raw-materials .material-form__specifications{border-left:2px solid #e2e8f0;display:flex;flex-direction:column;max-height:550px;padding-left:1.5rem}@media(max-width:900px){.raw-materials .material-form{grid-template-columns:minmax(0,1fr);max-height:none}.raw-materials .material-form__basic-info,.raw-materials .material-form__specifications{max-height:none;overflow:visible}.raw-materials .material-form__specifications{border-left:0;border-top:2px solid #e2e8f0;padding-left:0;padding-top:1rem}}.raw-materials .material-form__grid{grid-gap:10px;align-items:flex-start;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.raw-materials .w-full.p-3{padding:1rem!important}.raw-materials .material-form-group{display:flex;flex-direction:column;justify-content:start}.raw-materials .material-form-group .label{font-size:.85rem;font-weight:500;margin-bottom:3px}.raw-materials .material-form-group .form-input{border:.1px solid #ccc;border-radius:6px;font-size:13px;min-height:32px;padding:6px 10px;resize:vertical;transition:border .3s ease}.raw-materials .material-form-group .form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.raw-materials .material-form-group .form-input-readonly{align-items:center;background-color:#f9fafb;border:.1px solid #e5e7eb;border-radius:6px;color:#6b7280;display:flex;font-size:13px;min-height:32px;padding:6px 10px}.raw-materials .material-form-group .error-placeholder{margin-top:1px;min-height:14px}.raw-materials .material-form-group .error-placeholder .error-message{color:#ff6692;font-size:.7rem}.raw-materials .material-form-group textarea.form-input{min-height:60px;resize:vertical}.raw-materials .material-form-group select.form-input{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.raw-materials .material-form-group.flex-grow{flex:1 1}.raw-materials .specifications-section{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.raw-materials .specifications-section h4{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:.9rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.5rem}.raw-materials .specifications-section .specifications-scroll-container{flex:1 1;margin-bottom:.75rem;overflow-x:hidden;overflow-y:auto;padding-right:.5rem;width:100%}.raw-materials .specifications-section .specifications-scroll-container::-webkit-scrollbar{width:6px}.raw-materials .specifications-section .specifications-scroll-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.raw-materials .specifications-section .specifications-scroll-container::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}.raw-materials .specifications-section .specifications-scroll-container::-webkit-scrollbar-thumb:hover{background:#64748b}.raw-materials .specifications-section .specifications-array{display:flex;flex-direction:column;gap:.75rem}.raw-materials .specifications-section .spec-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem;transition:all .2s ease;width:100%}.raw-materials .specifications-section .spec-item:hover{border-color:#3b82f6;box-shadow:0 2px 6px #3b82f61a}.raw-materials .specifications-section .spec-item .spec-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.raw-materials .specifications-section .spec-item .spec-header .spec-name-input{flex:1 1}.raw-materials .specifications-section .spec-item .spec-header .spec-name-input .form-input{background:#fff;border-radius:6px;font-size:12px;font-weight:600;min-height:28px;padding:5px 8px;width:100%}.raw-materials .specifications-section .spec-item .spec-header .spec-delete-btn{flex-shrink:0}.raw-materials .specifications-section .spec-item .spec-values-container{align-items:center;border-left:2px solid #cbd5e1;display:flex;flex-direction:column;justify-content:center;margin-left:.25rem;padding-left:.75rem;width:100%}.raw-materials .specifications-section .spec-item .spec-values-array{display:flex;flex-direction:column;margin-bottom:.5rem;width:100%}.raw-materials .specifications-section .spec-item .spec-value-item-compact{align-items:center;border-radius:4px;display:flex;gap:.4rem;padding:.25rem}.raw-materials .specifications-section .spec-item .spec-value-item-compact .value-input{flex:1 1}.raw-materials .specifications-section .spec-item .spec-value-item-compact .value-input .form-input{border:1px solid #cbd5e1;border-radius:6px;font-size:11px;min-height:24px;padding:4px 8px;width:100%}.raw-materials .specifications-section .spec-item .spec-value-item-compact .value-input .error-placeholder{display:none}.raw-materials .specifications-section .spec-item .spec-value-item-compact .value-delete-btn{flex-shrink:0}.raw-materials .specifications-section .spec-item .add-value-btn{font-size:11px;margin-left:.75rem;padding:4px 8px}.raw-materials .specifications-section .add-spec-btn{font-size:12px;margin-top:.5rem;padding:6px 12px}.raw-materials .button-group{align-items:flex-start;display:flex;flex-direction:column}.raw-materials .button-group .label.invisible{height:20px;visibility:hidden}.raw-materials .button-group button{margin-top:0}.raw-materials .warehouse-stocks-section{border:1px solid #e2e8f0cc;border-radius:20px;margin-top:2rem;padding:1.5rem}.raw-materials .warehouse-stocks-section h4{align-items:center;color:#1e293b;display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin-bottom:1rem}.raw-materials .warehouse-stocks-section h4:before{content:"🏪";font-size:1rem}.raw-materials .warehouse-stocks-section .warehouse-stocks-array{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.raw-materials .warehouse-stocks-section .warehouse-stock-item{background:#fff;border:1px solid #46caeb33;border-radius:20px;padding:1rem}.raw-materials .warehouse-stocks-section .warehouse-stock-item .warehouse-stock-row{grid-gap:1rem;align-items:flex-end;display:grid;gap:1rem;grid-template-columns:1fr 1fr 2fr auto}.raw-materials .warehouse-stocks-section .warehouse-stock-item .warehouse-stock-row .warehouse-stock-actions{align-items:center;display:flex;padding-bottom:8px}.raw-materials .form-actions{background:#fff;border-top:1px solid #e2e8f0;bottom:0;margin-top:1rem;padding-top:.75rem;position:sticky;z-index:10}.raw-materials .form-actions .material-form-group{margin-bottom:0;max-width:200px}.raw-materials .inline-edit-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f61a;outline:none}.raw-materials .status-text{color:#475569;font-size:12px;font-weight:300;margin-left:8px}.raw-materials .raw-materials__loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.raw-materials .raw-materials__loading p{color:#475569;font-weight:500;margin:0}.raw-materials .raw-materials__spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.raw-materials .raw-materials__table-container{margin-top:20px}.raw-materials .pricing-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.raw-materials .pricing-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;position:relative;width:95%}.raw-materials .pricing-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.raw-materials .pricing-modal-header .pricing-action-bar{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin:14px 0}.raw-materials .pricing-modal-header .pricing-info{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;display:flex;font-size:13px;gap:6px;padding:6px 10px}.raw-materials .pricing-modal-header .copy-btn{background:#4a90e2!important;border:none;border-radius:6px;color:#fff!important;cursor:pointer;font-size:13px;padding:6px 12px}.raw-materials .pricing-modal-header .copy-btn:hover{opacity:.9}.raw-materials .pricing-modal-header .submit-btn{background:#2b9b39!important;border:none;border-radius:6px;color:#fff!important;cursor:pointer;font-size:13px;padding:6px 12px}.raw-materials .pricing-modal-header .submit-btn:hover{opacity:.9}.raw-materials .pricing-modal-header h3{color:#111827;font-size:20px;font-weight:600;margin:0;padding-right:40px}.raw-materials .close-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;padding:0;position:absolute;right:16px;top:16px;transition:all .2s;width:36px;z-index:10}.raw-materials .close-button:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626;transform:scale(1.05)}.raw-materials .pricing-header-actions{align-items:center;display:flex;gap:12px;margin-left:auto;margin-right:50px}.raw-materials .pricing-header-actions .pricing-info{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;display:flex;font-size:12px;gap:6px;padding:6px 10px}.raw-materials .pricing-header-actions .pricing-info .info-icon{color:#4b5563;height:14px;width:14px}.raw-materials .pricing-header-actions .copy-btn{background-color:#4a90e2;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.raw-materials .pricing-header-actions .copy-btn:hover{background-color:#2275d7;box-shadow:0 4px 12px #4a90e24d;transform:translateY(-2px)}.raw-materials .pricing-header-actions .submit-btn{background-color:#2b9b39;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.raw-materials .pricing-header-actions .submit-btn:hover{background-color:#20732a;box-shadow:0 4px 12px #2b9b394d;transform:translateY(-2px)}.raw-materials .pricing-table-container{flex:1 1;overflow:auto;padding:24px}.raw-materials .pricing-table{background:#fff;border-collapse:collapse;border-radius:6px;overflow:hidden;width:100%}.raw-materials .pricing-table thead{background:#f3f4f6;position:sticky;top:0;z-index:10}.raw-materials .pricing-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left}.raw-materials .pricing-table td{border-bottom:1px solid #e5e7eb;padding:16px;vertical-align:middle}.raw-materials .pricing-table tbody tr:hover{background:#f9fafb}.raw-materials .combination-specs{display:flex;flex-wrap:wrap;gap:6px}.raw-materials .spec-value-tag{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;display:inline-flex;font-size:12px;padding:4px 10px}.raw-materials .spec-name{color:#1e40af;font-weight:600;margin-right:4px}.raw-materials .spec-value{color:#3b82f6}.raw-materials .pricing-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:all .2s;width:100%}.raw-materials .pricing-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.raw-materials .pricing-checkbox{cursor:pointer;height:20px;width:20px}.raw-materials .availability-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.raw-materials .availability-badge.available{background:#d1fae5;color:#065f46}.raw-materials .availability-badge.unavailable{background:#fee2e2;color:#991b1b}@media(max-width:1024px){.raw-materials .material-form{grid-template-columns:1fr;max-height:none}.raw-materials .material-form__specifications{border-left:none;border-top:2px solid #e2e8f0;max-height:400px;padding-left:0;padding-top:1.5rem}.raw-materials .specifications-section .spec-value-item-compact{flex-wrap:wrap}}@media(max-width:768px){.raw-materials{padding:15px}.raw-materials h2{font-size:1.2rem}.raw-materials .material-form{padding:15px}.raw-materials .material-form__grid{gap:1rem;grid-template-columns:1fr}.raw-materials .raw-materials__actions{flex-direction:column;gap:8px}.raw-materials .raw-materials__actions .create-material-button{justify-content:center;margin:5px 0;width:100%}.raw-materials .specifications-section,.raw-materials .warehouse-stocks-section{padding:1rem}.raw-materials .specifications-section .spec-value-item-compact,.raw-materials .warehouse-stocks-section .spec-value-item-compact{align-items:stretch;flex-direction:column;gap:.3rem}.raw-materials .specifications-section .warehouse-stock-row,.raw-materials .warehouse-stocks-section .warehouse-stock-row{gap:.75rem;grid-template-columns:1fr}.raw-materials .specifications-section .warehouse-stock-row .warehouse-stock-actions,.raw-materials .warehouse-stocks-section .warehouse-stock-row .warehouse-stock-actions{grid-column:span 1;justify-content:flex-start}}@media(max-width:480px){.raw-materials{padding:10px}.raw-materials h2{font-size:1rem}.raw-materials .material-form{padding:10px}.raw-materials .material-form__grid{gap:.75rem}.raw-materials .material-form-group .form-input{font-size:16px}.raw-materials .specifications-section,.raw-materials .warehouse-stocks-section{margin-top:1rem;padding:.75rem}}.raw-materials .material-form-group .form-input[name*=description]{min-height:80px;resize:vertical}.raw-materials .material-form-group select.form-input{cursor:pointer}.raw-materials .material-form-group select.form-input:invalid{color:#94a3b8}.raw-materials .bulk-update-mode .inline-edit-input{transition:all .2s ease}.raw-materials .bulk-update-mode .inline-edit-input:hover{border-color:#3b82f6}.raw-materials .create-material-button .bulk-update-text,.raw-materials .create-material-button .enable-text,.raw-materials .create-material-button .submit-text{transition:opacity .2s ease}.raw-materials .create-material-button:hover .enable-text,.raw-materials .create-material-button:hover .submit-text{opacity:.8}.raw-materials .material-form-group .form-input.error{border-color:#ff6692;box-shadow:0 0 0 2px #ff66921a}.raw-materials .material-form-group .form-input.success{border-color:#36c76c;box-shadow:0 0 0 2px #36c76c1a}.raw-materials .raw-materials__metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:10px}.raw-materials .metric-tile{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:20px;display:flex;justify-content:space-between;padding:10px;transition:.2s ease}.raw-materials .metric-tile:hover{border-color:#e2e8f0;border-color:var(--border-secondary);box-shadow:0 4px 10px #0000000d}.raw-materials .metric-tile__content{display:flex;flex-direction:column;gap:2px;min-width:0}.raw-materials .metric-tile__title{color:#475569;color:var(--text-secondary,#475569);font-size:12px;font-weight:600}.raw-materials .metric-tile__value{color:#1e293b;color:var(--text-primary);font-size:28px;font-weight:700;line-height:1}.raw-materials .metric-tile__icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.raw-materials .metric-tile__icon svg{height:18px;width:18px}.raw-materials .metric-tile__icon--neutral{background:#64748b1f;color:#64748b}.raw-materials .metric-tile__icon--success{background:#36c76c1f;color:#36c76c}.raw-materials .metric-tile__icon--warning{background:#f59e0b1f;color:#f59e0b}.raw-materials .metric-tile__icon--info{background:#3b82f61f;color:#3b82f6}.raw-materials .raw-materials__tip-banner{align-items:flex-start;background:#36c76c14;border:1px solid #36c76c40;border-radius:20px;display:flex;gap:10px;margin-bottom:16px;padding:10px 14px}.raw-materials .raw-materials__tip-banner .raw-materials__tip-icon{color:#36c76c;flex-shrink:0;height:18px;margin-top:1px;width:18px}.raw-materials .raw-materials__tip-banner .raw-materials__tip-icon svg{height:100%;width:100%}.raw-materials .raw-materials__tip-banner p{color:#1e293b;color:var(--text-primary);font-size:12.5px;margin:0}.raw-materials .raw-materials__tip-banner p strong{font-weight:600}.raw-materials .raw-materials__layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 280px;position:relative;transition:grid-template-columns .28s ease,gap .28s ease}.raw-materials .raw-materials__layout--collapsed{gap:0;grid-template-columns:minmax(0,1fr) 0}.raw-materials .raw-materials__main{min-width:0}.raw-materials .raw-materials__sidebar-toggle{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary,#e2e5ea);border-radius:50%;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:280px;top:0;transform:translateX(50%);transition:right .28s ease,box-shadow .15s ease,color .15s ease,border-color .15s ease;width:24px;z-index:2}.raw-materials .raw-materials__sidebar-toggle svg{height:14px;width:14px}.raw-materials .raw-materials__sidebar-toggle:hover{border-color:#3b82f6;box-shadow:0 2px 6px #00000014;color:#3b82f6}.raw-materials .raw-materials__sidebar-toggle:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.raw-materials .raw-materials__layout--collapsed .raw-materials__sidebar-toggle{right:0}.raw-materials .action-card{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary,#e2e5ea);border-radius:20px;cursor:pointer;display:flex;gap:10px;padding:5px;text-align:left;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease}.raw-materials .action-card:hover{box-shadow:0 4px 10px #00000014;transform:translateY(-1px)}.raw-materials .action-card:active{transform:translateY(0)}.raw-materials .action-card:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.raw-materials .action-card--disabled{cursor:not-allowed;opacity:.55;pointer-events:none}.raw-materials .action-card .action-card-icon{align-items:center;background:#2663eb1a;border-radius:8px;color:#2663eb;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.raw-materials .action-card .action-card-copy{display:flex;flex-direction:column;line-height:1.25}.raw-materials .action-card .action-card-title{color:#1e293b;color:var(--text-primary);font-size:13.5px;font-weight:600}.raw-materials .action-card .action-card-desc{color:#475569;color:var(--text-secondary,#475569);font-size:11.5px}.raw-materials .action-card--active{background:#ff669214;border-color:#ff669266}.raw-materials .action-card--active .action-card-icon{background:#ff669226;color:#ff6692}.raw-materials .action-card--success{background:#36c76c14;border-color:#36c76c66}.raw-materials .action-card--success .action-card-icon{background:#36c76c26;color:#36c76c}.raw-materials .action-card--danger-outline{border-color:#ff669266}.raw-materials .action-card--danger-outline .action-card-title{color:#ff6692}.raw-materials .action-card--primary{background:#3b82f6;border-color:#3b82f6}.raw-materials .action-card--primary .action-card-desc,.raw-materials .action-card--primary .action-card-title{color:#fff}.raw-materials .raw-materials__actions{margin-bottom:10px}.raw-materials .raw-materials__table-section{background:#fff;background:var(--bg-primary)}.raw-materials .material-name-cell{align-items:center;display:flex;gap:8px}.raw-materials .material-avatar{align-items:center;background:#2663eb1f;border-radius:50%;color:#2663eb;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:26px;justify-content:center;overflow:hidden;width:26px}.raw-materials .material-name-text{font-weight:500}.raw-materials .material-status-cell{display:flex;flex-direction:column;gap:2px}.raw-materials .material-status-caption{font-size:11px}.raw-materials .material-status-caption.is-enabled{color:#36c76c}.raw-materials .material-status-caption.is-disabled{color:#475569}.raw-materials .raw-materials__empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.raw-materials .raw-materials__empty-state h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem}.raw-materials .raw-materials__empty-state p{color:#475569;font-size:1rem;margin:0;max-width:400px}.raw-materials .raw-materials__empty-state .raw-materials__empty-steps{counter-reset:empty-steps;display:inline-flex;flex-direction:column;gap:6px;list-style:none;margin:12px 0 16px;padding:0;text-align:left}.raw-materials .raw-materials__empty-state .raw-materials__empty-steps li{color:#1e293b;color:var(--text-primary);counter-increment:empty-steps;font-size:13px}.raw-materials .raw-materials__empty-state .raw-materials__empty-steps li:before{color:#3b82f6;content:counter(empty-steps) ". ";font-weight:600}.raw-materials .raw-materials__empty-icon{color:#94a3b8;height:64px;width:64px}.raw-materials .raw-materials__sidebar{display:flex;flex-direction:column;gap:14px;min-width:0;opacity:1;overflow:hidden;transform:translateX(0);transition:opacity .2s ease,transform .28s ease}.raw-materials .raw-materials__sidebar--collapsed{opacity:0;pointer-events:none;transform:translateX(12px)}.raw-materials .sidebar-card{background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:20px;padding:14px 16px}.raw-materials .sidebar-card h4{color:#1e293b;color:var(--text-primary);font-size:13px;font-weight:700;margin:0 0 10px}.raw-materials .sidebar-card p{color:#475569;color:var(--text-secondary,#475569);font-size:12px;line-height:1.5;margin:0}.raw-materials .sidebar-card--info{border-color:#2663eb40}.raw-materials .sidebar-card--info .sidebar-card__header{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:0;text-align:left;width:100%}.raw-materials .sidebar-card--info .sidebar-card__header h4{margin:0}.raw-materials .sidebar-card--info .sidebar-card__header.is-expanded{margin-bottom:10px}.raw-materials .sidebar-card--info .sidebar-card__chevron{color:#475569;color:var(--text-secondary,#475569);flex-shrink:0;height:14px;transition:transform .2s ease;width:14px}.raw-materials .sidebar-card--info .sidebar-card__chevron.is-collapsed{transform:rotate(-90deg)}.raw-materials .sidebar-card--info .sidebar-card__body{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .25s ease,opacity .2s ease}.raw-materials .sidebar-card--info .sidebar-card__body.is-collapsed{grid-template-rows:0fr;opacity:0}.raw-materials .sidebar-card--info .sidebar-card__body-inner{min-height:0;overflow:hidden}.raw-materials .sidebar-card--success{border-color:#36c76c40}.raw-materials .sidebar-card--warning{background:#ff66920a;border-color:#ff66924d}.raw-materials .sidebar-card--warning h4{color:#ff6692}.raw-materials .sidebar-steps{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.raw-materials .sidebar-steps li{display:flex;flex-direction:column;gap:1px}.raw-materials .sidebar-steps li strong{color:#1e293b;color:var(--text-primary);font-size:12.5px;font-weight:600}.raw-materials .sidebar-steps li span{color:#475569;color:var(--text-secondary,#475569);font-size:11.5px}.raw-materials .sidebar-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.raw-materials .sidebar-list li{color:#475569;color:var(--text-secondary,#475569);font-size:12px;padding-left:18px;position:relative}.raw-materials .sidebar-list li:before{background:#36c76c33;border:2px solid #36c76c;border-radius:50%;content:"";height:8px;left:0;position:absolute;top:6px;width:8px}@media(max-width:1320px){.raw-materials .raw-materials__metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.raw-materials .raw-materials__layout,.raw-materials .raw-materials__layout--collapsed{grid-template-columns:1fr}.raw-materials .raw-materials__sidebar-toggle{display:none}.raw-materials .raw-materials__sidebar{flex-direction:row;flex-wrap:wrap;opacity:1;pointer-events:auto;transform:none}.raw-materials .raw-materials__sidebar .sidebar-card{flex:1 1 240px}.raw-materials .raw-materials__metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.raw-materials .raw-materials__metrics-grid{gap:10px;grid-template-columns:1fr 1fr}.raw-materials .raw-materials__sidebar{flex-direction:column}.raw-materials .action-card{width:100%}}@media(max-width:480px){.raw-materials .raw-materials__metrics-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:8px}.raw-materials .metric-tile{border-radius:12px;min-height:0;padding:8px 10px}.raw-materials .metric-tile__title{font-size:11px;line-height:1.25}.raw-materials .metric-tile__value{font-size:22px}.raw-materials .metric-tile__icon{border-radius:8px;height:30px;width:30px}}.raw-materials .specifications-array .add-button,.raw-materials .warehouse-stocks-array .add-button{align-self:flex-start;margin-top:.5rem}.raw-materials .spec-item,.raw-materials .warehouse-stock-item{animation:slideIn .3s ease-out}.raw-materials .specifications-section{box-shadow:0 1px 3px #e2e8f04d}.raw-materials .warehouse-stocks-section{box-shadow:0 2px 8px #46caeb1a}.operation-categories{background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:20px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1e293b;color:var(--text-primary);padding:20px}.operation-categories .category-top-bar{align-items:center;display:flex;flex-wrap:nowrap;gap:16px;justify-content:space-between;margin-bottom:10px}@media(max-width:768px){.operation-categories .category-top-bar{align-items:stretch;flex-wrap:wrap}.operation-categories .category-controls,.operation-categories .operation-categories__actions{flex-wrap:wrap;min-width:0}.operation-categories .category-controls{flex:1 1 100%}.operation-categories .operation-categories__actions{justify-content:flex-start}}.operation-categories .operation-categories__actions{align-items:center}.operation-categories .category-controls{border-radius:8px;margin:0!important;padding:8px 12px!important}.operation-categories .operation-categories__actions{display:flex;gap:10px}.operation-categories .create-category-button{align-items:center;background-color:#fff;border:.1px solid #ccc;border-radius:30px;color:#000;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:300;gap:10px;justify-content:center;margin:10px;padding:10px 20px;transition:background-color .3s ease}.operation-categories .create-category-button:hover{background-color:#3b82f6;background-color:var(--active-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--text-inverse);transform:translateY(-2px)}.operation-categories .create-category-button:active{transform:translateY(0)}.operation-categories .create-category-button:disabled{background:#f1f5f9;background:var(--bg-disabled);box-shadow:none;color:#94a3b8;color:var(--text-disabled);cursor:not-allowed;transform:none}.operation-categories .create-category-button:disabled:hover{box-shadow:none;transform:none}.operation-categories .create-category-button .icon{height:20px;width:20px}.operation-categories .operation-categories-form__grid{grid-gap:10px;align-items:flex-start;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.operation-categories .category-form-group{display:flex;flex-direction:column;justify-content:flex-start}.operation-categories .category-form-group .label{color:#1e293b;color:var(--text-primary);font-size:.9rem;font-weight:500;margin-bottom:8px}.operation-categories .category-form-group .form-input{background-color:#fff;background-color:var(--bg-primary);border:.1px solid #ccc;border-radius:8px;color:#1e293b;color:var(--text-primary);font-size:13px;padding:10px 12px;transition:border .3s ease}.operation-categories .category-form-group .form-input:focus{border-color:#3b82f6;border-color:var(--border-focus);box-shadow:0 0 0 3px #007bff1a;outline:none}.operation-categories .category-form-group .form-input::placeholder{color:#64748b;color:var(--text-muted)}.operation-categories .category-form-group .error-placeholder{margin-top:4px;min-height:16px}.operation-categories .category-form-group .error-placeholder .error-message{color:#ff6692;color:var(--danger-color);font-size:12px}.operation-categories .category-form-group.full-width{grid-column:1/-1}.operation-categories .category-form-group.button-group{align-items:flex-start;display:flex;flex-direction:column}.operation-categories .category-form-group.button-group button{margin-top:0}.operation-categories .subcategories-container{background-color:#f8fafc;background-color:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:10px;padding:16px}.operation-categories .subcategory-section{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:10px;margin-bottom:12px;padding:12px}.operation-categories .subcategory-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.operation-categories .subcategory-header h4{color:#1e293b;color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0}.operation-categories .subcategory-fields{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.operation-categories .subcategory-field{display:flex;flex-direction:column}.operation-categories .subcategory-field label{color:#475569;color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-bottom:4px}.operation-categories .subcategory-field .form-input{font-size:.9rem;padding:8px}.operation-categories .subcategory-field .error-message{color:#ff6692;color:var(--danger-color);font-size:12px;margin-top:4px}.operation-categories .nested-subcategories{background-color:#f8fafc;background-color:var(--bg-tertiary);border-radius:10px;margin-top:12px;padding:12px}.operation-categories .nested-subcategory{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:10px;margin-bottom:8px;padding:8px}.operation-categories .nested-subcategory-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.operation-categories .nested-subcategory-header h5{color:#1e293b;color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0}.operation-categories .nested-subcategory-fields{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.operation-categories .add-nested-button,.operation-categories .add-subcategory-button{background-color:#f8fafc;background-color:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:10px;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:.9rem;margin-top:8px;padding:8px 16px;transition:background-color .2s}.operation-categories .add-nested-button:hover,.operation-categories .add-subcategory-button:hover{background-color:#f1f5f9;background-color:var(--bg-hover)}.operation-categories .category-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:24px;padding:16px}.operation-categories .category-controls .controls-left,.operation-categories .category-controls .controls-right{align-items:center;display:flex;gap:12px}.operation-categories .category-controls .controls-divider{border-left:1px solid #e2e8f0;border-left:1px solid var(--border-secondary);height:16px}.operation-categories .category-controls .selection-count{color:#475569;color:var(--text-secondary);font-size:.9rem;font-weight:500}.operation-categories .control-btn{align-items:center;background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:20px;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s}.operation-categories .control-btn:hover:not(:disabled){background-color:#f1f5f9;background-color:var(--bg-hover)}.operation-categories .control-btn--success{background-color:#36c76c;background-color:var(--success-color);color:#fff;color:var(--text-inverse)}.operation-categories .control-btn--success:hover:not(:disabled){background-color:#2b9b39;background-color:var(--success-dark)}.operation-categories .control-btn--danger{background-color:#ff6692;background-color:var(--danger-color);color:#fff;color:var(--text-inverse)}.operation-categories .control-btn--danger:hover:not(:disabled){background-color:#b32a4c;background-color:var(--danger-dark)}.operation-categories .control-btn:focus{box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--active-color);outline:none}.operation-categories .control-btn:disabled{cursor:not-allowed;opacity:.6}.operation-categories .category-tree{position:relative}.operation-categories .category-tree .category-node{margin-bottom:8px}.operation-categories .category-item{background:#fff;border:1px solid;border-radius:8px;cursor:pointer;padding:12px 16px;position:relative;transition:all .2s ease}.operation-categories .category-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.operation-categories .category-item--selected{border-color:#3b82f6!important;border-color:var(--active-color)!important;box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--active-color)}.operation-categories .category-item--level-0{background:linear-gradient(135deg,#f0f9ff,#fff);border-color:#bfdbfe}.operation-categories .category-item--level-0 .category-item__level-indicator{background:linear-gradient(180deg,#0ea5e9,#0284c7)}.operation-categories .category-item--level-0 .category-item__name{color:#075985}.operation-categories .category-item--level-1{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#bbf7d0}.operation-categories .category-item--level-1 .category-item__level-indicator{background:linear-gradient(180deg,#22c55e,#16a34a)}.operation-categories .category-item--level-1 .category-item__name{color:#166534}.operation-categories .category-item--level-2{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#fde68a}.operation-categories .category-item--level-2 .category-item__level-indicator{background:linear-gradient(180deg,#f59e0b,#d97706)}.operation-categories .category-item--level-2 .category-item__name{color:#92400e}.operation-categories .category-item--level-3{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#fecaca}.operation-categories .category-item--level-3 .category-item__level-indicator{background:linear-gradient(180deg,#ef4444,#dc2626)}.operation-categories .category-item--level-3 .category-item__name{color:#991b1b}.operation-categories .category-item__level-indicator{border-radius:8px 0 0 8px;height:100%;left:0;position:absolute;top:0;width:4px}.operation-categories .category-item__content{align-items:center;display:flex;gap:12px;justify-content:space-between}.operation-categories .category-item__main{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.operation-categories .category-item__toggle{align-items:center;display:flex;flex-shrink:0;gap:8px}.operation-categories .category-item__toggle .toggle-btn{align-items:center;background:#0000000a;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.operation-categories .category-item__toggle .toggle-btn:hover{background:#00000014;color:#334155}.operation-categories .category-item__toggle .toggle-btn svg{height:18px;width:18px}.operation-categories .category-item__toggle .toggle-btn--leaf{background:#0000;cursor:default}.operation-categories .category-item__toggle .toggle-btn--leaf:hover{background:#0000}.operation-categories .category-item__toggle .toggle-btn--leaf .leaf-indicator{background-color:#cbd5e1;border-radius:50%;height:6px;width:6px}.operation-categories .category-item .category-item__info{align-items:center;display:flex;flex-wrap:nowrap;gap:16px;justify-content:flex-start;overflow:hidden;width:100%}.operation-categories .category-item .category-item__info .category-item__header{margin:0}.operation-categories .category-item .category-item__info .category-item__name{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operation-categories .category-item .category-item__info .category-item__details{align-items:center;display:flex;gap:12px;margin:0}.operation-categories .category-item .category-item__info .category-item__details .detail-item__text{max-width:160px}.operation-categories .category-item .category-item__info .category-item__children-count{margin:0 0 0 auto;white-space:nowrap}.operation-categories .category-item__header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.operation-categories .category-item__name{font-size:14px;font-weight:600;line-height:1.4;margin:0}.operation-categories .category-item__details{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}@media(max-width:768px){.operation-categories .category-item__details{align-items:flex-start;flex-direction:column;gap:4px}}.operation-categories .category-item__children-count{align-items:center;background:#0000000a;border-radius:10px;color:#64748b;display:inline-flex;font-size:11px;font-weight:500;gap:4px;margin-top:6px;padding:2px 8px}.operation-categories .category-item__children-count:before{content:"📁";font-size:10px}.operation-categories .category-item__actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.operation-categories .category-item__breadcrumb{background:#00000005;border:1px dashed #e2e8f0;border-radius:6px;color:#64748b;font-size:11px;font-weight:500;margin-top:8px;padding:6px 10px}.operation-categories .detail-item{align-items:center;color:#64748b;display:flex;font-size:12px;gap:4px}.operation-categories .detail-item svg{flex-shrink:0;opacity:.7}.operation-categories .detail-item__text{font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operation-categories .inline-edit-input{background:#fff!important;border:1px solid #ccc!important;border:1px solid var(--border-primary)!important;border-radius:6px!important;color:#1e293b!important;color:var(--text-primary)!important;font-family:inherit!important;font-size:13px!important;min-width:120px!important;padding:4px 8px!important}.operation-categories .inline-edit-input:focus{border-color:#3b82f6!important;border-color:var(--border-focus)!important;box-shadow:0 0 0 2px rgba(#3b82f6,.1)!important;box-shadow:0 0 0 2px rgba(var(--active-color),.1)!important;outline:none!important}.operation-categories .category-children{border-left:2px solid #e2e8f0;margin-left:32px;margin-top:8px;padding-left:12px}.operation-categories .category-children .category-node:last-child{margin-bottom:0}.operation-categories .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.operation-categories .empty-state__icon{color:#64748b;color:var(--text-muted);margin-bottom:16px}.operation-categories .empty-state__title{color:#1e293b;color:var(--text-primary);font-size:16px;font-weight:500;margin:0 0 8px}.operation-categories .empty-state__description{color:#475569;color:var(--text-secondary);margin:0 0 16px}.operation-categories__loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:64px 32px}.operation-categories__loading p{color:#475569;color:var(--text-secondary);font-weight:500;margin:0}.operation-categories__spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border:4px solid var(--border-secondary);border-radius:50%;border-top-color:var(--active-color);height:40px;width:40px}@media(max-width:768px){.operation-categories{padding:16px}.operation-categories h2{font-size:1.5rem}.operation-categories .operation-categories-form__grid{gap:16px;grid-template-columns:1fr}.operation-categories .operation-categories__actions{flex-direction:column;gap:8px}.operation-categories .operation-categories__actions .create-category-button{margin:4px 0}.category-controls{align-items:flex-start;flex-direction:column}.category-controls .controls-left,.category-controls .controls-right{justify-content:space-between;width:100%}.category-controls .controls-divider{display:none}.category-item__content{align-items:flex-start;flex-direction:column;gap:8px}.category-item__actions{align-self:flex-end;margin-top:4px}.category-item__details{align-items:flex-start;flex-direction:column;gap:4px}.category-item__main{width:100%}.nested-subcategory-fields,.subcategory-fields{grid-template-columns:1fr}.category-children{margin-left:16px;padding-left:8px}}@media(max-width:480px){.operation-categories{padding:8px}.operation-categories h2{font-size:.9rem}.operation-categories .operation-categories-form__grid{gap:12px}.operation-categories .category-form-group .form-input{font-size:16px}}.operation-categories .operation-categories__metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:10px}.operation-categories .metric-tile{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:20px;display:flex;justify-content:space-between;padding:10px;transition:.2s ease}.operation-categories .metric-tile:hover{border-color:#e2e8f0;border-color:var(--border-secondary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.operation-categories .metric-tile__content{display:flex;flex-direction:column;gap:2px;min-width:0}.operation-categories .metric-tile__title{color:#475569;color:var(--text-secondary);font-size:12px;font-weight:600}.operation-categories .metric-tile__value{color:#1e293b;color:var(--text-primary);font-size:28px;font-weight:700;line-height:1}.operation-categories .metric-tile__icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.operation-categories .metric-tile__icon svg{height:18px;width:18px}.operation-categories .metric-tile__icon--neutral{background:#64748b1f;color:#64748b}.operation-categories .metric-tile__icon--success{background:#22c55e1f;color:#16a34a}.operation-categories .metric-tile__icon--warning{background:#f59e0b1f;color:#f59e0b}.operation-categories .metric-tile__icon--info{background:#3b82f61f;color:#3b82f6}.operation-categories .operation-categories__tip-banner{align-items:flex-start;background:#22c55e14;border:1px solid #22c55e40;border-radius:20px;display:flex;gap:10px;margin-bottom:16px;padding:10px 14px}.operation-categories .operation-categories__tip-banner .operation-categories__tip-icon{color:#16a34a;flex-shrink:0;height:18px;margin-top:1px;width:18px}.operation-categories .operation-categories__tip-banner .operation-categories__tip-icon svg{height:100%;width:100%}.operation-categories .operation-categories__tip-banner p{color:#1e293b;color:var(--text-primary);font-size:12.5px;margin:0}.operation-categories .operation-categories__tip-banner p strong{font-weight:600}.operation-categories .operation-categories__layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 280px;position:relative;transition:grid-template-columns .28s ease,gap .28s ease}.operation-categories .operation-categories__layout--collapsed{gap:0;grid-template-columns:minmax(0,1fr) 0}.operation-categories .operation-categories__main{min-width:0}.operation-categories .operation-categories__sidebar-toggle{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary,#e2e5ea);border-radius:50%;color:#475569;color:var(--text-secondary,#4b5563);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:280px;top:0;transform:translateX(50%);transition:right .28s ease,box-shadow .15s ease,color .15s ease,border-color .15s ease;width:24px;z-index:2}.operation-categories .operation-categories__sidebar-toggle svg{height:14px;width:14px}.operation-categories .operation-categories__sidebar-toggle:hover{border-color:#3b82f6;border-color:var(--active-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#3b82f6;color:var(--active-color)}.operation-categories .operation-categories__sidebar-toggle:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--active-color);outline-offset:2px}.operation-categories .operation-categories__layout--collapsed .operation-categories__sidebar-toggle{right:0}.operation-categories .action-card{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:20px;cursor:pointer;display:flex;gap:10px;padding:5px;text-align:left;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease}.operation-categories .action-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.operation-categories .action-card:active{transform:translateY(0)}.operation-categories .action-card:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--active-color);outline-offset:2px}.operation-categories .action-card--disabled{cursor:not-allowed;opacity:.55;pointer-events:none}.operation-categories .action-card .action-card-icon{align-items:center;background:#2663eb1a;border-radius:8px;color:#2663eb;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.operation-categories .action-card .action-card-copy{display:flex;flex-direction:column;line-height:1.25}.operation-categories .action-card .action-card-title{color:#1e293b;color:var(--text-primary);font-size:13.5px;font-weight:600}.operation-categories .action-card .action-card-desc{color:#475569;color:var(--text-secondary);font-size:11.5px}.operation-categories .action-card--active{background:#ff669214;border-color:#ff669266}.operation-categories .action-card--active .action-card-icon{background:#ff669226;color:#ff6692}.operation-categories .action-card--danger-outline{border-color:#ef444466}.operation-categories .action-card--danger-outline .action-card-title{color:#ff6692;color:var(--danger-color)}.operation-categories .action-card--primary{background:#3b82f6;background:var(--active-color);border-color:#3b82f6;border-color:var(--active-color)}.operation-categories .action-card--primary .action-card-desc,.operation-categories .action-card--primary .action-card-title{color:#fff;color:var(--text-inverse)}.operation-categories .operation-categories__tree-section{background:#fff;background:var(--bg-primary)}.operation-categories .operation-categories__empty-steps{counter-reset:empty-steps;display:inline-flex;flex-direction:column;gap:6px;list-style:none;margin:8px 0 16px;padding:0;text-align:left}.operation-categories .operation-categories__empty-steps li{color:#1e293b;color:var(--text-primary);counter-increment:empty-steps;font-size:13px}.operation-categories .operation-categories__empty-steps li:before{color:#3b82f6;color:var(--active-color);content:counter(empty-steps) ". ";font-weight:600}.operation-categories .operation-categories__sidebar{display:flex;flex-direction:column;gap:14px;min-width:0;opacity:1;overflow:hidden;transform:translateX(0);transition:opacity .2s ease,transform .28s ease}.operation-categories .operation-categories__sidebar--collapsed{opacity:0;pointer-events:none;transform:translateX(12px)}.operation-categories .sidebar-card{background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:20px;padding:14px 16px}.operation-categories .sidebar-card h4{color:#1e293b;color:var(--text-primary);font-size:13px;font-weight:700;margin:0 0 10px}.operation-categories .sidebar-card p{color:#475569;color:var(--text-secondary);font-size:12px;line-height:1.5;margin:0}.operation-categories .sidebar-card--info{border-color:#2663eb40}.operation-categories .sidebar-card--info .sidebar-card__header{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:0;text-align:left;width:100%}.operation-categories .sidebar-card--info .sidebar-card__header h4{margin:0}.operation-categories .sidebar-card--info .sidebar-card__header.is-expanded{margin-bottom:10px}.operation-categories .sidebar-card--info .sidebar-card__chevron{color:#475569;color:var(--text-secondary);flex-shrink:0;height:14px;transition:transform .2s ease;width:14px}.operation-categories .sidebar-card--info .sidebar-card__chevron.is-collapsed{transform:rotate(-90deg)}.operation-categories .sidebar-card--info .sidebar-card__body{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .25s ease,opacity .2s ease}.operation-categories .sidebar-card--info .sidebar-card__body.is-collapsed{grid-template-rows:0fr;opacity:0}.operation-categories .sidebar-card--info .sidebar-card__body-inner{min-height:0;overflow:hidden}.operation-categories .sidebar-card--success{border-color:#22c55e40}.operation-categories .sidebar-card--warning{background:#ef44440a;border-color:#ef44444d}.operation-categories .sidebar-card--warning h4{color:#ff6692;color:var(--danger-color)}.operation-categories .sidebar-steps{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.operation-categories .sidebar-steps li{display:flex;flex-direction:column;gap:1px}.operation-categories .sidebar-steps li strong{color:#1e293b;color:var(--text-primary);font-size:12.5px;font-weight:600}.operation-categories .sidebar-steps li span{color:#475569;color:var(--text-secondary);font-size:11.5px}.operation-categories .sidebar-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.operation-categories .sidebar-list li{color:#475569;color:var(--text-secondary);font-size:12px;padding-left:18px;position:relative}.operation-categories .sidebar-list li:before{background:#22c55e33;border:2px solid #16a34a;border-radius:50%;content:"";height:8px;left:0;position:absolute;top:6px;width:8px}@media(max-width:1320px){.operation-categories .operation-categories__metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.operation-categories .operation-categories__layout,.operation-categories .operation-categories__layout--collapsed{grid-template-columns:1fr}.operation-categories .operation-categories__sidebar-toggle{display:none}.operation-categories .operation-categories__sidebar{flex-direction:row;flex-wrap:wrap;opacity:1;pointer-events:auto;transform:none}.operation-categories .operation-categories__sidebar .sidebar-card{flex:1 1 240px}.operation-categories .operation-categories__metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.operation-categories .operation-categories__metrics-grid{gap:10px;grid-template-columns:1fr 1fr}.operation-categories .operation-categories__sidebar{flex-direction:column}.operation-categories .action-card{width:100%}}@media(max-width:480px){.operation-categories .operation-categories__metrics-grid{grid-template-columns:1fr}}.products{background-color:#fff;background-color:var(--bg-primary);border:.1px solid #ccc;border:.1px solid var(--border-primary);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#1e293b;color:var(--text-primary);padding:20px}.products .products__actions{display:flex}.products .products__unauthorized{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.products .products__unauthorized h3{color:#ff6692;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.products .products__unauthorized p{color:#475569;font-size:1rem;margin:0}.products .create-product-button{align-items:center;background-color:#fff;border:.1px solid #ccc;border-radius:30px;color:#000;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:300;gap:10px;justify-content:center;margin:10px;padding:10px 20px;transition:background-color .3s ease}.products .create-product-button:hover{background-color:#3b82f6;box-shadow:0 6px 20px #3b82f666;color:#fff;transform:translateY(-2px)}.products .create-product-button:hover:before{left:100%}.products .create-product-button:active{transform:translateY(0)}.products .create-product-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.products .create-product-button:disabled:hover{box-shadow:none;transform:none}.products .create-product-button.bulk-update-enabled{background:#36c76c;box-shadow:0 4px 12px #36c76c4d;color:#fff}.products .create-product-button.bulk-update-enabled:hover{background-color:#2b9f56;box-shadow:0 6px 20px #36c76c66}.products .create-product-button .icon{height:18px;width:18px}.products .create-product-button .submit-text{font-weight:500}.products .create-product-button .bulk-update-text{font-weight:300}.products .create-product-button .enable-text{font-weight:500}.products .products-form{background:#fff;border-radius:20px;display:flex;flex-direction:column;margin:0 20px auto}.products .products-form__grid{grid-gap:1.5rem;align-items:flex-start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.products .product-form-group{display:flex;flex-direction:column;justify-content:start}.products .product-form-group .label{color:#1e293b;color:var(--text-primary);font-size:.95rem;font-weight:500;margin-bottom:5px}.products .product-form-group .form-input{border:.1px solid #ccc;border-radius:8px;font-size:13px;padding:10px 12px;transition:border .3s ease;width:100%}.products .product-form-group .form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.products .product-form-group .form-input::placeholder{color:#64748b}.products .product-form-group textarea.form-input{min-height:80px;resize:vertical}.products .product-form-group select.form-input{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}.products .product-form-group .error-placeholder{margin-top:2px;min-height:18px}.products .product-form-group .error-placeholder .error-message{color:#ff6692;font-size:.75rem;font-weight:400}.products .product-form-group .helper-placeholder{margin-top:4px;min-height:20px}.products .product-form-group .search-icon{color:#64748b;height:16px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px}.products .product-form-group .unit-warning{background:#fff7ed;border-left:3px solid #f8c20a;border-radius:4px;color:#f8c20a;font-size:12px;margin-top:4px;padding:6px 10px}.products .product-form-group .category-hierarchy-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:8px;padding:16px}.products .product-form-group .category-level{margin-bottom:20px}.products .product-form-group .category-level:last-child{margin-bottom:0}.products .product-form-group .category-level-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.products .product-form-group .category-level-header h5{color:#374151;font-size:14px;font-weight:600;margin:0}.products .product-form-group .category-breadcrumb{color:#6b7280;font-size:12px;font-weight:500}.products .product-form-group .category-buttons-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.products .product-form-group .category-button{background:#fff;border:2px solid #d1d5db;border-radius:20px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;text-align:center;transition:all .2s ease}.products .product-form-group .category-button:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.products .product-form-group .category-button.selected{background:#2563eb;border-color:#2563eb;box-shadow:0 2px 4px #2563eb33;color:#fff}.products .product-form-group .category-button:disabled{cursor:not-allowed;opacity:.5}.products .product-form-group .selected-category-display{align-items:center;background:#e0f2fe;border:1px solid #0ea5e9;border-radius:6px;display:flex;gap:8px;margin-top:12px;padding:10px 12px}.products .product-form-group .selected-category-display .selected-label{color:#0369a1;font-size:12px;font-weight:600}.products .product-form-group .selected-category-display .selected-value{color:#0c4a6e;font-size:13px;font-weight:500}.products .product-form-group .category-loading{color:#6b7280;font-size:13px;font-style:italic;padding:12px;text-align:center}.products .button-group{align-items:flex-start;display:flex;flex-direction:column}.products .button-group .label.invisible{height:20px;visibility:hidden}.products .button-group button{margin-top:0}.products .products-form__actions{display:flex;gap:1rem;justify-content:flex-start;margin-top:20px}.products .inline-edit-input{border:1px solid #ccc;border-radius:8px;font-size:14px;min-width:120px;padding:4px 8px}.products .inline-edit-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f61a;outline:none}.products .products__table-container{margin-top:20px}.products .products__loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.products .products__loading p{color:#475569;font-weight:500;margin:0}.products .products__spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.products .products__empty-state p{max-width:400px}.products .spec-section,.products .stock-section{background-color:#f8fafc;background-color:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border-radius:8px;margin-top:20px;padding:16px}.products .spec-section h4,.products .stock-section h4{color:#1e293b;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 16px}.products .spec-section .spec-item,.products .stock-section .spec-item{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1rem;position:relative}.products .spec-section .spec-item .spec-header,.products .stock-section .spec-item .spec-header{align-items:flex-end;display:flex;gap:1rem;margin-bottom:1rem}.products .spec-section .spec-item .spec-header .material-form-group,.products .stock-section .spec-item .spec-header .material-form-group{flex:1 1}.products .spec-section .spec-item .spec-values-array,.products .stock-section .spec-item .spec-values-array{border-left:2px solid #e2e8f0;display:flex;flex-direction:column;gap:.75rem;margin-left:1rem;padding-left:1rem}.products .spec-section .spec-item .spec-value-item,.products .stock-section .spec-item .spec-value-item{grid-gap:.75rem;align-items:center;background:#f8fafc80;border-radius:20px;display:grid;gap:.75rem;grid-template-columns:2fr 1fr 1fr auto;padding:.5rem}.products .spec-section .add-button,.products .spec-section .remove-button,.products .stock-section .add-button,.products .stock-section .remove-button{border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.products .spec-section .add-button:hover,.products .spec-section .remove-button:hover,.products .stock-section .add-button:hover,.products .stock-section .remove-button:hover{transform:translateY(-1px)}.products .spec-section .add-button,.products .stock-section .add-button{background-color:#36c76c;border:none;color:#fff}.products .spec-section .add-button:hover,.products .stock-section .add-button:hover{background-color:#2b9f56}.products .spec-section .remove-button,.products .stock-section .remove-button{background-color:#ff6692;border:none;color:#fff}.products .spec-section .remove-button:hover,.products .stock-section .remove-button:hover{background-color:#ff336e}.products .specifications-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;margin-top:20px;padding:1rem}.products .specifications-section h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 10px}.products .spec-list{display:flex;flex-direction:column;gap:12px}.products .spec-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:12px}.products .spec-top-row{align-items:center;display:flex;gap:10px}.products .spec-top-row .spec-input{border:1px solid #cbd5e1;border-radius:6px;flex:1 1;font-size:.8rem;padding:8px 10px}.products .spec-top-row .spec-remove-btn{background:#fee2e2;border:none;border-radius:6px;color:#b91c1c;cursor:pointer;font-size:.8rem;padding:4px 8px}.products .spec-top-row .spec-remove-btn:hover{background:#fecaca}.products .spec-values{display:flex;flex-wrap:wrap;gap:8px}.products .spec-values .spec-value-chip{align-items:center;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:6px;padding:4px 8px}.products .spec-values .spec-value-chip .spec-value-input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-size:.75rem;padding:6px 8px;width:100px}.products .spec-values .spec-value-chip .chip-remove{background:#0000;border:none;color:#ef4444;cursor:pointer;font-size:.75rem}.products .pricing-toggle-section{margin:1rem 0 .75rem}.products .pricing-toggle-section .pricing-toggle-button{align-items:center;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.products .pricing-toggle-section .pricing-toggle-button:hover{background-color:#e5e7eb;border-color:#9ca3af}.products .pricing-toggle-section .pricing-toggle-button .icon{height:16px;transition:transform .2s ease;width:16px}.products .pricing-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.products .pricing-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;position:relative;width:95%}.products .pricing-modal-header{border-bottom:1px solid #e5e7eb;padding:20px 24px}.products .pricing-modal-header,.products .pricing-modal-header .pricing-modal-title{align-items:center;display:flex;justify-content:space-between}.products .pricing-modal-header .pricing-modal-title h3{color:#111827;font-size:20px;font-weight:600;margin:0;padding-right:40px}.products .pricing-modal-header .close-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;padding:0;position:absolute;right:16px;top:16px;transition:all .2s;width:36px;z-index:10}.products .pricing-modal-header .close-button:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626;transform:scale(1.05)}.products .pricing-modal-header .pricing-modal-actions{align-items:center;display:flex;gap:12px;margin-left:auto;margin-right:50px}.products .pricing-modal-header .pricing-modal-actions .pricing-info{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;display:flex;font-size:12px;gap:6px;padding:6px 10px}.products .pricing-modal-header .pricing-modal-actions .pricing-info .info-icon{color:#4b5563;height:14px;width:14px}.products .pricing-modal-header .pricing-modal-actions .copy-btn{background-color:#4a90e2;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.products .pricing-modal-header .pricing-modal-actions .copy-btn:hover{background-color:#2275d7;box-shadow:0 4px 12px #4a90e24d;transform:translateY(-2px)}.products .pricing-modal-header .pricing-modal-actions .submit-btn{background-color:#2b9b39;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.products .pricing-modal-header .pricing-modal-actions .submit-btn:hover{background-color:#20732a;box-shadow:0 4px 12px #2b9b394d;transform:translateY(-2px)}.products .pricing-table-container{padding:24px}.products .pricing-table{border-radius:6px}.products .pricing-table th{padding:12px 16px}.products .pricing-table td{padding:16px}.products .combination-specs{gap:4px}.products .combination-specs .spec-value-tag{background:#eef2f7;border-radius:4px;display:inline-flex;font-size:11px;gap:3px;padding:2px 6px}.products .combination-specs .spec-name{font-weight:600}.products .availability-badge{border-radius:4px;color:#fff;font-size:11px;padding:2px 6px}.products .availability-badge.available{background:#16a34a}.products .availability-badge.unavailable{background:#dc2626}.products .pricing-input{padding:8px 12px;transition:all .2s;width:100%}.products .pricing-table-container{flex:1 1;overflow:auto}.products .pricing-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.products .pricing-table thead{background:#f3f4f6;position:sticky;top:0;z-index:10}.products .pricing-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;padding:5px;text-align:left}.products .pricing-table td{border-bottom:1px solid #e5e7eb;padding:5px;vertical-align:middle}.products .pricing-table tbody tr:hover{background:#f9fafb}.products .combination-specs{display:flex;flex-wrap:wrap;gap:6px}.products .spec-value-tag{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;display:inline-flex;font-size:12px;padding:4px 10px}.products .spec-name{color:#1e40af;font-weight:600;margin-right:4px}.products .spec-value{color:#3b82f6}.products .sku-badge{background:#f3f4f6;border-radius:6px;color:#374151;display:inline-block;font-family:monospace;font-size:13px;font-weight:500;padding:4px 12px}.products .pricing-table td:nth-child(2) .pricing-input,.products .pricing-table td:nth-child(3) .pricing-input,.products .pricing-table th:nth-child(2),.products .pricing-table th:nth-child(3){width:150px}.products .pricing-table td:nth-child(n+4) .pricing-input{width:100px}.products .pricing-input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:14px;padding:5px}.products .pricing-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.products .pricing-checkbox{cursor:pointer;height:20px;width:20px}.products .availability-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.products .availability-badge.available{background:#d1fae5;color:#065f46}.products .availability-badge.unavailable{background:#fee2e2;color:#991b1b}.products .product-form-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 340px;position:relative}.products .product-form-left{width:100%}.products .product-form-right{max-height:300px;position:sticky;top:0}.products .raw-materials-right-container{border-left:1px solid #e5e7eb;height:calc(100vh - 220px);overflow-y:auto;padding-right:6px}.products .raw-materials-right-container::-webkit-scrollbar{width:6px}.products .raw-materials-right-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}@media(max-width:1024px){.products .products-form__grid{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:768px){.products{padding:15px}.products h2{font-size:1.2rem}.products .products-form{padding:15px}.products .products-form__grid{gap:1rem;grid-template-columns:1fr}.products .products__actions{flex-direction:column;gap:8px}.products .products__actions .create-product-button{margin:5px 0}.products .spec-section,.products .stock-section{margin-top:15px;padding:12px}.products .spec-section h4,.products .stock-section h4{font-size:1rem}.products .spec-section .spec-item,.products .spec-section .stock-item,.products .stock-section .spec-item,.products .stock-section .stock-item{padding:10px}}@media(max-width:480px){.products{padding:10px}.products h2{font-size:1rem}.products .products-form{padding:10px}.products .products-form__grid{gap:.75rem}.products .product-form-group .form-input{font-size:16px}.products .create-product-button{font-size:13px;padding:8px 16px}.products .create-product-button .icon{height:16px;width:16px}}.products-form{animation:slideIn .3s ease-out}.create-product-button{overflow:hidden;position:relative}.create-product-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.create-product-button:hover:before{left:100%}.raw-materials-selection-compact{display:flex;flex-direction:column;gap:8px;height:350px;overflow:hidden;width:100%}.raw-materials-selection-compact .raw-material-search-wrapper{flex-shrink:0;margin-bottom:6px;position:relative}.raw-materials-selection-compact .raw-material-search-wrapper .raw-material-search{padding-right:30px;width:100%}.raw-materials-selection-compact .raw-material-search-wrapper .search-icon{color:#64748b;height:16px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:16px}.raw-materials-selection-compact .raw-materials-compact-grid{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding-right:4px}.raw-materials-selection-compact .raw-materials-compact-grid::-webkit-scrollbar{width:6px}.raw-materials-selection-compact .raw-materials-compact-grid::-webkit-scrollbar-track{background:#e2e8f04d;border-radius:3px}.raw-materials-selection-compact .raw-materials-compact-grid::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}.raw-materials-selection-compact .raw-materials-compact-grid::-webkit-scrollbar-thumb:hover{background:#64748b}.raw-materials-selection-compact .raw-material-compact-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.65rem;line-height:1.1;padding:4px 6px;transition:all .1s ease}.raw-materials-selection-compact .raw-material-compact-card:hover{border-color:#3b82f6;box-shadow:0 1px 3px #3b82f614;transform:translateX(1px)}.raw-materials-selection-compact .raw-material-compact-card.selected{background:#36c76c08;border-color:#36c76c;box-shadow:0 0 2px #36c76c1a}.raw-materials-selection-compact .raw-material-compact-card .compact-card-content{align-items:center;display:flex;gap:4px}.raw-materials-selection-compact .raw-material-compact-card .compact-card-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.raw-materials-selection-compact .raw-material-compact-card .compact-name{color:#1e293b;font-size:.7rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.raw-materials-selection-compact .raw-material-compact-card .compact-code{color:#64748b;font-family:monospace;font-size:.6rem}.raw-materials-selection-compact .raw-material-compact-card .compact-brand{align-items:center;background-color:#46caeb;border-radius:4px;color:#fff;display:inline-flex;font-size:.6rem;justify-content:center;line-height:1.2;padding:0 4px}.raw-materials-selection-compact .raw-material-compact-card .compact-cost{color:#36c76c;font-size:.65rem;font-weight:600}.raw-materials-selection-compact .raw-material-compact-card .compact-description{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#475569;display:-webkit-box;font-size:.6rem;margin:0;overflow:hidden;text-overflow:ellipsis}.raw-materials-selection-compact .raw-material-compact-card .compact-specs{display:flex;flex-wrap:wrap;gap:2px;margin-top:1px}.raw-materials-selection-compact .raw-material-compact-card .compact-specs .compact-spec-more,.raw-materials-selection-compact .raw-material-compact-card .compact-specs .compact-spec-tag{border-radius:4px;font-size:.55rem;padding:0 3px;white-space:nowrap}.raw-materials-selection-compact .raw-material-compact-card .compact-specs .compact-spec-tag{background:#3b82f61a;color:#3b82f6}.raw-materials-selection-compact .raw-material-compact-card .compact-specs .compact-spec-more{background:#64748b1a;color:#475569}.raw-materials-selection-compact .no-materials-found{color:#64748b;font-size:.75rem;padding:12px;text-align:center}.raw-materials-selection-compact .selected-count{background:#36c76c1a;border-radius:20px;color:#36c76c;flex-shrink:0;font-size:.7rem;font-weight:600;padding:4px 8px;text-align:center}@media(max-width:768px){.raw-materials-selection-compact .raw-materials-compact-grid{max-height:300px}}.upload-modal-overlay .file-input{display:none}.upload-modal{padding:0}.custom-spec-form{background-color:#f9f9f9;border:2px solid #4caf50;border-radius:8px;box-shadow:0 2px 8px #4caf501a;margin:16px 24px;padding:16px}.custom-spec-form h4{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 12px}.custom-spec-form h4:before{content:"✨";font-size:18px}.custom-spec-form .custom-spec-form-content{align-items:flex-start;display:flex;gap:12px}.custom-spec-form .spec-name-input-wrapper{flex:1 1}.custom-spec-form .spec-name-input-wrapper .form-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.custom-spec-form .spec-name-input-wrapper .form-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.custom-spec-form .spec-name-input-wrapper .form-input::placeholder{color:#9ca3af}.custom-spec-form .spec-values-wrapper{flex:2 1}.custom-spec-form .spec-values-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.custom-spec-form .spec-value-input-group{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:4px;padding:4px;transition:all .2s}.custom-spec-form .spec-value-input-group:hover{border-color:#4caf50;box-shadow:0 1px 4px #4caf501a}.custom-spec-form .spec-value-input-group .form-input{border:1px solid #d1d5db;border-radius:6px;font-size:13px;padding:8px 10px;transition:all .2s;width:120px}.custom-spec-form .spec-value-input-group .form-input:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a;outline:none}.custom-spec-form .spec-value-input-group .remove-value-btn{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:28px;justify-content:center;min-width:28px;padding:6px 10px;transition:all .2s}.custom-spec-form .spec-value-input-group .remove-value-btn:hover{background:#fecaca;transform:scale(1.05)}.custom-spec-form .spec-value-input-group .remove-value-btn:active{transform:scale(.95)}.custom-spec-form .add-value-btn{align-items:center;background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:8px 14px;transition:all .2s;white-space:nowrap}.custom-spec-form .add-value-btn:before{content:"+";font-size:16px;font-weight:600}.custom-spec-form .add-value-btn:hover{background:#409343;box-shadow:0 4px 8px #4caf5033;transform:translateY(-1px)}.custom-spec-form .add-value-btn:active{transform:translateY(0)}.custom-spec-form .create-spec-btn{align-self:flex-start;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;box-shadow:0 2px 8px #4caf5033;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.custom-spec-form .create-spec-btn:hover{box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.custom-spec-form .create-spec-btn:active{transform:translateY(0)}.custom-spec-form{animation:slideDown .3s ease-out}@media(max-width:768px){.custom-spec-form{margin:12px 16px;padding:12px}.custom-spec-form .custom-spec-form-content{flex-direction:column}.custom-spec-form .spec-values-wrapper{width:100%}.custom-spec-form .spec-value-input-group .form-input{width:100px}}.products .products__metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:10px}.products .metric-tile{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:20px;display:flex;justify-content:space-between;padding:10px;transition:.2s ease}.products .metric-tile:hover{border-color:#e2e8f0;border-color:var(--border-secondary);box-shadow:0 4px 10px #0000000d}.products .metric-tile__content{display:flex;flex-direction:column;gap:2px;min-width:0}.products .metric-tile__title{color:#475569;color:var(--text-secondary,#475569);font-size:12px;font-weight:600}.products .metric-tile__value{color:#1e293b;color:var(--text-primary);font-size:28px;font-weight:700;line-height:1}.products .metric-tile__icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.products .metric-tile__icon svg{height:18px;width:18px}.products .metric-tile__icon--neutral{background:#64748b1f;color:#64748b}.products .metric-tile__icon--success{background:#36c76c1f;color:#36c76c}.products .metric-tile__icon--warning{background:#f59e0b1f;color:#f59e0b}.products .metric-tile__icon--info{background:#3b82f61f;color:#3b82f6}.products .products__tip-banner{align-items:flex-start;background:#36c76c14;border:1px solid #36c76c40;border-radius:20px;display:flex;gap:10px;margin-bottom:16px;padding:10px 14px}.products .products__tip-banner .products__tip-icon{color:#36c76c;flex-shrink:0;height:18px;margin-top:1px;width:18px}.products .products__tip-banner .products__tip-icon svg{height:100%;width:100%}.products .products__tip-banner p{color:#1e293b;color:var(--text-primary);font-size:12.5px;margin:0}.products .products__tip-banner p strong{font-weight:600}.products .products__layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 280px;position:relative;transition:grid-template-columns .28s ease,gap .28s ease}.products .products__layout--collapsed{gap:0;grid-template-columns:minmax(0,1fr) 0}.products .products__main{min-width:0}.products .products__sidebar-toggle{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary,#e2e5ea);border-radius:50%;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:280px;top:0;transform:translateX(50%);transition:right .28s ease,box-shadow .15s ease,color .15s ease,border-color .15s ease;width:24px;z-index:2}.products .products__sidebar-toggle svg{height:14px;width:14px}.products .products__sidebar-toggle:hover{border-color:#3b82f6;box-shadow:0 2px 6px #00000014;color:#3b82f6}.products .products__sidebar-toggle:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.products .products__layout--collapsed .products__sidebar-toggle{right:0}.products .action-card{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary,#e2e5ea);border-radius:20px;cursor:pointer;display:flex;gap:10px;padding:5px;text-align:left;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease}.products .action-card:hover{box-shadow:0 4px 10px #00000014;transform:translateY(-1px)}.products .action-card:active{transform:translateY(0)}.products .action-card:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.products .action-card--disabled{cursor:not-allowed;opacity:.55;pointer-events:none}.products .action-card .action-card-icon{align-items:center;background:#2663eb1a;border-radius:8px;color:#2663eb;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.products .action-card .action-card-copy{display:flex;flex-direction:column;line-height:1.25}.products .action-card .action-card-title{color:#1e293b;color:var(--text-primary);font-size:13.5px;font-weight:600}.products .action-card .action-card-desc{color:#475569;color:var(--text-secondary,#475569);font-size:11.5px}.products .action-card--active{background:#ff669214;border-color:#ff669266}.products .action-card--active .action-card-icon{background:#ff669226;color:#ff6692}.products .action-card--success{background:#36c76c14;border-color:#36c76c66}.products .action-card--success .action-card-icon{background:#36c76c26;color:#36c76c}.products .action-card--danger-outline{border-color:#ff669266}.products .action-card--danger-outline .action-card-title{color:#ff6692}.products .action-card--primary{background:#3b82f6;border-color:#3b82f6}.products .action-card--primary .action-card-desc,.products .action-card--primary .action-card-title{color:#fff}.products .products__actions{flex-wrap:wrap;gap:10px;margin:0 0 10px;width:100%}.products .products__auto-generate-toggle{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary,#e2e5ea);border-radius:20px;display:flex;gap:8px;padding:5px 12px}.products .products__auto-generate-label{color:#1e293b;color:var(--text-primary);font-size:13px;font-weight:500}.products .products__table-section{background:#fff;background:var(--bg-primary)}.products .product-name-cell{align-items:center;display:flex;gap:8px}.products .product-avatar{align-items:center;background:#2663eb1f;border-radius:50%;color:#2663eb;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:26px;justify-content:center;overflow:hidden;width:26px}.products .product-name-text{font-weight:500}.products .product-status-cell{display:flex;flex-direction:column;gap:2px}.products .product-status-caption{font-size:11px}.products .product-status-caption.is-enabled{color:#36c76c}.products .product-status-caption.is-disabled{color:#475569}.products .products__empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.products .products__empty-state h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem}.products .products__empty-state p{color:#475569;font-size:1rem;margin:0;max-width:420px}.products .products__empty-state .products__empty-steps{counter-reset:empty-steps;display:inline-flex;flex-direction:column;gap:6px;list-style:none;margin:12px 0 16px;padding:0;text-align:left}.products .products__empty-state .products__empty-steps li{color:#1e293b;color:var(--text-primary);counter-increment:empty-steps;font-size:13px}.products .products__empty-state .products__empty-steps li:before{color:#3b82f6;content:counter(empty-steps) ". ";font-weight:600}.products .products__empty-icon{color:#94a3b8;height:64px;width:64px}.products .products__sidebar{display:flex;flex-direction:column;gap:14px;min-width:0;opacity:1;overflow:hidden;transform:translateX(0);transition:opacity .2s ease,transform .28s ease}.products .products__sidebar--collapsed{opacity:0;pointer-events:none;transform:translateX(12px)}.products .sidebar-card{background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:20px;padding:14px 16px}.products .sidebar-card h4{color:#1e293b;color:var(--text-primary);font-size:13px;font-weight:700;margin:0 0 10px}.products .sidebar-card p{color:#475569;color:var(--text-secondary,#475569);font-size:12px;line-height:1.5;margin:0}.products .sidebar-card--info{border-color:#2663eb40}.products .sidebar-card--info .sidebar-card__header{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:0;text-align:left;width:100%}.products .sidebar-card--info .sidebar-card__header h4{margin:0}.products .sidebar-card--info .sidebar-card__header.is-expanded{margin-bottom:10px}.products .sidebar-card--info .sidebar-card__chevron{color:#475569;color:var(--text-secondary,#475569);flex-shrink:0;height:14px;transition:transform .2s ease;width:14px}.products .sidebar-card--info .sidebar-card__chevron.is-collapsed{transform:rotate(-90deg)}.products .sidebar-card--info .sidebar-card__body{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .25s ease,opacity .2s ease}.products .sidebar-card--info .sidebar-card__body.is-collapsed{grid-template-rows:0fr;opacity:0}.products .sidebar-card--info .sidebar-card__body-inner{min-height:0;overflow:hidden}.products .sidebar-card--success{border-color:#36c76c40}.products .sidebar-card--warning{background:#ff66920a;border-color:#ff66924d}.products .sidebar-card--warning h4{color:#ff6692}.products .sidebar-steps{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.products .sidebar-steps li{display:flex;flex-direction:column;gap:1px}.products .sidebar-steps li strong{color:#1e293b;color:var(--text-primary);font-size:12.5px;font-weight:600}.products .sidebar-steps li span{color:#475569;color:var(--text-secondary,#475569);font-size:11.5px}.products .sidebar-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.products .sidebar-list li{color:#475569;color:var(--text-secondary,#475569);font-size:12px;padding-left:18px;position:relative}.products .sidebar-list li:before{background:#36c76c33;border:2px solid #36c76c;border-radius:50%;content:"";height:8px;left:0;position:absolute;top:6px;width:8px}@media(max-width:1320px){.products .products__metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.products .products__layout,.products .products__layout--collapsed{grid-template-columns:1fr}.products .products__sidebar-toggle{display:none}.products .products__sidebar{flex-direction:row;flex-wrap:wrap;opacity:1;pointer-events:auto;transform:none}.products .products__sidebar .sidebar-card{flex:1 1 240px}.products .products__metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.products .products__metrics-grid{gap:10px;grid-template-columns:1fr 1fr}.products .products__sidebar{flex-direction:column}.products .action-card{width:100%}}@media(max-width:480px){.products .products__metrics-grid{grid-template-columns:1fr}}.stock-update .stock-update__top-row{flex-wrap:nowrap}.stock-update .stock-update__tab-navigation{display:flex}.stock-update .stock-update__tab-navigation .tab-button{align-items:center;background-color:#fff;border:.1px solid #ccc;border-radius:30px;box-shadow:none;color:#000;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:300;gap:10px;justify-content:center;margin:5px;padding:10px 20px;transition:background-color .3s ease}.stock-update .stock-update__tab-navigation .tab-button:hover{background:#3b82f6;color:#fff}.stock-update .stock-update__tab-navigation .tab-button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.stock-update .stock-update__view-toggle{background:#f1f5f9;border-radius:50px;display:flex}.stock-update .stock-update__view-toggle .view-toggle-button{align-items:center;background:#0000;border:none;border-radius:40px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;margin:5px;transition:all .25s ease}.stock-update .stock-update__view-toggle .view-toggle-button:hover{background:#3b82f61a;color:#2563eb}.stock-update .stock-update__view-toggle .view-toggle-button.active{background:#2563eb;box-shadow:0 4px 10px #2563eb40;color:#fff;font-weight:600}.stock-update__actions{flex-wrap:nowrap}.stock-update__bottom-actions .cancel-button:hover{border-color:#cbd5e1}.stock-update__instructions .instruction-content strong{color:#1e40af;display:block;margin-bottom:.25rem}.stock-update__cards-container .stock-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.stock-update__cards-container .material-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:box-shadow .2s}.stock-update__cards-container .material-card:hover{box-shadow:0 4px 6px -1px #0000001a}.stock-update__cards-container .material-card .material-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px}.stock-update__cards-container .material-card .material-header .warehouse-location-badge{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:12px;box-shadow:0 2px 4px #0ea5e940;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:.25rem .65rem;transition:all .2s}.stock-update__cards-container .material-card .material-header .warehouse-location-badge:hover{box-shadow:0 4px 8px #0ea5e959;transform:translateY(-1px)}.stock-update__cards-container .material-card .material-header .material-info .material-info-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.stock-update__cards-container .material-card .material-header .material-info .material-name{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0}.stock-update__cards-container .material-card .material-header .material-info .warehouse-count{align-items:center;color:#666;display:inline-flex;font-size:.875rem;gap:.5rem}.stock-update__cards-container .material-card .material-header .material-info .warehouse-count:before{content:"📦"}.stock-update__cards-container .material-card .material-header .material-info .total-stock-badge{align-items:center;background:#46caeb;border-radius:8px;box-shadow:0 2px 4px #10b98133;color:#fff;display:inline-flex;font-size:.85rem;font-weight:600;padding:.35rem .85rem}.stock-update__cards-container .material-card .warehouse-stocks{display:flex;flex-direction:column;gap:1rem}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card{background:#f9fafb;padding:1rem;transition:all .2s}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card.new-stock{background:#fef3c7;border-color:#fbbf24}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card.new-stock .stock-card-header .warehouse-number{color:#d97706}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card:hover{border-color:#cbd5e1}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-card-header .header-left{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-card-header .header-left .warehouse-number{color:#1a1a1a;font-size:.95rem;font-weight:600}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-card-header .header-left .combination-badge{align-items:center;background:#667eea;border-radius:12px;box-shadow:0 2px 4px #667eea33;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:.25rem .75rem;transition:all .2s}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-card-header .header-left .combination-badge:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-card-header .remove-warehouse-btn{align-items:center;background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:28px;justify-content:center;transition:all .2s;width:28px}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-card-header .remove-warehouse-btn:hover{background:#dc2626;transform:scale(1.1)}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields .field-group{display:flex;flex-direction:column;gap:5px}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields .field-group.field-group-full{grid-column:1/-1}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields .field-group.quantity-control .quantity-controls{display:flex;gap:.5rem}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields .field-group.quantity-control .quantity-controls .quantity-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:.5rem;transition:all .2s}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields .field-group.quantity-control .quantity-controls .quantity-btn.decrease{color:#ef4444}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields .field-group.quantity-control .quantity-controls .quantity-btn.decrease:hover{background:#fef2f2;border-color:#ef4444}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields .field-group.quantity-control .quantity-controls .quantity-btn.increase{color:#10b981}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields .field-group.quantity-control .quantity-controls .quantity-btn.increase:hover{background:#f0fdf4;border-color:#10b981}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields .field-group.quantity-control .quantity-controls .quantity-btn:active{transform:scale(.95)}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields .field-group label{color:#4b5563;font-size:.875rem;font-weight:300}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields .field-group .field-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:.625rem;transition:all .2s}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields .field-group .field-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields .field-group .field-input::placeholder{color:#9ca3af}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields .field-group .field-input.quantity-update-input{font-weight:300;text-align:center}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields .field-group .field-display{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1a1a1a;font-size:.9rem;padding:.625rem}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields .field-group .field-display.new-quantity{color:#6b7280;font-weight:600}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields .field-group .field-display.new-quantity.has-changes{background:#f0fdf4;border-color:#10b981;color:#10b981}.stock-update__cards-container .material-card .material-card-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1rem 1.25rem}.stock-update__cards-container .warehouse-stocks-vertical{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1rem}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card.new-stock{background:#fef3c7;border-color:#fbbf24}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card.new-stock .stock-card-header .warehouse-number{color:#d97706}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #00000014}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-card-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-card-header .header-left{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.75rem}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-card-header .header-left .warehouse-name-badge{align-items:center;background:#46caeb;border-radius:16px;box-shadow:0 2px 4px #0ea5e940;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:.35rem .75rem;transition:all .2s}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-card-header .header-left .warehouse-name-badge:before{content:"📍";margin-right:.4rem}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-card-header .header-left .warehouse-name-badge:hover{box-shadow:0 4px 8px #0ea5e959;transform:translateY(-1px)}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-card-header .remove-warehouse-btn{align-items:center;background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:28px;justify-content:center;transition:all .2s;width:28px}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-card-header .remove-warehouse-btn:hover{background:#dc2626;transform:scale(1.1)}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-new{display:flex;flex-direction:column;gap:1rem}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-new .field-group{display:flex;flex-direction:column;gap:.5rem}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-new .field-group label{color:#4b5563;font-size:.875rem;font-weight:500}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-new .field-group .field-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:.625rem;transition:all .2s}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-new .field-group .field-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-new .field-group .field-input::placeholder{color:#9ca3af}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-existing{display:flex;flex-direction:column;gap:1rem}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-existing .field-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-existing .field-group{display:flex;flex-direction:column;gap:.5rem}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-existing .field-group label{color:#4b5563;font-size:.875rem;font-weight:500}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-existing .field-group .field-display{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1a1a1a;font-size:.9rem;padding:5px}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-existing .field-group .field-display.quantity-badge{background:#e0f2fe;border-color:#0ea5e9;color:#0369a1;font-weight:600}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-existing .field-group .field-display.new-quantity{color:#6b7280;font-weight:600}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-existing .field-group .field-display.new-quantity.has-changes{background:#f0fdf4;border-color:#10b981;color:#10b981}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-existing .field-group .field-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:5px;transition:all .2s}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-existing .field-group .field-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-existing .field-group .field-input.quantity-update-input{font-weight:500;text-align:center}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-existing .field-group.quantity-control .quantity-controls{display:flex;gap:.5rem}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-existing .field-group.quantity-control .quantity-controls .quantity-btn{background:#fff;border:1px solid #e5e7eb;border-radius:20px;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:5px;transition:all .2s}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-existing .field-group.quantity-control .quantity-controls .quantity-btn.decrease{background:#ff6692}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-existing .field-group.quantity-control .quantity-controls .quantity-btn.decrease:hover{background:#ff336e}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-existing .field-group.quantity-control .quantity-controls .quantity-btn.increase{background-color:#36c76c}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-existing .field-group.quantity-control .quantity-controls .quantity-btn.increase:hover{background:#2b9f56}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-existing .field-group.quantity-control .quantity-controls .quantity-btn:active{transform:scale(.95)}.stock-update__cards-container .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-existing .update-section{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:10px;padding-top:.75rem}.stock-update__table-container .stock-table-results{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden}.stock-update__table-container .stock-table-wrapper{border:none;max-height:70vh;overflow:auto;position:relative}.stock-update__table-container .stock-table-wrapper table{background-color:#fff;border-collapse:collapse;font-size:.875rem;min-width:1200px;width:100%}.stock-update__table-container .stock-table-wrapper table thead{background:#1e293b;position:sticky;top:0;z-index:20}.stock-update__table-container .stock-table-wrapper table thead .group-header-row th.group-header{border-bottom:2px solid #fff3;border-right:1px solid #475569;color:#fff;font-size:.95rem;font-weight:700;letter-spacing:.1em;padding:16px 20px;position:relative;text-align:center}.stock-update__table-container .stock-table-wrapper table thead .group-header-row th.group-header:last-child{border-right:none}.stock-update__table-container .stock-table-wrapper table thead .group-header-row th.group-header.warehouse-group{background:#0369a1;border-bottom:2px solid #0ea5e9}.stock-update__table-container .stock-table-wrapper table thead .group-header-row th.group-header.warehouse-group .status-indicator{background-color:#0ea5e94d;border-radius:4px;color:#fff;display:inline-block;font-size:.65rem;font-weight:600;margin-left:8px;padding:3px 8px}.stock-update__table-container .stock-table-wrapper table thead .group-header-row th.group-header.fixed-column,.stock-update__table-container .stock-table-wrapper table thead .group-header-row th.group-header.material-column{border-right:3px solid #64748b;left:0;min-width:200px;position:sticky;text-align:left;z-index:25}.stock-update__table-container .stock-table-wrapper table thead .group-header-row th.group-header.basic-info{color:#fff;min-width:140px;text-align:left}.stock-update__table-container .stock-table-wrapper table thead .individual-header-row th.sub-header{border-bottom:3px solid #0f172a;border-right:1px solid #475569;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.05em;min-width:140px;padding:14px 20px;text-align:left;white-space:nowrap}.stock-update__table-container .stock-table-wrapper table thead .individual-header-row th.sub-header:last-child{border-right:none}.stock-update__table-container .stock-table-wrapper table thead .individual-header-row th.sub-header.warehouse-header{background:#0369a1;border-bottom:3px solid #0ea5e9;color:#fff;min-width:160px}.stock-update__table-container .stock-table-wrapper table thead th{border-bottom:3px solid #0f172a;border-right:1px solid #475569;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.1em;padding:16px 20px;text-align:left;white-space:nowrap}.stock-update__table-container .stock-table-wrapper table thead th:last-child{border-right:none}.stock-update__table-container .stock-table-wrapper table thead th.fixed-column,.stock-update__table-container .stock-table-wrapper table thead th.material-column{background:#0f172a;border-right:3px solid #64748b;color:#fff;left:0;min-width:200px;position:sticky;z-index:25}.stock-update__table-container .stock-table-wrapper table thead th:not(.warehouse-header):not(.fixed-column):not(.material-column):not(.group-header):not(.sub-header){background:#1e293b;color:#fff;min-width:140px}.stock-update__table-container .stock-table-wrapper table thead th.warehouse-header:not(.sub-header):not(.group-header){background:#0369a1;border-bottom:3px solid #0ea5e9;color:#fff;min-width:160px}.stock-update__table-container .stock-table-wrapper table thead th.warehouse-header:not(.sub-header):not(.group-header) .status-indicator{background-color:#0ea5e933;border-radius:6px;color:#fff;font-size:.7rem;font-weight:600;margin-left:10px;padding:4px 8px}.stock-update__table-container .stock-table-wrapper table tbody tr{background-color:#fff;background-color:var(--bg-primary);color:var(--text-color);transition:all .2s ease}.stock-update__table-container .stock-table-wrapper table tbody tr:hover{background-color:#f8fafc}.stock-update__table-container .stock-table-wrapper table tbody tr td{border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;font-size:.9rem;font-weight:500;padding:12px 16px;vertical-align:middle}.stock-update__table-container .stock-table-wrapper table tbody tr td:last-child{border-right:none}.stock-update__table-container .stock-table-wrapper table tbody tr td:first-child{background-color:#fff;background-color:var(--bg-primary);border-right:3px solid #e2e8f0;color:var(--text-color);font-weight:700;left:0;min-width:200px;position:sticky;transition:all .2s ease;z-index:1}.stock-update__table-container .stock-table-wrapper table tbody tr td.material-name .readonly-value{color:#1e293b;font-weight:600}.stock-update__table-container .stock-table-wrapper table tbody tr td.basic-info .readonly-value{color:#64748b;font-size:.85rem}.stock-update__table-container .stock-table-wrapper table tbody tr td input,.stock-update__table-container .stock-table-wrapper table tbody tr td select{background-color:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:.85rem;font-weight:500;padding:6px 10px;transition:all .2s ease;width:100%}.stock-update__table-container .stock-table-wrapper table tbody tr td input:focus,.stock-update__table-container .stock-table-wrapper table tbody tr td select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.stock-update__table-container .stock-table-wrapper table tbody tr td input:disabled,.stock-update__table-container .stock-table-wrapper table tbody tr td select:disabled{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;color:#939393}.stock-update__table-container .stock-table-wrapper table tbody tr td .readonly-value{color:#1e293b;font-weight:500}.stock-update__table-container .stock-table-wrapper table tbody tr td.warehouse-cell{background:linear-gradient(135deg,#e0f2fe4d,#bae6fd4d)}.stock-update__table-container .stock-table-wrapper table tbody tr td.warehouse-cell input,.stock-update__table-container .stock-table-wrapper table tbody tr td.warehouse-cell select{border-color:#0ea5e9;color:#0369a1;font-weight:600}.stock-update__table-container .stock-table-wrapper table tbody tr td.warehouse-cell input:focus,.stock-update__table-container .stock-table-wrapper table tbody tr td.warehouse-cell select:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0ea5e91a}.stock-update__table-container .stock-table-wrapper table tbody tr td.new-stock-cell{background:linear-gradient(135deg,#fef3c780,#fde0474d)}.stock-update__table-container .stock-table-wrapper table tbody tr td.new-stock-cell input,.stock-update__table-container .stock-table-wrapper table tbody tr td.new-stock-cell select{border-color:#f59e0b;color:#d97706}.stock-update__table-container .stock-table-wrapper table tbody tr td.new-stock-cell input:focus,.stock-update__table-container .stock-table-wrapper table tbody tr td.new-stock-cell select:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.stock-update__table-container .stock-table-wrapper table tbody tr td.editable-cell input{min-width:100px}.stock-update__table-container .stock-table-wrapper table tbody tr td.empty-cell{color:#cbd5e1;font-style:italic;text-align:center}.stock-update .status-indicator{align-items:center;border-radius:8px;display:inline-flex;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:4px 10px}.stock-update .status-indicator.success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.stock-update .status-indicator.warning{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}@media(max-width:768px){.stock-update{padding:1rem}.stock-update .page-header h1{font-size:1.5rem}.stock-update__top-row{align-items:stretch;flex-direction:column}.stock-update__tab-navigation,.stock-update__view-toggle{flex-direction:column;gap:.5rem;width:100%}.stock-update__tab-navigation .tab-button,.stock-update__tab-navigation .view-toggle-button,.stock-update__view-toggle .tab-button,.stock-update__view-toggle .view-toggle-button{margin:5px 0;text-align:center;width:100%}.stock-update__actions{flex-direction:column;width:100%}.stock-update__actions .stock-update-button{width:100%}.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields,.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields .field-row,.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields-existing,.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields-existing .field-row,.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields-new,.stock-update__cards-container .material-card .warehouse-stocks .warehouse-stock-card .stock-fields-new .field-row,.stock-update__cards-container .material-card .warehouse-stocks-vertical .warehouse-stock-card .stock-fields,.stock-update__cards-container .material-card .warehouse-stocks-vertical .warehouse-stock-card .stock-fields .field-row,.stock-update__cards-container .material-card .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-existing,.stock-update__cards-container .material-card .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-existing .field-row,.stock-update__cards-container .material-card .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-new,.stock-update__cards-container .material-card .warehouse-stocks-vertical .warehouse-stock-card .stock-fields-new .field-row{grid-template-columns:1fr}.stock-update__bottom-actions{flex-direction:column}.stock-update__bottom-actions .cancel-button,.stock-update__bottom-actions .submit-button{width:100%}.stock-update__table-container .stock-table-wrapper{max-height:50vh}}.view-toggle-button.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.warehouse-name-badge{background:#dbeafe;border-radius:6px;color:#1e40af;font-size:.75rem;font-weight:600;padding:4px 10px}.warehouse-name-text{color:#1e293b;font-size:.9rem;font-weight:600}.stock-update{background-color:#fff;background-color:var(--bg-primary);border:.1px solid #ccc;border:.1px solid var(--border-primary);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#1e293b;color:var(--text-primary);padding:20px}.stock-update .stock-update__top-row{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.stock-update__actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 10px;width:100%}.stock-update__bottom-actions{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding:1.5rem}.stock-update__bottom-actions .submit-button{font-size:16px;font-weight:600;padding:12px 32px}.stock-update__bottom-actions .cancel-button{background:#fff;border:1px solid #e2e8f0;color:#64748b;font-size:16px;font-weight:500;padding:12px 32px}.stock-update__bottom-actions .cancel-button:hover{background:#f1f5f9}.stock-update__instructions{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:2rem;padding:1rem}.stock-update__instructions .instruction-content{align-items:flex-start;display:flex;gap:1rem}.stock-update__instructions .instruction-content i{color:#2563eb;font-size:1.25rem;margin-top:.25rem}.stock-update__instructions .instruction-content p{color:#1e40af;font-size:.9rem;margin:0}.stock-update__cards-container .stock-cards-grid{display:flex;flex-direction:column;gap:24px}.stock-update__cards-container .material-group-wrapper{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.stock-update__cards-container .material-group-header{background:#f8fafc;border-bottom:2px solid #e2e8f0;cursor:pointer;padding:20px 24px;transition:background .2s}.stock-update__cards-container .material-group-header:hover{background:#f1f5f9}.stock-update__cards-container .material-group-header>div{align-items:center;display:flex;gap:16px;justify-content:space-between}.stock-update__cards-container .material-group-header .material-info-left{align-items:center;display:flex;flex:1 1;gap:12px}.stock-update__cards-container .material-group-header .material-info-left .expand-arrow{color:#64748b;font-size:1.3rem;transition:transform .3s}.stock-update__cards-container .material-group-header .material-info-left .expand-arrow.expanded{transform:rotate(90deg)}.stock-update__cards-container .material-group-header .material-info-left .product-details .product-name{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 4px}.stock-update__cards-container .material-group-header .material-info-left .product-details .product-code{color:#64748b;font-size:.85rem}.stock-update__cards-container .material-group-header .material-info-right{align-items:center;display:flex;gap:16px}.stock-update__cards-container .material-group-header .material-info-right .variants-count{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:.9rem;padding:6px 12px}.stock-update__cards-container .material-group-header .material-info-right .total-stock{background:#10b981;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:700;padding:8px 16px}.stock-update__cards-container .variants-list{background:#fafafa;padding:16px}.stock-update__cards-container .variant-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;overflow:hidden}.stock-update__cards-container .variant-item:last-child{margin-bottom:0}.stock-update__cards-container .variant-item .variant-header{align-items:center;background:#fffbeb;border-bottom:1px solid #fde68a;display:flex;justify-content:space-between;padding:14px 18px}.stock-update__cards-container .variant-item .variant-header .variant-name{align-items:center;color:#92400e;display:flex;font-size:.95rem;font-weight:600;gap:8px}.stock-update__cards-container .variant-item .variant-header .variant-name .variant-icon{font-size:1rem}.stock-update__cards-container .variant-item .variant-header .variant-stock{background:#fff;border-radius:6px;color:#92400e;font-size:.9rem;font-weight:600;padding:4px 12px}.stock-update__cards-container .variant-item .warehouse-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:16px}.stock-update__cards-container .variant-item .warehouse-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;position:relative}.stock-update__cards-container .variant-item .warehouse-item.new-warehouse{background:#fef3c7;border:2px dashed #fbbf24}.stock-update__cards-container .variant-item .warehouse-item .warehouse-name-bar{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:14px;padding-bottom:10px}.stock-update__cards-container .variant-item .warehouse-item .warehouse-name-bar .warehouse-name{align-items:center;color:#0284c7;display:flex;font-size:.9rem;font-weight:600;gap:6px}.stock-update__cards-container .variant-item .warehouse-item .warehouse-name-bar .warehouse-name:before{content:"📦"}.stock-update__cards-container .variant-item .warehouse-item .warehouse-name-bar .remove-btn{align-items:center;background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;transition:all .2s;width:24px}.stock-update__cards-container .variant-item .warehouse-item .warehouse-name-bar .remove-btn:hover{background:#dc2626;transform:scale(1.1)}.stock-update__cards-container .variant-item .warehouse-item .stock-info{display:flex;flex-direction:column;gap:10px}.stock-update__cards-container .variant-item .warehouse-item .stock-info .info-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:100px 1fr}.stock-update__cards-container .variant-item .warehouse-item .stock-info .info-row .label{color:#64748b;font-size:.8rem;font-weight:500}.stock-update__cards-container .variant-item .warehouse-item .stock-info .info-row .value{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1e293b;font-size:.9rem;font-weight:600;padding:6px 10px}.stock-update__cards-container .variant-item .warehouse-item .stock-info .info-row .value.highlight{background:#dbeafe;border-color:#0ea5e9;color:#0369a1}.stock-update__cards-container .variant-item .warehouse-item .stock-info .info-row .value.success{background:#d1fae5;border-color:#10b981;color:#065f46}.stock-update__cards-container .variant-item .warehouse-item .stock-info .info-row input,.stock-update__cards-container .variant-item .warehouse-item .stock-info .info-row select{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:8px 10px;width:100%}.stock-update__cards-container .variant-item .warehouse-item .stock-info .info-row input:focus,.stock-update__cards-container .variant-item .warehouse-item .stock-info .info-row select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.stock-update__cards-container .variant-item .warehouse-item .stock-info .edit-controls{border-top:1px solid #e5e7eb;margin-top:8px;padding-top:12px}.stock-update__cards-container .variant-item .warehouse-item .stock-info .edit-controls .quick-adjust{display:flex;gap:8px;margin-bottom:10px}.stock-update__cards-container .variant-item .warehouse-item .stock-info .edit-controls .quick-adjust button{border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:1.2rem;font-weight:700;padding:10px;transition:all .2s}.stock-update__cards-container .variant-item .warehouse-item .stock-info .edit-controls .quick-adjust button.minus{background:#ef4444}.stock-update__cards-container .variant-item .warehouse-item .stock-info .edit-controls .quick-adjust button.minus:hover{background:#dc2626}.stock-update__cards-container .variant-item .warehouse-item .stock-info .edit-controls .quick-adjust button.plus{background:#10b981}.stock-update__cards-container .variant-item .warehouse-item .stock-info .edit-controls .quick-adjust button.plus:hover{background:#059669}.stock-update__cards-container .variant-item .warehouse-item .stock-info .edit-controls .quick-adjust button:active{transform:scale(.95)}.stock-update__cards-container .variant-item .add-warehouse-zone{background:#f9fafb;border-top:1px solid #e5e7eb;padding:12px 18px;text-align:center}.stock-update__cards-container .variant-item .add-warehouse-zone button{background:#fff;border:2px dashed #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-weight:500;max-width:300px;padding:10px 20px;transition:all .2s;width:100%}.stock-update__cards-container .variant-item .add-warehouse-zone button:hover{background:#f1f5f9;border-color:#94a3b8;color:#1e293b}.stock-update__empty-state{background:#fff;border:2px dashed #e5e7eb;border-radius:12px;padding:4rem 2rem;text-align:center}.stock-update__empty-state__empty-icon{color:#cbd5e1;font-size:4rem;margin-bottom:1rem}.stock-update__empty-state h3{color:#1a1a1a;font-size:1.5rem;margin-bottom:.5rem}.stock-update__empty-state p{color:#666;font-size:.95rem}@media(max-width:768px){.stock-update{padding:1rem}.stock-update__cards-container .material-group-header>div{align-items:flex-start;flex-direction:column}.stock-update__cards-container .material-group-header .material-info-right{justify-content:space-between;width:100%}.stock-update__cards-container .stock-info .info-row,.stock-update__cards-container .warehouse-list{grid-template-columns:1fr!important}.stock-update__cards-container .stock-info .info-row .label{margin-bottom:-6px}}.stock-update__filters{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:16px}.stock-update__filters .filter-group{flex:1 1;min-width:200px}.stock-update__filters .filter-group .filter-select,.stock-update__filters .filter-group .search-input{border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;padding:10px 14px;width:100%}.stock-update__filters .filter-group .filter-select:focus,.stock-update__filters .filter-group .search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.stock-cards-compact{display:flex;flex-direction:column;gap:12px}.product-card-compact{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:all .2s}.product-card-compact:hover{box-shadow:0 2px 8px #00000014}.product-header-compact{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background .2s}.product-header-compact:hover{background:#f1f5f9}.product-header-compact .header-left{align-items:center;display:flex;flex:1 1;gap:10px}.product-header-compact .header-left .arrow{color:#64748b;font-size:.9rem;transition:transform .3s}.product-header-compact .header-left .arrow.expanded{transform:rotate(90deg)}.product-header-compact .header-left .product-info{align-items:center;display:flex;gap:10px}.product-header-compact .header-left .product-info .product-name{color:#1e293b;font-size:.95rem;font-weight:600}.product-header-compact .header-left .product-info .product-code{background:#fff;border-radius:4px;color:#94a3b8;font-size:.8rem;padding:2px 8px}.product-header-compact .header-right{align-items:center;display:flex;gap:10px}.product-header-compact .header-right .variants-badge{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.8rem;padding:4px 10px}.product-header-compact .header-right .stock-badge{background:#10b981;border-radius:6px;color:#fff;font-size:.9rem;font-weight:700;min-width:50px;padding:4px 12px;text-align:center}.variants-compact{background:#fafafa;padding:8px}.variant-row-compact{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;padding:10px 12px}.variant-row-compact:last-child{margin-bottom:0}.variant-info-compact{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px}.variant-info-compact .variant-label,.variant-info-compact .variant-stock{color:#92400e;font-size:.85rem;font-weight:600}.variant-info-compact .variant-stock{background:#fef3c7;border-radius:4px;padding:2px 10px}.warehouses-horizontal{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.warehouse-pill{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;font-size:.85rem;gap:6px;max-width:280px;min-width:180px;padding:8px 12px}.warehouse-pill.new{background:#fef3c7;border:2px dashed #fbbf24}.warehouse-pill .warehouse-name-mini{color:#0284c7;font-size:.85rem;font-weight:600}.warehouse-pill .stock-details-mini{display:flex;font-size:.8rem;gap:10px}.warehouse-pill .stock-details-mini .qty{color:#0369a1;font-weight:600}.warehouse-pill .stock-details-mini .rack{color:#64748b}.warehouse-pill .edit-mini{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:6px;margin-top:6px;padding-top:6px}.warehouse-pill .edit-mini .adjust-btns{display:flex;gap:4px}.warehouse-pill .edit-mini .adjust-btns button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:4px 8px;transition:all .2s}.warehouse-pill .edit-mini .adjust-btns button:first-child,.warehouse-pill .edit-mini .adjust-btns button:nth-child(2){background:#ef4444}.warehouse-pill .edit-mini .adjust-btns button:first-child:hover,.warehouse-pill .edit-mini .adjust-btns button:nth-child(2):hover{background:#dc2626}.warehouse-pill .edit-mini .adjust-btns button:nth-child(4),.warehouse-pill .edit-mini .adjust-btns button:nth-child(5){background:#10b981}.warehouse-pill .edit-mini .adjust-btns button:nth-child(4):hover,.warehouse-pill .edit-mini .adjust-btns button:nth-child(5):hover{background:#059669}.warehouse-pill .edit-mini .adjust-btns .adjust-input{border:1px solid #d1d5db;border-radius:4px;font-size:.8rem;padding:2px;text-align:center;width:50px}.warehouse-pill .edit-mini .adjust-btns .adjust-input:focus{border-color:#3b82f6;outline:none}.warehouse-pill .edit-mini .new-qty-mini{color:#059669;font-size:.75rem;font-weight:700;text-align:center}.new-stock-inline{display:flex;flex-wrap:wrap;gap:6px}.new-stock-inline .mini-input,.new-stock-inline .mini-select{border:1px solid #fbbf24;border-radius:4px;font-size:.8rem;padding:6px 8px}.new-stock-inline .mini-input:focus,.new-stock-inline .mini-select:focus{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b1a;outline:none}.new-stock-inline .mini-select{min-width:100px}.new-stock-inline .mini-input{width:60px}.new-stock-inline .remove-mini{align-items:center;background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;height:24px;justify-content:center;width:24px}.new-stock-inline .remove-mini:hover{background:#dc2626}.add-warehouse-mini{background:#fff;border:2px dashed #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 14px;transition:all .2s}.add-warehouse-mini:hover{background:#f1f5f9;border-color:#94a3b8}@media(max-width:768px){.product-header-compact{align-items:flex-start;flex-direction:column;gap:8px}.product-header-compact .header-right{justify-content:space-between;width:100%}.warehouses-horizontal{flex-direction:column}.warehouses-horizontal .warehouse-pill{max-width:none;width:100%}}.stock-update .stock-update__metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:10px}.stock-update .metric-tile{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:12px;display:flex;justify-content:space-between;padding:10px;transition:.2s ease}.stock-update .metric-tile:hover{border-color:#e2e8f0;border-color:var(--border-secondary);box-shadow:0 4px 10px #0000000d}.stock-update .metric-tile__content{display:flex;flex-direction:column;gap:2px;min-width:0}.stock-update .metric-tile__title{color:#475569;color:var(--text-secondary);font-size:12px;font-weight:600}.stock-update .metric-tile__value{color:#1e293b;color:var(--text-primary);font-size:26px;font-weight:700;line-height:1}.stock-update .metric-tile__icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.stock-update .metric-tile__icon svg{height:18px;width:18px}.stock-update .metric-tile__icon--neutral{background:#64748b1f;color:#64748b}.stock-update .metric-tile__icon--success{background:#36c76c1f;color:#36c76c}.stock-update .metric-tile__icon--warning{background:#f59e0b1f;color:#f59e0b}.stock-update .metric-tile__icon--info{background:#3b82f61f;color:#3b82f6}.stock-update .stock-update__tip-banner{align-items:flex-start;background:#36c76c14;border:1px solid #36c76c40;border-radius:12px;display:flex;gap:10px;margin-bottom:16px;padding:10px 14px}.stock-update .stock-update__tip-banner .stock-update__tip-icon{color:#36c76c;flex-shrink:0;height:18px;margin-top:1px;width:18px}.stock-update .stock-update__tip-banner .stock-update__tip-icon svg{height:100%;width:100%}.stock-update .stock-update__tip-banner p{color:#1e293b;color:var(--text-primary);font-size:12.5px;margin:0}.stock-update .stock-update__tip-banner p strong{font-weight:600}.stock-update .stock-update__layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 280px;position:relative;transition:grid-template-columns .28s ease,gap .28s ease}.stock-update .stock-update__layout--collapsed{gap:0;grid-template-columns:minmax(0,1fr) 0}.stock-update .stock-update__main{min-width:0}.stock-update .stock-update__sidebar-toggle{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary,#e2e5ea);border-radius:50%;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:280px;top:0;transform:translateX(50%);transition:right .28s ease,box-shadow .15s ease,color .15s ease,border-color .15s ease;width:24px;z-index:2}.stock-update .stock-update__sidebar-toggle svg{height:14px;width:14px}.stock-update .stock-update__sidebar-toggle:hover{border-color:#3b82f6;box-shadow:0 2px 6px #00000014;color:#3b82f6}.stock-update .stock-update__sidebar-toggle:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.stock-update .stock-update__layout--collapsed .stock-update__sidebar-toggle{right:0}.stock-update .action-card{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary,#e2e5ea);border-radius:20px;cursor:pointer;display:flex;gap:10px;padding:5px;text-align:left;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease}.stock-update .action-card:hover{box-shadow:0 4px 10px #00000014;transform:translateY(-1px)}.stock-update .action-card:active{transform:translateY(0)}.stock-update .action-card:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.stock-update .action-card .action-card-icon{align-items:center;background:#2663eb1a;border-radius:8px;color:#2663eb;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.stock-update .action-card .action-card-copy{display:flex;flex-direction:column;line-height:1.25}.stock-update .action-card .action-card-title{color:#1e293b;color:var(--text-primary);font-size:13.5px;font-weight:600}.stock-update .action-card .action-card-desc{color:#475569;color:var(--text-secondary);font-size:11.5px}.stock-update .action-card--success{background:#36c76c14;border-color:#36c76c66}.stock-update .action-card--success .action-card-icon{background:#36c76c26;color:#36c76c}.stock-update .stock-update__sidebar{display:flex;flex-direction:column;gap:14px;min-width:0;opacity:1;overflow:hidden;transform:translateX(0);transition:opacity .2s ease,transform .28s ease}.stock-update .stock-update__sidebar--collapsed{opacity:0;pointer-events:none;transform:translateX(12px)}.stock-update .sidebar-card__header{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:0;text-align:left;width:100%}.stock-update .sidebar-card__header h4{margin:0}.stock-update .sidebar-card__header.is-expanded{margin-bottom:10px}.stock-update .sidebar-card__chevron{color:#475569;color:var(--text-secondary);flex-shrink:0;height:14px;transition:transform .2s ease;width:14px}.stock-update .sidebar-card__chevron.is-collapsed{transform:rotate(-90deg)}.stock-update .sidebar-card__body{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .25s ease,opacity .2s ease}.stock-update .sidebar-card__body.is-collapsed{grid-template-rows:0fr;opacity:0}.stock-update .sidebar-card__body-inner{min-height:0;overflow:hidden}.stock-update .sidebar-card{background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:12px;padding:14px 16px}.stock-update .sidebar-card h4{color:#1e293b;color:var(--text-primary);font-size:13px;font-weight:700;margin:0 0 10px}.stock-update .sidebar-card p{color:#475569;color:var(--text-secondary);font-size:12px;line-height:1.5;margin:0}.stock-update .sidebar-card--info{border-color:#2663eb40}.stock-update .sidebar-card--success{border-color:#36c76c40}.stock-update .sidebar-card--warning{background:#ff66920a;border-color:#ff66924d}.stock-update .sidebar-card--warning h4{color:#ff6692}.stock-update .sidebar-steps{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.stock-update .sidebar-steps li{display:flex;flex-direction:column;gap:1px}.stock-update .sidebar-steps li strong{color:#1e293b;color:var(--text-primary);font-size:12.5px;font-weight:600}.stock-update .sidebar-steps li span{color:#475569;color:var(--text-secondary);font-size:11.5px}.stock-update .sidebar-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.stock-update .sidebar-list li{color:#475569;color:var(--text-secondary);font-size:12px;padding-left:18px;position:relative}.stock-update .sidebar-list li:before{background:#36c76c33;border:2px solid #36c76c;border-radius:50%;content:"";height:8px;left:0;position:absolute;top:6px;width:8px}@media(max-width:1320px){.stock-update .stock-update__metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.stock-update .stock-update__layout,.stock-update .stock-update__layout--collapsed{grid-template-columns:1fr}.stock-update .stock-update__sidebar-toggle{display:none}.stock-update .stock-update__sidebar{flex-direction:row;flex-wrap:wrap;opacity:1;pointer-events:auto;transform:none}.stock-update .stock-update__sidebar .sidebar-card{flex:1 1 240px}.stock-update .stock-update__metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stock-update .stock-update__metrics-grid{gap:10px;grid-template-columns:1fr 1fr}.stock-update .stock-update__sidebar{flex-direction:column}}@media(max-width:480px){.stock-update .stock-update__metrics-grid{grid-template-columns:1fr}}.scan-overlay{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1200}.scan-popup{background:#fff;background:var(--bg-primary,#fff);border-radius:16px;box-shadow:0 20px 50px #00000040;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;flex-direction:column;max-height:92vh;max-width:560px;overflow:hidden;width:100%}.scan-popup.qr-modal{max-width:1040px}.scan-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary,#e2e8f0);display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.scan-header h3{font-size:1.15rem;margin:2px 0 0}.scan-subline{color:#64748b;font-size:.82rem;margin:4px 0 0}.scan-kind{background:#eaf2ff;border-radius:999px;color:#3b82f6;font-size:.7rem;font-weight:600;padding:1px 8px;text-transform:none;white-space:nowrap}.scan-close{background:#0000;border:none;color:inherit;cursor:pointer;font-size:1.1rem}.scan-body{overflow-y:auto;padding:16px 20px}.scan-empty{color:#64748b;font-size:.85rem;margin:4px 0}.scan-error{color:#f87171}.scan-hint{background:#fffbeb;border-radius:8px;color:#92400e;font-size:.8rem;margin:0;padding:8px 10px}.scan-hint-center{color:#64748b;font-size:.85rem;margin:10px 0 0;text-align:center}.pill{background:#36c76c;color:#fff;font-weight:700;padding:2px 10px}.pill,.rack-chip{border-radius:6px;font-size:.78rem;white-space:nowrap}.rack-chip{background:#eaf2ff;color:#3b82f6;padding:1px 8px}.scan-actions{background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:8px}.scan-tabs{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr)}.scan-tab{background:#fff;border:none;border-radius:8px;color:#334155;cursor:pointer;font-size:.78rem;font-weight:600;line-height:1.2;padding:6px 8px}.scan-tab:disabled{cursor:not-allowed;opacity:.4}.scan-tab.scan-tab--inbound{background:#e8f8ee;color:#227f45}.scan-tab.scan-tab--inbound.active{background:#36c76c;color:#fff}.scan-tab.scan-tab--outbound{background:#fef5f5;color:#e07070}.scan-tab.scan-tab--outbound.active{background:#f87171;color:#fff}.scan-tab.scan-tab--transfer{background:#eaf2ff;color:#3b82f6}.scan-tab.scan-tab--transfer.active{background:#3b82f6;color:#fff}.scan-quick{align-items:center;display:flex;flex-wrap:wrap;font-size:.78rem;gap:4px}.scan-quick button{background:#e8f8ee;border:none;border-radius:6px;color:#227f45;cursor:pointer;padding:2px 8px}.scan-field{color:#475569;display:flex;flex-direction:column;font-size:.76rem;gap:3px;min-width:0}.scan-field input,.scan-field select{background:#fff;border:1px solid #dbe2ea;border-radius:8px;box-sizing:border-box;font-size:.85rem;min-width:0;padding:5px 8px}.scan-qty-row{align-items:stretch;box-sizing:border-box;display:flex;gap:4px;min-width:0;width:100%}.scan-qty-row input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;flex:1 1;font-size:.85rem;min-width:0;padding:5px 8px}.scan-qty-row input:focus{border-color:#3b82f6;outline:none}.scan-qty-row button{flex:0 0 auto}.scan-after{color:#64748b}.quick-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:4px 10px}.quick-btn:disabled{cursor:not-allowed;opacity:.4}.quick-btn--add{background:#36c76c}.quick-btn--remove{background:#f87171}.quick-btn--neutral{background:#64748b}.scan-submit{background:#36c76c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:7px 10px}.scan-submit:disabled{cursor:not-allowed;opacity:.5}.qr-reader{background:#0f172a;border-radius:12px;min-height:260px;overflow:hidden;width:100%}.qrd-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 340px}.qrd-settings{display:flex;flex-direction:column;gap:18px;min-width:0}.qrd-settings section{border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:14px}.qrd-settings h4{font-size:.9rem;margin:0}.qrd-row-actions{display:flex;gap:8px}.qrd-row-actions button{background:#fff;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;font-size:.75rem;padding:3px 10px}.qrd-items{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));max-height:170px;overflow-y:auto;padding:2px}.qrd-toggle{align-items:center;cursor:pointer;display:flex;font-size:.82rem;gap:8px}.qrd-toggle input{height:16px;width:16px}.qrd-toggles{display:flex;flex-wrap:wrap;gap:8px 18px}.qrd-note{color:#64748b;font-size:.82rem;margin:0}.qrd-note.small{font-size:.74rem}.qrd-warning{background:#fffbeb;border-radius:8px;color:#b45309;font-size:.8rem;margin:0;padding:6px 10px}.qrd-templates{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.qrd-template{align-items:flex-start;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;gap:8px;padding:8px 10px}.qrd-template span{display:flex;flex-direction:column}.qrd-template strong{font-size:.82rem}.qrd-template small{color:#64748b;font-size:.72rem;margin-top:2px}.qrd-template.active{background:#eaf2ff;border-color:#3b82f6}.qrd-size{display:flex;flex-direction:column;gap:6px}.qrd-size .qrd-size-head{display:flex;font-size:.85rem;justify-content:space-between}.qrd-size .qrd-size-head strong{color:#3b82f6}.qrd-size input[type=range]{width:100%}.qrd-chips{display:flex;flex-wrap:wrap;gap:6px}.qrd-chips button{background:#fff;border:1px solid #cbd5e1;border-radius:999px;cursor:pointer;font-size:.78rem;padding:3px 12px}.qrd-chips button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.qrd-grid2{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.qrd-field{color:#475569;display:flex;flex-direction:column;font-size:.78rem;gap:4px}.qrd-field input,.qrd-field select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;font-size:.88rem;padding:7px 9px;width:100%}.qrd-field small{color:#94a3b8;font-size:.7rem}.qrd-input-wrap{position:relative}.qrd-input-wrap em{color:#94a3b8;font-size:.72rem;font-style:normal;pointer-events:none;position:absolute;right:28px;top:50%;transform:translateY(-50%)}.qrd-reset{align-self:flex-start;background:#fee2e2;border:none;border-radius:8px;color:#f52d2d;cursor:pointer;font-size:.78rem;padding:6px 12px}.qrd-preview{align-items:center;display:flex;flex-direction:column;gap:10px;position:sticky;top:0}.qrd-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:.82rem;line-height:1.5;padding:8px 12px;width:100%}.qrd-page-wrap{background:#fff;border:1px solid #cbd5e1;box-shadow:0 2px 8px #0000001f;flex:none;overflow:hidden}.qrd-pager{align-items:center;display:flex;font-size:.82rem;gap:12px}.qrd-pager button{background:#fff;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;height:28px;width:28px}.qrd-pager button:disabled{cursor:default;opacity:.4}.qrd-buttons{display:flex;gap:8px;width:100%}.qrd-buttons button{background:#fff;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:9px 12px}.qrd-buttons button.primary{background:#36c76c;border-color:#36c76c;color:#fff}.qrd-buttons button.primary:disabled{cursor:not-allowed;opacity:.5}@media(max-width:860px){.qrd-layout{grid-template-columns:1fr}.qrd-preview{position:static}}@media(max-width:520px){.qrd-grid2,.scan-tabs{grid-template-columns:1fr}}.qr-trigger{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#334155;cursor:pointer;display:inline-flex;font-size:.75rem;gap:4px;justify-content:center;padding:3px 8px}.qr-trigger:hover{background:#eaf2ff;border-color:#3b82f6;color:#3b82f6}.qr-trigger--scan{border-radius:10px;font-size:.9rem;font-weight:600;padding:10px 16px}.txn-selector{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);margin:0 0 12px}.txn-option{background:#f1f5f9;border:none;border-radius:8px;color:#334155;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:8px 10px;text-align:left}.txn-option strong{font-size:.85rem}.txn-option.active{color:#fff}.txn-option--inbound.active{background:#36c76c}.txn-option--outbound.active{background:#f87171}.txn-option--transfer.active{background:#3b82f6}.txn-note{color:#92400e;font-size:.75rem}@media(max-width:640px){.txn-selector{grid-template-columns:1fr}}.edit-mini .adjust-btns button{border:none!important}.edit-mini .adjust-btns button.adjust-btn--add{background:#36c76c!important;color:#fff!important}.edit-mini .adjust-btns button.adjust-btn--remove{background:#f87171!important;color:#fff!important}.edit-mini .adjust-btns button.adjust-btn--move{background:#3b82f6!important;color:#fff!important}.edit-mini .adjust-btns button:disabled{opacity:.4}.chip-group{align-items:center;display:flex;flex-wrap:wrap;gap:4px;min-width:0}.chip-empty{color:#64748b;font-size:.78rem;margin:0}.chip{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 1px 2px #0f172a24,inset 0 0 0 1px #dbe2ea;box-sizing:border-box;color:#334155;cursor:pointer;display:inline-flex;flex-direction:row;font-size:.78rem;font-weight:600;gap:4px;height:26px;line-height:1;max-width:100%;overflow:hidden;padding:0 10px;text-overflow:ellipsis;text-transform:none;transition:background .12s,box-shadow .12s,transform .08s;-webkit-user-select:none;user-select:none;white-space:nowrap}.chip:not(:disabled):not(.active):hover{background:#f1f5f9;box-shadow:0 2px 5px #0f172a2e,inset 0 0 0 1px #cbd5e1;transform:translateY(-1px)}.chip--green:not(:disabled):not(.active):hover{background:#e8f8ee}.chip--red:not(:disabled):not(.active):hover{background:#fee2e2}.chip--blue:not(:disabled):not(.active):hover{background:#eaf2ff}.chip:not(:disabled):active{box-shadow:inset 0 1px 3px #0f172a33;transform:translateY(0)}.chip:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}.chip.active{box-shadow:0 1px 3px #0f172a40}.chip small{font-size:.72rem;font-weight:500;letter-spacing:0;opacity:.75;text-transform:none;white-space:nowrap}.chip:disabled{cursor:not-allowed;opacity:.45}.chip--sm{border-radius:6px;font-size:.74rem;height:24px;padding:0 8px}.chip--new{background:#fff;color:#64748b}.chip--green.active{background:#36c76c;color:#fff}.chip--red.active{background:#f87171;color:#fff}.chip--blue.active{background:#3b82f6;color:#fff}.chip--new.active{background:#e2e8f0;color:#0f172a}.rack-picker{display:flex;flex-direction:column;gap:6px}.rack-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;flex:0 0 auto;font-size:.78rem;height:26px;padding:0 8px;width:110px}.rack-input:focus{border-color:#3b82f6;outline:none}.scan-remarks{background:#fff;border:1px solid #dbe2ea;border-radius:8px;font-size:.82rem;padding:5px 8px}.scan-step{align-items:center;color:#475569;display:flex;font-size:.78rem;font-weight:700;gap:6px;margin-top:2px}.scan-step .step-no{align-items:center;background:#e2e8f0;border-radius:50%;color:#334155;display:inline-flex;font-size:.68rem;height:18px;justify-content:center;width:18px}.chip-stack{display:flex;flex-direction:column;gap:4px;width:100%}.chip-label{color:#64748b;font-size:.72rem;font-weight:600;letter-spacing:0;text-transform:none}.warehouse-picker{display:flex;flex-direction:column;gap:4px;width:100%}.scan-overlay--full{align-items:stretch;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a59;inset:0;z-index:3000}.scan-popup--full{border-radius:12px;box-shadow:0 10px 30px #0003;font-size:1rem;height:100%;max-height:100%;max-width:960px;min-width:520px;width:62vw}.scan-popup--full .scan-header{align-items:center;padding:8px 12px}.scan-popup--full .scan-header h3{font-size:1rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scan-title-row{flex:1 1;min-width:0}.scan-header-right,.scan-title-row{align-items:center;display:flex;gap:8px}.scan-header-right{color:#64748b;flex:none;font-size:.8rem;white-space:nowrap}.scan-specs{grid-gap:2px 16px;border-bottom:1px solid #eef2f6;display:grid;font-size:.78rem;gap:2px 16px;grid-template-columns:repeat(2,minmax(0,1fr));padding:6px 12px}.scan-spec{display:flex;gap:8px;justify-content:space-between;min-width:0}.scan-spec span{color:#64748b;white-space:nowrap}.scan-spec strong{font-weight:600;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.scan-main{display:flex;flex:1 1;flex-direction:column;min-height:0}.scan-main--single{display:block;overflow-y:auto}.scan-variants{background:#f8fafc;border-bottom:1px solid #eef2f6;display:flex;flex:none;flex-direction:column;max-height:138px;min-height:0}.scan-variants-search{padding:4px 8px}.scan-variants-search input{border:1px solid #dbe2ea;border-radius:6px;box-sizing:border-box;font-size:.8rem;padding:4px 8px;width:100%}.scan-variants-list{flex:1 1;overflow-y:auto}.scan-variant-row{align-items:center;background:#0000;border:none;border-left:3px solid #0000;color:inherit;cursor:pointer;display:flex;font-size:.8rem;gap:8px;padding:5px 10px;text-align:left;width:100%}.scan-variant-row .scan-variant-title{display:flex;flex:1 1;flex-direction:column;min-width:0}.scan-variant-row .scan-variant-title strong{font-size:.8rem}.scan-variant-row .scan-variant-title small{color:#64748b;font-size:.72rem}.scan-variant-row:hover{background:#eaf2ff}.scan-variant-row.active{background:#eaf2ff;border-left-color:#3b82f6}.scan-empty.pad{padding:8px}.scan-detail{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:8px 12px 12px}.scan-detail-title{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.scan-detail-title h4{font-size:.95rem;margin:0}.scan-detail-title small{color:#64748b}.scan-detail-grid{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.scan-section-title{color:#64748b;font-size:.72rem;font-weight:700;letter-spacing:0;margin:0 0 4px;text-transform:none}.scan-pick{background:#f8fafc;border-radius:8px;color:#334155;font-size:.8rem;margin:0;padding:5px 8px}.wh-overview{display:flex;flex-direction:column;gap:6px}.wh-card{background:#fff;border-radius:8px;box-shadow:inset 0 0 0 1px #eef2f6;overflow:hidden}.wh-card-head{align-items:center;background:#f1f5f9;display:flex;font-size:.8rem;justify-content:space-between;padding:4px 10px}.wh-card-head small{color:#64748b}.wh-rack-row{align-items:center;border-top:1px solid #f1f5f9;display:flex;font-size:.78rem;justify-content:space-between;padding:3px 10px}.wh-rack-row small{color:#64748b}.wr-picker{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.wr-card{background:#fff;border-radius:8px;box-shadow:inset 0 0 0 1px #e2e8f0;display:flex;flex-direction:column;gap:4px;padding:6px 8px}.wr-card.selected{box-shadow:inset 0 0 0 2px #3b82f6}.wr-head{align-items:center;display:flex;gap:6px}.wr-head strong{flex:1 1;font-size:.82rem}.wr-tag{align-items:center;background:#fef3d0;border-radius:999px;color:#92400e;display:inline-flex;font-size:.7rem;font-weight:600;height:20px;letter-spacing:0;padding:0 8px;text-transform:none;white-space:nowrap}.wr-total{color:#64748b;font-size:.75rem;font-weight:600}.chip--neutral.active{background:#64748b;color:#fff}@media(max-width:900px){.scan-popup--full{border-radius:0;max-width:none;min-width:0;width:100vw}.scan-detail{padding:8px}}@media(max-width:640px){.scan-detail-grid{grid-template-columns:1fr}.scan-popup--full .scan-header{align-items:flex-start;flex-wrap:wrap;gap:6px}.scan-popup--full .scan-header h3{flex:1 1 160px;overflow-wrap:anywhere;white-space:normal}.scan-popup--full .scan-header-right{flex:1 1 100%;flex-wrap:wrap;justify-content:space-between;white-space:normal}}.stock-update .stock-update__bottom-actions .submit-button,.stock-update .submit-button{background:#36c76c!important;border-color:#36c76c!important;color:#fff!important}.stock-update .stock-update__bottom-actions .submit-button:hover:not(:disabled),.stock-update .submit-button:hover:not(:disabled){background:#2faf5f!important;border-color:#2faf5f!important}.stock-update .stock-update__bottom-actions .submit-button span,.stock-update .stock-update__bottom-actions .submit-button svg,.stock-update .submit-button span,.stock-update .submit-button svg{color:#fff!important}.stock-update .txn-selector .txn-option{border:none;border-radius:8px;box-shadow:none;padding:8px 10px}.stock-update .txn-selector .txn-option.txn-option--inbound{background:#e8f8ee;color:#227f45}.stock-update .txn-selector .txn-option.txn-option--inbound.active{background:#36c76c;color:#fff}.stock-update .txn-selector .txn-option.txn-option--outbound{background:#fef5f5;color:#e07070}.stock-update .txn-selector .txn-option.txn-option--outbound.active{background:#f87171;color:#fff}.stock-update .txn-selector .txn-option.txn-option--transfer{background:#eaf2ff;color:#3b82f6}.stock-update .txn-selector .txn-option.txn-option--transfer.active{background:#3b82f6;color:#fff}.stock-update .stock-update__actions{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;margin:0 0 8px;overflow-x:auto;padding:0}.stock-update .stock-update__actions>*{flex:0 0 auto;margin:0}.stock-update .stock-update__actions .stock-update__tab-navigation,.stock-update .stock-update__actions .stock-update__view-toggle{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;margin:0}.stock-update .stock-update__actions .tab-button,.stock-update .stock-update__actions .view-toggle-button{font-size:.8rem;padding:6px 10px;white-space:nowrap}.stock-update .stock-update__actions .action-card{align-items:center;display:inline-flex;flex-direction:row;gap:6px;min-height:0;padding:6px 12px;white-space:nowrap;width:auto}.stock-update .stock-update__actions .action-card .action-card-copy{align-items:center;display:inline-flex}.stock-update .stock-update__actions .action-card .action-card-title{font-size:.82rem;font-weight:600}.stock-update .stock-update__actions .action-card .action-card-desc{display:none}.stock-update .stock-update__actions .qr-trigger--scan{border-radius:8px;font-size:.8rem;padding:6px 12px;white-space:nowrap}.stock-update .stock-update__actions .view-toggle-button{gap:0;min-width:0;padding:6px 8px}.stock-update .stock-update__actions .view-toggle-button svg{margin:0}.scan-popup--full .scan-header{padding:12px 16px}.scan-popup--full .scan-header h3{color:#0f172a;font-size:1.3rem;font-weight:800;letter-spacing:-.01em}.scan-popup--full .scan-kind{font-size:.8rem;padding:2px 10px}.scan-popup--full .scan-header-right{color:#334155;font-size:1rem;font-weight:600;gap:10px}.scan-popup--full .scan-close{font-size:1.4rem;padding:4px 8px}.scan-popup--full .scan-specs{font-size:.95rem;gap:6px 24px;padding:10px 16px}.scan-popup--full .scan-spec strong{color:#0f172a;font-weight:700}.scan-popup--full .scan-variants{max-height:190px}.scan-popup--full .scan-variants-search{padding:8px 12px}.scan-popup--full .scan-variants-search input{font-size:1rem;padding:8px 10px}.scan-popup--full .scan-variant-row{border-left-width:4px;font-size:1rem;padding:10px 14px}.scan-popup--full .scan-variant-row .scan-variant-title strong{font-size:1.05rem;font-weight:700}.scan-popup--full .scan-variant-row .scan-variant-title small{font-size:.85rem}.scan-popup--full .scan-detail{padding:14px 16px 18px}.scan-popup--full .scan-detail-title h4{font-size:1.15rem;font-weight:700}.scan-popup--full .scan-detail-grid{gap:16px}.scan-popup--full .scan-section-title{font-size:.85rem;margin-bottom:8px}.scan-popup--full .scan-pick{font-size:.95rem;padding:8px 10px}.scan-popup--full .pill{font-size:.95rem;padding:3px 12px}.scan-popup--full .rack-chip{font-size:.9rem;padding:2px 10px}.scan-popup--full .wh-overview{gap:10px}.scan-popup--full .wh-card-head{font-size:1rem;font-weight:700;padding:8px 12px}.scan-popup--full .wh-rack-row{font-size:1rem;padding:8px 12px}.scan-popup--full .scan-actions{gap:12px;padding:12px}.scan-popup--full .scan-tab{font-size:.95rem;padding:10px 8px}.scan-popup--full .scan-quick{font-size:.95rem;gap:6px}.scan-popup--full .scan-quick button{padding:5px 12px}.scan-popup--full .scan-field{font-size:.9rem;gap:4px}.scan-popup--full .scan-field input,.scan-popup--full .scan-field select{font-size:1rem;padding:9px 10px}.scan-popup--full .scan-qty-row{gap:6px}.scan-popup--full .scan-qty-row input{font-size:1.05rem;padding:9px 10px}.scan-popup--full .quick-btn{font-size:.95rem;padding:8px 14px}.scan-popup--full .scan-remarks{font-size:.95rem;padding:9px 10px}.scan-popup--full .scan-submit{font-size:1.05rem;padding:11px 14px}.scan-popup--full .scan-step{font-size:.95rem}.scan-popup--full .scan-step .step-no{font-size:.8rem;height:22px;width:22px}.scan-popup--full .scan-after,.scan-popup--full .scan-empty,.scan-popup--full .scan-hint{font-size:.95rem}.scan-popup--full .chip{border-radius:8px;font-size:.95rem;height:34px;padding:0 14px}.scan-popup--full .chip small{font-size:.8rem}.scan-popup--full .chip-group{gap:6px}.scan-popup--full .chip-label{font-size:.85rem}.scan-popup--full .rack-input{font-size:.95rem;height:34px;width:140px}.scan-popup--full .wr-head strong{font-size:1rem}.scan-popup--full .wr-tag{font-size:.8rem;height:22px}.scan-popup--full .wr-total{font-size:.9rem}.suppliers{background-color:#fff;background-color:var(--bg-primary);border:.1px solid #ccc;border:.1px solid var(--border-primary);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#1e293b;color:var(--text-primary);padding:20px}.suppliers .suppliers__actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px;width:100%}.suppliers .suppliers__unauthorized{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.suppliers .suppliers__unauthorized h3{color:#ff6692;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.suppliers .suppliers__unauthorized p{color:#475569;font-size:1rem;margin:0}.suppliers .create-supplier-button{align-items:center;background-color:#fff;border:.1px solid #ccc;border-radius:30px;color:#000;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:300;gap:10px;justify-content:center;margin:10px;padding:10px 20px;transition:background-color .3s ease}.suppliers .create-supplier-button:hover{background-color:#3b82f6;box-shadow:0 6px 20px #3b82f666;color:#fff;transform:translateY(-2px)}.suppliers .create-supplier-button:hover:before{left:100%}.suppliers .create-supplier-button:active{transform:translateY(0)}.suppliers .create-supplier-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.suppliers .create-supplier-button:disabled:hover{box-shadow:none;transform:none}.suppliers .create-supplier-button.bulk-update-enabled{background:#36c76c;box-shadow:0 4px 12px #36c76c4d;color:#fff}.suppliers .create-supplier-button.bulk-update-enabled:hover{background-color:#2b9f56;box-shadow:0 6px 20px #36c76c66}.suppliers .create-supplier-button .icon{height:18px;width:18px}.suppliers .suppliers-form{background:#fff;border-radius:20px;display:flex;flex-direction:column;margin:0 20px auto}.suppliers .suppliers-form__grid{grid-gap:1.5rem;align-items:flex-start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.suppliers .suppliers-form__grid .supplier-form-group.half-width{grid-column:span 2}.suppliers .supplier-form-group{display:flex;flex-direction:column;justify-content:start}.suppliers .supplier-form-group.full-width{grid-column:1/-1}.suppliers .supplier-form-group .label{color:#1e293b;color:var(--text-primary);font-size:.95rem;font-weight:500;margin-bottom:5px}.suppliers .supplier-form-group .form-input{background-color:#fff;background-color:var(--bg-primary);border:.1px solid #ccc;border-radius:8px;color:#1e293b;color:var(--text-primary);font-size:13px;padding:10px 12px;transition:border .3s ease}.suppliers .supplier-form-group .form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.suppliers .supplier-form-group .form-input::placeholder{color:#64748b}.suppliers .supplier-form-group textarea.form-input{font-family:inherit;min-height:80px;resize:vertical}.suppliers .supplier-form-group select.form-input{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}.suppliers .supplier-form-group select.form-input[multiple]{background-image:none;min-height:100px;padding-right:12px}.suppliers .supplier-form-group .error-placeholder{margin-top:2px;min-height:18px}.suppliers .supplier-form-group .error-placeholder .error-message{color:#ff6692;font-size:.75rem;font-weight:400}.suppliers .supplier-form-group .helper-placeholder{margin-top:4px;min-height:20px}.suppliers .supplier-form-group .helper-placeholder p{color:#64748b;font-size:.75rem;margin:0}.suppliers .button-group{align-items:flex-start;display:flex;flex-direction:column}.suppliers .button-group .label.invisible{height:20px;visibility:hidden}.suppliers .button-group button{margin-top:0}.suppliers .suppliers-form__actions{display:flex;gap:1rem;justify-content:flex-start;margin-top:20px}.suppliers .inline-edit-input{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary)}.suppliers .inline-edit-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f61a;outline:none}.suppliers .star-rating{align-items:center;display:flex;gap:2px}.suppliers .star-rating .star{font-size:16px;transition:color .2s ease}.suppliers .star-rating .star.filled{color:#fbbf24}.suppliers .star-rating .star.empty{color:#d1d5db}.suppliers .suppliers__table-container{margin-top:20px}.suppliers .suppliers__loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.suppliers .suppliers__loading p{color:#475569;font-weight:500;margin:0}.suppliers .suppliers__spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.suppliers .suppliers__empty-state p{max-width:400px}.suppliers .form-input.error{border-color:#ff6692;box-shadow:0 0 0 2px #ff66921a}.suppliers .form-input.valid{border-color:#36c76c;box-shadow:0 0 0 2px #36c76c1a}.suppliers .gst-number,.suppliers .pan-number{font-family:Courier New,monospace;letter-spacing:.5px;text-transform:uppercase}.suppliers .brand-selection .selected-brands{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.suppliers .brand-selection .selected-brands .brand-tag{align-items:center;background-color:#3b82f6;border-radius:12px;color:#fff;display:flex;font-size:12px;gap:4px;padding:4px 8px}.suppliers .brand-selection .selected-brands .brand-tag .remove-brand{cursor:pointer;font-weight:700}.suppliers .brand-selection .selected-brands .brand-tag .remove-brand:hover{color:#ff6692}.suppliers .contact-info{display:flex;flex-direction:column;gap:4px}.suppliers .contact-info .contact-label{color:#64748b;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.suppliers .contact-info .contact-value{color:#1e293b;color:var(--text-primary);font-size:13px}.suppliers .address-display{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suppliers .address-display:hover{background-color:#f8fafc;background-color:var(--bg-secondary);border-radius:4px;box-shadow:0 2px 8px #0000001a;overflow:visible;padding:4px;position:relative;text-overflow:clip;white-space:normal;z-index:10}@media(max-width:1200px){.suppliers .suppliers-form__grid{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:768px){.suppliers{padding:15px}.suppliers h2{font-size:1.2rem}.suppliers .suppliers-form{padding:15px}.suppliers .suppliers-form__grid{gap:1rem;grid-template-columns:1fr}.suppliers .suppliers__actions{flex-direction:column;gap:8px}.suppliers .suppliers__actions .create-supplier-button{margin:5px 0}.suppliers .table-container .table-column.hide-mobile{display:none}}@media(max-width:480px){.suppliers{padding:10px}.suppliers h2{font-size:1rem}.suppliers .suppliers-form{padding:10px}.suppliers .suppliers-form__grid{gap:.75rem}.suppliers .supplier-form-group .form-input{font-size:16px}.suppliers .create-supplier-button{font-size:13px;padding:8px 16px}.suppliers .create-supplier-button .icon{height:16px;width:16px}.suppliers .suppliers-form__grid .supplier-form-group.full-width{grid-column:1}}@media print{.suppliers{border:1px solid #000;box-shadow:none}.suppliers .suppliers-form,.suppliers .suppliers__actions{display:none}}.suppliers-form{animation:slideIn .3s ease-out}.table-row{animation:fadeIn .2s ease-in}.create-supplier-button{overflow:hidden;position:relative}.create-supplier-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.create-supplier-button:hover:before{left:100%}.suppliers .create-supplier-button:focus,.suppliers .form-input:focus,.suppliers button:focus{outline:2px solid #3b82f6;outline-offset:2px}@media(prefers-contrast:high){.suppliers,.suppliers .create-supplier-button,.suppliers .form-input{border:2px solid}}.suppliers .suppliers__metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:10px}.suppliers .metric-tile{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:20px;display:flex;justify-content:space-between;padding:10px;transition:.2s ease}.suppliers .metric-tile:hover{border-color:#e2e8f0;border-color:var(--border-secondary);box-shadow:0 4px 10px #0000000d}.suppliers .metric-tile__content{display:flex;flex-direction:column;gap:2px;min-width:0}.suppliers .metric-tile__title{color:#475569;color:var(--text-secondary,#475569);font-size:12px;font-weight:600}.suppliers .metric-tile__value{color:#1e293b;color:var(--text-primary);font-size:28px;font-weight:700;line-height:1}.suppliers .metric-tile__icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.suppliers .metric-tile__icon svg{height:18px;width:18px}.suppliers .metric-tile__icon--neutral{background:#64748b1f;color:#64748b}.suppliers .metric-tile__icon--success{background:#36c76c1f;color:#36c76c}.suppliers .metric-tile__icon--warning{background:#f59e0b1f;color:#f59e0b}.suppliers .metric-tile__icon--info{background:#3b82f61f;color:#3b82f6}.suppliers .suppliers__tip-banner{align-items:flex-start;background:#36c76c14;border:1px solid #36c76c40;border-radius:20px;display:flex;gap:10px;margin-bottom:16px;padding:10px 14px}.suppliers .suppliers__tip-banner .suppliers__tip-icon{color:#36c76c;flex-shrink:0;height:18px;margin-top:1px;width:18px}.suppliers .suppliers__tip-banner .suppliers__tip-icon svg{height:100%;width:100%}.suppliers .suppliers__tip-banner p{color:#1e293b;color:var(--text-primary);font-size:12.5px;margin:0}.suppliers .suppliers__tip-banner p strong{font-weight:600}.suppliers .suppliers__layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 280px;position:relative;transition:grid-template-columns .28s ease,gap .28s ease}.suppliers .suppliers__layout--collapsed{gap:0;grid-template-columns:minmax(0,1fr) 0}.suppliers .suppliers__main{min-width:0}.suppliers .suppliers__sidebar-toggle{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary,#e2e5ea);border-radius:50%;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:280px;top:0;transform:translateX(50%);transition:right .28s ease,box-shadow .15s ease,color .15s ease,border-color .15s ease;width:24px;z-index:2}.suppliers .suppliers__sidebar-toggle svg{height:14px;width:14px}.suppliers .suppliers__sidebar-toggle:hover{border-color:#3b82f6;box-shadow:0 2px 6px #00000014;color:#3b82f6}.suppliers .suppliers__sidebar-toggle:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.suppliers .suppliers__layout--collapsed .suppliers__sidebar-toggle{right:0}.suppliers .action-card{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary,#e2e5ea);border-radius:20px;cursor:pointer;display:flex;gap:10px;padding:5px;text-align:left;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease}.suppliers .action-card:hover{box-shadow:0 4px 10px #00000014;transform:translateY(-1px)}.suppliers .action-card:active{transform:translateY(0)}.suppliers .action-card:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.suppliers .action-card--disabled{cursor:not-allowed;opacity:.55;pointer-events:none}.suppliers .action-card .action-card-icon{align-items:center;background:#2663eb1a;border-radius:8px;color:#2663eb;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.suppliers .action-card .action-card-copy{display:flex;flex-direction:column;line-height:1.25}.suppliers .action-card .action-card-title{color:#1e293b;color:var(--text-primary);font-size:13.5px;font-weight:600}.suppliers .action-card .action-card-desc{color:#475569;color:var(--text-secondary,#475569);font-size:11.5px}.suppliers .action-card--active{background:#ff669214;border-color:#ff669266}.suppliers .action-card--active .action-card-icon{background:#ff669226;color:#ff6692}.suppliers .action-card--success{background:#36c76c14;border-color:#36c76c66}.suppliers .action-card--success .action-card-icon{background:#36c76c26;color:#36c76c}.suppliers .action-card--danger-outline{border-color:#ff669266}.suppliers .action-card--danger-outline .action-card-title{color:#ff6692}.suppliers .action-card--primary{background:#3b82f6;border-color:#3b82f6}.suppliers .action-card--primary .action-card-desc,.suppliers .action-card--primary .action-card-title{color:#fff}.suppliers .suppliers__table-section{background:#fff;background:var(--bg-primary)}.suppliers .supplier-name-cell{align-items:center;display:flex;gap:8px}.suppliers .supplier-avatar{align-items:center;background:#2663eb1f;border-radius:50%;color:#2663eb;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:26px;justify-content:center;overflow:hidden;width:26px}.suppliers .supplier-name-text{font-weight:500}.suppliers .supplier-status-cell{display:flex;flex-direction:column;gap:2px}.suppliers .supplier-status-caption{font-size:11px}.suppliers .supplier-status-caption.is-enabled{color:#36c76c}.suppliers .supplier-status-caption.is-disabled{color:#475569}.suppliers .supplier-form-group .helper-text{color:#475569;color:var(--text-secondary,#475569);font-size:11.5px}.suppliers .suppliers__empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.suppliers .suppliers__empty-state h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem}.suppliers .suppliers__empty-state p{color:#475569;font-size:1rem;margin:0;max-width:420px}.suppliers .suppliers__empty-state .suppliers__empty-steps{counter-reset:empty-steps;display:inline-flex;flex-direction:column;gap:6px;list-style:none;margin:12px 0 16px;padding:0;text-align:left}.suppliers .suppliers__empty-state .suppliers__empty-steps li{color:#1e293b;color:var(--text-primary);counter-increment:empty-steps;font-size:13px}.suppliers .suppliers__empty-state .suppliers__empty-steps li:before{color:#3b82f6;content:counter(empty-steps) ". ";font-weight:600}.suppliers .suppliers__empty-icon{color:#94a3b8;height:64px;width:64px}.suppliers .suppliers__sidebar{display:flex;flex-direction:column;gap:14px;min-width:0;opacity:1;overflow:hidden;transform:translateX(0);transition:opacity .2s ease,transform .28s ease}.suppliers .suppliers__sidebar--collapsed{opacity:0;pointer-events:none;transform:translateX(12px)}.suppliers .sidebar-card{background:#fff;background:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:20px;padding:14px 16px}.suppliers .sidebar-card h4{color:#1e293b;color:var(--text-primary);font-size:13px;font-weight:700;margin:0 0 10px}.suppliers .sidebar-card p{color:#475569;color:var(--text-secondary,#475569);font-size:12px;line-height:1.5;margin:0}.suppliers .sidebar-card--info{border-color:#2663eb40}.suppliers .sidebar-card--success{border-color:#36c76c40}.suppliers .sidebar-card--warning{background:#ff66920a;border-color:#ff66924d}.suppliers .sidebar-card--warning h4{color:#ff6692}.suppliers .sidebar-card__header{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:0;text-align:left;width:100%}.suppliers .sidebar-card__header h4{margin:0}.suppliers .sidebar-card__header.is-expanded{margin-bottom:10px}.suppliers .sidebar-card__chevron{color:#475569;color:var(--text-secondary,#475569);flex-shrink:0;height:14px;transition:transform .2s ease;width:14px}.suppliers .sidebar-card__chevron.is-collapsed{transform:rotate(-90deg)}.suppliers .sidebar-card__body{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .25s ease,opacity .2s ease}.suppliers .sidebar-card__body.is-collapsed{grid-template-rows:0fr;opacity:0}.suppliers .sidebar-card__body-inner{min-height:0;overflow:hidden}.suppliers .sidebar-steps{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.suppliers .sidebar-steps li{display:flex;flex-direction:column;gap:1px}.suppliers .sidebar-steps li strong{color:#1e293b;color:var(--text-primary);font-size:12.5px;font-weight:600}.suppliers .sidebar-steps li span{color:#475569;color:var(--text-secondary,#475569);font-size:11.5px}.suppliers .sidebar-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.suppliers .sidebar-list li{color:#475569;color:var(--text-secondary,#475569);font-size:12px;padding-left:18px;position:relative}.suppliers .sidebar-list li:before{background:#36c76c33;border:2px solid #36c76c;border-radius:50%;content:"";height:8px;left:0;position:absolute;top:6px;width:8px}@media(max-width:1320px){.suppliers .suppliers__metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.suppliers .suppliers__layout,.suppliers .suppliers__layout--collapsed{grid-template-columns:1fr}.suppliers .suppliers__sidebar-toggle{display:none}.suppliers .suppliers__sidebar{flex-direction:row;flex-wrap:wrap;opacity:1;pointer-events:auto;transform:none}.suppliers .suppliers__sidebar .sidebar-card{flex:1 1 240px}.suppliers .suppliers__metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.suppliers .suppliers__metrics-grid{gap:10px;grid-template-columns:1fr 1fr}.suppliers .suppliers__sidebar{flex-direction:column}.suppliers .action-card{width:100%}}@media(max-width:480px){.suppliers .suppliers__metrics-grid{grid-template-columns:1fr}}.master-container{display:flex;flex-direction:row;margin-top:-10px;padding:10px;position:relative;transition:flex-direction .3s ease;width:100%}@media(max-width:992px){.master-container{padding:8px}}@media(max-width:768px){.master-container{flex-direction:column;padding:4px}}@media(max-width:480px){.master-container{flex-direction:column;padding:4px}}.sidebar-container{background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:20px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1e293b;color:var(--text-primary);height:fit-content;margin-top:0;min-width:250px;padding:10px;position:relative;transition:transform .3s ease,width .3s ease;width:250px}@media(max-width:992px){.sidebar-container{width:220px}}@media(max-width:768px){.sidebar-container{margin-left:0;overflow:hidden;position:static;transform:translateX(0);width:100%}}@media(max-width:480px){.sidebar-container{margin-left:0;overflow:hidden;padding:8px;position:static;transform:translateX(0);width:100%}}.sidebar-container.hidden{display:none;transform:translateX(-95%)}.sidebar-container.hidden .sidebar-toggle-btn{transform:translateX(30px)}.sidebar-container.visible{transform:translateX(-10px)}.sidebar-container.visible .admin-heading{display:none}@media(max-width:768px){.sidebar-container.visible .admin-heading{display:flex}}.sidebar-toggle-btn{align-items:center;background-color:#3b82f6;background-color:var(--active-color);border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;display:none;height:40px;justify-content:center;position:fixed;right:350px;top:100px;transition:background-color .3s ease;width:40px;z-index:100}@media(max-width:768px){.sidebar-toggle-btn{display:none;right:20px}}.sidebar-toggle-btn:hover{background-color:#3b82f6;background-color:var(--active-color);opacity:.9}.progress-bar-container{background:#fff;background:var(--bg-card);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:20px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:20px;padding:10px}@media(max-width:768px){.progress-bar-container{display:none}}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.progress-header h3{color:#1e293b;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.progress-header .progress-percentage{background:#f8fafc;background:var(--bg-tertiary);border-radius:10px;color:#3b82f6;color:var(--active-color);font-size:1rem;font-weight:700;min-width:50px;padding:4px 10px;text-align:center}.progress-bar-track{background-color:#f8fafc;background-color:var(--bg-tertiary);border-radius:4px;height:8px;margin-bottom:10px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#36c76c,#3b82f6);background:linear-gradient(90deg,var(--success-color),var(--active-color));border-radius:4px;height:100%;position:relative;transition:width .5s ease}.progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-stats{align-items:center;display:flex;font-size:.7rem;justify-content:space-between;margin-bottom:10px}.progress-stats .completed-modules{color:#36c76c;color:var(--success-color);font-weight:600}.progress-stats .remaining-modules{color:#64748b;color:var(--text-muted)}.demo-note{color:#6b7280;font-size:.75rem;font-style:italic;margin-top:.5rem}.completion-success{align-items:flex-start;background:#ebfaf0;background:var(--success-light);border:1px solid #36c76c;border:1px solid var(--success-color);border-radius:10px;display:flex;gap:10px;padding:10px}.completion-success .success-icon{font-size:1.2rem;margin-top:2px}.completion-success .success-text{flex:1 1}.completion-success .success-text p{color:#1e293b;color:var(--text-primary);margin:0}.completion-success .success-text p:first-child{font-weight:600;margin-bottom:4px}.completion-success .success-text p:last-child{color:#475569;color:var(--text-secondary);font-size:.85rem}@media(max-width:768px){.completion-success{display:none}}.progress-bar{background-color:#36c76c;background-color:var(--success-color);border-radius:10px;height:20px;max-width:230px}.completion-reminder{background-color:#daf4fb;background-color:var(--info-light);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:10px;color:#1e293b;color:var(--text-primary);font-weight:400;padding:10px}@media(max-width:768px){.completion-reminder{display:none}}.sidebar-menu{list-style-type:none;padding:0;position:relative;transition:max-height .3s ease}@media(max-width:768px){.sidebar-menu{display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;white-space:nowrap}.sidebar-menu::-webkit-scrollbar{display:none}.sidebar-menu li{color:#1e293b;color:var(--text-primary);display:inline-block;min-width:128px;padding:0 10px;scroll-snap-align:center}}@media(max-width:768px)and (max-width:768px){.sidebar-menu li{min-width:min-content}}.sidebar-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;padding:10px;position:relative;transition:transform .3s ease,width .3s ease,border-radius .3s ease}.sidebar-item:hover{background-color:#f1f5f9;background-color:var(--bg-hover);border-radius:50px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#1e293b;color:var(--text-primary);transform:translateY(-1px)}@media(max-width:768px){.sidebar-item{padding:12px}}@media(max-width:480px){.sidebar-item{padding:8px}}.sidebar-item.active{background-color:#3b82f6;background-color:var(--active-color);border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--text-inverse);font-weight:600}@media(max-width:768px){.sidebar-item.active{align-items:center;box-shadow:none;display:flex;justify-content:center;min-width:max-content!important}}.sidebar-item:after,.sidebar-item:before{background-color:#f8c20a;background-color:var(--warning-color);content:"";left:14px;position:absolute;transition:background-color .3s ease;width:3px;z-index:0}@media(max-width:768px){.sidebar-item:after,.sidebar-item:before{left:14px}}@media(max-width:480px){.sidebar-item:after,.sidebar-item:before{left:10px}}.sidebar-item:before{bottom:50%;top:0}@media(max-width:768px){.sidebar-item:before{display:none}}.sidebar-item:after{bottom:0;top:50%}@media(max-width:768px){.sidebar-item:after{display:none}}.sidebar-item.completed:after,.sidebar-item.completed:before{background-color:#36c76c;background-color:var(--success-color)}.sidebar-item:first-child:before,.sidebar-item:last-child:after{display:none}.sidebar-item-content{align-items:center;display:flex;font-weight:400}@media(max-width:768px){.sidebar-item-content{max-width:max-content;padding:10px}}.status-dot{align-items:center;aspect-ratio:1/1;border-radius:50%;display:flex;font-size:14px;height:10px;justify-content:center;margin-right:10px;position:relative;width:10px;z-index:1}@media(max-width:480px){.status-dot{height:8px;width:8px}}.status-dot.completed{background-color:#36c76c;background-color:var(--success-color);font-size:13px;height:20px;margin-left:-4px;width:20px}.status-dot.completed,.status-dot.incomplete{border:1px solid #e2e8f0;border:1px solid var(--border-secondary)}.status-dot.incomplete{background-color:#f8c20a;background-color:var(--warning-color)}@media(max-width:768px){.status-dot.incomplete{display:none}}.status-dot.completed:after{color:#fff;color:var(--text-inverse);content:"✔";font-size:10px}.content-area{border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:20px!important;flex:1 1;max-width:100%;min-width:0;overflow-x:auto;transition:margin-left .3s ease}@media(max-width:992px){.content-area{margin-left:8px}}@media(max-width:768px){.content-area{margin-left:0;margin-top:20px;padding:0}}@media(max-width:480px){.content-area{margin-left:0;margin-top:15px;padding:0}}.scroll-instruction{animation:blink-animation 1s steps(2,start) infinite;border-radius:10px;bottom:17px;color:#64748b;color:var(--text-muted);cursor:move;font-size:12px;font-weight:700;margin-bottom:8px;padding:10px 15px;position:absolute;right:-33px;text-align:center;transform:translateX(-50%);z-index:100}@media(min-width:769px){.scroll-instruction{display:none}}@keyframes blink-animation{50%{opacity:0}}.file-upload-button{border:none;border-radius:20px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-inverse);cursor:pointer;font-weight:400;padding:10px 15px;position:absolute;right:35px;top:35px;transition:background-color .3s ease;z-index:10px}.file-upload-button,.file-upload-button:hover{background-color:#3b82f6;background-color:var(--active-color)}.file-upload-button:hover{opacity:.9}.upload-modal-overlay{background-color:#00000059}.upload-modal{background-color:#fff;background-color:var(--bg-card);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-width:90%;overflow:hidden;width:420px}.upload-modal .modal-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-secondary);padding:16px 20px}.upload-modal .modal-header h3{font-size:1.2rem;font-weight:600}.upload-modal .modal-header .close-button{color:#64748b;color:var(--text-muted);font-size:24px}.upload-modal .modal-header .close-button:hover{color:#1e293b;color:var(--text-primary)}.upload-modal .modal-subheader{color:#475569;color:var(--text-secondary);font-size:.9rem;padding:12px 20px}.upload-modal .modal-body{padding:20px}.upload-modal .modal-body .cancel-button,.upload-modal .modal-body .download-template-button,.upload-modal .modal-body .upload-button{border-radius:20px;font-weight:500;gap:8px;margin-bottom:12px;padding:10px 12px;transition:all .2s ease;width:100%}.upload-modal .modal-body .download-template-button{background-color:#3b82f6;background-color:var(--active-color);color:var(--text-inverse)}.upload-modal .modal-body .download-template-button:hover{opacity:.9}.upload-modal .modal-body .upload-button{background-color:#36c76c;background-color:var(--success-color);color:var(--text-inverse)}.upload-modal .modal-body .upload-button:hover{opacity:.9}.upload-modal .modal-body .upload-button:disabled{background-color:#94a3b8;background-color:var(--disabled-color)}.upload-modal .modal-body .cancel-button{background-color:#ff6692;background-color:var(--danger-color);color:var(--text-inverse)}.upload-modal .modal-body .cancel-button:hover{opacity:.9}.upload-modal .modal-body .success-message{padding:20px}.upload-modal .modal-body .success-message .success-icon{color:#36c76c;color:var(--success-color);font-size:48px;margin-bottom:10px}.upload-modal .modal-body .success-message p{color:#1e293b;color:var(--text-primary);font-size:1rem}.upload-modal .modal-body .template-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-secondary);margin-top:20px;padding-top:15px}.upload-modal .modal-body .template-section h4{font-size:.95rem;font-weight:600;margin-bottom:8px}.upload-modal .modal-body .template-section .template-file{align-items:center;background:#f8fafc;background:var(--bg-tertiary);border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.upload-modal .modal-body .template-section .template-file span{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-modal .modal-body .template-section .template-file .download-button{background-color:#36c76c;background-color:var(--success-color);border-radius:6px;color:#fff;color:var(--text-inverse);cursor:pointer;font-size:.85rem;padding:6px 10px}.upload-modal .modal-body .template-section .template-file .download-button:hover{background-color:#2b9b39;background-color:var(--success-dark)}.branch-container{background-color:#fff;background-color:var(--bg-primary);border:.1px solid #ccc;border:.1px solid var(--border-primary);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#1e293b;color:var(--text-primary);padding:20px}.branch-container .cleanup-button{background-color:red;width:max-content}@media(max-width:768px){.branch-container{max-width:330px}}.branch-container .branch-header{display:flex}.branch-form{margin:0 20px auto}.branch-form .form-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.branch-form .form-row .form-field{box-sizing:border-box;flex:1 1;margin-bottom:5px;min-width:calc(33.333% - 20px)}.branch-form .form-row .form-field label{display:block;margin-bottom:8px}.branch-form .form-row .form-field input,.branch-form .form-row .form-field select{border:1px solid #ccc;border-radius:10px;box-sizing:border-box;padding:8px;width:100%}.search-branch{border:1px solid #ccc;border-radius:10px;display:flex;margin-bottom:20px;padding:5px;width:300px}.branch-table{background-color:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow:hidden;overflow-x:scroll;width:100%}.branch-table .address{max-width:300px}.branch-table th:first-child{border-top-left-radius:10px}td:last-child,th:last-child{padding-right:20px;text-align:center}.branch-table th:last-child{border-top-right-radius:10px}.branch-table td:first-child{border-bottom-left-radius:10px}.branch-table td:last-child{border-bottom-right-radius:10px}.branch-table td,.branch-table th{padding:12px;text-align:left}.branch-table th{background-color:#f2f2f2;font-size:.8rem;font-weight:400}.branch-table td{font-weight:100}.button-with-icon{border-bottom:10px}.search-branch{padding:8px 10px 8px 30px}.department__search-icon{color:#999;font-size:18px;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.department-select{background-color:#fff;border:none;padding:0;width:100%}.department-select .select__control{border:none;box-shadow:none;padding:0}.department-select .select__control:focus{border:1px solid #007bff;box-shadow:0 0 5px #007bff80}.department-select .select__option{padding:10px}.department-select .select__option:hover{background-color:#f0f0f0}.department-select .select__placeholder{color:#999}.department-select .select__clear-indicator{cursor:pointer}.department-select .select__clear-indicator:hover{color:#e74c3c}.department-container{background-color:#fff;background-color:var(--bg-primary);border:.1px solid #ccc;border:.1px solid var(--border-primary);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#1e293b;color:var(--text-primary);padding:20px}.department-container .cleanup-button{background-color:red;width:max-content}@media(max-width:768px){.department-container{max-width:330px}}.department-container .display6{justify-content:center}.department-container .department-header{align-items:center;display:flex}.department-container .department-header input{margin-right:10px}.department-container .department-header .department-add{margin-left:10px}.department-container .department-controls{display:flex;justify-content:space-between}.department-container .department-controls .search-box{position:relative;width:300px}.department-container .department-controls .search-box .department__search-input-container{position:relative;width:100%}.department-container .department-controls .search-box .department__search-input-container .department__search-input{border:1px solid #ccc;border-radius:10px;box-sizing:border-box;font-size:12px;padding:8px 10px 8px 30px;width:100%}.department-container .department-controls .search-box .department__search-input-container .department__search-icon{color:#999;font-size:18px;left:10px;position:absolute;top:40%;transform:translateY(-50%)}.department-container .department-controls select{border:1px solid #ccc;border-radius:5px;font-size:14px;margin-left:5px;padding:8px}.department-container .department-form{align-items:center;display:flex}.department-container .department-form input{border:1px solid #ccc;border-radius:10px;font-size:14px;margin-right:10px;padding:8px;width:300px}.department-container .user-input{border:.1px solid #ccc;border-radius:10px;padding:10px}.office-timings-container{background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:20px;box-shadow:0 2px 8px #0000000f;color:#1e293b;color:var(--text-primary);margin-bottom:24px;padding:24px}.office-timings-container .action-container{display:flex;flex-direction:row}@media(max-width:768px){.office-timings-container{margin-bottom:16px;padding:16px}}.office-timings-container .page-header{margin-bottom:32px;text-align:center}.office-timings-container .page-header .page-title{color:#1e293b;color:var(--text-primary);font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.office-timings-container .page-header .page-subtitle{color:#475569;color:var(--text-secondary);font-size:1.1rem;font-weight:400;margin:0}@media(max-width:768px){.office-timings-container .page-header .page-title{font-size:2rem}.office-timings-container .page-header .page-subtitle{font-size:1rem}}.office-timings-container .action-bar{align-items:center;display:flex;justify-content:space-between}@media(max-width:768px){.office-timings-container .action-bar{flex-direction:column;gap:12px;padding:16px}}.office-timings-container .content-section .form-container{border-radius:12px;margin-bottom:32px;padding:10px}@media(max-width:768px){.office-timings-container .content-section .form-container{margin-bottom:24px;padding:16px}}.office-timings-container .content-section .section-divider{border-top:1px solid var(--border-light);margin:40px 0 24px;padding:16px 0}.office-timings-container .content-section .section-divider .section-title{color:#1e293b;color:var(--text-primary);font-size:1.8rem;font-weight:600;margin:0;text-align:center}@media(max-width:768px){.office-timings-container .content-section .section-divider .section-title{font-size:1.5rem}}.office-timings-container .shift-name-cell{align-items:center;display:flex;gap:12px}.office-timings-container .shift-name-cell .shift-name-text{color:#1e293b;color:var(--text-primary);font-weight:500}.office-timings-container .break-time-cell,.office-timings-container .time-cell{border-radius:20px;color:#000;display:inline-block;font-size:1rem;font-weight:400;min-width:60px;padding:4px 8px;text-align:center}.office-timings-container .branch-display-container{max-width:280px;min-width:160px}.office-timings-container .no-branch-display{align-items:center;background-color:#f8fafc;background-color:var(--bg-secondary);border:1px dashed #e2e8f0;border:1px dashed var(--border-secondary);border-radius:8px;color:#475569;color:var(--text-secondary);display:flex;font-size:.85rem;font-style:italic;gap:8px;min-height:36px;padding:8px 12px;text-align:center}.office-timings-container .no-branch-display svg{flex-shrink:0;opacity:.6}.office-timings-container .no-branch-display span{white-space:nowrap}.office-timings-container .office-timings{align-items:center;display:flex;flex-direction:column;justify-content:center}.office-timings-container .office-timings .display6{justify-content:center;width:100%}.office-timings-container .office-timings .shift-row{align-items:center;display:flex;margin-bottom:10px}.office-timings-container .office-timings .shift-row .office-add-container{align-items:center;justify-content:center}.office-timings-container .office-timings .shift-row .shift-label{width:80px}.office-timings-container .office-timings .shift-row input[type=number],.office-timings-container .office-timings .shift-row input[type=text],.office-timings-container .office-timings .shift-row input[type=time]{border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:8px;font-size:.9rem;margin-right:10px;padding:8px 12px;transition:border-color .2s ease;width:20%}.office-timings-container .office-timings .shift-row input[type=number]:focus,.office-timings-container .office-timings .shift-row input[type=text]:focus,.office-timings-container .office-timings .shift-row input[type=time]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color),.1);outline:none}.office-timings-container .office-timings .shift-row input[type=number]{min-width:120px}.office-timings-container .office-timings .shift-row input[type=checkbox]{margin-right:8px}.office-timings-container .office-timings .shift-row label{color:#1e293b;color:var(--text-primary);font-size:.9rem;font-weight:500}.office-timings-container .office-timings .weekend-and-branch-container{display:flex;gap:20px;justify-content:space-between;margin-top:20px}@media(max-width:768px){.office-timings-container .office-timings .weekend-and-branch-container{flex-direction:column;gap:16px}}.office-timings-container .office-timings .weekend-work{display:flex;flex-direction:column;width:45%}@media(max-width:768px){.office-timings-container .office-timings .weekend-work{width:100%}}.office-timings-container .office-timings .weekend-work .checkbox-container{display:flex;gap:20px}@media(max-width:480px){.office-timings-container .office-timings .weekend-work .checkbox-container{flex-direction:column;gap:12px}}.office-timings-container .office-timings .weekend-work .checkbox-container .saturday-checkboxes,.office-timings-container .office-timings .weekend-work .checkbox-container .sunday-checkboxes{display:flex;flex:1 1;flex-direction:column}.office-timings-container .office-timings .weekend-work .checkbox-container .saturday-checkboxes h5,.office-timings-container .office-timings .weekend-work .checkbox-container .sunday-checkboxes h5{color:#1e293b;color:var(--text-primary);font-weight:600;margin-bottom:12px}.office-timings-container .office-timings .weekend-work .checkbox-container .saturday-checkboxes .colored-checkbox,.office-timings-container .office-timings .weekend-work .checkbox-container .sunday-checkboxes .colored-checkbox{margin-bottom:8px}.office-timings-container .branch-selection{display:flex;flex-direction:column;gap:16px;max-width:600px}@media(max-width:768px){.office-timings-container .branch-selection{max-width:100%}}.office-timings-container .branch-selection h5{color:#1e293b;color:var(--text-primary);font-weight:600;margin-bottom:12px}.office-timings-container .form-section{margin-bottom:24px}.office-timings-container .form-section .form-group{margin-bottom:16px}.office-timings-container .form-section .form-group label{color:#1e293b;color:var(--text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.office-timings-container .form-section .form-group input,.office-timings-container .form-section .form-group select,.office-timings-container .form-section .form-group textarea{background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:8px;color:#1e293b;color:var(--text-primary);font-size:.9rem;padding:10px 12px;transition:all .2s ease;width:100%}.office-timings-container .form-section .form-group input:focus,.office-timings-container .form-section .form-group select:focus,.office-timings-container .form-section .form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color),.1);outline:none}.office-timings-container .form-section .form-group input::placeholder,.office-timings-container .form-section .form-group select::placeholder,.office-timings-container .form-section .form-group textarea::placeholder{color:var(--text-placeholder)}.office-timings-container .form-section .form-row{display:flex;gap:16px}@media(max-width:768px){.office-timings-container .form-section .form-row{flex-direction:column;gap:12px}}.office-timings-container .form-section .form-row .form-group{flex:1 1}.office-timings-container .office-add{background-color:#36c76c;background-color:var(--success-color)}.office-timings-container .office-add:hover{background-color:#2da75b}.office-timings-container .template-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}@media(max-width:480px){.office-timings-container .template-buttons{justify-content:center}}.office-timings-container .template-buttons button{background-color:#f8fafc;background-color:var(--bg-secondary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:6px;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .2s ease}.office-timings-container .template-buttons button:hover{background-color:#f1f5f9;background-color:var(--bg-hover)}.office-timings-container .template-buttons button.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.office-timings-container .custom-week-selection{background-color:#f8fafc;background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;margin-top:16px;padding:16px}.office-timings-container .custom-week-selection .days-checkboxes,.office-timings-container .custom-week-selection .weekend-checkboxes{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}@media(max-width:480px){.office-timings-container .custom-week-selection .days-checkboxes,.office-timings-container .custom-week-selection .weekend-checkboxes{flex-direction:column;gap:8px}}.office-timings-container .loading-container{align-items:center;display:flex;justify-content:center;padding:40px}.office-timings-container .loading-container .loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-light);border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--primary-color);height:32px;width:32px}.office-timings-container .error-message{background-color:#ffccdb;background-color:var(--danger-light);border:1px solid var(--danger-border);border-radius:8px;color:#b32a4c;color:var(--danger-dark);font-size:.9rem;margin-bottom:16px;padding:12px 16px}.office-timings-container .success-message{background-color:#ebfaf0;background-color:var(--success-light);border:1px solid var(--success-border);border-radius:8px;color:#2b9b39;color:var(--success-dark);font-size:.9rem;margin-bottom:16px;padding:12px 16px}@media(max-width:480px){.office-timings-container .action-bar,.office-timings-container .content-section .form-container,.office-timings-container .office-timings-container{padding:12px}.office-timings-container .branch-badge{font-size:.75rem;padding:3px 8px}.office-timings-container .break-time-cell,.office-timings-container .time-cell{font-size:.8rem;min-width:50px;padding:3px 6px}}.popup{background-color:var(--primary-color);border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:.9rem;font-weight:500;left:50%;padding:12px 20px;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}.working-days-container{margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.working-days-container .page-header{align-items:center;border-bottom:2px solid #ccc;border-bottom:2px solid var(--border-primary,#f1f3f4);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.working-days-container .page-header h2{color:#1e293b;color:var(--text-primary,#1f2937);font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin:0}.working-days-container .page-header .legend{display:flex;gap:24px}.working-days-container .page-header .legend .legend-item{align-items:center;color:#475569;color:var(--text-secondary,#6b7280);display:flex;font-size:.8rem;font-weight:500;gap:8px}.working-days-container .page-header .legend .legend-item .legend-dot{border:2px solid #0000;border-radius:50%;height:12px;width:12px}.working-days-container .page-header .legend .legend-item .legend-dot.active{background-color:#10b981;border-color:#d1fae5}.working-days-container .page-header .legend .legend-item .legend-dot.inactive{background-color:#ef4444;border-color:#fecaca}.working-days-container .working-days-configurations{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media(max-width:1200px){.working-days-container .working-days-configurations{grid-template-columns:1fr}}.working-days-container .working-day-configuration{background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary,#e5e7eb);border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden;transition:all .2s ease}.working-days-container .working-day-configuration:hover{box-shadow:0 4px 6px #00000012,0 1px 3px #0000001a;transform:translateY(-1px)}.working-days-container .working-day-configuration .configuration-header{align-items:center;background-color:#fff;background-color:var(--bg-primary);border-bottom:1px solid #ccc;border-bottom:1px solid var(--border-primary,#e5e7eb);color:#fff;color:var(--bg-primary);display:flex;justify-content:space-between;padding:16px 20px}.working-days-container .working-day-configuration .configuration-header .configuration-info .configuration-title{color:#1e293b;color:var(--text-primary,#111827);font-size:1.125rem;font-weight:600;margin:0 0 2px}.working-days-container .working-day-configuration .configuration-header .configuration-info .configuration-subtitle{color:#475569;color:var(--text-secondary,#6b7280);font-size:.8rem;font-weight:500}.working-days-container .working-day-configuration .configuration-header .configuration-actions{display:flex;gap:6px}.working-days-container .working-day-configuration .branches-section,.working-days-container .working-day-configuration .special-schedule-section,.working-days-container .working-day-configuration .weekly-schedule-section{background-color:#fff;background-color:var(--bg-primary);border-bottom:1px solid #ccc;border-bottom:1px solid var(--border-primary,#f3f4f6);padding:16px 20px}.working-days-container .working-day-configuration .branches-section:last-child,.working-days-container .working-day-configuration .special-schedule-section:last-child,.working-days-container .working-day-configuration .weekly-schedule-section:last-child{border-bottom:none}.working-days-container .working-day-configuration .branches-section h4,.working-days-container .working-day-configuration .special-schedule-section h4,.working-days-container .working-day-configuration .weekly-schedule-section h4{align-items:center;color:#1e293b;color:var(--text-primary,#374151);display:flex;font-size:.9rem;font-weight:600;gap:6px;margin:0 0 14px}.working-days-container .working-day-configuration .branches-section h4:before,.working-days-container .working-day-configuration .special-schedule-section h4:before,.working-days-container .working-day-configuration .weekly-schedule-section h4:before{background-color:#3b82f6;border-radius:2px;content:"";height:14px;width:3px}.working-days-container .working-day-configuration .weekly-schedule .days-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(7,1fr);max-width:100%}@media(max-width:768px){.working-days-container .working-day-configuration .weekly-schedule .days-row{gap:8px}}.working-days-container .working-day-configuration .weekly-schedule .days-row .day-item{align-items:center;display:flex;flex-direction:column;text-align:center}.working-days-container .working-day-configuration .weekly-schedule .days-row .day-item .day-display{align-items:center;display:flex;flex-direction:column;gap:8px}.working-days-container .working-day-configuration .weekly-schedule .days-row .day-item .checkbox-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:8px}.working-days-container .working-day-configuration .weekly-schedule .days-row .day-item .checkbox-label .day-checkbox{accent-color:#3b82f6;border-radius:3px;cursor:pointer;height:16px;width:16px}.working-days-container .working-day-configuration .weekly-schedule .days-row .day-item .day-dot{align-items:center;border-radius:16px;display:flex;font-size:.7rem;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.working-days-container .working-day-configuration .weekly-schedule .days-row .day-item .day-dot.active{background-color:#10b981;box-shadow:0 2px 4px #10b9814d;color:#fff}.working-days-container .working-day-configuration .weekly-schedule .days-row .day-item .day-dot.inactive{background-color:#ef4444;box-shadow:0 2px 4px #ef44444d;color:#fff}.working-days-container .working-day-configuration .weekly-schedule .days-row .day-item .day-label{color:#1e293b;color:var(--text-primary,#374151);font-size:.8rem;font-weight:600}.working-days-container .working-day-configuration .special-schedule .special-table{border:1px solid #ccc;border:1px solid var(--border-primary,#e5e7eb);border-radius:6px;overflow-x:auto}.working-days-container .working-day-configuration .special-schedule .special-table table{border-collapse:collapse;font-size:.8rem;width:100%}.working-days-container .working-day-configuration .special-schedule .special-table table td,.working-days-container .working-day-configuration .special-schedule .special-table table th{border-bottom:1px solid #ccc;border-bottom:1px solid var(--border-primary,#f3f4f6);padding:10px 12px;text-align:center}.working-days-container .working-day-configuration .special-schedule .special-table table th{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary,#374151);font-size:.75rem;font-weight:600;letter-spacing:.025em}.working-days-container .working-day-configuration .special-schedule .special-table table .day-label{color:#1e293b;color:var(--text-primary,#374151);font-weight:600;text-align:left}.working-days-container .working-day-configuration .special-schedule .special-table table .special-day-cell{align-items:center;display:flex;justify-content:center}.working-days-container .working-day-configuration .special-schedule .special-table table .special-day-cell .special-day-checkbox{accent-color:#3b82f6;cursor:pointer;height:14px;width:14px}.working-days-container .working-day-configuration .special-schedule .special-table table .special-day-cell .special-day-dot{border-radius:4px;display:inline-block;height:14px;width:14px}.working-days-container .working-day-configuration .special-schedule .special-table table .special-day-cell .special-day-dot.active{background-color:#10b981;box-shadow:0 1px 2px #10b9814d}.working-days-container .working-day-configuration .special-schedule .special-table table .special-day-cell .special-day-dot.inactive{background-color:#ef4444;box-shadow:0 1px 2px #ef44444d}.working-days-container .working-day-configuration .branches-section .branch-groups{display:flex;flex-direction:column;gap:16px}.working-days-container .working-day-configuration .branches-section .branch-group{background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary,#e5e7eb);border-radius:6px;padding:16px}.working-days-container .working-day-configuration .branches-section .branch-group .group-header{margin-bottom:12px}.working-days-container .working-day-configuration .branches-section .branch-group .group-header .departments-list{display:flex;flex-wrap:wrap;gap:6px}.working-days-container .working-day-configuration .branches-section .branch-group .group-header .departments-list .department-badge{background-color:#3b82f6;border-radius:16px;color:#1e293b;color:var(--text-primary);font-size:.7rem;font-weight:600;letter-spacing:.025em;padding:4px 10px;transition:all .2s ease}.working-days-container .working-day-configuration .branches-section .branch-group .group-header .departments-list .department-badge:hover{background-color:#2563eb;color:#1e293b;color:var(--text-primary);transform:translateY(-1px)}.working-days-container .working-day-configuration .branches-section .branch-group .group-header .departments-list .no-departments{color:#475569;color:var(--text-secondary,#9ca3af);font-size:.8rem;font-style:italic}.working-days-container .working-day-configuration .branches-section .branch-group .branches-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.working-days-container .working-day-configuration .branches-section .branch-group .branches-list .branch-item{align-items:center;background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #ccc;border:1px solid var(--border-primary,#e5e7eb);border-radius:5px;color:#1e293b;color:var(--text-primary);display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.working-days-container .working-day-configuration .branches-section .branch-group .branches-list .branch-item:hover{background-color:#f8fafc;background-color:var(--bg-secondary);border-color:#d1d5db;color:#1e293b;color:var(--text-primary);transform:translateY(-1px)}.working-days-container .working-day-configuration .branches-section .branch-group .branches-list .branch-item .branch-icon{align-items:center;color:#3b82f6;display:flex;flex-shrink:0}.working-days-container .working-day-configuration .branches-section .branch-group .branches-list .branch-item .branch-icon svg{height:14px;width:14px}.working-days-container .working-day-configuration .branches-section .branch-group .branches-list .branch-item .branch-name{color:#1e293b;color:var(--text-primary,#374151);font-size:.8rem;font-weight:500;line-height:1.4}.working-days-container .empty-state{align-items:center;background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #ccc;border:1px solid var(--border-primary,#e5e7eb);border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:60px 30px;text-align:center}.working-days-container .empty-state .empty-icon{color:#475569;color:var(--text-secondary,#9ca3af);margin-bottom:20px;opacity:.6}.working-days-container .empty-state h3{color:#1e293b;color:var(--text-primary,#111827);font-size:1.375rem;font-weight:600;margin:0 0 10px}.working-days-container .empty-state p{color:#475569;color:var(--text-secondary,#6b7280);font-size:.9rem;line-height:1.6;margin:0 0 24px}.working-days-container .empty-state .add-branch-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease}.working-days-container .empty-state .add-branch-btn:hover{background-color:#2563eb;transform:translateY(-1px)}.working-days-container .empty-state .add-branch-btn:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.working-days-container .error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.8rem;font-weight:500;padding:12px 16px;text-align:center}@media(max-width:768px){.working-days-container{padding:16px}.working-days-container .page-header{align-items:flex-start;flex-direction:column;gap:12px}.working-days-container .page-header .legend{flex-direction:column;gap:8px}.working-days-container .working-days-configurations{grid-template-columns:1fr}.working-days-container .working-day-configuration .configuration-header{align-items:flex-start;flex-direction:column;gap:12px}.working-days-container .working-day-configuration .weekly-schedule .days-row{gap:6px;grid-template-columns:repeat(4,1fr)}.working-days-container .working-day-configuration .weekly-schedule .days-row .day-item .day-dot{font-size:.6rem;height:28px;width:28px}.working-days-container .working-day-configuration .branches-section,.working-days-container .working-day-configuration .special-schedule-section,.working-days-container .working-day-configuration .weekly-schedule-section{padding:14px 16px}.working-days-container .working-day-configuration .special-schedule .special-table table{font-size:.7rem}.working-days-container .working-day-configuration .special-schedule .special-table table td,.working-days-container .working-day-configuration .special-schedule .special-table table th{padding:8px 6px}}.shift-form-container{padding:24px}.shift-form,.shift-form-container{max-width:none;width:100%}.shift-form__header{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:24px;text-align:center}.shift-form__title{color:#1f2937;font-size:1.875rem;font-weight:600;line-height:1.3;margin-bottom:8px}.shift-form__subtitle{color:#6b7280;font-size:1rem;font-weight:400;margin:0}.shift-form__content{display:flex;flex-direction:row;gap:24px}.shift-form__section{border:1px solid #e5e7eb;border-radius:12px;padding:24px;width:100%}.shift-form__section-title{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:600;gap:8px;margin-bottom:8px}.shift-form__section-title:before{background:#36c76c;border-radius:2px;content:"";height:20px;width:4px}.shift-form__section-description{color:#6b7280;font-size:.875rem;margin-bottom:20px;margin-top:0}.shift-form__row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media(max-width:768px){.shift-form__row{grid-template-columns:1fr}}.shift-form__field{display:flex;flex-direction:column;margin-bottom:20px}.shift-form__field--full-width{grid-column:1/-1}.shift-form__field:last-child{margin-bottom:0}.shift-form__label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.shift-form__input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.shift-form__input:focus{border-color:#36c76c;box-shadow:0 0 0 3px #22c55e1a;outline:none}.shift-form__input::placeholder{color:#9ca3af}.shift-form__input:hover:not(:focus){border-color:#9ca3af}.shift-form__checkbox-wrapper{display:flex;flex-direction:column;gap:16px}.shift-form__select-all{box-shadow:0 1px 2px #0000000d;padding:12px 16px}.shift-form__branches-grid,.shift-form__select-all{background:#fff;border:1px solid #d1d5db;border-radius:8px}.shift-form__branches-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-height:300px;overflow-y:auto;padding:16px}.shift-form__branches-grid::-webkit-scrollbar{width:6px}.shift-form__branches-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.shift-form__branches-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.shift-form__branches-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.shift-form__checkbox-group{align-items:center;border-radius:6px;display:flex;padding:8px 0;transition:background-color .2s ease}.shift-form__checkbox-group:hover{background-color:#f8fafc}.shift-form__no-branches{background:#fff;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;padding:48px 24px;text-align:center}.shift-form__no-branches-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.shift-form__no-branches h4{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:8px}.shift-form__no-branches p{font-size:.875rem;line-height:1.5;margin:0 auto;max-width:400px}.shift-form__loading{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;display:flex;font-size:.875rem;gap:12px;justify-content:center;padding:32px}.shift-form__loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#36c76c;height:20px;width:20px}.shift-form__actions{border-top:1px solid #e5e7eb;display:flex;gap:16px;margin-top:32px;padding-top:24px}@media(max-width:480px){.shift-form__actions{flex-direction:column-reverse;gap:12px}}.shift-form__btn{border:none;border-radius:20px;cursor:pointer;font-size:.875rem;font-weight:500;min-width:120px;padding:12px 24px;position:relative;transition:all .2s ease}.shift-form__btn:disabled{cursor:not-allowed;opacity:.5}.shift-form__btn:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.shift-form__btn--save{background:#36c76c;color:#fff}.shift-form__btn--save:hover:not(:disabled){background:#2da75b;box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.shift-form__btn--save:active:not(:disabled){transform:translateY(0)}.shift-form__btn--cancel{background:#fff;border:1px solid #d1d5db;color:#374151}.shift-form__btn--cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.shift-form__btn--cancel:active:not(:disabled){transform:translateY(0)}@media(max-width:768px){.shift-form-container{margin:10px;padding:16px}.shift-form__header{margin-bottom:24px;padding-bottom:16px}.shift-form__title{font-size:1.5rem}.shift-form__content{gap:24px}.shift-form__section{padding:16px}.shift-form__branches-grid{grid-template-columns:1fr}}@media(max-width:480px){.shift-form__title{font-size:1.25rem}.shift-form__section-title{font-size:1.125rem}.shift-form__no-branches{padding:32px 16px}.shift-form__no-branches-icon{font-size:2rem}}.employee-assignment-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1050}.employee-assignment-modal{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.employee-assignment-modal__header{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;border-radius:1rem 1rem 0 0;display:flex;justify-content:space-between;padding:1.5rem}.employee-assignment-modal__title-section{align-items:flex-start;display:flex;gap:.75rem}.employee-assignment-modal__icon{color:#3b82f6;flex-shrink:0;height:1.5rem;margin-top:.125rem;width:1.5rem}.employee-assignment-modal__title{color:#111827;font-size:1.25rem;font-weight:600;line-height:1.3;margin:0}.employee-assignment-modal__subtitle{color:#6b7280;font-size:.875rem;line-height:1.4;margin:.25rem 0 0}.employee-assignment-modal__close-btn{background:none;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;flex-shrink:0;padding:.5rem;transition:all .2s ease}.employee-assignment-modal__close-btn:hover:not(:disabled){background-color:#f3f4f6;color:#374151}.employee-assignment-modal__close-btn:disabled{cursor:not-allowed;opacity:.5}.employee-assignment-modal__form{display:flex;flex-direction:column;height:100%;overflow:hidden}.employee-assignment-modal__content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:10px}.employee-assignment-modal .eam-search{align-items:center;display:flex;gap:20px;justify-content:space-between}.employee-assignment-modal .eam-search-box{flex:1 1;position:relative}.employee-assignment-modal .eam-search-icon{color:#888;height:18px;left:10px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.employee-assignment-modal .eam-search-input{border:1px solid #ccc;border-radius:6px;font-size:.9rem;padding:8px 12px 8px 34px;width:100%}.employee-assignment-modal .eam-search-summary{align-items:center;display:flex;gap:10px;white-space:nowrap}.employee-assignment-modal .eam-selected-count{color:#555;font-size:.85rem}.employee-assignment-modal__selection-summary{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:.75rem;display:flex;justify-content:space-between;padding:.75rem 1rem}.employee-assignment-modal__selected-count{color:#1e40af;font-size:.875rem;font-weight:500}.employee-assignment-modal__timings-preview{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:.75rem;font-size:smaller;padding:1rem}.employee-assignment-modal__preview-title{align-items:center;color:#0c4a6e;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 .5rem}.employee-assignment-modal__preview-details{color:#0369a1;display:flex;flex-direction:column;font-size:.875rem;gap:.25rem}.employee-assignment-modal__preview-branches{color:#075985;font-size:smaller;font-weight:500}.employee-assignment-modal__employees-section{display:flex;flex:1 1;flex-direction:column;min-height:0}.employee-assignment-modal__employees-title{color:#111827;font-size:1rem;font-weight:600;margin:0 0 1rem}.employee-assignment-modal__loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.employee-assignment-modal__loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:2rem;width:2rem}.employee-assignment-modal__no-employees{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:.75rem;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.employee-assignment-modal__no-employees-icon{color:#9ca3af;height:3rem;margin-bottom:1rem;width:3rem}.employee-assignment-modal__employees-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));max-height:400px;overflow-y:auto;padding:.25rem}.employee-assignment-modal__employee-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;padding:10px;transition:all .2s ease}.employee-assignment-modal__employee-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.employee-assignment-modal__employee-card.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.employee-assignment-modal__employee-header{align-items:flex-start;display:flex;gap:.75rem;width:100%}.employee-assignment-modal__employee-info{flex:1 1;min-width:0}.employee-assignment-modal__employee-name{align-items:center;color:#111827;display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:600;gap:.5rem;line-height:1.3;margin:0 0 .25rem}.employee-assignment-modal__current-badge{align-items:center;background:#dcfce7;border-radius:.375rem;color:#16a34a;display:inline-flex;font-size:.65rem;font-weight:600;padding:.125rem .5rem;text-transform:uppercase}.employee-assignment-modal__employee-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.employee-assignment-modal__employee-id{color:#6b7280;font-size:.75rem;font-weight:500}.employee-assignment-modal__employee-branch{align-items:center;background:#dbeafe;border-radius:.375rem;color:#1e40af;display:flex;font-size:.7rem;font-weight:500;gap:.25rem;padding:.125rem .5rem}.employee-assignment-modal__employee-email{color:#6b7280;font-size:.75rem;margin-bottom:.125rem}.employee-assignment-modal__employee-department{background:#f3e8ff;border-radius:.375rem;color:#7c3aed;display:inline-block;font-size:.7rem;font-weight:500;margin-top:.25rem;padding:.125rem .5rem}.employee-assignment-modal__employee-checkbox{align-self:flex-start;flex-shrink:0;margin-left:auto}.employee-assignment-modal__footer{background:#f9fafb;border-radius:0 0 1rem 1rem;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}@media(max-width:768px){.employee-assignment-modal{margin:1rem;max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem)}.employee-assignment-modal__employees-grid{grid-template-columns:1fr;max-height:300px}.employee-assignment-modal__footer{flex-direction:column;gap:.5rem}}@media(max-width:480px){.employee-assignment-modal-overlay{padding:.5rem}.employee-assignment-modal__content,.employee-assignment-modal__footer,.employee-assignment-modal__header{padding:1rem}.employee-assignment-modal__title{font-size:1.125rem}.employee-assignment-modal__employee-card{padding:.75rem}}.app-container{display:flex;flex-wrap:wrap;margin:0 auto;max-width:800px;padding:20px}.custom-div{background-color:#f0f0f0;display:inline-flex;flex-direction:column;justify-content:center}.fw-bolder{color:#29343d;font-size:calc(1.375rem + 1.5vw);font-weight:700!important;margin-bottom:30px!important;margin-top:0}.card-titlesm{color:#0a2540;font-size:18px;font-weight:600;line-height:24px;margin-bottom:8px;margin-top:0;text-align:left}.display1{font-size:calc(1.625rem + 4.5vw);font-weight:300}.display2{font-size:calc(1.575rem + 3.9vw);font-weight:300}.display3{font-size:calc(1.525rem + 3.3vw);font-weight:300}.display4{font-size:calc(1.475rem + 2.7vw);font-weight:300}.display5{font-size:calc(1.425rem + 2.1vw);font-weight:300}.display6{border-bottom:.1px solid #ccc;color:#1e293b;color:var(--text-primary);display:flex;font-size:1.25rem;justify-content:center;margin-bottom:10px;padding:0 10px 10px}.card-subtitle{color:#7b8893;font-size:15px;line-height:24px;margin-top:-.25rem}.card-title3{font-size:calc(1.375rem + 1.5vw);line-height:normal!important;margin-bottom:30px!important}.card-title3,.card-title4{color:#29343d;font-weight:700!important;margin-top:0}.card-title4{font-size:calc(1.35rem + 1.2vw)!important}.card-bodysm{color:var(--bs-card-color);flex:1 1 auto;padding:30px}.paraw{margin-left:27px;max-width:100%;text-align:left;width:min(100%,1000px)}.terms-and-conditions-container{background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:20px;box-shadow:0 2px 8px #0000000f;color:#1e293b;color:var(--text-primary);margin-bottom:24px;padding:24px}.terms-and-conditions-container .terms-action-buttons{display:flex;gap:10px}.action-buttons-header{display:flex;gap:12px}.create-form-container{animation:slideDown .3s ease-out;margin-bottom:32px}.create-form-container .form-title{color:#1f2937;font-size:.9rem;font-weight:600;line-height:1.3;margin-bottom:8px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px}.form-group{margin-bottom:24px}.form-label{display:block;font-size:14px;font-weight:600}.type-selection{align-items:center;display:flex;gap:12px}.type-selection.bulk-type-selection{gap:8px}.type-button{align-items:center;background:#fff;border:2px solid #e1e8ed;border-radius:20px;box-shadow:0 2px 4px #0000000d;color:#657786;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px;transition:all .3s ease}.type-button .type-icon{font-size:16px}.type-button:hover{box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.type-button.selected,.type-button:hover{background:#3b82f6;background:var(--active-color);border-color:#3b82f6;border-color:var(--active-color)}.type-button.selected{box-shadow:0 4px 12px #667eea4d;color:#fff}.content-input{background:#fff;border:2px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#1e293b;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:120px;padding:16px;resize:vertical;transition:all .3s ease;width:100%}.content-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.content-input::placeholder{color:#aab8c2}.form-actions{gap:16px;justify-content:flex-start;margin-top:0;padding:0}.type-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px}.type-badge.terms{background:#667eea;color:#fff}.type-badge.condition{background:#11998e;color:#fff}.error-message{color:#ff6b6b}.error-message.global-error{background:#ff6b6b;border-radius:8px;box-shadow:0 2px 4px #ff6b6b33;color:#fff;margin-bottom:20px;padding:12px 16px}.info-textarea{background:#fff;border:2px solid #e1e8ed;border-radius:8px;font-family:inherit;font-size:13px;min-height:80px;padding:12px;resize:vertical;transition:all .3s ease;width:100%}.info-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}@media(max-width:768px){.header-section{flex-direction:column;gap:16px;text-align:center}.action-buttons-header{justify-content:center;width:100%}.form-actions{flex-direction:column;gap:12px}.type-selection{align-items:stretch;flex-direction:column}.type-button{justify-content:center}}.terms-and-conditions-input-group{align-items:center;display:flex;margin-bottom:20px}.terms-and-conditions-input-group input{border:1px solid #ccc;border-radius:10px;font-size:14px;margin-right:10px;padding:8px;width:300px}.terms-and-conditions-input-group .terms-and-conditions-input{border:1px solid #ccc;border-radius:10px;font-size:14px;height:100px;margin-right:10px;padding:8px;width:400px}.branch__search-input-container{margin-bottom:10px;max-width:300px;position:relative;width:100%}.branch__search-input-container .branch__search-input{border:1px solid #ccc;border-radius:10px;box-sizing:border-box;font-size:14px;margin-bottom:10px;padding:8px 10px 8px 30px;width:100%}.branch__search-input-container .branch__search-icon{color:#999;font-size:18px;left:10px;position:absolute;top:40%;transform:translateY(-50%)}.user-role{background-color:#fff;background-color:var(--bg-primary);border:.1px solid #ccc;border:.1px solid var(--border-primary);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#1e293b;color:var(--text-primary);padding:20px}.user-role .user-role__actions{display:flex;gap:10px}.user-role .create-role-button{align-items:center;background-color:#fff;border:.1px solid #ccc;border-radius:30px;color:#000;cursor:pointer;font-size:14px;font-weight:300;justify-content:center;margin:10px;padding:10px 20px;transition:background-color .3s ease}.user-role .create-role-button:hover{background-color:#3b82f6;box-shadow:0 6px 20px #3b82f666;color:#fff;transform:translateY(-2px)}.user-role .create-role-button:hover:before{left:100%}.user-role .create-role-button:active{transform:translateY(0)}.user-role .create-role-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.user-role .create-role-button:disabled:hover{box-shadow:none;transform:none}.user-role .create-role-button.bulk-update-enabled{background:#36c76c;box-shadow:0 4px 12px #36c76c4d;color:#fff}.user-role .create-role-button.bulk-update-enabled:hover{background-color:#2b9f56;box-shadow:0 6px 20px #36c76c66}.user-role .create-role-button .icon{height:18px;width:18px}.user-role .user-role-form{background:#fff;border-radius:20px;display:flex;flex-direction:column;margin:0 20px auto}.user-role .user-role-form__grid{grid-gap:1.5rem;align-items:flex-start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.user-role .userrole-form-group{justify-content:start}.user-role .userrole-form-group .form-input{transition:border .3s ease}.user-role .button-group{align-items:flex-start;display:flex;flex-direction:column}.user-role .button-group .label.invisible{height:20px;visibility:hidden}.user-role .button-group button{margin-top:0}.user-role .userrole-form-group{display:flex;flex-direction:column}.user-role .userrole-form-group .label{font-size:.95rem;font-weight:500;margin-bottom:5px}.user-role .userrole-form-group .form-input{border:.1px solid #ccc;border-radius:8px;font-size:13px;padding:10px 12px}.user-role .userrole-form-group .error-placeholder{margin-top:2px;min-height:18px}.user-role .userrole-form-group .error-placeholder .error-message{color:#ff6692;font-size:.75rem}.user-role .userrole-form-group .helper-placeholder{margin-top:4px;min-height:20px}.user-role .user-role-form__actions{display:flex;gap:1rem;justify-content:flex-start;margin-top:20px}.user-role .drag-handle-icon{align-items:center;cursor:grab;display:flex;flex-direction:column;padding:8px}.user-role .drag-handle-icon .dot-row{display:flex;gap:2px;justify-content:center}.user-role .drag-handle-icon .dot{background-color:#475569;border-radius:50%;height:3px;margin:1px;width:3px}.user-role .drag-handle-icon:active{cursor:grabbing}.user-role .status-text{color:#475569;font-size:12px;font-weight:300;margin-left:8px}.user-role .userrole-submit{align-self:flex-start;margin-top:20px}.user-role .user-role__loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.user-role .user-role__loading p{color:#475569;font-weight:500;margin:0}.user-role .user-role__spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.user-role .user-role__table-container{margin-top:20px}.user-role .user-role__empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.user-role .user-role__empty-state h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem}.user-role .user-role__empty-state p{color:#475569;font-size:1rem;margin:0;max-width:400px}.user-role .user-role__empty-icon{color:#94a3b8;height:64px;width:64px}@media(max-width:768px){.user-role{padding:15px}.user-role h2{font-size:1.2rem}.user-role .user-role-form{padding:15px}.user-role .user-role-form__grid{gap:1rem;grid-template-columns:1fr}.user-role .user-role__actions{flex-direction:column;gap:8px}.user-role .user-role__actions .create-role-button{margin:5px 0}}@media(max-width:480px){.user-role{padding:10px}.user-role h2{font-size:1rem}.user-role .user-role-form{padding:10px}.user-role .user-role-form__grid{gap:.75rem}.user-role .userrole-form-group .form-input{font-size:16px}}.create-role-button{align-items:center;background-color:#fff;border:.1px solid #ccc;border-radius:30px;color:#000;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:300;gap:10px;justify-content:center;margin:10px;padding:10px 20px;transition:background-color .3s ease}.create-role-button:hover{background-color:#3b82f6;color:#fff}.holidays-container{background-color:#fff;background-color:var(--bg-primary);border:.1px solid #ccc;border:.1px solid var(--border-primary);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#1e293b;color:var(--text-primary);padding:20px}@media(max-width:768px){.holidays-container{border-radius:15px;padding:15px}}.holidays-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}@media(max-width:768px){.holidays-header{align-items:flex-start;flex-direction:column;gap:16px}}.create-holiday-button{align-items:center;background:#fff;border:.1px solid #ccc;border-radius:20px;color:#1e293b;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease}.create-holiday-button:hover{background-color:#3b82f6;box-shadow:0 6px 20px #2563eb66;color:#fff;transform:translateY(-2px)}.create-holiday-button:active{background-color:#3b82f6;color:#fff;transform:translateY(0)}.holiday-form-container{margin-bottom:24px;padding:24px}.holiday-form,.holiday-form-container{max-width:none;width:100%}.holiday-form__header{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:24px;text-align:center}.holiday-form__title{color:#1f2937;font-size:1.875rem;font-weight:600;line-height:1.3;margin-bottom:8px}.holiday-form__subtitle{color:#6b7280;font-size:1rem;font-weight:400;margin:0}.holiday-form__content{display:flex;flex-direction:row;gap:24px}@media(max-width:1024px){.holiday-form__content{flex-direction:column}}.holiday-form__section{border:1px solid #e5e7eb;border-radius:12px;padding:24px;width:100%}.holiday-form__section-title{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:600;gap:8px;margin-bottom:8px}.holiday-form__section-title:before{background:#36c76c;border-radius:2px;content:"";height:20px;width:4px}.holiday-form__section-description{color:#6b7280;font-size:.875rem;margin-bottom:20px;margin-top:0}.holiday-form__row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media(max-width:768px){.holiday-form__row{grid-template-columns:1fr}}.holiday-form__field{display:flex;flex-direction:column;margin-bottom:20px}.holiday-form__field--full-width{grid-column:1/-1}.holiday-form__field:last-child{margin-bottom:0}.holiday-form__label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.holiday-form__input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-family:Manrope,sans-serif;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.holiday-form__input::placeholder{color:#9ca3af}.holiday-form__input:hover:not(:focus){border-color:#9ca3af}.holiday-form__input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.holiday-form select.holiday-form__input,.holiday-form__input[type=select]{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.holiday-form__error{color:#ef4444;display:block;font-size:.75rem;margin-top:4px}.holiday-form__checkbox-wrapper{display:flex;flex-direction:column;gap:16px}.holiday-form__select-all{box-shadow:0 1px 2px #0000000d;margin-bottom:24px;padding:12px 16px}.holiday-form__branches-grid,.holiday-form__select-all{background:#fff;border:1px solid #d1d5db;border-radius:8px}.holiday-form__branches-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-height:300px;overflow-y:auto;padding:16px}.holiday-form__branches-grid::-webkit-scrollbar{width:6px}.holiday-form__branches-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.holiday-form__branches-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.holiday-form__branches-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.holiday-form__checkbox-group{align-items:center;border-radius:6px;display:flex;padding:8px 0;transition:background-color .2s ease}.holiday-form__checkbox-group:hover{background-color:#f8fafc}.holiday-form__no-branches{background:#fff;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;padding:48px 24px;text-align:center}.holiday-form__no-branches-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.holiday-form__no-branches h4{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:8px}.holiday-form__no-branches p{font-size:.875rem;line-height:1.5;margin:0 auto;max-width:400px}.holiday-form__loading{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;display:flex;font-size:.875rem;gap:12px;justify-content:center;padding:32px}.holiday-form__loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#36c76c;height:20px;width:20px}.holiday-form__actions{border-top:1px solid #e5e7eb;display:flex;gap:16px;margin-top:32px;padding-top:24px}@media(max-width:480px){.holiday-form__actions{flex-direction:column-reverse;gap:12px}}.holiday-form__btn{border:none;border-radius:20px;cursor:pointer;font-size:.875rem;font-weight:500;min-width:120px;padding:12px 24px;position:relative;transition:all .2s ease}.holiday-form__btn:disabled{cursor:not-allowed;opacity:.5}.holiday-form__btn:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.holiday-form__btn--save{background:#36c76c;color:#fff}.holiday-form__btn--save:hover:not(:disabled){background:#2da75b;box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.holiday-form__btn--save:active:not(:disabled){transform:translateY(0)}.holiday-form__btn--cancel{background:#fff;border:1px solid #d1d5db;color:#374151}.holiday-form__btn--cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.holiday-form__btn--cancel:active:not(:disabled){transform:translateY(0)}.branch-selection-container .select-all-container{margin-bottom:20px}.branch-selection-container .select-all-button{align-items:center;background-color:#fff;border:.1px solid #ccc;border-radius:20px;color:#1e293b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px;transition:all .3s ease;width:fit-content}.branch-selection-container .select-all-button.active,.branch-selection-container .select-all-button:hover{background-color:#3b82f6;color:#fff}.branch-selection-container .branches-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:16px}@media(max-width:768px){.branch-selection-container .branches-grid{grid-template-columns:1fr}}.branch-selection-container .branch-button{align-items:center;background-color:#fff;border:.1px solid #ccc;border-radius:20px;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px;text-align:left;transition:all .3s ease}.branch-selection-container .branch-button:hover{background-color:#f8fafc;border-color:#3b82f6;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.branch-selection-container .branch-button.active{background-color:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #2563eb4d;color:#fff}.branch-selection-container .branch-button.active .branch-checkbox{background-color:#fff;color:#3b82f6}.branch-selection-container .branch-button .branch-checkbox{align-items:center;background-color:#fff;border:2px solid #ccc;border-radius:4px;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .3s ease;width:20px}.branch-selection-container .branch-button .branch-name{font-weight:500;line-height:1.2}.branch-selection-container .selected-count{border-radius:6px;color:#475569;font-size:12px;font-weight:500;padding:8px;text-align:center}.content-section .search-container{margin-bottom:25px}.content-section .search-container .search-input-wrapper{max-width:400px;position:relative}.content-section .search-container .search-input-wrapper .search-icon{color:#94a3b8;font-size:18px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.content-section .search-container .search-input-wrapper .search-input{background-color:#fff;border:1px solid #ccc;border-radius:12px;color:#1e293b;font-size:14px;padding:8px 10px 8px 30px;transition:all .3s ease;width:100%}.content-section .search-container .search-input-wrapper .search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #2563eb1a;outline:none}.content-section .search-container .search-input-wrapper .search-input::placeholder{color:#94a3b8}.holiday-type-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.holiday-type-badge.mandatory{background-color:#ffccdb;color:#b32a4c}.holiday-type-badge.optional{background-color:#daf4fb;color:#4ba3be}.action-buttons{gap:8px}.error-message{color:#dc2626;font-size:.9rem;margin-bottom:10px;padding:10px}@media(max-width:768px){.holiday-form-container{margin:10px;padding:16px}.holiday-form__header{margin-bottom:24px;padding-bottom:16px}.holiday-form__title{font-size:1.5rem}.holiday-form__content{gap:24px}.holiday-form__section{padding:16px}.holiday-form__branches-grid{grid-template-columns:1fr}}@media(max-width:480px){.holiday-form__title{font-size:1.25rem}.holiday-form__section-title{font-size:1.125rem}.holiday-form__no-branches{padding:32px 16px}.holiday-form__no-branches-icon{font-size:2rem}.create-holiday-button{justify-content:center;width:100%}}.create-holiday-button:focus,.holiday-form__btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.holiday-form__input:focus{border-color:#36c76c;box-shadow:0 0 0 3px #22c55e1a;outline:none}.company-detail{border:.1px solid #ccc;border:.1px solid var(--border-primary);border-radius:20px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:20px 30px}.company-detail,.company-detail-form{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary)}.company-detail-form{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.company-detail-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.company-detail-form{grid-template-columns:1fr}}.company-detail-form .form-buttons{display:flex;gap:10px;grid-column:span 3;margin-top:20px}.form-group{font-size:.9rem;font-weight:400}.form-label{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);font-weight:400;margin-bottom:8px}.form-input,.form-textarea{background-color:#fff;border:1px solid #ddd;border-radius:10px;font-size:14px;padding:8px;transition:border-color .3s}.form-input:focus,.form-textarea:focus{border-color:#fff}.color-theme-edit-section{border-radius:12px;margin:20px 0;padding:20px}.color-theme-edit-section .display7{color:#1e293b;color:var(--text-primary);font-size:1.2rem;margin-bottom:15px}.color-theme-warning{align-items:center;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;display:flex;font-size:.9rem;gap:8px;margin-bottom:20px;padding:12px 16px}.color-theme-warning .warning-icon{flex-shrink:0;font-size:1.1rem}.color-theme-warning .warning-text{line-height:1.4}@media(max-width:768px){.color-theme-warning{font-size:.85rem;padding:10px 12px}}.color-theme-form{display:flex;flex-direction:column;gap:15px}.color-theme-form .form-group{margin-bottom:0}.color-theme-buttons{display:flex;gap:10px}@media(max-width:768px){.color-theme-buttons{flex-direction:column}}.action-button-companyDetails{display:flex;gap:10px;margin-bottom:20px}@media(max-width:768px){.action-button-companyDetails{flex-direction:column}}.color-picker-container{display:flex;flex-direction:column;gap:10px}.color-input-wrapper{align-items:center;display:flex;gap:10px}@media(max-width:768px){.color-input-wrapper{align-items:stretch;flex-direction:column}}.color-picker-input{background:none;border:1px solid #ddd;border-radius:8px;cursor:pointer;height:40px;padding:0;width:50px}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:none;border-radius:6px}.color-picker-input::-moz-color-swatch{border:none;border-radius:6px}.color-text-input{flex:1 1;min-width:120px}.color-preview{border:2px solid #ddd;border-radius:8px;height:40px;min-width:40px;width:40px}.color-theme-display{align-items:center;display:flex;gap:10px}.color-theme-preview{border:2px solid #ddd;border-radius:6px;height:30px;min-width:30px;width:30px}.company-details-view{grid-gap:10px;background-color:#fff;background-color:var(--bg-primary);border-radius:8px;color:#1e293b;color:var(--text-primary);display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding:20px}@media(max-width:768px){.company-details-view{grid-template-columns:1fr;padding:10px}}.company-detail-item{border-bottom:1px solid #f0f0f0}@media(max-width:768px){.company-detail-item{flex-direction:column;padding:10px 0}}.company-detail-item strong{background-color:#fff;background-color:var(--bg-primary)}.company-detail-item:last-child{border-bottom:none}.company-logo-container{align-items:center;background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);display:flex;flex-direction:column;gap:10px;justify-content:center;margin-bottom:20px}@media(max-width:768px){.company-logo-container{margin-bottom:10px}}.company-logo-image{height:80px;object-fit:contain;width:80px}.company-info{text-align:center}.company-name{font-size:18px;font-weight:700}.company-ceo{font-size:14px}.separator{border:0;border-top:1px solid #ddd;margin:0 40px}@media(max-width:768px){.separator{margin:0}}.company-detail-item{color:#1e293b;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:500;justify-content:start;padding:12px 0}.company-detail-item strong{color:#1e293b;color:var(--text-primary);font-weight:300;min-width:150px}.company-color-theme,.company-email{border-bottom:.1px solid #f0f0f0!important}.edit-button,.submit-button{justify-content:center}@media(max-width:768px){.edit-button,.submit-button{margin-top:15px}}.file-input-container{display:flex;flex-direction:column;height:100%;width:100%}.file-upload-label{align-items:center;background-color:#fff;background-color:var(--bg-primary);border:1px solid #ddd;border-radius:10px;cursor:pointer;display:flex;overflow:hidden;padding:4px;width:100%}.file-input{display:none}.file-upload-label:before{align-items:center;border-right:1px solid #ccc;box-sizing:border-box;color:#1e293b;content:"Choose File";display:flex;font-size:12px;height:40px;justify-content:center;margin:0;width:30%}.file-name-container{align-items:center;display:flex;gap:8px;overflow:hidden;padding:0 8px;width:70%}.file-icon{flex-shrink:0;font-size:14px}.file-name{flex:1 1;font-size:x-small;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-button{align-items:center;background:#007bff;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:10px;gap:2px;padding:4px 8px;transition:all .2s ease}.preview-button:hover{box-shadow:0 2px 4px #007bff4d;transform:translateY(-1px)}.preview-button:active{transform:translateY(0)}.file-upload-label:hover:before{color:var(--text-color)}.upload-instructions{color:#666;margin-left:10px}.file-label{font-size:11px}.error-message{color:#dc3545;font-size:12px;margin-top:4px;padding:0 8px}.modal-overlay{animation:fadeInOverlay .3s ease-out;background:#00000080;z-index:999}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.file-preview-popup{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border:2px solid #e1e5e9;border-radius:16px;box-shadow:0 20px 40px #0003;left:50%;max-height:80vh;max-width:500px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:1000}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.7) rotateX(10deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotateX(0deg)}}.preview-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #f1f3f4;border-radius:14px 14px 0 0;padding:20px;position:relative}.preview-title{color:#495057;display:block;font-size:16px;font-weight:700;margin-bottom:12px}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:30px;height:50px;justify-content:center;padding:4px;position:absolute;right:16px;top:16px;transition:all .2s ease;width:50px}.close-button:hover{background:#6c757d1a;color:#495057;transform:rotate(90deg)}.file-details{display:flex;flex-direction:column;gap:4px}.preview-filename{color:#212529;font-size:14px;font-weight:600;word-break:break-word}.preview-filesize{color:#6c757d;font-size:11px}.preview-content{padding:24px}.image-preview-container{text-align:center}.preview-image{border:2px solid #e9ecef;border-radius:12px;box-shadow:0 8px 16px #0000001a;margin-bottom:16px;max-height:350px;max-width:100%;object-fit:contain}.image-info p{color:#28a745;font-size:12px;font-weight:600;margin:0}.pdf-preview{text-align:center}.pdf-visual{display:inline-block;margin-bottom:16px;position:relative}.pdf-icon-large{font-size:48px;margin-bottom:8px}.pdf-pages{display:flex;gap:2px;justify-content:center;margin-top:-10px}.pdf-page{background:#fff;border:1px solid #ddd;border-radius:2px;height:24px;position:relative;width:20px}.pdf-page:before{top:2px}.pdf-page:after,.pdf-page:before{background:#ccc;content:"";height:1px;left:2px;position:absolute;right:2px}.pdf-page:after{top:5px}.pdf-info p{font-size:12px;margin:4px 0}.pdf-info p:first-child{color:#212529;font-weight:600}.pdf-info p:nth-child(2){color:#28a745;font-weight:600}.pdf-note{color:#6c757d!important;font-size:10px!important;font-style:italic}.file-preview{text-align:center}.file-visual{display:inline-block;margin-bottom:16px;position:relative}.file-icon-large{font-size:48px;margin-bottom:8px}.file-type-badge{background:#007bff;border-radius:10px;bottom:0;color:#fff;font-size:8px;font-weight:700;padding:2px 6px;position:absolute;right:-5px;transform:translateY(-50%)}.file-info p{font-size:12px;margin:4px 0}.file-info p:first-child{color:#212529;font-weight:600}.file-info p:last-child{color:#28a745;font-weight:600}.email-container{background-color:#fff;background-color:var(--bg-primary);border:.1px solid #ccc;border:.1px solid var(--border-primary);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#1e293b;color:var(--text-primary);padding:20px}.email-container .action-container{display:flex;gap:10px}.email-form{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.email-form .email-form-group{display:flex;flex-direction:column;gap:8px}.email-form .email-form-group label{color:#000;display:block;font-size:14px;letter-spacing:.01em;margin-bottom:8px}.email-form .email-form-group input{border:.1px solid #ccc;border-radius:8px;color:#000;font-size:13px;font-weight:500;padding:10px 12px;transition:all .3s ease}.email-form .email-form-group input:focus{background-color:#fff;border-color:#3b82f6;outline:none}.email-form .email-form-group input::placeholder{color:#94a3b8;font-size:14px}.email-form .email-form-group:has(.error-message) input{border-color:#ff6692}.email-form .email-form-group .error-message{background-color:#0000;border:none;color:#ff6692;font-size:12px;font-weight:500;margin:0;padding:0}.email-form .password-input-wrapper{align-items:center;display:flex;position:relative}.email-form .password-input-wrapper input{padding-right:50px;width:100%}.email-form .password-input-wrapper .password-toggle{color:#64748b;cursor:pointer;font-size:20px;position:absolute;right:16px;transition:color .3s ease}.checkbox-group{display:flex;flex-wrap:wrap;gap:24px}.search-container{margin-bottom:24px;max-width:400px;position:relative}.search-container .search-branch{border:1px solid #ccc;border-radius:10px;font-size:14px;margin-bottom:10px;max-width:100%;padding:8px 10px 8px 30px;width:300px}.search-container .search-branch:focus{border-color:#3b82f6;outline:none}.search-container .search-branch::placeholder{color:#94a3b8}.search-container .department__search-icon{color:#64748b;font-size:20px;left:10px;position:absolute;top:50%;transform:translateY(-50%)}@media(max-width:768px){.email-form{gap:20px;grid-template-columns:1fr;padding:24px}.email-form .email-form-group:last-child{grid-column:1}.checkbox-group{flex-direction:column;gap:16px}.checkbox-group>*{min-width:auto}.email-container{padding:16px}.email-container h1{font-size:24px}.create-role-button{font-size:14px;padding:12px 20px}}@media(max-width:480px){.search-container{max-width:100%}}.user-management-container{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);min-height:90dvh;padding:1rem}.user-management-container .user-management-actions{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:1.5rem}.user-management-container .user-management-actions .add-button,.user-management-container .user-management-actions .bulk-upload-button{background-color:#36c76c;border-radius:20px;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.user-management-container .user-management-actions .add-button:hover,.user-management-container .user-management-actions .bulk-upload-button:hover{background-color:#2b9f56;transform:translateY(-2px)}.user-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9998}.user-modal{animation:slideUp .3s ease-out;background:#fff;background:var(--bg-primary);border-radius:20px;box-shadow:0 20px 60px #00000026;max-height:95vh;max-width:1400px;overflow:hidden;width:95%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.user-modal-content{max-height:95vh;overflow-y:auto;padding:2rem;position:relative}.user-modal-content::-webkit-scrollbar{width:8px}.user-modal-content::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.user-modal-content::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.user-modal-content .profile-pic-display{margin-bottom:10px}.user-modal-content .profile-pic-preview{border:2px solid #ddd;border-radius:8px;display:block;height:100px;object-fit:cover;width:100px}.user-modal-content .profile-pic-label{color:#666;font-size:12px;margin-bottom:10px;margin-top:5px}.user-modal-content .new-profile-pic-display{margin-top:10px}.modal-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.modal-header .modal-title{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.modal-header .close-button{background:none;border:none;border-radius:50%;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:2rem;padding:.5rem;transition:all .3s ease}.modal-header .close-button:hover{background:#0000001a;transform:scale(1.1)}.error-message-global{background:#fee;border:1px solid #fed7d7;border-radius:12px;color:#c53030;margin-bottom:1rem;padding:1rem}.error-message-global p{font-weight:500;margin:0}.modal-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:#fff;background:var(--bg-primary);border:1px solid #00000014;border-radius:16px;padding:1.5rem;transition:all .3s ease}.form-section:hover{box-shadow:0 4px 20px #00000014}.form-section .section-title{align-items:center;border-bottom:2px solid #3b82f6;color:#1e293b;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.form-section .section-title:before{background:linear-gradient(45deg,#3b82f6,#9dc0fa);border-radius:2px;content:"";height:20px;width:4px}.form-section .form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}@media(max-width:768px){.form-section .form-grid{gap:1rem;grid-template-columns:1fr}}.form-field,.form-section .form-grid .form-row{display:flex;flex-direction:column}.form-field label{color:#1e293b;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-field input,.form-field select{border:1px solid #00000026;border-radius:12px;box-sizing:border-box;font-size:.95rem;font-weight:500;padding:.7rem 1rem;transition:all .3s ease;width:100%}.form-field input:focus,.form-field select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.form-field input:hover,.form-field select:hover{border-color:#00000026}.form-field input::placeholder,.form-field select::placeholder{color:#00000080}.form-field input[type=file]{background-color:#00000005;border:2px dashed #0003;border-radius:12px;cursor:pointer;padding:.4rem}.form-field input[type=file]:hover{background-color:#3b82f605;border-color:#3b82f6}.password-field .password-input-container{align-items:center;background-color:#fff;background-color:var(--bg-primary);border:1px solid #00000026;border-radius:12px;display:flex;position:relative;transition:all .3s ease}.password-field .password-input-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.password-field .password-input-container input{background:#0000;border:none;color:#1e293b;color:var(--text-primary);flex:1 1;font-size:.95rem;font-weight:500;padding:.875rem 1rem}.password-field .password-input-container input:focus{box-shadow:none;outline:none;transform:none}.password-field .password-actions{align-items:center;background-color:#0000;display:flex;gap:0;justify-content:center;margin-right:10px}.password-field .password-actions .icon-button{background-color:#0000;color:#1e293b;color:var(--text-primary)}.password-field .password-actions .icon-button:hover{color:#3b82f6;color:var(--active-color);transform:scale(1.1)}.button-group{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.button-group .option-button{background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc;border-radius:20px;color:#1e293b;color:var(--text-primary);cursor:pointer;font-family:Manrope,sans-serif;font-size:.9rem;font-weight:500;min-width:80px;padding:5px;text-align:center;transition:all .3s ease}.button-group .option-button:hover{background-color:#3b82f60d;border-color:#3b82f6;transform:translateY(-1px)}.button-group .option-button.selected{background-color:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:600}.button-group .option-button:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.enhanced-multi-select{display:flex;flex-direction:column;width:100%}.enhanced-multi-select .multi-select-container{position:relative;width:100%}.enhanced-multi-select .multi-select-label{color:#1e293b;color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.enhanced-multi-select .multi-select-control{align-items:center;background-color:#fff;background-color:var(--bg-primary);border:1px solid #00000026;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;font-family:Manrope,sans-serif;justify-content:space-between;min-height:46px;padding:.875rem 1rem;transition:all .3s ease}.enhanced-multi-select .multi-select-control:hover{border-color:#00000040}.enhanced-multi-select .multi-select-control.focused{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.enhanced-multi-select .multi-select-control .multi-select-values{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.25rem;min-height:20px}.enhanced-multi-select .multi-select-control .multi-select-values .multi-select-value-tag{align-items:center;background-color:#3b82f61a;border-radius:6px;color:#3b82f6;display:flex;font-size:.85rem;font-weight:500;gap:.25rem;line-height:1;padding:.25rem .5rem}.enhanced-multi-select .multi-select-control .multi-select-values .multi-select-value-tag .remove-tag{color:#3b82f6b3;cursor:pointer;font-size:.8rem;font-weight:700}.enhanced-multi-select .multi-select-control .multi-select-values .multi-select-value-tag .remove-tag:hover{color:#ff6692}.enhanced-multi-select .multi-select-control .multi-select-values .multi-select-placeholder{color:#00000080;font-size:.95rem;font-weight:500;line-height:1}.enhanced-multi-select .multi-select-control .multi-select-arrow{color:#1e293b;color:var(--text-primary);font-size:.8rem;margin-left:.5rem;transition:transform .3s ease}.enhanced-multi-select .multi-select-control .multi-select-arrow.open{transform:rotate(180deg)}.enhanced-multi-select .multi-select-dropdown{background-color:#fff;background-color:var(--bg-primary);border:1px solid #00000026;border-radius:12px;box-shadow:0 8px 25px #00000026;left:0;margin-top:.25rem;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.enhanced-multi-select .multi-select-dropdown .select-all-button{background:#3b82f60d;border:none;border-bottom:1px solid #00000014;color:#3b82f6;cursor:pointer;font-family:Manrope,sans-serif;font-size:.9rem;font-weight:600;padding:.75rem 1rem;transition:all .2s ease;width:100%}.enhanced-multi-select .multi-select-dropdown .select-all-button:hover{background:#3b82f61a}.enhanced-multi-select .multi-select-dropdown .select-all-button:focus{background:#3b82f61a;outline:none}.enhanced-multi-select .multi-select-dropdown .multi-select-option{align-items:center;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.enhanced-multi-select .multi-select-dropdown .multi-select-option:hover{background-color:#3b82f60d}.enhanced-multi-select .multi-select-dropdown .multi-select-option.selected{background-color:#3b82f61a;color:#3b82f6;font-weight:600}.enhanced-multi-select .multi-select-dropdown .multi-select-option .option-checkbox{align-items:center;border:2px solid #0000004d;border-radius:3px;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;height:16px;justify-content:center;width:16px}.enhanced-multi-select .multi-select-dropdown .multi-select-option .option-checkbox.checked{background-color:#3b82f6;border-color:#3b82f6}.enhanced-multi-select .dependency-message{align-items:center;color:#ff6692;display:flex;font-size:.85rem;gap:.5rem;line-height:1.4;margin-top:5px}.enhanced-multi-select .dependency-message i{color:#ffc107;flex-shrink:0}.form-field .enhanced-multi-select{margin-top:0}@media(max-width:768px){.enhanced-multi-select .multi-select-control{min-height:42px;padding:.75rem}.enhanced-multi-select .multi-select-values .multi-select-value-tag{font-size:.8rem;padding:.2rem .4rem}.enhanced-multi-select .multi-select-dropdown .multi-select-option,.enhanced-multi-select .multi-select-dropdown .select-all-button{font-size:.85rem;padding:.625rem .75rem}}.select-container .react-select__control{background-color:#fff!important;background-color:var(--bg-primary)!important;border:1px solid #00000026!important;border-radius:12px!important;box-shadow:none!important;font-family:Manrope,sans-serif!important;min-height:46px!important}.select-container .react-select__control:hover{border-color:#00000040!important}.select-container .react-select__control.react-select__control--is-focused{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.select-container .react-select__value-container{padding:.55rem 1rem!important}.select-container .react-select__placeholder{color:#00000080!important;font-weight:500!important}.select-container .react-select__single-value{color:#1e293b!important;color:var(--text-primary)!important;font-weight:500!important}.select-container .react-select__indicator-separator{display:none!important}.select-container .react-select__dropdown-indicator{color:#1e293b!important;color:var(--text-primary)!important}.select-container .react-select__menu{background-color:#fff!important;background-color:var(--bg-primary)!important;border:1px solid #00000026!important;border-radius:12px!important;box-shadow:0 8px 25px #00000026!important}.select-container .react-select__option{color:#1e293b!important;color:var(--text-primary)!important;font-weight:500!important;padding:.75rem 1rem!important}.select-container .react-select__option:hover{background-color:#3b82f60d!important}.select-container .react-select__option.react-select__option--is-selected{background-color:#3b82f6!important}.css-control,.css-control--is-focused{background-color:#fff!important;background-color:var(--bg-primary)!important;border:1px solid #00000026!important;border-radius:12px!important;box-shadow:none!important;font-family:Manrope,sans-serif!important;min-height:46px!important}.css-control--is-focused:hover,.css-control:hover{border-color:#00000040!important}.css-control--is-focused{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.css-value-container{padding:.875rem 1rem!important}.css-placeholder{color:#00000080!important;font-weight:500!important}.css-multi-value__label,.css-single-value{color:#1e293b!important;color:var(--text-primary)!important;font-weight:500!important}.css-multi-value{background-color:#3b82f61a!important;border-radius:6px!important}.css-multi-value__remove:hover{background-color:#ff6692!important;color:#fff!important}.dependency-message{align-items:center;color:#ff6692;display:flex;font-size:.85rem;gap:.5rem;margin-top:5px}.dependency-message i{color:#ffc107;font-size:1rem}.error-message{align-items:center;color:#ff6692;display:flex;font-size:.85rem;font-weight:500;gap:.25rem;margin-top:.5rem}.error-message:before{content:"⚠";font-size:.9rem}.form-actions{gap:1rem;justify-content:center;margin-top:1rem}@media(max-width:768px){.form-actions{flex-direction:column}.form-actions .btn{margin-right:0!important;width:100%}}.upload-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.upload-modal{background:#fff;background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:500px;padding:2rem;width:90%}.upload-modal .modal-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.upload-modal .modal-header h3{color:#1e293b;color:var(--text-primary);font-weight:700;margin:0}.upload-modal .modal-header .close-button{background:none;border:none;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:1.5rem}.upload-modal .modal-body{display:flex;flex-direction:column;gap:1rem}.upload-modal .modal-body .cancel-button,.upload-modal .modal-body .download-template-button,.upload-modal .modal-body .upload-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:Manrope,sans-serif;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.upload-modal .modal-body .download-template-button{background:#3b82f6;color:#fff}.upload-modal .modal-body .download-template-button:hover{background:#0b63f3}.upload-modal .modal-body .upload-button{background:#36c76c;color:#fff}.upload-modal .modal-body .upload-button:hover{background:#2b9f56}.upload-modal .modal-body .upload-button:disabled{background:#0000004d;cursor:not-allowed}.upload-modal .modal-body .cancel-button{background:#ff6692;color:#fff}.upload-modal .modal-body .cancel-button:hover{background:#ff336e}.upload-modal .modal-body .file-input-container .file-upload-label{align-items:center;border:2px dashed #0003;border-radius:12px;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:1rem;transition:all .3s ease}.upload-modal .modal-body .file-input-container .file-upload-label:hover{background:#3b82f60d;border-color:#3b82f6}.upload-modal .modal-body .file-input-container .file-input{display:none}.upload-modal .modal-body .success-message{align-items:center;background:#22c55e1a;border-radius:12px;color:#36c76c;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;text-align:center}@media(max-width:768px){.user-modal{margin:1rem;width:95%}.user-modal-content{padding:1.5rem}.form-section .form-grid{gap:1rem;grid-template-columns:1fr}.form-field label{font-size:.85rem}.form-field input,.form-field select{font-size:.9rem;padding:.75rem}.button-group{gap:.25rem}.button-group .button-group-option{font-size:.85rem;min-width:60px;padding:.5rem 1rem}.enhanced-multi-select .multi-select-control{min-height:42px;padding:.375rem}.enhanced-multi-select .multi-select-values .multi-select-value-tag{font-size:.8rem;padding:.2rem .4rem}}.react-tooltip{background-color:#0a2540!important;border-radius:8px!important;box-shadow:0 4px 15px #0003!important;color:#fff!important;font-family:Manrope,sans-serif!important;font-size:.85rem!important;max-width:250px!important}.employee-profile-cell{align-items:center;display:flex;gap:.75rem;max-width:250px;min-width:200px;padding:.5rem}.employee-profile-cell .profile-image-container{flex-shrink:0}.employee-profile-cell .profile-image-container .profile-image{border:2px solid #0000001a;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:40px;object-fit:cover;width:40px}.employee-profile-cell .profile-image-container .profile-placeholder{align-items:center;background:#3b82f6;background:var(--active-color);border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:40px;justify-content:center;text-transform:uppercase;width:40px}.employee-profile-cell .profile-info{flex:1 1;min-width:0}.employee-profile-cell .profile-info .employee-name{color:#1e293b;color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.2;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis}.employee-profile-cell .profile-info .employee-id{color:#0009;font-size:.75rem;font-weight:500;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(prefers-color-scheme:dark){.employee-profile-cell .profile-info .employee-id{color:#000}}.general-table-wrapper .table-container{max-width:100%;overflow-x:auto;position:relative}.general-table-wrapper .table-container:before{bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:10px;z-index:10}.general-table-wrapper .general-table td:first-child,.general-table-wrapper .general-table td:nth-child(2),.general-table-wrapper .general-table th:first-child,.general-table-wrapper .general-table th:nth-child(2){background-color:#fff;background-color:var(--bg-primary);position:sticky;z-index:5}.general-table-wrapper .general-table td:first-child:after,.general-table-wrapper .general-table td:nth-child(2):after,.general-table-wrapper .general-table th:first-child:after,.general-table-wrapper .general-table th:nth-child(2):after{background-color:#0000001a;bottom:0;content:"";position:absolute;right:0;top:0;width:1px}.general-table-wrapper .general-table td:last-child,.general-table-wrapper .general-table th:last-child{background-color:#fff;background-color:var(--bg-primary);min-width:120px;position:sticky;right:0;z-index:5}.general-table-wrapper .general-table td:last-child:before,.general-table-wrapper .general-table th:last-child:before{background-color:#0000001a;bottom:0;content:"";left:0;position:absolute;top:0;width:1px}@media(max-width:1024px){.employee-profile-cell{max-width:200px;min-width:180px}.employee-profile-cell .profile-image-container .profile-image,.employee-profile-cell .profile-image-container .profile-placeholder{height:32px;width:32px}.employee-profile-cell .profile-image-container .profile-placeholder{font-size:.75rem}.employee-profile-cell .profile-info .employee-name{font-size:.85rem}.employee-profile-cell .profile-info .employee-id{font-size:.7rem}.general-table-wrapper .general-table{min-width:1000px}.general-table-wrapper .general-table td:first-child,.general-table-wrapper .general-table th:first-child{min-width:200px}.general-table-wrapper .general-table td:nth-child(2),.general-table-wrapper .general-table th:nth-child(2){left:200px;min-width:100px}}.employee-profile-cell .profile-info .employee-name{position:relative}.employee-profile-cell .profile-info .employee-name:hover:after{background:#000c;border-radius:4px;box-shadow:0 2px 8px #0003;color:#fff;content:attr(title);font-size:.75rem;left:0;padding:.25rem .5rem;position:absolute;top:100%;white-space:nowrap;z-index:1000}.authorities-grid{grid-gap:6px;display:grid;gap:6px;grid-auto-columns:max-content;grid-auto-flow:column;grid-template-rows:repeat(2,auto);max-height:70px;overflow:hidden}.authority-badge{background-color:#3b82f6;background-color:var(--active-color);border-radius:20px;color:#fff;color:var(--text-inverse);font-size:12px;font-weight:500;padding:4px 8px;text-align:center;white-space:nowrap}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:.9;opacity:var(--rt-opacity);transition:opacity .15s ease-out;transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity .15s ease-in;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:8px;height:var(--rt-arrow-size);width:8px;width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:#222;background:var(--rt-color-dark);color:#fff;color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:#fff;background-color:var(--rt-color-white);color:#222;color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:#8dc572;background-color:var(--rt-color-success);color:#fff;color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:#f0ad4e;background-color:var(--rt-color-warning);color:#fff;color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:#be6464;background-color:var(--rt-color-error);color:#fff;color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:#337ab7;background-color:var(--rt-color-info);color:#fff;color:var(--rt-color-white)}.attendance-location-container{background-color:#fff;background-color:var(--bg-primary);border:.1px solid #ccc;border:.1px solid var(--border-primary);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#1e293b;color:var(--text-primary);padding:20px}@media(max-width:768px){.attendance-location-container{max-width:330px}}.attendance-location-container .display6{justify-content:center}.attendance-location-container .single-row{align-items:center;display:flex;justify-content:space-between;line-height:20px}.attendance-location-container .single-row .create-role-button{display:flex}.attendance-location-container .single-row .toggle-wrapper{margin-top:-10px}.attendance-location-container .single-row .toggle-wrapper label{margin-right:10px;margin-top:20px}.attendance-location-container .single-row .toggle-wrapper .toggle-button{margin-top:10px}.attendance-location-input-group{align-items:center;display:flex;margin-bottom:20px}.attendance-location-input-group .attendance-location-input{border:1px solid #ccc;border-radius:10px;font-size:14px;margin-right:10px;padding:8px;width:300px}.attendance-location-input-group .attendance-location-submit-btn{margin-top:0}.attendance-location-table-controls{display:flex;justify-content:space-between;margin-bottom:20px}.attendance-location-table-controls .search-box,.department__search-input-container{align-items:center;display:flex;position:relative}.department__search-input-container{justify-content:space-between;margin-bottom:10px}@media(max-width:992px){.department__search-input-container{display:flex;gap:20px}}.department__search-input-container .department__search-input{border:1px solid #ccc;border-radius:10px;font-size:14px;margin-bottom:10px;max-width:100%;padding:8px 10px 8px 30px;width:300px}.department__search-input-container .department__search-icon{color:#999;font-size:18px;left:10px;position:absolute;top:42%;transform:translateY(-50%)}.department__search-input-container label{margin-right:5px}@media(max-width:992px){.department__search-input-container label{display:flex;font-size:8px;text-align:center}}.department__search-input-container select{font-size:14px;padding:5px}.department__search-input-container .toggle-Button{align-items:center;display:flex;flex-direction:column;justify-content:center}.attendance-location-pagination{display:flex;justify-content:center}.attendance-location-pagination .pagination-button{background-color:#f8f9fa;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;margin:0 5px;padding:8px 12px;transition:background-color .3s ease}.attendance-location-pagination .pagination-button:hover{background-color:#e9ecef}.attendance-location-pagination .pagination-button.active{background-color:#007bff;border-color:#007bff;color:#fff}.create-form{align-items:center;display:flex;margin:0!important}.create-form input{border:1px solid #ccc;border-radius:10px;font-size:14px;margin-right:10px;width:300px}.attendancelocation-input{border:.1px solid #ccc;border-radius:10px;max-width:300px;padding:10px}.toggle-wrapper{align-items:center;display:flex;justify-content:center;line-height:10px;margin:20px}.toggle-wrapper label{margin-top:10px}.pagination{display:flex;justify-content:end;margin-top:20px}.pagination-button{background:#fff;border:1px solid #d1d1d1;cursor:pointer;margin:0;padding:8px 12px;transition:background .3s ease}.pagination-button:first-child{border-bottom-left-radius:30px!important;border-top-left-radius:30px!important}.pagination-button:last-child{border-bottom-right-radius:30px!important;border-top-right-radius:30px!important}.pagination-button.disabled{cursor:not-allowed;opacity:.5}.pagination-button.active{background:#3b82f6;color:#fff}.pagination-button:hover:not(.active):not(.disabled){background:#f0f0f0}.leave-type{background-color:#fff;background-color:var(--bg-primary);border:.1px solid #ccc;border:.1px solid var(--border-primary);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#1e293b;color:var(--text-primary);padding:20px}.leave-type .leave-type__actions{display:flex;gap:10px}.leave-type__action-btn{align-items:center;background-color:#fff;border:.1px solid #ccc;border-radius:30px;color:#000;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:300;justify-content:center;margin:10px;padding:10px 20px;transition:background-color .3s ease}.leave-type__action-btn:hover{background-color:#3b82f6;box-shadow:0 6px 20px #3b82f666;color:#fff;transform:translateY(-2px)}.leave-type__action-btn:hover:before{left:100%}.leave-type__action-btn:active{transform:translateY(0)}.leave-type__action-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.leave-type__action-btn:disabled:hover{box-shadow:none;transform:none}.leave-type__action-btn--close{background-color:#ff6692;box-shadow:0 4px 12px #4755694d;color:#fff}.leave-type__action-btn--close:hover{background-color:#ff336e}.leave-type__action-btn--bulk{background:#36c76c;box-shadow:0 4px 12px #36c76c4d;color:#fff}.leave-type__action-btn--bulk:hover{background-color:#2b9f56;box-shadow:0 6px 20px #36c76c66}.leave-type__action-btn--cancel{background:#ff6692;box-shadow:0 4px 12px #ff66924d;color:#fff}.leave-type__action-btn--cancel:hover{background-color:#ff336e;box-shadow:0 6px 20px #ff669266}.leave-type__action-icon{height:18px;width:18px}.leave-type__form-container{background:#fff;border-radius:20px;padding:10px}.leave-type__form{display:flex;flex-direction:column}.leave-type__form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem}.leave-type__form-group{display:flex;flex-direction:column;gap:.5rem}.leave-type__form-label{color:#1e293b;font-size:.95rem}.leave-type__form-input{border:.1px solid #ccc;border-radius:8px;color:#000;font-size:13px;font-weight:500;padding:10px 12px;transition:all .3s ease}.leave-type__form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.leave-type__form-input:disabled{background:#f1f5f9;cursor:not-allowed}.leave-type__form-input::placeholder{color:#94a3b8}.leave-type__payroll-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.leave-type__payroll-btn{background:#fff;border:2px solid #e2e8f0;border-radius:20px;color:#334155;cursor:pointer;flex:1 1;font-weight:500;min-width:100px;padding:10px}.leave-type__payroll-btn:hover{border-color:#3b82f6}.leave-type__payroll-btn--active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.leave-type__payroll-btn:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.leave-type__form-checkboxes{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:2rem;padding:1rem 0}.leave-type__checkbox-with-input{align-items:center;display:flex;flex-wrap:nowrap;gap:.75rem;white-space:nowrap}.leave-type__conditional-input{border:1px solid #ccc;border-radius:6px;color:#000;flex-shrink:0;font-size:12px;font-weight:500;padding:6px 8px;transition:all .3s ease;width:80px}.leave-type__conditional-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.leave-type__conditional-input:disabled{background:#f1f5f9;cursor:not-allowed}.leave-type__conditional-input::placeholder{color:#94a3b8;font-size:11px}@media(max-width:480px){.leave-type__form-checkboxes{flex-direction:column;gap:.75rem}.leave-type__checkbox-with-input{flex-wrap:wrap;max-width:100%;min-width:0;white-space:normal}.leave-type__conditional-input{width:72px}}.leave-type__form-actions{display:flex;gap:1rem}.leave-type__cancel-btn{background-color:#ff6692;border:.1px solid #ccc;border-radius:20px;color:#fff;margin:10px;padding:10px}.leave-type__cancel-btn:hover{background-color:#ff336e}.leave-type__cancel-btn:disabled{cursor:not-allowed;opacity:.6}.leave-type__search-container{background:#fff;padding:10px}.leave-type__search-wrapper{align-items:center;display:flex;margin-bottom:10px;position:relative}.leave-type__search-input{background:#fff;border:.1px solid #ccc;border-radius:10px;font-size:1rem;padding:10px;width:250px}.leave-type__search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.leave-type__search-input::placeholder{color:#94a3b8}.leave-type__search-input:disabled{background:#f1f5f9;cursor:not-allowed}.leave-type__results-count{color:#475569;font-size:.875rem;font-weight:500}.leave-type__bulk-input{border:.1px solid #ccc;border-radius:8px;font-size:.875rem;padding:.5rem;text-align:center;width:80px}.leave-type__bulk-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.leave-type__bulk-select{background:#fff;border:.1px solid #ccc;border-radius:8px;font-size:.875rem;min-width:100px;padding:.5rem}.leave-type__bulk-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.leave-type__badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;letter-spacing:.025em;padding:.375rem .875rem}.leave-type__badge--paid{background:#ebfaf0;border:1px solid #36c76c4d;color:#2b9b39}.leave-type__badge--unpaid{background:#fff9e5;border:1px solid #f8c20a4d;color:#d3b943}.leave-type__status{font-size:.85rem;font-weight:500}.leave-type__status--yes{color:#2b9b39}.leave-type__status--no{color:#64748b}.leave-type__empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.leave-type__empty-state h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem}.leave-type__empty-state p{color:#475569;font-size:1rem;margin:0;max-width:400px}.leave-type__empty-icon{color:#94a3b8;height:64px;width:64px}.leave-type__table-container{margin-top:2rem}.action-buttons{align-items:center;gap:.5rem}.error-message{background-color:#fee;border:1px solid #fcc;color:#c33;font-size:.875rem;margin:.5rem 0;padding:.75rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.leave-type{padding:15px}.leave-type__form-grid{gap:1rem;grid-template-columns:1fr}.leave-type__form-checkboxes{flex-direction:column;gap:1rem}.leave-type__checkbox-with-input{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.5rem}.leave-type__actions{flex-direction:column;gap:.5rem}.leave-type__action-btn{margin:5px 0}}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.employee-leave-popup{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:1000px;width:90%}.employee-leave-popup__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 28px}.employee-leave-popup__header h2{color:#111827;font-size:1.75rem;font-weight:700;margin:0}.employee-leave-popup__close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:2rem;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.employee-leave-popup__close:hover{background:#f3f4f6;color:#111827}.employee-leave-popup__search{background:#fafafa;border-bottom:1px solid #e5e7eb;padding:20px 28px;position:relative}.employee-leave-popup__search-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:12px 44px 12px 16px;transition:all .2s;width:100%}.employee-leave-popup__search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.employee-leave-popup__search-input::placeholder{color:#9ca3af}.employee-leave-popup__search-clear{align-items:center;background:#f3f4f6;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.25rem;height:28px;justify-content:center;padding:4px;position:absolute;right:36px;top:50%;transform:translateY(-50%);transition:all .2s;width:28px}.employee-leave-popup__search-clear:hover{background:#e5e7eb;color:#111827}.employee-leave-popup__content{flex:1 1;overflow-y:auto;padding:20px 28px}.employee-leave-popup__empty{color:#6b7280;font-size:1.1rem;padding:60px 20px;text-align:center}.employee-leave-table table{border-collapse:initial;border-spacing:0;width:100%}.employee-leave-table table th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:16px 20px;text-align:left;text-transform:uppercase}.employee-leave-table table th:first-child{border-top-left-radius:8px}.employee-leave-table table th:last-child{border-top-right-radius:8px}.employee-leave-table table td{border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:.95rem;padding:16px 20px}.employee-leave-table table tbody tr{transition:all .2s}.employee-leave-table table tbody tr:hover{background:#f9fafb}.employee-leave-table table tbody tr:last-child td{border-bottom:none}.employee-info .employee-name{color:#111827;font-weight:500}.leave-count{background:#f3f4f6;border-radius:6px;color:#374151;display:inline-block;font-weight:600;min-width:40px;padding:6px 12px;text-align:center}.leave-count.available{background:#dbeafe;color:#1e40af}.employee-leave-detail-popup{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:95%}.employee-leave-detail-popup__header{align-items:center;background:#3b82f6;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:24px 28px}.employee-leave-detail-popup__header h2{color:#fff;font-size:1.75rem;font-weight:700;margin:0}.employee-leave-detail-popup__header .employee-subtitle{color:#ffffffe6;font-size:.95rem;margin:4px 0 0}.employee-leave-detail-popup__close{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.employee-leave-detail-popup__close:hover{background:#ffffff4d}.employee-leave-detail-popup__content{background:#f9fafb;border-radius:20px;flex:1 1;overflow-y:auto;padding:28px}.employee-leave-detail-popup__empty{color:#6b7280;padding:80px 20px;text-align:center}.employee-leave-detail-popup__empty p{font-size:1.2rem;margin:0 0 20px}.add-leave-form{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:28px;padding:28px}.add-leave-form h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 24px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.leave-details-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));margin-bottom:28px}.leave-detail-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .3s}.leave-detail-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.leave-detail-card__header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.leave-detail-card__title{align-items:center;color:#111827;display:flex;font-size:1.25rem;font-weight:600;gap:12px;margin:0}.leave-detail-card__title .new-badge{background:#36c76c;border-radius:12px;box-shadow:0 2px 8px #10b9814d;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 10px}.leave-detail-card__form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.form-group{display:flex;flex-direction:column}.form-group label{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:8px}.form-group input[type=number],.form-group input[type=text]{background:#fafafa;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;padding:10px 14px;transition:all .2s;width:100%}.form-group input[type=number]:focus,.form-group input[type=text]:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.form-group input[type=number]:disabled,.form-group input[type=text]:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.form-group.checkbox-group{align-items:center;flex-direction:row;padding-top:8px}.form-group.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:10px;margin:0;-webkit-user-select:none;user-select:none}.form-group.checkbox-group input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:20px;width:20px}.leave-actions{align-items:center;background:#fff;border-radius:0 0 12px 12px;border-top:2px solid #e5e7eb;display:flex;gap:16px;justify-content:space-between;margin:0 -28px -28px;padding:24px 28px}.add-new-button{background:#36c76c;border:none;border-radius:20px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .2s}.add-new-button:hover{background-color:#2b9f56;box-shadow:0 4px 16px #10b98166;transform:translateY(-2px)}.cancel-button{background:#6b7280;border-radius:8px;font-weight:600;padding:12px 24px;transition:all .2s}.cancel-button:hover{background:#4b5563;transform:translateY(-1px)}.add-button{background:#36c76c;border:none;border-radius:20px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.add-button:hover{box-shadow:0 4px 16px #10b98166;transform:translateY(-2px)}.submit-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-left:auto;padding:12px 28px;transition:all .2s}.submit-button:hover:not(:disabled){box-shadow:0 4px 20px #3b82f666;transform:translateY(-2px)}.submit-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}@media(max-width:768px){.employee-leave-detail-popup,.employee-leave-popup{max-height:95vh;width:95%}.form-grid,.form-row,.leave-details-grid{grid-template-columns:1fr}.leave-actions{align-items:stretch;flex-direction:column}.leave-actions .submit-button{margin-left:0}.employee-leave-table table{font-size:.85rem}.employee-leave-table table td,.employee-leave-table table th{padding:12px 8px}}@media(max-width:480px){.employee-leave-detail-popup__header,.employee-leave-popup__header{padding:16px 20px}.employee-leave-detail-popup__header h2,.employee-leave-popup__header h2{font-size:1.25rem}.leave-detail-card{padding:16px}}.payment-setup{min-height:100vh;padding:0}.payment-setup .page-subtitle{color:#a0a0a0;font-size:1.1rem;font-weight:400;margin:0 0 20px;text-align:center}.payment-setup .page-subtitle .header-content{align-items:center;border-radius:20px;color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:2rem;position:relative}.payment-setup .page-subtitle .header-content:before{background:#ffffff1a;border-radius:50%;content:"";height:200px;position:absolute;right:0;top:0;transform:translate(50%,-50%);width:200px}.payment-setup .page-subtitle .header-content .header-text{z-index:2}.payment-setup .page-subtitle .header-content .header-text .page-title{color:#1e293b;color:var(--text-primary);font-size:2.5rem;font-weight:800;letter-spacing:-.025em;margin:0 0 .5rem}.payment-setup .page-subtitle .header-content .header-text .page-subtitle{font-size:1.125rem;font-weight:400;margin:0;opacity:.9}.payment-setup .page-subtitle .header-content .header-decoration{align-items:center;display:flex;gap:1rem;z-index:2}.payment-setup .page-subtitle .header-content .header-decoration .decoration-circle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;height:60px;width:60px}.payment-setup .page-subtitle .header-content .header-decoration .decoration-dots{display:flex;flex-direction:column;gap:.5rem}.payment-setup .page-subtitle .header-content .header-decoration .decoration-dots span{background:#fff9;border-radius:50%;height:8px;width:8px}.payment-setup .payroll-selection-section{margin-bottom:1rem}.payment-setup .section-card{border-radius:20px;overflow:hidden;transition:all .3s ease}.payment-setup .section-card .card-header{align-items:center;background-color:#0000;border-bottom:.1px solid #ccc;display:flex;justify-content:space-between;padding:10px}.payment-setup .section-card .card-header .header-left .section-title{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin:0 0 .5rem}.payment-setup .section-card .card-header .header-left .section-title .title-icon{font-size:1.25rem}.payment-setup .section-card .card-header .header-left .section-subtitle{font-size:.875rem;margin:0}.payment-setup .section-card .card-header .header-stats,.payment-setup .section-card .card-header .header-stats .stat-group,.payment-setup .section-card .card-header .setup-stats,.payment-setup .section-card .card-header .setup-stats .stat-group{align-items:center;display:flex;gap:1rem}.payment-setup .section-card .card-header .header-stats .stat-item,.payment-setup .section-card .card-header .setup-stats .stat-item{text-align:center}.payment-setup .section-card .card-header .header-stats .stat-item .stat-number,.payment-setup .section-card .card-header .setup-stats .stat-item .stat-number{display:block;font-size:1.5rem;font-weight:700}.payment-setup .section-card .card-header .header-stats .stat-item .stat-number.success,.payment-setup .section-card .card-header .setup-stats .stat-item .stat-number.success{color:#36c76c}.payment-setup .section-card .card-header .header-stats .stat-item .stat-number.danger,.payment-setup .section-card .card-header .setup-stats .stat-item .stat-number.danger{color:#ff6692}.payment-setup .section-card .card-header .header-stats .stat-item .stat-label,.payment-setup .section-card .card-header .setup-stats .stat-item .stat-label{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);display:block;font-size:.75rem;letter-spacing:.05em}.payment-setup .section-card .card-header .header-stats .stat-divider,.payment-setup .section-card .card-header .setup-stats .stat-divider{height:20px;width:1px}.payment-setup .section-card .card-header .progress-indicator{align-items:center;display:flex;gap:.5rem}.payment-setup .section-card .card-header .progress-indicator .step{align-items:center;background:#ccc;border-radius:50%;color:#475569;display:flex;font-size:.875rem;font-weight:600;height:40px;justify-content:center;width:40px}.payment-setup .section-card .card-header .progress-indicator .step.active{background:#3b82f6;color:#fff}.payment-setup .section-card .card-header .progress-indicator .step-label{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:700}.payment-setup .section-card .card-content{padding:10px}.payment-setup .payroll-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:10px}.payment-setup .payroll-card{align-items:center;background-color:#fff;background-color:var(--bg-primary);border:.1px solid #ccc;border-radius:20px;color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;height:max-content;justify-content:center;min-height:100%;min-width:100%;padding:5px;position:relative;transition:all .3s ease}.payment-setup .payroll-card .payroll-info{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding:5px;width:150px}.payment-setup .payroll-card .payroll-card-actions{position:absolute;right:8px;top:8px;transition:opacity .2s ease;z-index:2}.payment-setup .payroll-card:hover{background:#3b82f6;background:var(--active-color);box-shadow:0 10px 25px #3b82f626;color:var(--text-color);transform:translateY(-2px)}.payment-setup .payroll-card:hover .payroll-name{color:#fff;color:var(--text-inverse)}.payment-setup .payroll-card.selected{background:#3b82f6;background:var(--active-color)}.payment-setup .payroll-card.selected .payroll-name{color:#fff;color:var(--text-inverse)}.payment-setup .payroll-card.selected:after{border-radius:20px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.payment-setup .payroll-card .payroll-card-header{align-items:center;display:flex;justify-content:space-between}.payment-setup .payroll-card .payroll-card-header .payroll-avatar{align-items:center;background-color:#f8c20a;border-radius:50%;color:#1e293b;display:flex;height:48px;justify-content:center;width:48px}.payment-setup .payroll-card .payroll-card-header .payroll-avatar .avatar-text{color:#fff;font-size:1.125rem;font-weight:700}.payment-setup .payroll-card .payroll-card-header .payroll-actions .action-btn{background-color:#0000;border:none}.payment-setup .payroll-card .payroll-info .payroll-name{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;max-width:100px;overflow-wrap:break-word;text-align:left;white-space:normal}.payment-setup .payroll-card .payroll-info .payroll-type-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;letter-spacing:.05em;padding:.25rem .75rem}.payment-setup .payroll-card .payroll-info .payroll-type-badge.auto{background:#daf4fb;color:#000}.payment-setup .payroll-card .payroll-info .payroll-type-badge.manual{background:#fff9e5;color:#000}.payment-setup .payroll-card .payroll-info .payroll-type-badge .badge-icon{font-size:.875rem}.payment-setup .payroll-card .payroll-info .payroll-meta .meta-item{align-items:center;color:#475569;display:flex;font-size:.75rem;gap:.25rem}.payment-setup .payroll-card .payroll-info .payroll-meta .meta-item .meta-icon{font-size:.875rem}.payment-setup .add-payroll-card{align-items:center;background-color:#fff;background-color:var(--bg-primary);border:2px dashed #ccc;border-radius:20px;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;height:max-content;justify-content:center;min-height:100%;transition:all .3s ease}.payment-setup .add-payroll-card.active,.payment-setup .add-payroll-card:hover{background:#3b82f6;background:var(--active-color);color:#fff;color:var(--text-inverse);transform:translateY(-2px)}.payment-setup .add-payroll-card .add-content{text-align:center}.payment-setup .add-payroll-card .add-content .add-icon-wrapper .add-icon{align-items:center;background-color:#fff;background-color:var(--bg-primary);border-radius:50%;color:#1e293b;color:var(--text-primary);display:flex;height:64px;justify-content:center;margin:0 auto;width:64px}.payment-setup .add-payroll-card .add-content .add-text-content .add-title{display:block;font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.payment-setup .add-payroll-card .add-content .add-text-content .add-subtitle{color:#475569;display:block;font-size:.875rem}.payment-setup .new-payroll-container .payroll-form{display:flex;flex-direction:column;gap:1rem}.payment-setup .form-section{width:100%}.payment-setup .form-grid{grid-gap:10px;display:grid;gap:10px}.payment-setup .form-grid.two-column{grid-template-columns:repeat(2,1fr)}.payment-setup .form-grid.three-column{grid-template-columns:repeat(4,1fr);margin-bottom:10px}.payment-setup .form-grid.three-column .form-group{margin-bottom:10px}@media(max-width:768px){.payment-setup .form-grid.three-column,.payment-setup .form-grid.two-column{grid-template-columns:1fr}}.payment-setup .form-group .form-label{align-items:center;color:#334155;display:flex;font-weight:500;gap:.25rem;margin-bottom:.5rem}.payment-setup .form-group .form-label .label-text{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);font-size:.875rem}.payment-setup .form-group .form-label .required{color:#ff6692;font-weight:600}.payment-setup .form-group .form-label .optional{color:#ccc;font-size:.75rem;font-weight:400}.payment-setup .form-group .input-wrapper{position:relative}.payment-setup .form-group .input-wrapper .form-input{background-color:#fff;background-color:var(--bg-primary);border:.1px solid #ccc;border-radius:10px;color:#1e293b;color:var(--text-primary);font-size:.875rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.payment-setup .form-group .input-wrapper .form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.payment-setup .form-group .input-wrapper .form-input::placeholder{color:#94a3b8}.payment-setup .form-group .input-wrapper .form-input:focus+.input-decoration{transform:scaleX(1)}.payment-setup .form-group .select-wrapper{position:relative}.payment-setup .form-group .select-wrapper .form-select{background-color:#fff;background-color:var(--bg-primary);border:.1px solid #ccc;border-radius:10px;color:#1e293b;color:var(--text-primary);font-family:Manrope,sans-serif;font-size:.875rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.payment-setup .form-group .select-wrapper .form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.payment-setup .toggle-group{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.payment-setup .toggle-group .toggle-btn{align-items:center;background-color:#fff;background-color:var(--bg-primary);border:.1px solid #46caeb;border-radius:20px;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;gap:.75rem;padding:0 10px;transition:all .3s ease}.payment-setup .toggle-group .toggle-btn:hover{background:#3b82f6;color:#fff}.payment-setup .toggle-group .toggle-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.payment-setup .toggle-group .toggle-btn.active .toggle-icon{background:#daf4fb;color:#fff}.payment-setup .toggle-group .toggle-btn .toggle-icon{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.payment-setup .toggle-group .toggle-btn .toggle-content{text-align:left}.payment-setup .toggle-group .toggle-btn .toggle-content .toggle-title{display:block;font-weight:600;margin-bottom:.25rem}.payment-setup .toggle-group .toggle-btn .toggle-content .toggle-subtitle{display:block;font-size:.75rem}.payment-setup .checkbox-section{margin-top:1.5rem}.payment-setup .checkbox-section .checkbox-card{background:#f8fafc;border:1px solid #ccc;border-radius:20px;padding:1rem}.payment-setup .checkbox-section .checkbox-card .checkbox-group{align-items:flex-start;display:flex;gap:.75rem}.payment-setup .checkbox-section .checkbox-card .checkbox-group .checkbox-label{cursor:pointer;flex:1 1}.payment-setup .checkbox-section .checkbox-card .checkbox-group .checkbox-label .checkbox-content .checkbox-title{color:#0f172a;display:block;font-weight:600;margin-bottom:.25rem}.payment-setup .checkbox-section .checkbox-card .checkbox-group .checkbox-label .checkbox-content .checkbox-description{color:#475569;display:block;font-size:.875rem}.payment-setup .form-actions{display:flex;margin-top:1.5rem}.payment-setup .table-container{border:1px solid #ccc;border-radius:20px;margin-top:10px;overflow:hidden}.payment-setup .table-container,.payment-setup .table-container .setups-table{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary)}.payment-setup .table-container .setups-table{border-collapse:collapse;margin-bottom:0;width:100%}.payment-setup .table-container .setups-table thead{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary)}.payment-setup .table-container .setups-table thead th{border-bottom:1px solid #ccc;color:#1e293b;color:var(--text-primary);font-size:.875rem;font-weight:500;padding:1rem;text-align:left}.payment-setup .table-container .setups-table tbody .setup-row{transition:all .2s ease}.payment-setup .table-container .setups-table tbody .setup-row:hover{color:#1e293b;color:var(--text-primary)}.payment-setup .table-container .setups-table tbody .setup-row td{border-bottom:1px solid #f1f5f9;padding:0 10px;vertical-align:middle}.payment-setup .table-container .setups-table tbody .setup-row td .setup-details .setup-name{color:#1e293b;color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.payment-setup .table-container .setups-table tbody .setup-row td .setup-details .remaining-badge{align-items:center;background:#daf4fb;border-radius:8px;color:#4ba3be;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.125rem .5rem}.payment-setup .table-container .setups-table tbody .setup-row td .setup-details .remaining-badge .badge-icon{font-size:.75rem}.payment-setup .table-container .setups-table tbody .setup-row td .setup-details,.payment-setup .table-container .setups-table tbody .setup-row td .type-info{display:flex;flex-direction:row;gap:1rem}.payment-setup .table-container .setups-table tbody .setup-row td .setup-details .type-badge,.payment-setup .table-container .setups-table tbody .setup-row td .type-info .type-badge{align-items:center;border-radius:8px;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;justify-content:center;padding:.25rem .5rem;width:110px}.payment-setup .table-container .setups-table tbody .setup-row td .setup-details .type-badge.earning,.payment-setup .table-container .setups-table tbody .setup-row td .type-info .type-badge.earning{background:#ebfaf0;color:#2b9b39}.payment-setup .table-container .setups-table tbody .setup-row td .setup-details .type-badge.contribution,.payment-setup .table-container .setups-table tbody .setup-row td .type-info .type-badge.contribution{background:#ffccdb;color:#ff6692}.payment-setup .table-container .setups-table tbody .setup-row td .setup-details .contribution-type,.payment-setup .table-container .setups-table tbody .setup-row td .type-info .contribution-type{font-size:.75rem}.payment-setup .table-container .setups-table tbody .setup-row td .value-config{align-items:center;display:flex;font-weight:600;gap:.25rem}.payment-setup .table-container .setups-table tbody .setup-row td .base-info,.payment-setup .table-container .setups-table tbody .setup-row td .value-config,.payment-setup .table-container .setups-table tbody .setup-row td .value-config .value-type{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary)}.payment-setup .table-container .setups-table tbody .setup-row td .base-info{font-size:.875rem}.payment-setup .table-container .setups-table tbody .setup-row td .tax-badge{border-radius:8px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.payment-setup .table-container .setups-table tbody .setup-row td .tax-badge.nil{background:#ccc;color:#475569}.payment-setup .table-container .setups-table tbody .setup-row td .tax-badge.it{background:#fff9e5;color:#d3b943}.payment-setup .table-container .setups-table tbody .setup-row td .tax-badge.pt{background:#daf4fb;color:#4ba3be}.payment-setup .table-container .setups-table tbody .setup-row td .tax-badge.esi{background:#ebfaf0;color:#2b9b39}.payment-setup .table-container .setups-table tbody .setup-row td .tax-badge.pf{background:#ffccdb;color:#b32a4c}.payment-setup .table-container .setups-table tbody .setup-row td .action-buttons{align-items:flex-start;display:flex;gap:0;justify-content:flex-start}.payment-setup .table-container .setups-table tbody .setup-row td .action-buttons .action-btn{background:#0000;border:none;border-radius:8px;cursor:pointer;padding:.2rem;transition:all .2s ease}.payment-setup .templates-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:1rem}.payment-setup .templates-grid .template-card{background-color:#fff;background-color:var(--bg-primary);border:2px solid #ccc;border-radius:20px;color:#1e293b;color:var(--text-primary);cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.payment-setup .templates-grid .template-card:hover{border-color:#3b82f6;box-shadow:0 10px 25px #3b82f626;color:var(--text-color);transform:translateY(-2px)}.payment-setup .templates-grid .template-card.selected{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.payment-setup .templates-grid .template-card .template-preview{overflow:hidden;position:relative}.payment-setup .templates-grid .template-card .template-preview .template-image{display:block;height:200px;object-fit:cover;width:100%}.payment-setup .templates-grid .template-card .template-preview .template-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.payment-setup .templates-grid .template-card .template-preview .template-overlay .preview-btn{background:#fff;border:none;border-radius:50%;color:#334155;cursor:pointer;padding:.75rem;transition:all .2s ease}.payment-setup .templates-grid .template-card .template-preview .template-overlay .preview-btn:hover{background:#3b82f6;color:#fff;transform:scale(1.1)}.payment-setup .templates-grid .template-card .template-preview:hover .template-overlay{opacity:1}.payment-setup .templates-grid .template-card .template-preview .selected-indicator{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-weight:600;height:32px;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:32px}.payment-setup .templates-grid .template-card .template-info{padding:1rem}.payment-setup .templates-grid .template-card .template-info .template-name{color:#1e293b;color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 .25rem}.payment-setup .templates-grid .template-card .template-info .template-type{color:#1e293b;color:var(--text-primary);font-size:.75rem}.payment-setup .template-modal{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.payment-setup .template-modal .modal-content{background:#fff;border-radius:12px;max-height:80vh;max-width:50vw;overflow:auto;padding:.75rem;position:relative}.payment-setup .template-modal .modal-content .modal-close{background:#f1f5f9;border:none;border-radius:50%;color:#334155;cursor:pointer;font-size:1rem;height:24px;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:24px;z-index:10}.payment-setup .template-modal .modal-content .modal-close:hover{background:#ff6692;color:#fff}.payment-setup .template-modal .modal-content .modal-image-container .modal-image{border-radius:20px;height:auto;max-width:100%}.payment-setup .submit-section{margin-top:2rem}.payment-setup .submit-section .submit-card{border:1px solid #ccc;border-radius:20px;padding:2rem}.payment-setup .submit-section .submit-card .submit-content{align-items:center;display:flex;gap:2rem;justify-content:space-between}@media(max-width:768px){.payment-setup .submit-section .submit-card .submit-content{flex-direction:column;text-align:center}}.payment-setup .submit-section .submit-card .submit-content .submit-info{flex:1 1}.payment-setup .submit-section .submit-card .submit-content .submit-info .submit-title{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.payment-setup .submit-section .submit-card .submit-content .submit-info .submit-description{color:#1e293b;color:var(--text-primary);line-height:1.6;margin:0 0 1rem}.payment-setup .submit-section .submit-card .submit-content .submit-info .submit-checklist .checklist-item{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.payment-setup .submit-section .submit-card .submit-content .submit-info .submit-checklist .checklist-item .check-icon{color:#ff6692;font-weight:600}.payment-setup .submit-section .submit-card .submit-content .submit-actions .btn-submit{align-items:center;background:#36c76c;border:.1px solid #ccc;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;padding:10px;transition:all .3s ease}.payment-setup .submit-section .submit-card .submit-content .submit-actions .btn-submit:hover{background-color:#2b9f56;box-shadow:0 15px 35px #36c76c66;color:#fff;transform:translateY(-3px)}.payment-setup .submit-section .submit-card .submit-content .submit-actions .btn-submit:active{transform:translateY(-1px)}.payment-setup .submit-section .submit-card .submit-content .submit-actions .btn-submit .btn-icon{font-size:1.25rem}@media(max-width:1024px){.payment-setup .auto-form-container .form-grid.three-column,.payment-setup .manual-form-container .form-grid.three-column{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.payment-setup .auto-form-container .form-grid.three-column,.payment-setup .manual-form-container .form-grid.three-column{grid-template-columns:1fr}}.payment-setup-container{border-radius:20px;color:#1e293b;font-family:Manrope,sans-serif;max-width:100%;padding:20px}.payment-setup-container .header-container{align-items:center;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.payment-setup-container .header-container .page-title{font-size:20px;font-weight:600}.payment-setup-container .header-container .action-buttons{align-items:center;display:flex;gap:12px}.payment-setup-container .header-container .page-title{color:#1e293b;color:var(--text-primary);font-size:18px;font-weight:300;margin:0}.payment-setup-container .header-container .edit-button,.payment-setup-container .header-container .save-button{align-items:center;border:none;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.payment-setup-container .header-container .save-button{background-color:#36c76c;border-radius:20px}.payment-setup-container .header-container .save-button:hover{background-color:#2b9f56}.payment-setup-container .template-section{border-radius:20px;margin-bottom:24px;padding:20px}.payment-setup-container .template-section .template-grid{display:flex;flex-wrap:wrap;gap:16px}.payment-setup-container .template-section .template-grid .template-card{border:2px solid #ccc;border-radius:20px;color:var(--text-color);cursor:pointer;padding:12px;position:relative;transition:all .2s ease;width:180px}.payment-setup-container .template-section .template-grid .template-card.selected{background-color:#3b82f60d;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.payment-setup-container .template-section .template-grid .template-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.payment-setup-container .template-section .template-grid .template-card .template-image-container{margin-bottom:8px;position:relative}.payment-setup-container .template-section .template-grid .template-card .template-image-container .template-image{border-radius:20px;height:auto;object-fit:contain;width:100%}.payment-setup-container .template-section .template-grid .template-card .template-image-container .enlarge-btn{align-items:center;background-color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:.7;position:absolute;right:8px;top:8px;transition:opacity .2s ease;width:28px}.payment-setup-container .template-section .template-grid .template-card .template-image-container .enlarge-btn:hover{opacity:1}.payment-setup-container .template-section .template-grid .template-card .template-name{color:#1e293b;color:var(--text-primary);font-size:14px;font-weight:600;margin:8px 0 0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.payment-setup-container .modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.payment-setup-container .modal-overlay .modal-content{background-color:#fff;border-radius:20px;max-height:90vh;max-width:90vw;overflow:auto;padding:24px;position:relative}.payment-setup-container .modal-overlay .modal-content .close-btn{align-items:center;background-color:#eff4facc;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px;z-index:10}.payment-setup-container .modal-overlay .modal-content .close-btn:hover{background-color:#eff4fa}.payment-setup-container .modal-overlay .modal-content .enlarged-image{max-height:80vh;max-width:100%;object-fit:contain}.payment-setup-container .table-container{margin:0 -20px;overflow-x:auto;overflow-y:visible;padding:0 20px}.payment-setup-container .table-container::-webkit-scrollbar{height:8px}.payment-setup-container .table-container::-webkit-scrollbar-track{background:#cccccc1a;border-radius:4px}.payment-setup-container .table-container::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:4px}.payment-setup-container .table-container::-webkit-scrollbar-thumb:hover{background:#3b82f6b3}.payment-setup-container .table-container .payment-table{background-color:var(--bg-color);border-collapse:initial;border-spacing:0;font-size:14px;min-width:1200px;width:100%}.payment-setup-container .table-container .payment-table thead{background-color:var(--bg-color);position:sticky;top:0;z-index:10}.payment-setup-container .table-container .payment-table thead th{background-color:#f8fafc80;border-bottom:2px solid #ccc;color:#1e293b;color:var(--text-primary);font-weight:600;white-space:nowrap}.payment-setup-container .table-container .payment-table td,.payment-setup-container .table-container .payment-table th{border-bottom:1px solid #ccc;max-width:200px;min-width:120px;overflow:hidden;padding:12px 8px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.payment-setup-container .table-container .payment-table td:first-child,.payment-setup-container .table-container .payment-table th:first-child{min-width:100px}.payment-setup-container .table-container .payment-table td:nth-child(2),.payment-setup-container .table-container .payment-table th:nth-child(2){min-width:150px}.payment-setup-container .table-container .payment-table td:nth-child(3),.payment-setup-container .table-container .payment-table th:nth-child(3){min-width:120px}.payment-setup-container .table-container .payment-table td:nth-child(4),.payment-setup-container .table-container .payment-table th:nth-child(4){min-width:80px}.payment-setup-container .table-container .payment-table td:nth-child(5),.payment-setup-container .table-container .payment-table td:nth-child(6),.payment-setup-container .table-container .payment-table th:nth-child(5),.payment-setup-container .table-container .payment-table th:nth-child(6){min-width:100px}.payment-setup-container .table-container .payment-table td:nth-child(7),.payment-setup-container .table-container .payment-table th:nth-child(7){min-width:80px}.payment-setup-container .table-container .payment-table td:nth-child(8),.payment-setup-container .table-container .payment-table th:nth-child(8){min-width:120px}.payment-setup-container .table-container .payment-table td:nth-child(9),.payment-setup-container .table-container .payment-table th:nth-child(9){min-width:140px}.payment-setup-container .table-container .payment-table td:nth-child(10),.payment-setup-container .table-container .payment-table th:nth-child(10){min-width:120px}.payment-setup-container .table-container .payment-table td:nth-child(11),.payment-setup-container .table-container .payment-table th:nth-child(11){min-width:100px}.payment-setup-container .table-container .payment-table td:nth-child(12),.payment-setup-container .table-container .payment-table th:nth-child(12){min-width:80px}.payment-setup-container .table-container .payment-table tbody tr{transition:background-color .2s ease}.payment-setup-container .table-container .payment-table tbody tr:hover{background-color:#3b82f608}.payment-setup-container .table-container .payment-table tbody tr:last-child td{border-bottom:none}.payment-setup-container .table-container .payment-table .badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px;white-space:nowrap}.payment-setup-container .table-container .payment-table .badge-success{background-color:#ebfaf0;color:#2b9b39}.payment-setup-container .table-container .payment-table .badge-danger{background-color:#ffccdb;color:#b32a4c}.payment-setup-container .table-container .payment-table .badge-secondary{background-color:#ccc3;color:#475569;color:var(--text-secondary)}.payment-setup-container .table-container .payment-table .badge-tax{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px;white-space:nowrap}.payment-setup-container .table-container .payment-table .badge-tax.IT{background-color:#daf4fb;color:#4ba3be}.payment-setup-container .table-container .payment-table .badge-tax.PT{background-color:#fff9e5;color:#d3b943}.payment-setup-container .table-container .payment-table .badge-tax.NIL{background-color:#eff4fa;color:#0a2540}.payment-setup-container .table-container .payment-table .badge-tax.ESI{background-color:#ebfaf0;color:#0a2540}.payment-setup-container .table-container .payment-table .badge-tax.PF{background-color:#ffccdb;color:#0a2540}.payment-setup-container .table-container .payment-table .form-input,.payment-setup-container .table-container .payment-table .form-select{background-color:var(--bg-color);border:1px solid #ccc;border-radius:10px;box-sizing:border-box;color:var(--text-color);font-size:13px;max-width:100%;min-width:60px;padding:6px 8px;transition:border-color .2s ease;width:100%}.payment-setup-container .table-container .payment-table .form-input:focus,.payment-setup-container .table-container .payment-table .form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.payment-setup-container .table-container .payment-table .form-input.disabled,.payment-setup-container .table-container .payment-table .form-input:disabled,.payment-setup-container .table-container .payment-table .form-select.disabled,.payment-setup-container .table-container .payment-table .form-select:disabled{background-color:#f5f5f5;border-color:#d0d0d0;color:#999;cursor:not-allowed;opacity:.6}.payment-setup-container .table-container .payment-table .form-input.disabled:hover,.payment-setup-container .table-container .payment-table .form-input:disabled:hover,.payment-setup-container .table-container .payment-table .form-select.disabled:hover,.payment-setup-container .table-container .payment-table .form-select:disabled:hover{border-color:#d0d0d0}.payment-setup-container .table-container .payment-table .form-input.disabled:focus,.payment-setup-container .table-container .payment-table .form-input:disabled:focus,.payment-setup-container .table-container .payment-table .form-select.disabled:focus,.payment-setup-container .table-container .payment-table .form-select:disabled:focus{border-color:#d0d0d0;box-shadow:none;outline:none}.payment-setup-container .table-container .payment-table .form-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.payment-setup-container .empty-state{background-color:#f8fafc;border-radius:20px;color:#1e293b;padding:40px;text-align:center}.payment-setup-container .empty-state p{font-size:16px;margin:0}.payment-setup-container .error-container{background-color:#ffccdb;border-radius:20px;margin-bottom:16px;padding:20px}.payment-setup-container .error-container .error-message{color:#b32a4c;font-weight:500}.payment-setup-container .loading-screen{align-items:center;background-color:#f8fafc;border-radius:20px;display:flex;height:300px;justify-content:center}@media(max-width:768px){.payment-setup-container{padding:10px}.payment-setup-container .header-container{align-items:stretch;flex-direction:column;gap:16px}.payment-setup-container .header-container .action-buttons{flex-wrap:wrap;justify-content:center}.payment-setup-container .table-container{margin:0 -10px;padding:0 10px}.payment-setup-container .table-container .payment-table{font-size:12px}.payment-setup-container .table-container .payment-table td,.payment-setup-container .table-container .payment-table th{min-width:80px;padding:8px 4px}}.salary-master .modal-container{background-color:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;color:#1e293b;color:var(--text-primary);max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:100%}.salary-master .modal-container::-webkit-scrollbar{width:6px}.salary-master .modal-container::-webkit-scrollbar-track{background:#f1f5f9}.salary-master .modal-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.salary-master .modal-container .modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#475569;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:40px}.salary-master .modal-container .modal-close:hover{background:#ffccdb;color:#ff6692;transform:rotate(90deg)}.salary-master .modal-container .modal-close svg{height:20px;width:20px}.salary-master__header{display:flex;flex-direction:column;gap:10px}.salary-master__stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:10px}.salary-master__search{justify-content:flex-end}.salary-master__table-container{background-color:#fff;background-color:var(--bg-primary);border-radius:20px}.salary-master__footer{margin-top:24px;padding-top:20px}.salary-master__footer,.salary-master__search{align-items:center;display:flex;justify-content:space-between}.salary-master__search{flex-wrap:wrap;gap:16px;margin-bottom:10px}.salary-master__search .filters-group{display:flex;flex-wrap:wrap;gap:20px}.salary-master__search .filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-color:var(--bg-primary);background-position:right 15px center;background-size:12px;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;color:var(--text-primary);font-family:Manrope,sans-serif;font-size:14px;padding:12px 36px 12px 16px;transition:all .3s ease;width:180px}.salary-master__search .filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d;outline:none}.salary-master__search .search-input-wrapper{gap:20px;position:relative}.salary-master__search .search-input-wrapper .search-input{background-color:#fff;background-color:var(--bg-primary);border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;color:var(--text-primary);font-family:Manrope,sans-serif;font-size:14px;padding:12px 16px 12px 48px;transition:all .3s ease;width:320px}.salary-master__search .search-input-wrapper .search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d;outline:none}.salary-master__search .search-input-wrapper .search-icon{color:#94a3b8;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.salary-master__search .entries-select{align-items:center;display:flex;gap:.5rem}.salary-master__search .entries-select .entries-label{font-size:.875rem}.salary-master__search .entries-select .entries-dropdown{border:2px solid #e2e8f0;border-radius:10px;padding:10px}.salary-master .stat-card{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 12px 24px #00000026;color:#1e293b;color:var(--text-primary);overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s ease}.salary-master .stat-card:before{background:linear-gradient(90deg,#3b82f6,#7c3aed);content:"";height:4px;left:0;position:absolute;right:0;top:0}.salary-master .stat-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.salary-master .stat-card--total:before{background:linear-gradient(90deg,#3b82f6,#4f46e5)}.salary-master .stat-card--assigned:before{background:linear-gradient(90deg,#16a34a,#10b981)}.salary-master .stat-card--pending:before{background:linear-gradient(90deg,#ea580c,#f59e0b)}.salary-master .stat-card__number{font-size:32px;font-weight:800;line-height:1;margin-bottom:8px}.salary-master .stat-card__label,.salary-master .stat-card__number{color:#1e293b;color:var(--text-primary);font-family:Manrope,sans-serif}.salary-master .stat-card__label{font-size:14px;font-weight:600;letter-spacing:.5px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input{background-color:#fff;background-color:var(--bg-primary);border:2px solid #e2e8f0;border-radius:12px;color:#0f172a;color:#1e293b;color:var(--text-primary);font-family:Manrope,sans-serif;font-size:14px;padding:12px 16px 12px 48px;transition:all .3s ease;width:320px}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #2563eb1a;outline:none}.search-icon,.search-input::placeholder{color:#94a3b8}.search-icon{left:16px;position:absolute;transition:color .3s ease}.search-input:focus+.search-icon{color:#3b82f6}.salary-master__table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:20px;overflow:hidden;width:100%}.table-wrapper{max-height:calc(100vh - var(--navbar-height) - 280px);overflow:auto;padding:0!important;position:relative}.table-wrapper::-webkit-scrollbar{height:8px;width:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.table-header{position:sticky;top:0;z-index:16}.table-header,.table-header__cell{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary)}.table-header__cell{border-bottom:2px solid #e2e8f0;box-shadow:0 1px 0 0 #e2e8f0;font-size:13px;font-weight:600;letter-spacing:.05em;padding:10px;position:relative;text-align:left;white-space:nowrap}.table-header__cell:last-child{border-right:none}.table-header__cell--sno{left:0;width:80px}.table-header__cell--employee,.table-header__cell--sno{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);position:sticky;z-index:1002}.table-header__cell--employee{left:50px;min-width:250px}.table-header__cell--empID{min-width:50px}.table-header__cell--role,.table-header__cell--status{min-width:120px}.table-header__cell--department{min-width:150px}.table-header__cell--branch,.table-header__cell--payroll{min-width:120px}.table-header__cell--doj{min-width:100px}.table-header__cell--salary{min-width:120px}.table-header__cell:hover{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary)}.table-header__cell:hover.table-header__cell--employee,.table-header__cell:hover.table-header__cell--sno{background-color:#f1f5f9}.table-body .table-row{background-color:#fff;background-color:var(--bg-primary);border-bottom:1px solid #f1f5f9;color:#1e293b;color:var(--text-primary);transition:all .2s ease}.table-body .table-row:hover{background:#f9fafb;box-shadow:0 1px 3px #0000001a}.table-body .table-row:last-child{border-bottom:none}.table-body .table-cell{background-color:#fff;background-color:var(--bg-primary);border-right:1px solid #f1f5f9;color:#1e293b;color:var(--text-primary);font-size:14px;padding:10px;vertical-align:middle}.table-body .table-cell:last-child{border-right:none}.table-body .table-cell--sno{font-weight:600;left:0;text-align:center;width:80px}.table-body .table-cell--employee,.table-body .table-cell--sno{background-color:#fff;background-color:var(--bg-primary);border-right:2px solid #f1f5f9;color:#1e293b;color:var(--text-primary);position:sticky;z-index:100}.table-body .table-cell--employee{left:50px;min-width:250px}.table-body .table-cell--salary{color:#16a34a;font-weight:600;text-align:right}.table-body .table-row:hover .table-cell--employee,.table-body .table-row:hover .table-cell--sno{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary)}.employee-info{align-items:center;display:flex;gap:12px}.employee-info__avatar{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.employee-info__details{display:flex;flex-direction:column;gap:2px}.employee-info__name{font-size:14px;font-weight:600}.employee-info__id,.employee-info__name{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary)}.employee-info__id{font-size:12px;font-weight:500}.status-card{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:10px;letter-spacing:.025em;max-width:100px;padding:.375rem .875rem}.status-card--assigned{background:#ebfaf0;border:1px solid #36c76c4d;color:#2b9b39}.status-card--not-assigned{background:#fff9e5;border:1px solid #f8c20a4d;color:#d3b943}.status-card__indicator{border-radius:50%;flex-shrink:0;height:8px;width:8px}.status-card--assigned .status-card__indicator{background:#36c76c;box-shadow:0 0 0 2px #36c76c33}.status-card--not-assigned .status-card__indicator{background:#f8c20a;box-shadow:0 0 0 2px #f8c20a33}.status-card__text{font-size:10px}.action-buttons{display:flex;justify-content:center}.action-btn{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:12px;font-weight:600;justify-content:space-between;letter-spacing:.5px;padding:10px;transition:all .2s ease}.action-btn--create{background:#36c76c;box-shadow:0 2px 8px #36c76c4d;color:#fff}.action-btn--create:hover{background-color:#2b9f56;box-shadow:0 4px 12px #36c76c66;transform:translateY(-1px)}.action-btn--edit{background:#f8c20a;box-shadow:0 2px 8px #f8c20a4d;color:#fff}.action-btn--edit:hover{background-color:#c99d06;box-shadow:0 4px 12px #f8c20a66;transform:translateY(-1px)}.action-btn svg{height:14px;width:14px}.entries-info{color:#6b7280;font-size:14px;font-weight:500}@media(max-width:1200px){.salary-master{margin:10px;padding:16px}.salary-master__stats{grid-template-columns:1fr 1fr}.search-input{width:280px}}@media(max-width:768px){.salary-master{border-radius:0;margin:0}.salary-master__header{gap:16px}.salary-master__title{font-size:24px}.salary-master__stats{gap:12px;grid-template-columns:1fr}.salary-master__search{justify-content:center}.salary-master__footer{flex-direction:column;gap:16px;text-align:center}.search-input{max-width:300px;width:100%}.stat-card{padding:16px}.stat-card__number{font-size:24px}.stat-card__label{font-size:12px}.table-wrapper{max-height:calc(100vh - var(--navbar-height) - 220px)}.table-header__cell{font-size:11px;padding:12px 8px}.table-header__cell--sno{width:60px}.table-header__cell--employee{left:60px;min-width:200px}.table-body .table-cell{font-size:13px;padding:12px 8px}.table-body .table-cell--sno{width:60px}.table-body .table-cell--employee{left:60px;min-width:200px}.employee-info{gap:8px}.employee-info__avatar{font-size:14px;height:32px;width:32px}.employee-info__name{font-size:13px}.action-btn,.employee-info__id{font-size:11px}.action-btn{gap:4px;padding:6px 12px}.action-btn svg{height:12px;width:12px}.modal-container{margin:10px;max-height:85vh;padding:20px}.modal-close{height:36px;right:15px;top:15px;width:36px}}@media(max-width:480px){.salary-master__title{font-size:20px}.salary-master__stats{gap:8px}.stat-card{padding:12px}.stat-card__number{font-size:20px}.stat-card__label{font-size:11px}.search-input{font-size:13px;padding:10px 12px 10px 40px}.search-icon{left:12px}.table-wrapper{max-height:calc(100vh - var(--navbar-height) - 180px)}.table-header__cell{font-size:10px;padding:10px 6px}.table-header__cell--employee{min-width:180px}.table-body .table-cell{font-size:12px;padding:10px 6px}.table-body .table-cell--employee{min-width:180px}.employee-info{gap:6px}.employee-info__avatar{font-size:12px;height:28px;width:28px}.employee-info__name{font-size:12px}.employee-info__id,.status-card{font-size:10px}.status-card{padding:4px 8px}.status-card__indicator{height:6px;width:6px}.action-btn,.status-card__text{font-size:10px}.action-btn{padding:4px 8px}.action-btn svg{height:10px;width:10px}.entries-info{font-size:12px}}@media print{.salary-master{box-shadow:none;margin:0;padding:0}.salary-master__footer,.salary-master__search{display:none}.salary-master__table-container{border:1px solid #ccc;box-shadow:none}.action-btn,.modal-overlay{display:none!important}.table-wrapper{max-height:none;overflow:visible}.table-body .table-cell--employee,.table-body .table-cell--sno,.table-header__cell--employee,.table-header__cell--sno{box-shadow:none;position:static}.professional-table{border-collapse:collapse}.professional-table td,.professional-table th{border:1px solid #000!important;font-size:10px!important;padding:8px!important}}.table-header__cell--action{border-left:2px solid #e2e8f0;box-shadow:-1px 0 0 0 #e2e8f0;min-width:120px;z-index:1002}.table-body .table-cell--action,.table-header__cell--action{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);position:sticky;right:0;text-align:center}.table-body .table-cell--action{border-left:2px solid #f1f5f9;box-shadow:-1px 0 0 0 #f1f5f9;z-index:100}.table-body .table-row:hover .table-cell--action{background-color:#f9fafb}@media(max-width:768px){.table-body .table-cell--action,.table-header__cell--action{min-width:100px}}@media(max-width:480px){.table-body .table-cell--action,.table-header__cell--action{min-width:80px}}@media print{.table-body .table-cell--action,.table-header__cell--action{border-left:1px solid #000;box-shadow:none;position:static}}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.create-payroll-form{border-radius:12px;box-shadow:0 8px 32px #0000001f;margin:0 auto;max-height:90vh;max-width:100%;overflow-y:auto;padding:50px}.create-payroll-form h1{border-bottom:2px solid #f0f0f0;color:#1a1a1a;font-size:28px;font-weight:600;margin-bottom:10px;padding-bottom:16px;text-align:center}.create-payroll-form .form-section{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:24px;padding:20px}.create-payroll-form .form-group{margin-bottom:20px}.create-payroll-form .form-group:last-child{margin-bottom:0}.create-payroll-form label{color:#374151;display:block;font-size:.9rem;font-weight:600;letter-spacing:.025em;margin-bottom:8px}.create-payroll-form input,.create-payroll-form select{background-color:#fff!important;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#1e293b!important;font-size:14px;margin-top:4px;padding:12px 16px;transition:all .2s ease;width:100%}.create-payroll-form input:focus,.create-payroll-form select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.create-payroll-form input:disabled,.create-payroll-form select:disabled{background-color:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.create-payroll-form input::placeholder,.create-payroll-form select::placeholder{color:#9ca3af}.create-payroll-form select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.create-payroll-form .manual-payroll-inputs{display:grid;grid-template-columns:repeat(2,1fr);margin-top:10px}.create-payroll-form .manual-payroll-inputs .components-header{border-bottom:1px solid #e5e7eb;color:#374151;font-size:16px;font-weight:600;margin-bottom:12px;padding-bottom:6px;text-align:center}.create-payroll-form .component-input{display:flex;flex-direction:column;margin:10px;min-height:85px;transition:all .15s ease}.create-payroll-form .component-input label{color:#374151;font-size:.9rem;font-weight:600;letter-spacing:.05em;line-height:1.2;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-payroll-form .component-input input{border:.1px solid #ccc;border-radius:10px}.create-payroll-form .component-input input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.create-payroll-form .auto-payroll-summary{align-items:center;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;margin-top:24px;padding:20px}.create-payroll-form .auto-payroll-summary .summary-header{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:16px;text-align:center}.create-payroll-form .auto-payroll-summary .summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.create-payroll-form .auto-payroll-summary .summary-item{align-items:center;background:#fff;border-radius:8px;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;letter-spacing:.025em;padding:12px 16px;width:100%}.create-payroll-form .auto-payroll-summary .summary-item strong{font-size:.8rem;font-weight:400;letter-spacing:.025em}.create-payroll-form .auto-payroll-summary .summary-item span{color:#059669;font-size:.9rem;font-weight:700;letter-spacing:.025em}@media(max-width:768px){.create-payroll-form{border-radius:8px;margin:16px;padding:16px}.create-payroll-form h1{font-size:24px}.create-payroll-form .form-section{padding:16px}.create-payroll-form .manual-payroll-inputs .components-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));max-height:45vh}.create-payroll-form .component-input{min-height:75px;padding:10px}.create-payroll-form .component-input label{font-size:10px;margin-bottom:4px}.create-payroll-form .component-input input{font-size:12px;padding:6px 8px}.create-payroll-form .auto-payroll-summary .summary-grid{grid-template-columns:1fr}.create-payroll-form .auto-payroll-summary .summary-item{align-items:flex-start;flex-direction:column;gap:4px}.create-payroll-form .button-container{flex-direction:column}.create-payroll-form .button-container button{width:100%}}@media(max-width:480px){.create-payroll-form{margin:8px;padding:12px}.create-payroll-form h1{font-size:20px}.create-payroll-form input,.create-payroll-form select{padding:10px 12px}.create-payroll-form .manual-payroll-inputs .components-grid{gap:6px;grid-template-columns:repeat(2,1fr);max-height:40vh}.create-payroll-form .component-input{min-height:65px;padding:8px}.create-payroll-form .component-input label{font-size:9px;margin-bottom:3px}.create-payroll-form .component-input input{font-size:11px;padding:5px 6px}}@media(max-width:480px)and (max-width:320px){.create-payroll-form .manual-payroll-inputs .components-grid{grid-template-columns:1fr}}.edit-payroll-modal-overlay{background:#0006;z-index:1000}.edit-payroll-modal-overlay,.edit-payroll-modal-overlay .warning-popup-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.edit-payroll-modal-overlay .warning-popup-overlay{animation:fadeIn .2s ease-out;background:#0009;z-index:2000}.edit-payroll-modal-overlay .warning-popup{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:90vw;overflow:hidden;padding:0;width:500px}.edit-payroll-modal-overlay .warning-popup .warning-header{align-items:center;background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;display:flex;gap:12px;justify-content:center;padding:20px;text-align:center}.edit-payroll-modal-overlay .warning-popup .warning-header .warning-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:28px}.edit-payroll-modal-overlay .warning-popup .warning-header h3{font-size:20px;font-weight:600;margin:0;text-shadow:0 1px 2px #0003}.edit-payroll-modal-overlay .warning-popup .warning-content{padding:24px}.edit-payroll-modal-overlay .warning-popup .warning-content p{color:#333;font-size:16px;line-height:1.5;margin:0 0 16px}.edit-payroll-modal-overlay .warning-popup .warning-content p strong{color:#2c3e50}.edit-payroll-modal-overlay .warning-popup .warning-content .warning-details{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin:16px 0;padding:16px}.edit-payroll-modal-overlay .warning-popup .warning-content .warning-details p{color:#856404;font-weight:600;margin:0 0 8px}.edit-payroll-modal-overlay .warning-popup .warning-content .warning-details ul{color:#856404;margin:8px 0 0;padding-left:20px}.edit-payroll-modal-overlay .warning-popup .warning-content .warning-details ul li{font-size:14px;line-height:1.4;margin-bottom:6px}.edit-payroll-modal-overlay .warning-popup .warning-content .warning-details ul li:last-child{margin-bottom:0}.edit-payroll-modal-overlay .warning-popup .warning-content .warning-note{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;font-size:14px;margin:16px 0 0;padding:12px}.edit-payroll-modal-overlay .warning-popup .warning-content .warning-note strong{color:#721c24}.edit-payroll-modal-overlay .warning-popup .warning-actions{display:flex;gap:12px;justify-content:flex-end;padding:0 24px 24px}.edit-payroll-modal-overlay .warning-popup .warning-actions button{border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:10px 20px;transition:all .2s ease}.edit-payroll-modal-overlay .warning-popup .warning-actions button:focus{box-shadow:0 0 0 3px #007bff40;outline:none}.edit-payroll-modal-overlay .warning-popup .warning-actions .cancel-button{background:#6c757d;color:#fff}.edit-payroll-modal-overlay .warning-popup .warning-actions .cancel-button:hover{background:#5a6268;transform:translateY(-1px)}.edit-payroll-modal-overlay .warning-popup .warning-actions .cancel-button:active{transform:translateY(0)}.edit-payroll-modal-overlay .warning-popup .warning-actions .confirm-button{background:#ff6692;color:#fff}.edit-payroll-modal-overlay .warning-popup .warning-actions .confirm-button:hover{background:#ff336e;transform:translateY(-1px)}.edit-payroll-modal-overlay .warning-popup .warning-actions .confirm-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:576px){.edit-payroll-modal-overlay .warning-popup{margin:20px;width:95vw}.edit-payroll-modal-overlay .warning-popup .warning-header{padding:16px}.edit-payroll-modal-overlay .warning-popup .warning-header .warning-icon{font-size:24px}.edit-payroll-modal-overlay .warning-popup .warning-header h3{font-size:18px}.edit-payroll-modal-overlay .warning-popup .warning-content{padding:20px}.edit-payroll-modal-overlay .warning-popup .warning-content p{font-size:15px}.edit-payroll-modal-overlay .warning-popup .warning-content .warning-details{padding:12px}.edit-payroll-modal-overlay .warning-popup .warning-content .warning-details ul li{font-size:13px}.edit-payroll-modal-overlay .warning-popup .warning-content .warning-note{font-size:13px;padding:10px}.edit-payroll-modal-overlay .warning-popup .warning-actions{flex-direction:column;padding:0 20px 20px}.edit-payroll-modal-overlay .warning-popup .warning-actions button{font-size:16px;padding:12px;width:100%}.edit-payroll-modal-overlay .warning-popup .warning-actions .cancel-button{order:2}.edit-payroll-modal-overlay .warning-popup .warning-actions .confirm-button{margin-bottom:8px;order:1}}.edit-payroll-modal-overlay .react-select__control{border-radius:10px;min-height:42px;min-width:200px}.edit-payroll-modal-overlay .react-select__control--is-focused{box-shadow:0 0 0 1px #fff}.edit-payroll-modal-overlay .react-select__single-value{color:#333!important}.edit-payroll-modal-overlay .react-select__placeholder{color:#999}.edit-payroll-modal-overlay .react-select__input-container{color:#333}.edit-payroll-modal-overlay .react-select__menu{border-radius:10px;z-index:9999}.edit-payroll-modal-overlay .react-select__option{color:#333}.edit-payroll-modal-overlay .react-select__option--is-selected{background:#fff;color:#3b82f6;color:var(--active-color)}.edit-payroll-modal-overlay .react-select__option--is-focused{background:#fff;color:#333}.edit-payroll-modal-overlay .react-select__indicator-separator{background-color:#ccc}.edit-payroll-modal-overlay .react-select__dropdown-indicator{color:#999}.edit-payroll-modal-overlay .react-select__dropdown-indicator:hover{color:#333}.edit-payroll-modal-overlay .react-select__clear-indicator{color:#999}.edit-payroll-modal-overlay .react-select__clear-indicator:hover{color:#333}.edit-payroll-modal{background:#fff;border-radius:8px;max-height:90vh;max-width:100%;overflow-y:auto;padding:20px;position:relative;width:900px}.edit-payroll-modal h1,.edit-payroll-modal h2{color:#333;font-size:24px;margin-bottom:20px}.edit-payroll-modal h3{color:#333;font-size:18px;margin-bottom:15px}.edit-payroll-modal .edit-payroll-form{display:flex;flex-direction:column;gap:15px}.edit-payroll-modal .form-group{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0;width:100%}.edit-payroll-modal .form-group label{align-self:flex-start;color:#333;display:block;font-size:14px;font-weight:700;margin-bottom:5px}.edit-payroll-modal .form-group input,.edit-payroll-modal .form-group select{background-color:#fff;border:1px solid #ccc;border-radius:10px;box-sizing:border-box;color:#333;font-size:14px;padding:10px;width:100%}.edit-payroll-modal .form-group input:disabled,.edit-payroll-modal .form-group select:disabled{background-color:#e0e0e0;color:#666}.edit-payroll-modal .form-group input::placeholder,.edit-payroll-modal .form-group select::placeholder{color:#999}.edit-payroll-modal .component-input{display:flex;flex-direction:column;margin-bottom:15px}.edit-payroll-modal .component-input label{color:#333;font-weight:400;margin-bottom:5px}.edit-payroll-modal .component-input input{border:1px solid #ccc;border-radius:10px;box-sizing:border-box;color:#333;padding:10px;width:100%}.edit-payroll-modal .manual-payroll-inputs{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-top:15px}.edit-payroll-modal .manual-payroll-inputs h3{border-bottom:2px solid #e9ecef;color:#333;font-size:18px;margin-bottom:15px;padding-bottom:8px}.edit-payroll-modal .auto-payroll-summary{background:#fff;border:1px solid #dee2e6;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-top:15px;padding:20px}.edit-payroll-modal .auto-payroll-summary h3{border-bottom:2px solid #dee2e6;color:#333;font-size:18px;margin-bottom:15px;padding-bottom:8px}.edit-payroll-modal .auto-payroll-summary .summary-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 0}.edit-payroll-modal .auto-payroll-summary .summary-item:last-child{border-bottom:none;margin-bottom:0}.edit-payroll-modal .auto-payroll-summary .summary-item strong{color:#333;font-weight:600}.edit-payroll-modal .auto-payroll-summary .summary-item:nth-child(2){background:#28a7450d;border-radius:6px;margin:8px 0;padding:8px 12px}.edit-payroll-modal .auto-payroll-summary .summary-item:nth-child(3){background:#007bff0d;border-radius:6px;margin:8px 0;padding:8px 12px}.edit-payroll-modal .payroll-change-notice{background:#fff9e5;border:1px solid #ffeaa7;border-left:4px solid #f39c12;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:15px 0;padding:15px}.edit-payroll-modal .payroll-change-notice p{color:#856404;font-size:14px;font-weight:500;line-height:1.4;margin:0}.edit-payroll-modal .submit-button{border:none;border-radius:25px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:12px 20px;transition:all .3s ease;width:100%}.edit-payroll-modal .submit-button:active{transform:translateY(0)}.edit-payroll-modal .submit-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.edit-payroll-modal .close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;position:absolute;right:15px;top:10px;transition:all .2s ease;width:30px}.edit-payroll-modal .close-button:hover{background:#0000000d;color:#333}.edit-payroll-modal .loading-message{background:#f8f9fa;border:1px dashed #dee2e6;border-radius:8px;color:#666;font-style:italic;padding:20px;text-align:center}.edit-payroll-modal .button-with-icon{border:none;border-radius:25px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:12px 20px;transition:all .3s ease;width:100%}.edit-payroll-modal .button-with-icon.success{color:#fff}.edit-payroll-modal .button-with-icon.success:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.edit-payroll-modal .button-with-icon.success:active{transform:translateY(0)}.edit-payroll-modal .button-with-icon.success:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}@media(max-width:768px){.edit-payroll-modal{max-height:95vh;padding:15px;width:95%}.edit-payroll-modal h1,.edit-payroll-modal h2{font-size:20px;margin-bottom:15px}.edit-payroll-modal h3{font-size:16px;margin-bottom:12px}.edit-payroll-modal .edit-payroll-form{gap:12px}.edit-payroll-modal .form-group label{font-size:13px}.edit-payroll-modal .form-group input,.edit-payroll-modal .form-group select{font-size:14px;padding:8px}.edit-payroll-modal .auto-payroll-summary{padding:15px}.edit-payroll-modal .auto-payroll-summary h3{font-size:16px;margin-bottom:12px}.edit-payroll-modal .auto-payroll-summary .summary-item{font-size:14px;padding:6px 0}.edit-payroll-modal .auto-payroll-summary .summary-item:nth-child(2),.edit-payroll-modal .auto-payroll-summary .summary-item:nth-child(3){padding:6px 10px}.edit-payroll-modal .button-with-icon,.edit-payroll-modal .submit-button{font-size:14px;padding:10px 16px}.edit-payroll-modal .payroll-change-notice{padding:12px}.edit-payroll-modal .payroll-change-notice p{font-size:13px}}@media(max-width:480px){.edit-payroll-modal{padding:10px}.edit-payroll-modal .close-button{font-size:20px;height:25px;right:10px;top:8px;width:25px}.edit-payroll-modal .auto-payroll-summary{padding:12px}.edit-payroll-modal .auto-payroll-summary .summary-item{align-items:flex-start;flex-direction:column;gap:5px}.edit-payroll-modal .auto-payroll-summary .summary-item:nth-child(2),.edit-payroll-modal .auto-payroll-summary .summary-item:nth-child(3){padding:8px}.edit-payroll-modal .form-group input,.edit-payroll-modal .form-group select{font-size:16px}}.salary-component-row{border-bottom:1px solid #eee;display:grid;font-size:14px;grid-template-columns:2fr 1fr 1fr;padding:8px 0}.salary-name{font-weight:600}.salary-meta{color:#666;text-align:center}.salary-amount{font-weight:600;text-align:right}.reimbursements-container{background-color:#fff;background-color:var(--bg-primary);border-radius:10px;color:#1e293b;color:var(--text-primary);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh}.form-container{align-items:end;display:flex;flex-direction:row}.form-container .form-group{display:flex;flex-direction:column;gap:5px;margin:0 10px 0 0;width:300px}.form-container .form-group input{background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc;border-radius:10px;color:#1e293b;color:var(--text-primary);font-size:1rem;padding:10px;width:100%}.form-container .add-button{background-color:#36c76c;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:10px;transition:background-color .3s ease;width:100px}.form-container .add-button:hover{background-color:#2b9f56}.list-container{flex-grow:1}.list-container h3{color:#555;font-size:22px;margin-bottom:15px}.list-container .no-data{color:#888;font-size:16px;text-align:center}.list-container .reimbursements-table{border-collapse:collapse;margin-top:20px;width:100%}.list-container .reimbursements-table td,.list-container .reimbursements-table th{border:1px solid #ddd;padding:12px;text-align:left}.list-container .reimbursements-table th{background-color:#f8f9fa;font-size:14px}.list-container .reimbursements-table td{font-size:14px}.list-container .reimbursements-table .delete-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .3s ease}.list-container .reimbursements-table .delete-button:hover{background-color:#c82333}.reimbursements-edit-button{background-color:#f8c20a;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 12px;transition:background-color .3s ease}.reimbursements-edit-button:hover{background-color:#e0a800}.save-button{background-color:#007bff;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:5px;transition:background-color .3s ease}.save-button:hover{background-color:#0056b3}.cancel-button{background-color:#6c757d;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:5px;transition:background-color .3s ease}.cancel-button:hover{background-color:#5a6268}.allowances-container{background-color:#fff;background-color:var(--bg-primary);border-radius:20px;color:var(--text-primary);color:#1e293b;display:flex;flex-direction:column}.allowances-container form{color:#1e293b;color:var(--text-primary);display:flex;flex-direction:column}.allowances-container form div{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px}.allowances-container form div input{background-color:#fff;border:1px solid #ccc;border-radius:10px;font-size:1rem;padding:10px}.allowances-container form div input:focus{border-color:#3b82f6;box-shadow:0 0 5px #3b82f6;outline:none}@media(max-width:480px){.allowances-container form div input form div{flex-wrap:wrap}.allowances-container form div input form div input{flex:1 1 160px;min-width:0}}.deductions-container{background-color:#fff;background-color:var(--bg-primary);border-radius:20px;color:var(--text-primary);color:#1e293b;display:flex;flex-direction:column}.deductions-container label{font-size:.9rem;font-weight:400}.deductions-container form{color:#1e293b;color:var(--text-primary);display:flex;flex-direction:column}.deductions-container form .input-group{display:flex;flex-direction:row;gap:8px}.deductions-container form .input-group input{background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc;border-radius:10px;color:#1e293b;color:var(--text-primary);font-size:1rem;padding:10px}.deductions-container form .input-group input:focus{border-color:#3b82f6;box-shadow:0 0 5px #3b82f6;outline:none}.deductions-container form button{background-color:#36c76c;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:700;padding:10px;transition:background-color .3s ease;width:100px}.deductions-container form button:hover{background-color:#2b9f56}.deductions-container form button:disabled{background-color:#ccc;cursor:not-allowed}:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f8fafc;--bg-hover:#f1f5f9;--bg-card:#fff;--bg-input:#fff;--bg-disabled:#f1f5f9;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#fff;--text-disabled:#94a3b8;--border-primary:#ccc;--border-secondary:#e2e8f0;--border-focus:#3b82f6;--border-hover:#cbd5e1;--active-color:#3b82f6;--button-text:#000;--success-color:#36c76c;--success-light:#ebfaf0;--success-dark:#2b9b39;--info-color:#46caeb;--info-light:#daf4fb;--info-dark:#4ba3be;--warning-color:#f8c20a;--warning-light:#fff9e5;--warning-dark:#d3b943;--danger-color:#ff6692;--danger-light:#ffccdb;--danger-dark:#b32a4c;--disabled-color:#94a3b8;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--gradient-primary:linear-gradient(135deg,#3b82f6,#3b82f6);--gradient-secondary:linear-gradient(135deg,#f8fafc,#f1f5f9)}[data-theme=dark]{--bg-tertiary:#232a31;--bg-hover:#2d3339;--bg-card:#1a1f25;--bg-input:#232a31;--bg-disabled:#1a1f25;--text-secondary:#b8bfc7;--text-muted:#8b929a;--text-inverse:#0f1419;--border-secondary:#2d3339;--border-hover:#475569;--success-color:#4ade80;--success-light:#4ade801a;--success-dark:#059669;--info-color:#60a5fa;--info-light:#60a5fa1a;--info-dark:#1d4ed8;--warning-color:#fbbf24;--warning-light:#fbbf241a;--warning-dark:#d97706;--danger-color:#f87171;--danger-light:#f871711a;--danger-dark:#dc2626;--disabled-color:#64748b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--gradient-primary:linear-gradient(135deg,#3b82f6,#3b82f6);--gradient-secondary:linear-gradient(135deg,#f8fafc,#f1f5f9);--bg-primary:#0f1419;--bg-secondary:#1a1f25;--bg-tertiary:#1e293b;--bg-hover:#334155;--bg-card:#1e293b;--bg-input:#334155;--bg-disabled:#1e293b;--bg-active:#60a5fa;--text-primary:#e6e9ed;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-inverse:#0f172a;--text-disabled:#64748b;--border-primary:#3a424a;--border-secondary:#475569;--border-focus:#60a5fa;--border-hover:#64748b;--active-color:#60a5fa;--button-text:#f0f0f0;--success-light:#36c76c1a;--info-light:#46caeb1a;--warning-light:#f8c20a1a;--danger-light:#ff66921a;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #0009,0 10px 10px -5px #00000080;--gradient-primary:linear-gradient(135deg,#60a5fa,#3b82f6);--gradient-secondary:linear-gradient(135deg,#1a1f25,#334155)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,opacity .3s ease}body{font-family:Manrope,sans-serif;margin:0;min-height:100vh;padding:0}.card{background-color:var(--active-20-color);border:1px solid var(--active-20-color);border-radius:20px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:20px}.button{background-color:#3b82f6;background-color:var(--active-color);border:none;border-radius:8px;color:#fff;color:var(--text-inverse);cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.button:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);opacity:.9;transform:translateY(-1px)}.button:disabled{background-color:#94a3b8;background-color:var(--disabled-color);box-shadow:none;cursor:not-allowed;transform:none}.input{background-color:#fff;background-color:var(--bg-input);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:8px;color:#1e293b;color:var(--text-primary);font-size:14px;padding:8px 12px}.input:focus{border-color:#3b82f6;border-color:var(--border-focus);box-shadow:0 0 0 3px #017bfe1a;outline:none}.input::placeholder{color:#64748b;color:var(--text-muted)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:#ccc;background:var(--border-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-muted)}:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--active-color);outline-offset:2px}@media print{[data-theme=dark]{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-card:#fff;--text-primary:#000;--text-secondary:#334155;--border-primary:#cbd5e1}}.professional-tax-container{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);min-height:100vh}.professional-tax-container .header-section{margin-bottom:2rem;text-align:center}.professional-tax-container .header-section .page-subtitle{color:#a0a0a0;font-size:1.1rem;font-weight:400;margin:0 0 15px;text-align:center}.professional-tax-container .error-message{background-color:#ffccdb;border-left:4px solid #ff6692;border-radius:20px;color:#b32a4c;font-weight:500;margin-bottom:1.5rem;padding:.75rem}.professional-tax-container .branch-container{background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc;border:1px solid var(--border-primary);border-radius:20px;box-shadow:0 4px 16px #00000014;color:#1e293b;color:var(--text-primary);margin-bottom:1.5rem;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.professional-tax-container .branch-container:hover{box-shadow:0 6px 24px #0000001f;transform:translateY(-1px)}.professional-tax-container .branch-container .diaply6{align-items:center;background-color:#dbeafe;border-radius:20px;display:flex;justify-content:space-between;padding:1rem 1.5rem}.professional-tax-container .branch-container .diaply6 .branch-title{color:#1e293b;font-size:1.3rem;font-weight:300;margin:0}.professional-tax-container .branch-container .diaply6 .slab-count{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;color:#1e293b;font-size:.85rem;font-weight:500;padding:.3rem .8rem}.professional-tax-container .branch-container .existing-slabs{padding:1rem 1.5rem}.professional-tax-container .branch-container .existing-slabs .slabs-table{border-collapse:initial;border-spacing:0;display:table;width:100%}.professional-tax-container .branch-container .existing-slabs .slabs-table .slab-header-row{background:#f1f5f9;color:#334155;display:table-row;font-weight:600}.professional-tax-container .branch-container .existing-slabs .slabs-table .slab-header-row .slab-header-cell{border-bottom:2px solid #cbd5e1;display:table-cell;font-size:.9rem;padding:.75rem .5rem;text-align:center;vertical-align:middle}.professional-tax-container .branch-container .existing-slabs .slabs-table .slab-header-row .slab-header-cell:first-child{border-radius:8px 0 0 0}.professional-tax-container .branch-container .existing-slabs .slabs-table .slab-header-row .slab-header-cell:last-child{border-radius:0 8px 0 0}.professional-tax-container .branch-container .existing-slabs .slabs-table .slab-row{display:table-row;transition:background-color .2s ease}.professional-tax-container .branch-container .existing-slabs .slabs-table .slab-row:hover{background:#ccc;background:var(--border-primary)}.professional-tax-container .branch-container .existing-slabs .slabs-table .slab-row .slab-cell{border-bottom:1px solid #e2e8f0;display:table-cell;padding:.5rem;vertical-align:middle}.professional-tax-container .branch-container .existing-slabs .slabs-table .slab-row .slab-cell.slab-input-cell .form-input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;padding:.4rem .6rem;transition:all .2s ease;width:100%}.professional-tax-container .branch-container .existing-slabs .slabs-table .slab-row .slab-cell.slab-input-cell .form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #2563eb1a;outline:none}.professional-tax-container .branch-container .existing-slabs .slabs-table .slab-row .slab-cell.slab-actions-cell{text-align:center}.professional-tax-container .branch-container .existing-slabs .slabs-table .slab-row .slab-cell.slab-actions-cell .slab-actions{display:flex;gap:.3rem;justify-content:center}.professional-tax-container .branch-container .new-slab-section{background:linear-gradient(135deg,#36c76c0d,#46caeb0d);border-radius:20px;border-top:1px solid #e2e8f0;padding:1rem 1.5rem}.professional-tax-container .branch-container .new-slab-section .section-title{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.professional-tax-container .branch-container .new-slab-section .section-title:before{align-items:center;background:#36c76c;border-radius:50%;color:#fff;content:"+";display:flex;font-size:.9rem;font-weight:700;height:20px;justify-content:center;width:20px}.professional-tax-container .branch-container .new-slab-section .new-slab-card{background-color:#fff;background-color:var(--bg-primary);border:2px dashed #36c76c;border-radius:20px;color:#1e293b;color:var(--text-primary);padding:1rem;transition:all .2s ease}.professional-tax-container .branch-container .new-slab-section .new-slab-card:hover{border-color:#2b9f56}.professional-tax-container .branch-container .new-slab-section .new-slab-card .form-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1rem}@media(max-width:768px){.professional-tax-container .branch-container .new-slab-section .new-slab-card .form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.professional-tax-container .branch-container .new-slab-section .new-slab-card .form-grid{grid-template-columns:1fr}}.professional-tax-container .branch-container .new-slab-section .new-slab-card .form-field{display:flex;flex-direction:column}.professional-tax-container .branch-container .new-slab-section .new-slab-card .form-field .field-label{color:#1e293b;color:var(--text-primary);font-size:.85rem;font-weight:500;margin-bottom:.3rem}.professional-tax-container .branch-container .new-slab-section .new-slab-card .form-field .form-input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;padding:.5rem;transition:all .2s ease;width:100%}.professional-tax-container .branch-container .new-slab-section .new-slab-card .form-field .form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #2563eb1a;outline:none}.professional-tax-container .branch-container .new-slab-section .new-slab-card .form-field .form-input::placeholder{color:#94a3b8;font-size:.85rem}.professional-tax-container .branch-container .new-slab-section .new-slab-card .new-slab-actions{display:flex;justify-content:center}.professional-tax-container .slab-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:1rem;padding:1rem;transition:all .2s ease}.professional-tax-container .slab-card:hover{border-color:#3b82f6}.professional-tax-container .slab-card .slab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.8rem}.professional-tax-container .slab-card .slab-header .slab-actions{display:flex;gap:.3rem}.professional-tax-container .slab-card .form-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}@media(max-width:768px){.professional-tax-container .slab-card .form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.professional-tax-container .slab-card .form-grid{grid-template-columns:1fr}}.professional-tax-container .slab-card .form-field{display:flex;flex-direction:column}.professional-tax-container .slab-card .form-field .field-label{color:#334155;font-size:.85rem;font-weight:500;margin-bottom:.3rem}.professional-tax-container .slab-card .form-field .form-input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;padding:.5rem;transition:all .2s ease;width:100%}.professional-tax-container .slab-card .form-field .form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #2563eb1a;outline:none}.professional-tax-container .btn{border:none;border-radius:15px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .2s ease}.professional-tax-container .btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.professional-tax-container .btn:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.professional-tax-container .btn.btn-success{background:#36c76c;color:#fff}.professional-tax-container .btn.btn-success:hover:not(:disabled){background:#2b9f56}.professional-tax-container .btn.btn-warning{background:#ff6692;color:#fff}.professional-tax-container .btn.btn-warning:hover:not(:disabled){background:#ff99b6}.professional-tax-container .btn.btn-block{padding:.8rem 1.5rem;width:100%}@media(max-width:1024px){.professional-tax-container{padding:1rem}.professional-tax-container .branch-container .existing-slabs .slabs-table{display:block}.professional-tax-container .branch-container .existing-slabs .slabs-table .slab-header-row{display:none}.professional-tax-container .branch-container .existing-slabs .slabs-table .slab-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:block;margin-bottom:.8rem;padding:.8rem}.professional-tax-container .branch-container .existing-slabs .slabs-table .slab-row .slab-cell{border:none;display:block;padding:.3rem 0}.professional-tax-container .branch-container .existing-slabs .slabs-table .slab-row .slab-cell.slab-input-cell:before{color:#475569;content:attr(data-label);display:block;font-size:.8rem;font-weight:600;margin-bottom:.2rem}.professional-tax-container .branch-container .existing-slabs .slabs-table .slab-row .slab-cell.slab-actions-cell{border-top:1px solid #e2e8f0;margin-top:.5rem;padding-top:.5rem;text-align:right}}@media(max-width:768px){.professional-tax-container{padding:.75rem}}
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;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;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;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;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre{margin:0;padding:0}@supports (counter-set:none){.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{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 h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{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 li,.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.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:"\2022"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"\2611"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"\2610"}@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{margin-left:.3em;margin-right:-1.5em;text-align:left}.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{display:block;max-width:100%}.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{direction:rtl;text-align:inherit}.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);font-style:italic;left:15px;pointer-events:none;position:absolute;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{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.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 .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .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-stroke.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{fill:#444}.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,.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{display:inline-block;vertical-align:middle}.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:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.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-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.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-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor .ql-code-block-container,.ql-snow .ql-editor code{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.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{display:block;margin-top:-1px;top:100%;z-index:1}.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{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[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-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[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-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[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-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[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-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[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{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.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{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";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{border-right:0;content:"Save";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}.launched-template-review-overlay{align-items:center;background:#14161a80;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:24px;position:fixed;z-index:2000}.launched-template-review-modal{background:#fff;border-radius:12px;box-shadow:0 12px 40px #00000040;display:flex;flex-direction:column;height:min(820px,100dvh - 48px);max-height:none;max-width:1560px;overflow:hidden;position:relative;width:100%}.email-body-editor{background:#fff;border-radius:7px;flex-shrink:0;width:100%}.email-body-editor .ql-toolbar.ql-snow{border-color:#d7dae0;border-radius:7px 7px 0 0}.email-body-editor .ql-container.ql-snow{border-color:#d7dae0;border-radius:0 0 7px 7px;font-family:inherit;font-size:13px;height:auto;min-height:180px}.email-body-editor .ql-editor{min-height:180px}.review-header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 18px}.review-header h2{color:#1a1a1a;font-size:16px;margin:0;text-transform:capitalize}.review-header .close-button{background:none;border:none;border-radius:6px;color:#888;cursor:pointer;font-size:20px;line-height:1;padding:2px 6px}.review-header .close-button:hover{background:#f2f3f5;color:#333}.error-message{background:#fce8e6;border-radius:6px;color:#c5221f;font-size:13px;margin:12px 20px 0;padding:8px 12px}.error-message--inline{margin:0 0 10px}.launched-templates-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;margin:0 0 14px}.filter-group{display:flex;flex-direction:column;gap:4px;min-width:180px}.filter-group label{color:#888;font-size:11px;font-weight:700;letter-spacing:.3px}.filter-group select{background:#fff;border:1px solid #d7dae0;border-radius:6px;color:#1a1a1a;font-family:inherit;font-size:12.5px;padding:6px 9px}.filter-group select:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e826;outline:none}.filter-group select:disabled{background:#f7f8fa;color:#999}.type-filter-row{align-items:center;display:flex;gap:6px}.type-filter-row select{flex:1 1;min-width:0}.all-types-button{background:#fff;border:1px solid #d7dae0;border-radius:6px;color:#444;cursor:pointer;flex-shrink:0;font-size:12.5px;font-weight:600;padding:6px 14px;white-space:nowrap}.all-types-button:hover:not(:disabled){background:#f7f8fa}.all-types-button.active{background:#eef4ff;border-color:#1a73e8;color:#175cd3}.all-types-button:disabled{cursor:not-allowed;opacity:.5}.launched-templates-version-toggle{display:flex;gap:6px}.review-layout{display:grid;flex:1 1;grid-template-columns:minmax(0,3fr) minmax(0,2fr);min-height:0}.review-body{display:flex;flex-direction:column;gap:10px;min-width:0;overflow-y:auto;padding:12px 16px}.review-body>*{flex-shrink:0}.review-live-preview{background:#f8fafc;border-left:1px solid #e4e7ec;display:flex;flex-direction:column;gap:10px;min-width:0;overflow:hidden;padding:18px}.review-live-preview__header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.review-live-preview__header span:first-child{color:#344054;font-size:12px;font-weight:700}.review-live-preview__header p{color:#667085;font-size:11px;margin:3px 0 0}.review-live-preview__badge{background:#eef4ff;border-radius:12px;color:#175cd3;font-size:10px;font-weight:700;padding:3px 7px}.review-live-preview__subject{color:#101828;font-size:13px;font-weight:700;line-height:1.35;margin:0;overflow-wrap:anywhere}.review-live-preview__mode-toggle{background:#eef1f5;border-radius:8px;display:flex;gap:4px;padding:3px;width:fit-content}.review-live-preview__mode-toggle button{background:#0000;border:none;border-radius:6px;color:#667085;cursor:pointer;font-size:11px;font-weight:600;padding:5px 10px}.review-live-preview__mode-toggle button.active{background:#fff;box-shadow:0 1px 2px #1018280f;color:#175cd3}.review-live-preview__empty{border:1px dashed #d0d5dd;border-radius:8px;color:#98a2b3;display:grid;font-size:12px;min-height:120px;padding:16px;place-items:center;text-align:center}.review-live-preview .email-preview--editor{display:flex;flex:1 1;flex-direction:column;margin:0;min-height:0}.review-live-preview .email-preview--editor .email-preview__body{flex:1 1;max-height:none;overflow:auto;padding:0}.review-live-preview .email-preview--editor .email-preview__html,.review-live-preview .email-preview--editor .email-preview__text{font-size:12px;line-height:1.55;min-height:100%;padding:14px}@media(max-width:900px){.launched-template-review-overlay{align-items:flex-start;padding:16px}.launched-template-review-modal{height:auto;min-height:calc(100dvh - 32px)}.review-layout{grid-template-columns:1fr}.review-live-preview{border-left:0;border-top:1px solid #e4e7ec;min-height:300px}}.field-row{display:flex;flex-direction:column;gap:3px}.field-row label{color:#888;font-size:11px;font-weight:700;letter-spacing:.3px}.field-row input,.field-row select,.field-row textarea{border:1px solid #d7dae0;border-radius:6px;color:#1a1a1a;font-family:inherit;font-size:12.5px;padding:6px 9px}.field-row input:focus,.field-row select:focus,.field-row textarea:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e826;outline:none}.field-row textarea{resize:vertical}.field-row.two-col{flex-direction:row;gap:10px}.field-row.two-col>div{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}@media(max-width:560px){.field-row.two-col{flex-direction:column}}.required-mark{color:#d93025}.field-row input.input-error,.field-row select.input-error,.field-row textarea.input-error{background:#fff8f7;border-color:#d93025}.field-row input.input-error:focus,.field-row select.input-error:focus,.field-row textarea.input-error:focus{border-color:#d93025;box-shadow:0 0 0 2px #d9302526}.field-row .email-body-editor.input-error .ql-container.ql-snow,.field-row .email-body-editor.input-error .ql-toolbar.ql-snow{border-color:#d93025}.field-error-text{color:#d93025;font-size:11px}.html-body-toggle{display:flex;flex-direction:column;justify-content:flex-end}.html-body-toggle .checkbox-pill{align-self:flex-start}.field-hint{color:#888;font-size:11px}.field-hint.warning{color:#b26a00}.mapping-status{color:#667085;font-size:11px;margin-top:-8px}.placeholder-reference{color:#667085;display:flex;flex-direction:column;font-size:11px;gap:8px}.placeholder-reference__title{color:#344054;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.placeholder-reference__list{display:flex;flex-wrap:wrap;gap:6px}.placeholder-chip{align-items:center;background:#eef4ff;border:1px solid #d6e4ff;border-radius:999px;color:#175cd3;cursor:pointer;display:inline-flex;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:10.5px;font-weight:600;line-height:1.4;padding:4px 11px;position:relative;transition:background .12s ease,border-color .12s ease,transform .12s ease,box-shadow .12s ease}.placeholder-chip:focus-visible,.placeholder-chip:hover{background:#d8e8ff;border-color:#9ec5fe;box-shadow:0 1px 2px #1018280f;outline:none}.placeholder-chip:active{transform:scale(.97)}.placeholder-chip:focus-visible .placeholder-chip__tooltip,.placeholder-chip:hover .placeholder-chip__tooltip{opacity:1;transform:translate(-50%,-4px);visibility:visible}.placeholder-chip__tooltip{background:#1a1a1a;border-radius:6px;bottom:100%;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10.5px;font-weight:400;left:50%;line-height:1.4;margin-bottom:6px;max-width:220px;opacity:0;padding:6px 9px;pointer-events:none;position:absolute;text-align:left;transform:translate(-50%);transition:opacity .1s ease,transform .1s ease;visibility:hidden;white-space:normal;width:max-content;z-index:5}.empty-hint{color:#999;font-size:12px}.time-picker{align-items:center;display:flex;gap:6px}.time-picker select{flex:1 1}.trigger-date-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.trigger-date-options{display:flex;flex-wrap:wrap;gap:6px}.trigger-date-button{background:#fff;border:1px solid #d7dae0;border-radius:6px;color:#444;cursor:pointer;font-size:12.5px;padding:6px 12px}.trigger-date-button:hover{background:#f7f8fa}.trigger-date-button.active{background:#eef4ff;border-color:#1a73e8;color:#175cd3;font-weight:600}.trigger-date-days{align-items:center;display:flex;gap:8px}.trigger-date-days label{color:#667085;font-size:12px;margin:0;white-space:nowrap}.trigger-date-days input{max-width:90px}.notification-type-checkboxes{display:flex;flex-wrap:wrap;gap:8px}.checkbox-pill{align-items:center;border:1px solid #d7dae0;border-radius:16px;color:#444;cursor:pointer;display:inline-flex;font-size:12px;gap:6px;padding:5px 12px}.checkbox-pill input{margin:0}.badge-pill{align-items:center;align-self:flex-start;border-radius:16px;display:inline-flex;font-size:11.5px;font-weight:600;padding:5px 12px;white-space:nowrap}.badge-pill--auto.is-html{background:#eef4ff;color:#175cd3}.badge-pill--auto.is-plain{background:#f8fafc;border:1px solid #e4e7ec;color:#667085}.template-fieldset{border:1px solid #eceef1;border-radius:8px;display:flex;flex-direction:column;gap:8px;min-width:0;padding:10px 12px}.template-fieldset>.field-row{flex-shrink:0}.template-fieldset legend{color:#5f6368;font-size:12px;font-weight:700;padding:0 6px}.recipient-multi-select .react-select__control{border-color:#d7dae0;border-radius:6px;font-size:12.5px;min-height:32px}.recipient-multi-select .react-select__control:hover{border-color:#d7dae0}.recipient-multi-select .react-select__control--is-focused{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e826}.recipient-multi-select .react-select__value-container{gap:3px;padding:2px 8px}.recipient-multi-select .react-select__indicators{height:30px}.recipient-multi-select .react-select__multi-value{background:#eef4ff;border-radius:4px}.recipient-multi-select .react-select__multi-value__label{color:#175cd3;font-size:11.5px;padding:2px 4px}.recipient-multi-select .react-select__multi-value__remove:hover{background:#dbeafe;color:#175cd3}.recipient-multi-select .react-select__menu{font-size:12.5px;z-index:5}.review-footer{border-top:1px solid #eee;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:12px 18px}.secondary-button{background:#fdd835;border:1px solid #f9a825;border-radius:20px;color:#4a3a00;cursor:pointer;font-size:13px;padding:8px 16px}.secondary-button:hover{background:#fbc02d}.secondary-button:disabled{cursor:not-allowed;opacity:.5}.primary-button{background:#2e7d32;border:1px solid #2e7d32;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px}.primary-button:hover{background:#1b5e20}.primary-button:disabled{cursor:not-allowed;opacity:.5}.update-confirm-overlay{align-items:center;background:#14161a73;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.update-confirm-box{background:#fff;border-radius:10px;box-shadow:0 8px 30px #00000040;max-width:380px;padding:20px;width:calc(100% - 40px)}.update-confirm-box h3{color:#1a1a1a;font-size:15px;margin:0 0 8px}.update-confirm-box p{color:#666;font-size:13px;margin:0 0 16px}.update-confirm-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.notification-explore .custom-menu,.notification-main .custom-menu{border-bottom:none;gap:4px;margin:0 0 5px;padding:0}.notification-explore .custom-menu-item,.notification-main .custom-menu-item{border-radius:16px;font-size:12px;min-height:28px;padding:4px 10px}.notification-explore .custom-menu{margin-bottom:2px}.notification-explore .custom-inner-menu,.notification-explore .custom-type-menu{margin-bottom:3px}.notification-explore .marketplace-view-switcher,.notification-explore .version-toggle{margin-bottom:5px}.notification-explore .event-type-card{margin-bottom:8px;padding:10px 12px}.scheduled-event-card__task{font-size:13px}.notification-type-pills{display:flex;flex-wrap:wrap;gap:6px}.notification-type-pill{align-items:center;background:#eef4fd;border-radius:10px;color:#1a73e8;display:inline-flex;font-size:10px;font-weight:600;gap:4px;padding:2px 8px}.notification-type-pill svg{font-size:12px}.template-preview{background:#fafafa;border:1px dashed #e0e0e0;border-radius:8px;padding:8px 10px}.template-preview__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.template-preview__label{color:#999;font-size:10px;font-weight:700;letter-spacing:.4px}.template-preview__toggle{align-items:center;background:none;border:none;border-radius:4px;color:#1a73e8;cursor:pointer;display:flex;padding:2px}.template-preview__toggle:hover{background:#eef4fd}.template-preview__toggle svg{font-size:15px}.template-preview__snippet{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#555;display:-webkit-box;font-size:12px;margin:0;overflow:hidden}.template-preview--expanded{background:#fff;border-color:#d8e3f5;border-style:solid}.template-preview__full{display:flex;flex-direction:column;gap:6px}.template-preview__row{display:flex;flex-direction:column;gap:2px}.template-preview__row-label{color:#999;font-size:10px;font-weight:700}.template-preview__row p,.template-preview__row span{color:#333;font-size:12px;margin:0}.view-more-button{background:none;border:1px solid #1a73e8;border-radius:6px;color:#1a73e8;cursor:pointer;font-size:13px;margin-top:12px;padding:6px 14px}.view-more-button:hover{background:#eef4fd}.scheduled-event-card--list .template-preview{grid-column:2;grid-row:1/span 5;margin:0}.template-preview--marketplace{background:#fff;border-color:#d9e4f2;border-style:solid;min-height:290px;padding:14px}.template-preview--marketplace .template-preview__toggle{display:none}.template-preview--marketplace .template-preview__full{gap:10px}.template-preview--marketplace .template-preview__row p,.template-preview--marketplace .template-preview__row span{font-size:13px;line-height:1.55}.template-preview--marketplace .email-preview{margin-top:2px}.email-preview--marketplace .email-preview__body{min-height:180px}.notification-explore .scheduled-event-grid--gallery,.notification-main .scheduled-event-grid--gallery{gap:20px;grid-template-columns:repeat(auto-fill,minmax(440px,1fr))}.notification-explore .scheduled-event-card--gallery,.notification-main .scheduled-event-card--gallery{gap:11px;min-height:610px;padding:18px}.notification-explore .scheduled-event-card--gallery .template-preview--marketplace,.notification-main .scheduled-event-card--gallery .template-preview--marketplace{min-height:420px;padding:14px}.notification-explore .scheduled-event-card--gallery .email-preview--marketplace .email-preview__body,.notification-main .scheduled-event-card--gallery .email-preview--marketplace .email-preview__body{max-height:420px;min-height:310px}.notification-explore .scheduled-event-grid--comfortable,.notification-main .scheduled-event-grid--comfortable{gap:16px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.notification-explore .scheduled-event-card--comfortable,.notification-main .scheduled-event-card--comfortable{min-height:470px}.notification-explore .scheduled-event-card--comfortable .template-preview--marketplace,.notification-main .scheduled-event-card--comfortable .template-preview--marketplace{min-height:290px}.notification-explore .scheduled-event-card--comfortable .email-preview--marketplace .email-preview__body,.notification-main .scheduled-event-card--comfortable .email-preview--marketplace .email-preview__body{max-height:265px;min-height:205px}.notification-explore .scheduled-event-grid--compact,.notification-main .scheduled-event-grid--compact{gap:12px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.notification-explore .scheduled-event-card--compact,.notification-main .scheduled-event-card--compact{min-height:380px;padding:13px}.notification-explore .scheduled-event-card--compact .template-preview--marketplace,.notification-main .scheduled-event-card--compact .template-preview--marketplace{min-height:220px;padding:10px}.notification-explore .scheduled-event-card--compact .email-preview--marketplace .email-preview__body,.notification-main .scheduled-event-card--compact .email-preview--marketplace .email-preview__body{max-height:185px;min-height:145px;padding:9px}.notification-explore .scheduled-event-card--compact .email-preview--marketplace .email-preview__html,.notification-explore .scheduled-event-card--compact .email-preview--marketplace .email-preview__text,.notification-main .scheduled-event-card--compact .email-preview--marketplace .email-preview__html,.notification-main .scheduled-event-card--compact .email-preview--marketplace .email-preview__text{font-size:11px}.notification-main .email-preview--marketplace .email-preview__body{max-height:none;overflow-y:visible}@media(max-width:520px){.notification-explore .scheduled-event-grid--comfortable,.notification-explore .scheduled-event-grid--compact,.notification-explore .scheduled-event-grid--gallery,.notification-main .scheduled-event-grid--comfortable,.notification-main .scheduled-event-grid--compact,.notification-main .scheduled-event-grid--gallery{grid-template-columns:1fr}}@media(max-width:820px){.scheduled-event-card--list{grid-template-columns:1fr}.scheduled-event-card--list .launch-info-strip,.scheduled-event-card--list .marketplace-card-actions,.scheduled-event-card--list .notification-type-pills,.scheduled-event-card--list .scheduled-event-card__flow,.scheduled-event-card--list .scheduled-event-card__header,.scheduled-event-card--list .template-preview{grid-column:1;grid-row:auto}}.custom-ess-container.automation-shell{padding-top:40px;position:relative}.custom-ess-container .automation-shell__topbar{align-items:center;display:flex;gap:8px;left:0;margin:0;position:absolute;top:0}.custom-ess-container .automation-shell__eyebrow{color:#7b8494;font-size:11px;font-weight:700;letter-spacing:.08em;margin:0 0 2px}.custom-ess-container .automation-shell__title{color:#182230;font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0}.automation-explore .custom-inner-menu,.automation-explore .custom-menu,.automation-explore .custom-type-menu,.automation-main .custom-inner-menu,.automation-main .custom-menu,.automation-main .custom-type-menu,.notification-explore .custom-inner-menu,.notification-explore .custom-menu,.notification-explore .custom-type-menu,.notification-main .custom-inner-menu,.notification-main .custom-menu,.notification-main .custom-type-menu{align-items:center}.automation-explore .custom-inner-menu-item,.automation-explore .custom-menu-item,.automation-explore .custom-type-menu-item,.automation-main .custom-inner-menu-item,.automation-main .custom-menu-item,.automation-main .custom-type-menu-item,.notification-explore .custom-inner-menu-item,.notification-explore .custom-menu-item,.notification-explore .custom-type-menu-item,.notification-main .custom-inner-menu-item,.notification-main .custom-menu-item,.notification-main .custom-type-menu-item{border:1px solid #0000;line-height:1.25;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.automation-explore .custom-inner-menu-item:hover,.automation-explore .custom-menu-item:hover,.automation-explore .custom-type-menu-item:hover,.automation-main .custom-inner-menu-item:hover,.automation-main .custom-menu-item:hover,.automation-main .custom-type-menu-item:hover,.notification-explore .custom-inner-menu-item:hover,.notification-explore .custom-menu-item:hover,.notification-explore .custom-type-menu-item:hover,.notification-main .custom-inner-menu-item:hover,.notification-main .custom-menu-item:hover,.notification-main .custom-type-menu-item:hover{border-color:#d6dce7;box-shadow:0 1px 2px #1018280d}.automation-explore .custom-menu-item,.automation-main .custom-menu-item,.notification-explore .custom-menu-item,.notification-main .custom-menu-item{background:#f7f8fa;color:#475467}.automation-explore .custom-menu-item.custom-active,.automation-main .custom-menu-item.custom-active,.notification-explore .custom-menu-item.custom-active,.notification-main .custom-menu-item.custom-active{background:#eaf2ff;border-color:#cfe0ff;color:#175cd3}.automation-explore .custom-inner-menu-item,.automation-main .custom-inner-menu-item,.notification-explore .custom-inner-menu-item,.notification-main .custom-inner-menu-item{color:#475467}.automation-explore .custom-type-menu-item,.automation-main .custom-type-menu-item,.notification-explore .custom-type-menu-item,.notification-main .custom-type-menu-item{border-color:#e4e7ec}.automation-explore .custom-content,.automation-main .custom-content,.notification-explore .custom-content,.notification-main .custom-content{min-width:0}.automation-explore .custom-error,.automation-main .custom-error,.notification-explore .custom-error,.notification-main .custom-error{align-items:center;background:#fffbfa;border:1px solid #fecdca;border-radius:8px;color:#b42318;display:flex;font-size:12px;margin:0 0 10px;min-height:38px;padding:8px 11px}.marketplace-intro{align-items:center;display:flex;gap:10px;margin:0 0 10px}.marketplace-intro__icon{background:linear-gradient(145deg,#faf8ff,#eef4ff);border:1px solid #ded7fc;border-radius:10px;color:#7856d6;display:grid;flex:0 0 34px;height:34px;place-items:center;width:34px}.marketplace-intro__icon svg{font-size:18px}.marketplace-intro__eyebrow{color:#7c62c7;font-size:10px;font-weight:700;letter-spacing:.08em;margin:0 0 1px}.marketplace-intro h2{color:#1d2939;font-size:15px;font-weight:700;letter-spacing:-.01em;margin:0}.marketplace-intro p:not(.marketplace-intro__eyebrow){color:#667085;font-size:12px;line-height:1.4;margin:2px 0 0}.event-type-card{background:#fff;border-color:#e4e7ec;box-shadow:0 1px 2px #10182808}.event-type-card__header h3{overflow-wrap:anywhere}.scheduled-event-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.scheduled-event-card{border-color:#e4e7ec;border-radius:12px;box-shadow:0 1px 2px #10182808;min-width:0}.scheduled-event-card__task{line-height:1.35;overflow-wrap:anywhere}.scheduled-event-card__flow{min-width:0}.scheduled-event-card__flow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scheduled-event-card__footer{min-width:0}.scheduled-event-card__code{margin-left:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-preview{background:#fcfcfd;border-color:#dfe4ea;border-radius:9px;margin-top:2px}.email-preview__body{overflow-wrap:anywhere;scrollbar-width:thin}.email-preview__iframe{border:0;display:block;max-width:100%;min-width:0;width:100%}.email-preview__html table{display:block;max-width:100%!important;overflow-x:auto}.email-preview__html pre{max-width:100%;overflow:auto;white-space:pre-wrap}.email-preview__html img{height:auto!important}.email-preview-modal{background:#10182880;display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:2200}.email-preview-modal__panel{background:#fff;border:1px solid #d0d5dd;border-radius:12px;box-shadow:0 24px 64px #1018283d;display:flex;flex-direction:column;max-height:min(760px,100dvh - 48px);overflow:hidden;width:min(860px,100%)}.email-preview-modal__header{align-items:center;border-bottom:1px solid #eaecf0;color:#344054;display:flex;font-size:13px;font-weight:700;gap:12px;justify-content:space-between;padding:12px 16px}.email-preview-modal__header span{align-items:center;display:inline-flex;gap:7px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-preview-modal__header button{background:#0000;border:0;border-radius:6px;color:#667085;cursor:pointer;display:grid;flex:0 0 28px;height:28px;place-items:center;width:28px}.email-preview-modal__header button:hover{background:#f2f4f7;color:#344054}.email-preview-modal__body{background:#f9fafb;overflow:auto;padding:22px}.email-preview-modal__content{background:#fff;border:1px solid #eaecf0;border-radius:8px;font-size:14px;line-height:1.65;min-height:100%;overflow-wrap:anywhere;padding:20px}@media(max-width:640px){.email-preview-modal,.email-preview-modal__body{padding:12px}.email-preview-modal__content{padding:14px}}.empty-state{background:#fcfcfd;border:1px dashed #d9dee7;border-radius:10px;min-height:132px}.explore-pagination{justify-content:flex-end;padding-top:2px}.explore-pagination span{color:#667085;font-size:12px}.explore-pagination button{border-color:#d0d5dd;color:#344054;font-size:12px;transition:background .15s ease}.explore-pagination button:not(:disabled):hover{background:#f9fafb}@media(max-width:640px){.custom-ess-container.automation-shell{padding-top:42px}.custom-ess-container .automation-shell__topbar{align-items:flex-start;left:0;top:0}.custom-ess-container .automation-shell__title{font-size:19px}.view-switcher{flex-shrink:0;margin-bottom:0}.view-switcher__item{min-height:32px}.scheduled-event-grid{grid-template-columns:1fr}.event-type-card{padding:12px}.event-type-card__header{gap:8px}.email-preview__body{max-height:58px}.marketplace-intro{align-items:flex-start}}@media(max-width:420px){.custom-ess-container .automation-shell__topbar{flex-direction:column;gap:10px}.view-switcher{align-self:flex-start}.custom-inner-menu,.custom-menu,.custom-type-menu{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px!important}.custom-inner-menu-item,.custom-menu-item,.custom-type-menu-item{flex:0 0 auto}}.view-switcher{background:#f2f3f5;border-radius:10px;gap:4px;margin-bottom:14px;padding:3px;width:fit-content}.view-switcher,.view-switcher__item{align-items:center;display:inline-flex}.view-switcher__item{border-radius:8px;color:#5f6368;cursor:pointer;font-size:13px;font-weight:500;gap:5px;padding:5px 14px;text-decoration:none;transition:background .15s ease,color .15s ease,box-shadow .15s ease;white-space:nowrap}.view-switcher__item:hover{color:#1a1a1a}.view-switcher__item--active{background:#e5edf9;box-shadow:inset 0 0 0 1px #b9d2f3,0 1px 2px #0f488b1a;color:#0d4f9c;font-weight:700}.view-switcher__item--explore{background:linear-gradient(135deg,#f5f0ff,#eef4ff);border:1px solid #e3d9fb;color:#6a4fd0}.view-switcher__item--explore svg{color:#8b5cf6;font-size:13px}.view-switcher__item--explore:hover{background:linear-gradient(135deg,#efe6ff,#e6eeff);box-shadow:0 2px 8px #8b5cf626}.view-switcher__item--explore.view-switcher__item--active{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:#0000;box-shadow:0 2px 10px #6366f159;color:#fff}.view-switcher__item--explore.view-switcher__item--active svg{color:#fff}@media(max-width:480px){.view-switcher__item{font-size:12px;padding:5px 10px}}.automation-explore .custom-menu,.automation-main .custom-menu{border-bottom:none;gap:4px;margin:0 0 5px;padding:0}.automation-explore .custom-menu-item,.automation-main .custom-menu-item{border-radius:16px;font-size:12px;min-height:28px;padding:4px 10px}.downloaded-template-actions{align-items:center;display:inline-flex;gap:8px}.downloaded-template-actions button{align-items:center;background:#2e7d32;border:1px solid #2e7d32;border-radius:20px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:4px;padding:6px 12px}.downloaded-template-actions button:hover{background:#1b5e20}.downloaded-template-actions .explore-type-button{background:linear-gradient(135deg,#f5f0ff,#eef4ff);border:1px solid #e3d9fb;color:#6a4fd0}.downloaded-template-actions .explore-type-button svg{color:#8b5cf6}.downloaded-template-actions .explore-type-button:hover{background:linear-gradient(135deg,#efe6ff,#e6eeff);box-shadow:0 2px 8px #8b5cf626}.automation-explore .custom-menu{margin-bottom:2px}.automation-explore .custom-inner-menu,.automation-explore .custom-type-menu{margin-bottom:3px}.automation-explore .marketplace-view-switcher,.automation-explore .version-toggle{margin-bottom:5px}.automation-explore .event-type-card{margin-bottom:8px;padding:10px 12px}.custom-inner-menu{border-bottom:0;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:5px;padding:2px 0}.custom-inner-menu-item{background:#f5f5f5;border-radius:16px;cursor:pointer;font-size:12px;padding:4px 10px}.custom-inner-menu-item.custom-active{background:#1a73e8;color:#fff}.email-preview{background:#fff;border:1px solid #e3e6ea;border-radius:8px;margin-top:4px;overflow:hidden}.email-preview__header{align-items:center;background:#f7f8fa;border-bottom:1px solid #eceef1;display:flex;justify-content:space-between;padding:6px 10px}.email-preview__label{align-items:center;color:#8a8f98;display:inline-flex;font-size:10px;font-weight:700;gap:4px;letter-spacing:.4px}.email-preview__label svg{font-size:12px}.email-preview__toggle{background:none;border:none;color:#1a73e8;cursor:pointer;font-size:11px;font-weight:600;padding:2px 4px}.email-preview__toggle:hover{text-decoration:underline}.email-preview__body{max-height:58px;overflow-y:auto;padding:6px 8px;transition:max-height .2s ease}.email-preview--expanded .email-preview__body{max-height:320px}.email-preview__text{margin:0;white-space:pre-wrap}.email-preview__html,.email-preview__text{color:#40454c;font-size:10px;line-height:1.5}.email-preview__html p{margin:0 0 4px}.email-preview__html a{color:#1a73e8}.email-preview__html *,.email-preview__html img{max-width:100%}.email-preview:not(.email-preview--editor) .email-preview__body .email-preview__html{font-size:9px!important}.email-preview:not(.email-preview--editor) .email-preview__body .email-preview__html :is(div,table,tbody,tr,td,th){margin:0!important;padding:2px 4px!important}.email-preview:not(.email-preview--editor) .email-preview__body .email-preview__html :is(h1,h2,h3,h4,p){font-size:inherit!important;line-height:1.2!important;margin:0 0 2px!important}.custom-type-menu{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:5px;padding:2px 0}.custom-type-menu-item{background:#eef1f5;border-radius:12px;color:#444;cursor:pointer;font-size:12px;padding:4px 10px}.custom-type-menu-item.custom-active{background:#0f9d58;color:#fff}.version-toggle{border:1px solid #d0d5dd;border-radius:20px;display:inline-flex;margin-bottom:6px;padding:2px}.version-toggle__btn{background:#0000;border:none;border-radius:16px;color:#555;cursor:pointer;font-size:12px;padding:4px 12px}.version-toggle__btn--active{background:#1a73e8;color:#fff}.event-type-card{background:#fafbfc;border:1px solid #e5e5e5;border-radius:12px;margin-bottom:14px;padding:14px 16px;transition:box-shadow .15s ease}.event-type-card__header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;margin-bottom:14px;padding-bottom:10px}.event-type-card__header h3{color:#1a1a1a;font-size:16px;margin:0}.event-type-card__count{background:#eef1f5;border-radius:12px;color:#666;font-size:12px;padding:3px 12px;white-space:nowrap}.event-type-card__empty{color:#888;font-size:13px;margin:0}.scheduled-event-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.scheduled-event-card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;display:flex;flex-direction:column;font-size:13px;gap:8px;padding:12px;transition:box-shadow .15s ease,transform .15s ease}.scheduled-event-card:hover{box-shadow:0 4px 14px #00000014;transform:translateY(-1px)}.scheduled-event-card__header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.scheduled-event-card__status-actions{align-items:center;display:inline-flex;flex-shrink:0;gap:6px}.scheduled-event-card__review-button{background:#fdd835;border:1px solid #f9a825;border-radius:20px;color:#4a3a00;cursor:pointer;display:inline-grid;height:26px;padding:0;place-items:center;width:26px}.scheduled-event-card__review-button:hover:not(:disabled){background:#fbc02d}.scheduled-event-card__review-button:disabled{cursor:wait;opacity:.6}.scheduled-event-card__review-button svg{font-size:15px}.scheduled-event-card__review-button--delete{background:#fce8e6;border:1px solid #c5221f;color:#c5221f}.scheduled-event-card__review-button--delete:hover:not(:disabled){background:#c5221f;color:#fff}.scheduled-event-card__task{color:#1a1a1a;font-size:20px;font-weight:600}.scheduled-event-card__flow{align-items:center;color:#777;display:flex;font-size:11px;gap:6px}.scheduled-event-card__flow svg{color:#aaa;font-size:13px}.scheduled-event-card__footer{align-items:center;color:#999;display:flex;flex-wrap:wrap;font-size:11px;gap:4px;margin-top:2px}.scheduled-event-card__footer svg{font-size:12px}.scheduled-event-card__code{background:#f0f0f0;border-radius:4px;color:#666;font-family:monospace;font-size:10px;margin-left:auto;padding:1px 6px}.launch-info-strip{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.launch-info-strip__version{background:#f1edfb;border-radius:10px;color:#6a4fd0;font-size:10px;font-weight:700;padding:2px 8px}.launch-info-strip__date{align-items:center;color:#888;display:inline-flex;font-size:10px;gap:3px}.launch-info-strip__date svg{font-size:12px}.launch-info-strip__used{align-items:center;color:#999;display:inline-flex;font-size:10px;gap:3px}.launch-info-strip__used svg{font-size:13px}.launch-info-strip__used--yes{color:#1e7e34}.badge{background:#eee;border-radius:10px;color:#333;font-size:10px;font-weight:600;padding:2px 8px}.badge--enabled,.badge--launched{background:#e6f4ea;color:#1e7e34}.badge--disabled,.badge--on_hold{background:#fce8e6;color:#c5221f}.badge--pending{background:#fff4e5;color:#b26a00}.badge--updating{background:#e8f0fe;color:#1a73e8}.explore-pagination{align-items:center;display:flex;gap:12px;margin-top:16px}.explore-pagination button{background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;padding:4px 12px}.explore-pagination button:disabled{cursor:not-allowed;opacity:.5}.empty-state{align-items:center;color:#8a8f98;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:28px 16px;text-align:center}.empty-state svg{color:#b9bcc3;font-size:26px;margin-bottom:4px}.empty-state p{color:#5f6368;font-size:13px;font-weight:600;margin:0}.empty-state span{color:#9aa0a6;font-size:12px}.empty-state--inline{padding:14px 8px}.empty-state--inline svg{font-size:20px}.empty-state--inline p{font-size:12px;font-weight:500}.empty-state__spin{animation:empty-state-spin 1s linear infinite}@keyframes empty-state-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.review-trigger-button{align-items:center;border:none;border-radius:7px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;justify-content:center;padding:7px 0;transition:filter .15s ease}.review-trigger-button svg{font-size:14px}.review-trigger-button:hover{filter:brightness(.95)}.review-trigger-button--save{background:#e6f4ea;color:#1e7e34}.review-trigger-button--update{background:#fff4e5;color:#b26a00}.marketplace-card-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:auto}.marketplace-card-actions button{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;justify-content:center;line-height:1.2;min-height:40px;padding:8px 12px;text-align:center;transition:background .15s ease,border-color .15s ease}.marketplace-card-actions button:disabled{cursor:wait;opacity:.65}.marketplace-card-actions button svg{flex-shrink:0;font-size:16px}.marketplace-card-actions__download{background:#2e7d32;border:1px solid #2e7d32;color:#fff}.marketplace-card-actions__download:hover:not(:disabled){background:#1b5e20}.marketplace-card-actions__download:only-child{grid-column:1/-1}.marketplace-card-actions__edit{background:#fdd835;border:1px solid #f9a825;color:#4a3a00}.marketplace-card-actions__edit:hover:not(:disabled){background:#fbc02d;border-color:#f57f17}.marketplace-card-actions__view-used{background:#fff;border:1px solid #1565c0;color:#1565c0;grid-column:1/-1;order:-1}.marketplace-card-actions__view-used:hover:not(:disabled){background:#e3f2fd}.scheduled-event-card--highlighted{animation:used-template-pulse 1.2s ease-in-out 3;border-color:#1565c0;box-shadow:0 0 0 3px #1565c040}@keyframes used-template-pulse{0%,to{box-shadow:0 0 0 3px #1565c040}50%{box-shadow:0 0 0 8px #1565c01f}}.marketplace-success{align-items:center;background:#e8f7ed;border-radius:8px;color:#237a3b;display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin:0 0 12px;padding:8px 10px}.marketplace-view-switcher{align-items:center;background:#fff;border:1px solid #dce3ec;border-radius:10px;display:inline-flex;gap:4px;margin:0;padding:4px;position:fixed;right:270px;top:70px;z-index:101}.marketplace-view-switcher>span{color:#6b7280;font-size:12px;font-weight:600;padding:0 6px}.marketplace-view-switcher button{align-items:center;background:#0000;border:0;border-radius:7px;color:#526276;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:6px 10px}.marketplace-view-switcher button.active{background:#eaf2fd;color:#1765cc}@media(max-width:760px){.marketplace-view-switcher{right:60px;top:116px}}.scheduled-event-grid--list{gap:16px;grid-template-columns:1fr}.scheduled-event-card--list{grid-column-gap:22px;grid-row-gap:10px;column-gap:22px;display:grid;grid-template-columns:minmax(230px,.7fr) minmax(420px,1.5fr);grid-template-rows:repeat(5,auto);padding:18px;row-gap:10px}.scheduled-event-card--list .scheduled-event-card__header{grid-column:1;grid-row:1}.scheduled-event-card--list .scheduled-event-card__flow{grid-column:1;grid-row:2}.scheduled-event-card--list .notification-type-pills{grid-column:1;grid-row:3}.scheduled-event-card--list .launch-info-strip{grid-column:1;grid-row:4}.scheduled-event-card--list .marketplace-card-actions{grid-column:1;grid-row:5}.scheduled-event-card--list .email-preview{grid-column:2;grid-row:1/span 5;margin:0}.email-preview--marketplace{min-height:290px}.email-preview--marketplace .email-preview__header{padding:9px 12px}.email-preview--marketplace .email-preview__label{font-size:11px}.email-preview--marketplace .email-preview__body{max-height:290px;min-height:220px;padding:14px}.email-preview--marketplace .email-preview__html,.email-preview--marketplace .email-preview__text{font-size:13px;line-height:1.65}.automation-explore .scheduled-event-grid--gallery,.automation-main .scheduled-event-grid--gallery{gap:20px;grid-template-columns:repeat(auto-fill,minmax(440px,1fr))}.automation-explore .scheduled-event-card--gallery,.automation-main .scheduled-event-card--gallery{gap:11px;min-height:570px;padding:18px}.automation-explore .scheduled-event-card--gallery .email-preview--marketplace,.automation-main .scheduled-event-card--gallery .email-preview--marketplace{flex:1 1}.automation-explore .scheduled-event-card--gallery .email-preview--marketplace .email-preview__body,.automation-main .scheduled-event-card--gallery .email-preview--marketplace .email-preview__body{max-height:460px;min-height:370px}.automation-explore .scheduled-event-grid--comfortable,.automation-main .scheduled-event-grid--comfortable{gap:16px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.automation-explore .scheduled-event-card--comfortable,.automation-main .scheduled-event-card--comfortable{min-height:430px}.automation-explore .scheduled-event-card--comfortable .email-preview--marketplace .email-preview__body,.automation-main .scheduled-event-card--comfortable .email-preview--marketplace .email-preview__body{max-height:320px;min-height:260px}.automation-explore .scheduled-event-grid--compact,.automation-main .scheduled-event-grid--compact{gap:12px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.automation-explore .scheduled-event-card--compact,.automation-main .scheduled-event-card--compact{min-height:350px;padding:13px}.automation-explore .scheduled-event-card--compact .email-preview--marketplace .email-preview__body,.automation-main .scheduled-event-card--compact .email-preview--marketplace .email-preview__body{max-height:220px;min-height:180px;padding:9px}.automation-explore .scheduled-event-card--compact .email-preview--marketplace .email-preview__html,.automation-explore .scheduled-event-card--compact .email-preview--marketplace .email-preview__text,.automation-main .scheduled-event-card--compact .email-preview--marketplace .email-preview__html,.automation-main .scheduled-event-card--compact .email-preview--marketplace .email-preview__text{font-size:11px}.automation-main .email-preview--marketplace .email-preview__body{max-height:none;overflow-y:visible}@media(max-width:520px){.automation-explore .scheduled-event-grid--comfortable,.automation-explore .scheduled-event-grid--compact,.automation-explore .scheduled-event-grid--gallery,.automation-main .scheduled-event-grid--comfortable,.automation-main .scheduled-event-grid--compact,.automation-main .scheduled-event-grid--gallery{grid-template-columns:1fr}}@media(max-width:820px){.scheduled-event-card--list{grid-template-columns:1fr}.scheduled-event-card--list .email-preview,.scheduled-event-card--list .launch-info-strip,.scheduled-event-card--list .marketplace-card-actions,.scheduled-event-card--list .notification-type-pills,.scheduled-event-card--list .scheduled-event-card__flow,.scheduled-event-card--list .scheduled-event-card__header{grid-column:1;grid-row:auto}}
/*# sourceMappingURL=main.9de6d57b.css.map*/