@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{font:inherit;margin:0;padding:0;border:none;background:none;outline:none;box-shadow:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{font-family:Figtree,sans-serif}.icon{display:flex;justify-content:center;align-items:center;background-color:#fdacec;padding:3px;border-radius:5px;box-shadow:0 0 5px #0000001a}.icon img{width:15px;height:15px}.greencontainer{display:flex;justify-content:center;align-items:center;padding:1px 5px;background-color:#cfffca;border:solid 1px #009b05;border-radius:5px;color:#009b05;letter-spacing:-.5px}.greencontainer img{width:1.6vh}.redcontainer{display:flex;justify-content:center;align-items:center;padding:1px 5px;background-color:#ffcaca;border:solid 1px #9b0000;border-radius:5px;color:#9b0000;letter-spacing:-.5px}.redcontainer img{width:1.6vh;transform:rotate(180deg);filter:invert(18%) sepia(100%) saturate(3000%) hue-rotate(350deg) brightness(90%)}.minititle{display:flex;align-items:center;gap:7px;color:#fff}.hideoverflowtext{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}input[type=checkbox]{cursor:pointer}.bigtitle{display:flex;justify-content:center;align-items:center;gap:5px;opacity:.8}.bigtitle img{width:2rem}.bigtitle h3{font-size:1.8rem;letter-spacing:-.5px;font-weight:700}.input{display:flex;flex-direction:column;gap:5px}.input label{font-size:1rem}.input input{background-color:#f8f8f8;border:solid 1px #cfcfcf;width:100%;border-radius:5px;padding:5px}.input textarea{background-color:#f8f8f8;border:solid 1px #cfcfcf;width:100%;border-radius:5px;padding:5px;min-height:5rem;resize:none}.categorias{display:flex;flex-direction:column;gap:5px}.categorias label{font-size:1rem}.categorias-categoryselector{display:flex;flex-wrap:wrap;gap:10px}.categorias-categoryselector span{border:solid 1px #cfcfcf;padding:2px 5px;border-radius:5px;cursor:pointer;transition:all ease .3s}.categorias-categoryselector span:hover{background-color:#7b91ff;color:#fff}.categorias-categoryselector .selected{background-color:#667ffc;color:#fff}.errorMessageContainer{min-height:1.2rem}.errorMessageContainer .errorMessage{display:flex;color:red;height:100%}.emptylist{grid-row:2/3;height:100%;display:flex;justify-content:center;align-items:center;padding:5px;gap:5px}.emptylist img{width:1.2rem}.emptylist p{font-size:1.1rem;opacity:.7}select{position:relative;z-index:3}.sidebarbtn{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 16px;color:#ffffffb3;text-decoration:none;border-radius:12px;transition:all .3s ease;font-size:14px;font-weight:500;position:relative;overflow:hidden}.sidebarbtn:before{content:"";position:absolute;inset:0;background:#ffffff0d;opacity:0;transition:opacity .3s ease;border-radius:12px;pointer-events:none}.sidebarbtn img{width:12px;height:12px;filter:brightness(0) invert(.7);transition:all .3s ease}.sidebarbtn span{transition:opacity .3s ease}.sidebarbtn:hover{color:#fff}.sidebarbtn:hover:before{opacity:1}.sidebarbtn:hover img{filter:brightness(0) invert(1);transform:translate(2px)}.sidebarbtn.active{color:#fff;background:linear-gradient(135deg,#8b5cf633,#6366f133);border:1px solid rgba(139,92,246,.3);box-shadow:0 4px 12px #8b5cf633}.sidebarbtn.active:before{opacity:0}.sidebarbtn.active img{filter:brightness(0) invert(1) drop-shadow(0 0 4px rgba(139,92,246,.5))}.logout-button{display:flex;align-items:center;padding:5px;border-radius:8px;font-size:16px;text-decoration:none;color:#000;background-color:transparent;position:relative;transition:all .3s ease;border:none;cursor:pointer}.logout-button img{width:15px;height:15px;transition:transform .3s ease,filter .3s ease}.logout-button:hover{background-color:#ffe4e4;opacity:1}.logout-button:hover img{transform:translate(2px);filter:brightness(1.2)}.hide-sidebar-button{cursor:pointer}.select{width:100%;padding:5px 10px;border:1px solid #777777;border-radius:5px;background-color:transparent;font-size:clamp(14px,1rem,1vw);cursor:pointer;transition:all .3s ease}.select:hover{border-color:#000}.productbutton{display:flex;justify-content:center;align-items:center;opacity:.5;transition:all ease .4s;cursor:pointer;width:clamp(14px,1.5rem,2rem)}.productbutton:hover{opacity:1}.lotebtn{padding:5px 15px;border:solid 1px #777777;background-color:#fff;border-radius:5px;cursor:pointer;transition:all ease .4s;font-size:1rem;font-weight:500}.lotebtn:hover{background-color:#f0eeee}.addproductbtn{display:flex;justify-content:center;align-items:center;background-color:#7b91ff;width:100%;transition:all ease .4s;cursor:pointer;padding:5px}.addproductbtn img{width:clamp(14px,1.5rem,2rem)}.addproductbtn:hover{background-color:#667ffc}.authbtn{display:flex;justify-content:center;align-items:center;border:solid 1px #d3d3d3;padding:5px;border-radius:5px;cursor:pointer}.productFormBtn{width:100%;background-color:#7b91ff;color:#fff;padding:5px;border-radius:5px;cursor:pointer;font-weight:500;letter-spacing:-.5px;transition:all ease .3s}.productFormBtn:hover{background-color:#667ffc}.filtercontainer{display:flex;gap:1rem;position:relative}.dropdown{position:relative;width:150px;cursor:pointer}.dropdown .icon{width:1rem;height:1rem;fill:#666;margin-left:4px;background-color:transparent;box-shadow:none}.dropdown .selected{background:#fff;border:1px solid #ccc;padding:1px 5px;border-radius:.25rem;display:flex;justify-content:space-between;align-items:center}.dropdown .dropdown-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ccc;max-height:200px;overflow-y:auto;z-index:100;margin:0;padding:0;list-style:none}.dropdown .dropdown-list li{padding:.5rem;display:flex;justify-content:space-between;align-items:center}.dropdown .dropdown-list li.locked{color:#aaa;cursor:not-allowed}.dropdown .dropdown-list li:hover:not(.locked){background:#f0f0f0}.dropdown .dropdown-list li .pro-icon{background:gold;padding:0 .25rem;border-radius:.25rem;font-size:.75rem;margin-left:.5rem}.dropdown .dropdown-list li.total-option{font-weight:700;color:#007bff}.card{background:linear-gradient(135deg,#ffffffe6,#f5f8ffd9,#ebf2ffe6);border-radius:16px;box-shadow:0 8px 32px #1f268726,0 4px 12px #00000014,inset 0 1px 1px #ffffff80,inset 0 -1px 1px #00000008;overflow:hidden;border:1px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(200,220,255,.1) 0%,transparent 50%);pointer-events:none;opacity:.6}.cdk-overlay-container,.mat-select-panel,.ng-dropdown-panel,.p-dropdown-panel{z-index:1000!important}.card{background:#1a1a1a66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 4px 16px #0000004d}