#popup-modal{background:transparent;outline:none;border:none;height:100dvh;width:100dvw;display:grid;place-content:center;scale:0;transition:scale .5s ease-in-out}#popup-modal[open]{scale:1}.modal--box{border-radius:10px}dialog::backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.login__container{background-image:url(/login-bg.svg);background-repeat:no-repeat;object-fit:contain;background-size:cover;width:100dvw;height:100dvh;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 2rem}.login__content{display:grid;gap:1rem;grid-template-rows:1fr 2.25rem;place-items:center}.login__form-wrapper{width:50%;display:grid;gap:1rem}.login__form-wrapper form{display:flex;flex-direction:column;gap:1rem}.login__input-group{display:flex;flex-direction:column;gap:.5rem}.login__input-group>div{width:100%;border-radius:var(--border-radius);border:1px solid var(--border-clr);border-left:.5rem solid var(--theme-primary);padding-right:1rem;background-color:#ebebeb;display:flex;align-items:center}.login__input{flex-grow:1;padding:.75rem 1rem;outline:none;border:none;background-color:transparent}.login__container .developed__by{grid-column:span 2;display:flex;justify-content:center}.login__img{height:75dvh;margin:auto}.navbar-wrapper{width:100%;height:calc(100% - 2.25em);display:flex;gap:.25%}.navbar-container{display:flex;flex-direction:column;align-items:flex-end;width:100%}.menu-items{padding:1em 0;width:100%;height:100%}.menu-items ul{list-style:none;height:100%;display:flex;flex-direction:column}.menu-items ul li{width:100%}.menu-items ul a{text-decoration:none;font-weight:var(--font-weight-600);display:flex;gap:.5em;align-items:center;padding:.5em;margin-left:.5em}.menu-items ul li:last-child a{margin:auto;padding-right:.75em}.tab-is-active{background-color:#fff;color:var(--theme-primary);font-weight:var(--fw-600)!important;position:relative;animation-name:fadeIn;animation-duration:.5s;animation-timing-function:linear}.tab-is-active:before{content:"";position:absolute;width:4px;height:70%;border-radius:100dvh;left:0;background-color:var(--theme-primary)}.tab-is-active span{background-color:var(--theme-secondary);padding:.25rem;border-radius:var(--border-radius);display:grid;place-items:center}a.tab-is-active span{margin-left:.75em!important}.tab-is-not-active{text-decoration:none;color:#000}.tab-is-not-active:hover{box-shadow:var(--box-shadow);border-radius:var(--border-radius)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu-items ul li a span{margin-left:0;transition:margin-left .3s ease-in-out}.menu-icon{display:none;cursor:pointer}.logout__wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:auto}.username{text-transform:uppercase;color:#646464;font-weight:var(--font-weight-600);width:90%;overflow-wrap:break-word;white-space:normal;text-align:center;text-wrap:pretty}.logout__wrapper>.logout-link{display:flex;gap:.5em;justify-content:center;width:100%;font-size:1rem;font-weight:var(--font-weight-600);border:none;background:none;cursor:pointer}@media (max-width: 921px){.menu-items ul li{width:auto!important}.menu-items ul li p{display:none}.tooltip{position:relative;display:inline-block;cursor:pointer}.tooltip:hover:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 1.25em);top:-.5em;z-index:999;background-color:#000000bf;color:var(--secondary-text-color);padding:.5em;border-radius:.25em;white-space:nowrap}}.layout__container{height:100dvh;width:100dvw;background-color:var(--theme-bg);padding:.5em;display:grid;gap:1em;grid-template-columns:10em auto}.layout__container>*{border-radius:var(--border-radius)}.layout__sidebar{background-color:var(--border-radius);display:flex;gap:1em;flex-direction:column}.logo__container{display:flex}.layout__separator{width:80%;height:3px;background-color:#ddd;border-radius:50%;margin-inline:auto}.logo{height:5rem;margin-inline:auto}.children{padding:.5em;border:1px solid #DBD9D9;box-shadow:var(--box-shadow);height:calc(100dvh - 1rem);overflow:auto}.alert{display:flex;align-items:center;justify-content:center;border:1px solid;border-radius:.3125rem;font-size:14px;font-weight:400;padding:.5rem 1rem}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-danger{border-color:#f1aeb5;color:red;background-color:#f8d7da}.primary__button,.secondary__button{font-weight:var(--fw-600);text-align:center;outline:none;border:none;padding:.5rem 1rem;border:1px solid var(--theme-primary);border-radius:var(--border-radius);cursor:pointer;display:flex;gap:.25em;align-items:center;justify-content:center}.primary__button{background:var(--theme-primary);color:#fff}.primary__button:hover{opacity:.8}.secondary__button{background-color:var(--theme-secondary);color:#333;transition:all .3s ease-in-out}.secondary__button:hover{background:var(--theme-primary);color:#fff;opacity:1}.negative__button{font-weight:var(--fw-600);text-align:center;outline:none;border:none;padding:.5rem 1rem;border:1px solid red;border-radius:var(--border-radius);cursor:pointer;display:flex;gap:.25em;align-items:center;justify-content:center;background:#ce3737be;color:#fff}.negative__button:hover{background:red;color:#fff;opacity:1}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}.display-flex{display:flex;gap:.5rem}.span__color{color:#ff1818}.capitalize{text-transform:capitalize}.no-data{height:100%;display:flex;align-items:center;justify-content:center;text-transform:capitalize;color:var(--theme-primary)}.horizontal__ruler{width:100%;border-bottom:2px solid var(--border-clr);margin:0}.developed__by{font-size:.75rem;padding:.75rem;display:grid;gap:.25rem;place-items:center}.ymautomation__link{font-family:Audiowide,Inter,sans-serif;text-decoration:none;cursor:pointer;position:relative}.ymautomation__link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#000;transform:scaleX(0);transition:transform .3s ease-in-out}.ymautomation__link:hover{font-size:.8rem}.ymautomation__link:hover:after{transform:scaleX(.9)}.header__drawer{display:flex;gap:.5rem;align-items:center;margin-left:auto}.header__drawer>svg{cursor:pointer;scale:1.5;color:var(--theme-primary)}.header__drawer svg:hover{scale:1.75!important}.drawer__content{display:flex;gap:1rem;align-items:center;transition:opacity 2s ease-in-out,width 2s ease-in-out}.loader-container{height:100%;width:100%;display:grid;place-content:center}.loader{width:50px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,var(--theme-primary) 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,var(--theme-primary));mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);animation:l13 1s infinite linear}@keyframes l13{to{transform:rotate(1turn)}}.one-input-wrapper{display:grid;gap:.5em}.two-input-wrapper{display:grid;gap:1em;grid-template-columns:repeat(2,1fr)}.three-input-wrapper{display:grid;gap:1em;grid-template-columns:repeat(3,1fr)}.popup__container{border:1px solid #e9e9e9;box-shadow:var(--box-shadow);border-radius:var(--border-radius);background-color:#fff;display:flex;flex-direction:column;max-height:90dvh;max-width:90dvw;overflow:auto}.popup__alert{font-size:.85rem;color:red;display:flex;gap:.25rem;align-items:center}.popup__header,.popup__form,.popup__buttons{padding:1rem}.popup__header{color:var(--theme-primary);font-size:var(--fs-125);font-weight:var(--fw-600);display:flex;gap:1rem;align-items:center;justify-content:space-between}.popup__form{display:flex;flex-direction:column;gap:1rem;max-height:80dvh;overflow:auto}.horizontal__separator{border-bottom:1px solid var(--border-clr);margin:0}.input__field{padding:.5rem 1rem;border:1px solid var(--border-clr);outline:none;border-radius:var(--border-radius)}.password-container{position:relative;width:100%}.eye-icon{position:absolute;top:1.15rem;right:1rem;transform:translateY(-50%);cursor:pointer;color:gray}.eye-icon:hover{color:#000}.tooltip__password{background:#f00c;color:#000;padding:.5rem 1rem;font-size:12px;border-radius:5px;transition:opacity .3s ease-in-out;text-wrap:nowrap}.error+.tooltip__password{visibility:visible;opacity:1}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--theme-bg);color:var(--text-primary);font-family:var(--ff-primary);font-size:var(--fs-100);font-weight:var(--fw-400);padding:.5rem 1rem;border:1px solid var(--border-clr);border-radius:var(--border-radius);cursor:pointer;outline:none;transition:all .3s ease;width:100%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='%23000'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}select:hover{border-color:var(--theme-primary)}select:focus{border-color:var(--theme-primary);box-shadow:0 0 5px var(--theme-secondary)}option{background-color:var(--theme-bg);color:var(--text-primary);font-family:var(--ff-primary);font-size:var(--fs-100);padding:.5rem;border-bottom:1px solid var(--border-clr);transition:background .3s ease,color .3s ease}option:hover,option:checked{background-color:var(--theme-secondary);color:#000;font-weight:var(--fw-600)}.popup__buttons{display:flex;gap:1em;justify-content:flex-end}.popup__context{display:flex;flex-direction:column;gap:1rem;padding:1rem}.popup__context p{font-size:1rem}::-webkit-scrollbar{width:.5em;height:.5em}::-webkit-scrollbar-track{background-color:#d9d9d9;border-radius:999dvw}::-webkit-scrollbar-thumb{background:var(--theme-primary);border-radius:var(--border-radius);cursor:pointer}.search__box{border:1px solid var(--theme-primary);border-radius:var(--border-radius);display:flex}.search__box button{border:none}.search__box-input{outline:none;border:none;padding:.5rem 1rem;border-radius:var(--border-radius) 0 0 var(--border-radius);color:var(--theme-primary)}table{border-collapse:collapse;border-spacing:0;width:100%;white-space:nowrap}thead{background-color:var(--theme-secondary);position:sticky;top:0;z-index:4}table thead tr,table tbody tr{border-width:1px 0 1px 0!important;border-style:solid;border-color:var(--border-clr)}table thead tr{border-top:0}table thead th{padding:.5em 1em;text-align:center}table tbody td{padding:.5rem 1rem;text-align:center;text-wrap:wrap}*{box-sizing:border-box}:root{--theme-primary: #11a720;--theme-secondary: #c7ffc8;--theme-bg: #fff;--text-primary: #000;--text-secondary: #fff;--ff-primary: "Roboto", "Poppins", sans-serif;--fs-100: clamp(.875rem, 1vw, 1rem);--fs-125: clamp(1.125rem, 1.25vw, 1.25rem);--fw-400: 400;--fw-600: 600;--border-radius: 5px;--border-clr: #00000026;--box-shadow: 4px 4px 4px 2px #00000026;font-family:var(--ff-primary);font-size:var(--fs-100);font-weight:var(--fw-400)}html{scroll-behavior:smooth}body{margin:0}input[type=checkbox]{accent-color:var(--theme-primary)}input[type=number]::-webkit-inner-spin-button{display:none}input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:2px solid var(--border-clr);border-radius:4px;background-color:var(--theme-bg);cursor:pointer;position:relative;transition:all .3s ease}input[type=checkbox]:checked{background-color:var(--theme-primary);border-color:var(--theme-primary)}input[type=checkbox]:checked:after{content:"✔";font-size:16px;color:var(--text-secondary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}