*{box-sizing:border-box;font-family:Montserrat,sans-serif}body{margin:0}.login-container{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:#eef1f7;padding:1rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1020' height='720' preserveAspectRatio='none' viewBox='0 0 1020 720'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1073%26quot%3b)' fill='none'%3e%3cpath d='M 0%2c356 C 102%2c386.6 306%2c550.2 510%2c509 C 714%2c467.8 918%2c221.8 1020%2c150L1020 720L0 720z' fill='rgba(111%2c 107%2c 242%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1073'%3e%3crect width='100%' height='100%' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");background-size:cover;background-repeat:no-repeat;background-position:center}.login-card{width:100%;max-width:380px;min-height:420px;background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;justify-content:center}.header-login{width:100%;display:flex;flex-direction:column;align-items:center}.login-icon{font-size:2.5rem;margin:0}.login-title{text-align:center;color:#333;margin-bottom:1.5rem;font-size:1.5rem;margin:0}form{width:100%;display:flex;flex-direction:column;gap:1rem}.input-group{width:100%;margin-bottom:1rem}.input-group input{width:100%;padding:12px;border-radius:10px;border:1px solid #ccc;font-size:15px;transition:.2s}.input-group input:focus{border-color:#4c8bf5;box-shadow:0 0 0 3px #4c8bf533;outline:none}.error-container{margin:0;padding:0;text-align:center}.error{margin:0;padding:0;color:red}.login-btn{width:100%;padding:12px;background:#706cf1;border:none;border-radius:10px;color:#fff;font-size:16px;cursor:pointer;transition:.2s}.login-btn:hover{background:#6a5fff}.form-container-bottom{font-size:.8rem;width:100%;position:relative;display:flex;justify-content:center;margin:1.5rem 0}.form-container-bottom hr{width:70%;margin:0;height:1px;color:#c9cbda}.form-container-bottom p{position:absolute;top:50%;transform:translateY(-50%);background-color:#fff;padding:0 10px;margin:0}@media(max-width:450px){.login-card{padding:1.5rem}.login-title{font-size:1.5rem}}.navbar{height:3.5rem;display:flex;align-items:center;padding:.9rem 1rem;background:transparent}.menu-bars{background-color:#f7fbfe;border-radius:50%;font-size:1.6rem;display:flex;align-items:center;justify-content:center;min-width:45px;min-height:45px;cursor:pointer;transition:transform .3s ease,background .3s ease}.menu-bars:hover{transform:scale(1.08);background-color:#fff}.menu-bars svg{color:#302d92!important}.title-sidebar{margin-left:10px;color:#f7fbfe;font-size:1.2rem;white-space:nowrap;transition:opacity .25s ease,transform .25s ease}.title-sidebar.hide{opacity:0;transform:translate(-8px);width:0;overflow:hidden;pointer-events:none}.title-sidebar.show{opacity:1;transform:translate(0)}.nav-menu{background:linear-gradient(135deg,#6f6af4,#514ced);width:80px;height:100vh;display:flex;flex-direction:column;padding-top:1rem;transition:width .4s cubic-bezier(.4,0,.2,1)}.nav-menu.active{width:220px}.nav-menu-items{list-style:none;padding:0;margin:0;margin-top:.5rem;width:100%}.nav-menu-items li{padding:.9rem 1rem;display:flex;align-items:center;border-radius:.8rem;transition:background .3s ease,transform .25s ease}.nav-menu-items li:hover{background:#ffffff26;transform:translate(4px)}.nav-menu-items li a{display:flex;align-items:center;gap:1rem;width:100%;text-decoration:none;color:#f7fbfe;font-weight:500;font-size:.9rem}.nav-menu-items li svg{font-size:1.2rem;min-width:40px;transition:transform .25s ease}.nav-menu-items li:hover svg{transform:scale(1.12)}.nav-option.hidden{opacity:0;transform:translate(-8px);width:0;overflow:hidden;pointer-events:none}.nav-option.active{opacity:1;transform:translate(0)}.logout-container{margin-top:auto;padding:.5rem;width:100%}.logout-btn{width:100%;display:flex;flex-direction:row;border:none;padding:.5rem;border-radius:.8rem;color:#f7fbfe;font-size:1rem;font-weight:600;align-items:center;gap:1rem;cursor:pointer;background:#ffffff2e;transition:background .3s ease,transform .25s ease}.logout-btn:hover{background:#ffffff40;transform:translate(4px)}.logout-btn svg{margin:0;padding:0;min-width:22px;min-height:25px;font-weight:700;margin-left:.5rem}.logout-text.hide{opacity:0;transform:translate(-8px);width:0;overflow:hidden}.logout-text.show{opacity:1;transform:translate(0)}.layout-content{display:flex}.outlet-content{width:100%;overflow-x:auto}.home-container{padding:1rem;overflow-y:scroll}.header-container{width:100%}.header-container h1{text-align:start}.cards-container{margin-top:2rem;display:grid;grid-template-columns:repeat(2,1fr)}.cards-container-left,.cards-container-right{width:100%;display:grid;grid-template-columns:repeat(2,1fr);padding:.5rem;gap:.5rem}.header-chart,.header-chart-top{width:100%;display:flex;flex-direction:column;margin:0;padding:.5rem}.header-chart-top p,.header-chart p{margin:0;padding:0;text-align:start}.header-title{font-size:.9rem;font-weight:600}.header-total{font-size:1.5rem;font-weight:600}.header-top{font-size:1.3rem;font-weight:600}.card{background:#fff;border-radius:20px;padding:.5rem;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.card-chart{background:#fff;border-radius:20px;padding:.5rem;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 18px #0000001f}.img-container{width:100%;display:flex;justify-content:center}.seller-logo{max-width:110px;margin-top:.5rem}.card-data{text-align:center}.card-data h4{font-size:.8rem;font-weight:600;color:#3a3a3a}.count-number{font-size:2.5rem;font-weight:550;color:#6f69f6}.analisys-container{padding:1rem;height:100vh;overflow:auto;box-sizing:border-box}.input-container{background-color:#fff;display:flex;flex-direction:row;gap:1rem;padding:1.5rem;margin-bottom:1rem;border-radius:8px}.input-left input{padding:.3rem;width:250px}.input-container button{color:#000;padding:.3rem;border-radius:8px;cursor:pointer;font-size:14px;display:inline-block;text-align:center;-webkit-user-select:none;user-select:none}.input-file{width:100px;padding:.3rem}.input-right{display:flex;flex-direction:row;gap:1rem}.input-right .btn-read{background-color:#147dc1;color:#fff;padding:.3rem;border-radius:8px;cursor:pointer;font-size:14px;display:inline-block;text-align:center;-webkit-user-select:none;user-select:none}.btn-read:hover{background-color:#0f5e94}.title-scraped{margin-bottom:5px}.title-scraped p{margin:0 0 5px}.item-name{font-size:1rem;font-weight:700}.item-refid{font-size:.8rem;font-weight:700}.card-container{background-color:#fff;padding:1rem;margin-bottom:2rem;border-radius:8px;overflow-x:auto}.card-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;border-radius:15px}.card-scraped{background-color:#fff;display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:8px;box-sizing:border-box;overflow:hidden;border:1px solid #ddd;box-shadow:0 4px 10px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.card-scraped:hover{transform:translateY(-4px);box-shadow:0 8px 18px #0000001f}.card-side-top img{width:100%}.card-side-buttom{display:flex;flex-direction:column}.span-seller{color:#fff;border-radius:5px;padding:5px;font-weight:530}.older-price{color:gray;text-decoration:line-through}.current-data{display:flex;align-items:center;gap:8px;margin-top:4px}.current_price{font-size:1rem;font-weight:700}.off-container{background:#e6f7ef;color:#00a650;padding:2px 6px;border-radius:4px;font-size:.85rem;display:flex;align-items:center}.off_percent{font-weight:700}.payment_rules-info{font-size:.8rem;color:#00a650;margin-top:5px}.shipping_data-info{font-size:.8rem;font-weight:600;margin-top:5px}.pagination-container{margin-top:40px;display:flex;justify-content:center;gap:8px}.page-btn{padding:6px 12px;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer;transition:.2s}.page-btn:hover{background:#eee}.page-btn.active{background:#162b3e;color:#fff;font-weight:700}.page-btn:disabled{opacity:.4;cursor:not-allowed}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#4b4b4b;background-color:#f5f6fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{margin:0;padding:0;height:100vh;overflow:hidden}