body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{padding:0;margin:0;box-sizing:border-box}.control{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:10px}input,textarea,select{padding:5px 10px;flex:1;outline:none}.container{width:90%;margin:0 auto;padding:20px 0}form,.info{width:100%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:15px}.middle{display:flex;justify-content:space-between;gap:15px;width:100%}.info,.img{width:100%}.img{display:flex;justify-content:center}.img img{width:80%;object-fit:cover;object-position:center}label{font-weight:500;width:150px}.nav{padding:10px;background-color:#454747;align-content:center;text-decoration:none;font-weight:600;color:#f5f5f5;cursor:pointer}.edit_btn{padding:3px 15px;background-color:tomato;align-content:center;text-decoration:none;color:#f5f5f5;cursor:pointer}.btn{padding:15px 45px;background-color:#00805a;font-weight:700;color:#f5f5f5;cursor:pointer;border:none;outline:none}.cancel{background-color:tomato;text-decoration:none}.buttons{width:100%;display:flex;gap:50px;justify-content:center}.logout{width:100%;gap:50px;display:flex;align-items:center;justify-content:space-between}.logout_btn{padding:10px 25px;background-color:#454747;color:#f5f5f5;font-weight:700;cursor:pointer;border:none;outline:none;text-decoration:none}.search{width:100%;display:flex;justify-content:space-between}.search input{width:60%}.search button{width:30%;cursor:pointer;padding:5px 10px;margin-left:20px}.loading{align-items:center;background-color:#4d4c4cf2;display:flex;justify-content:center;inset:0;position:fixed;z-index:999;overflow:hidden}.login{width:400px;display:flex;flex-direction:column;align-items:stretch;gap:15px;margin:0 auto;padding:20px;border:1px solid rgb(206,203,203);border-radius:10px}.login input{width:100%;padding:10px}.login button{padding:10px auto}.print{background-color:#00f;text-decoration:none}.print-container{width:4in;height:2.3in;margin-right:0;margin-left:-60px;padding:.2in;box-sizing:border-box;font-family:Arial,sans-serif;font-size:.9rem;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.print-header{display:flex;justify-content:space-between}.print-title{font-weight:600;margin-top:.1in;font-size:.8rem}.print-retail-price{margin-top:.1in;font-size:.98rem}.print-our-price{padding:0;color:#000;font-weight:700;margin-top:.08in;font-size:1.1rem}.print-retail-price-our-price{display:flex;justify-content:space-between}.barcode-container{display:flex;justify-content:center;text-align:center;width:100%}.barcode-container>div{transform:scaleX(3)}.print-container-small{width:3.5in;height:1.1in;padding:.1in;margin-right:0;margin-left:-60px;margin-top:130px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:.7rem;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.print-container-small .print-title{font-size:.7rem}.print-container-small .print-retail-price{font-size:.75rem}.print-container-small .print-our-price{font-size:.85rem}.print-container-large{width:6in;height:4in;margin-right:0;margin-left:-60px;padding:.4in;box-sizing:border-box;font-family:Arial,sans-serif;font-size:1.2rem;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.print-container-large .print-title{font-size:1.6rem}.print-container-large .print-retail-price{font-size:1.3rem}.print-container-large .print-our-price{font-size:2rem;font-weight:700}.print-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.print-modal{background:#fff;padding:28px 32px;border-radius:10px;width:340px;box-shadow:0 12px 30px #0000002e;text-align:center}.print-modal-title{margin-bottom:18px;font-size:18px;font-weight:600}.label-options{display:flex;flex-direction:column;gap:10px}.label-option{border:1px solid #d8d8d8;background:#fafafa;padding:12px 14px;border-radius:6px;cursor:pointer;text-align:left;transition:all .18s ease;display:flex;flex-direction:row;align-items:center;gap:10px}.label-option:hover{background:#f3f3f3;border-color:#bbb}.label-option.active{border:2px solid #1976d2;background:#eef5ff}.label-name{font-weight:600;font-size:14px}.label-size{font-size:13px;color:#666}.print-now-btn{margin-top:18px;width:100%;border-radius:6px}.search-options{display:flex;justify-content:center;gap:20px;margin-top:25px}.search-options button{color:#fff;padding:10px 18px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .2s ease}.search-options button:hover{transform:translateY(-2px);opacity:.9}.btn-sku,.btn-model,.btn-pid{background-color:#f97316}.upc-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.upc-modal{background:#fff;padding:30px;border-radius:8px;width:350px;text-align:center}.upc-modal input{width:100%;padding:8px;margin-top:15px;border:1px solid #ccc;border-radius:5px}.modal-buttons{display:flex;justify-content:space-between;margin-top:20px}.modal-buttons button{padding:8px 15px;border:none;border-radius:5px;cursor:pointer}.modal-buttons button:first-child{background:#1f3a8a;color:#fff}.cancel-btn{background:#ccc}.mobile-hidden{display:none}.mobile-visible{display:flex}.title-field input{font-size:18px}.show-more-btn{width:100%;padding:10px;background:#374151;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}@media only screen and (max-width:600px){.search-options{gap:5px}.search-options button{font-size:12px;padding:8px;font-weight:200}.search button{width:35%;padding:5px 8px;margin-left:10px}.middle{flex-direction:column}.img img{width:100%}.control{flex-direction:column;align-items:flex-start;width:100%}label{margin-bottom:1px}label,input,textarea{width:100%}.buttons{gap:15px;flex-direction:column}.btn{padding:12px;border-radius:6px}}.search-type-container{display:flex;justify-content:center;align-items:center;min-height:80vh;background-color:#f4f6f9}.search-type-box{background:#fff;padding:40px;border-radius:10px;box-shadow:0 8px 25px #00000014;text-align:center;width:100%;max-width:500px;position:relative}.search-type-row{display:flex;gap:10px;margin-top:20px}.search-type-input{flex:1;padding:10px 14px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;outline:none;transition:border-color .2s ease}.search-type-input:focus{border-color:#2563eb}.search-type-btn{background-color:#1f3a8a;color:#fff;padding:10px 18px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.search-type-btn:hover{background-color:#162c66;transform:translateY(-1px)}.search-type-btn:active{transform:translateY(0)}.search-type-close-btn{position:absolute;top:14px;right:14px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:#f8fafc;color:#475569;font-size:20px;cursor:pointer;box-shadow:0 2px 6px #00000014;transition:all .18s ease}.search-type-close-btn:hover{background:#eef2f7;color:#111827;transform:scale(1.07)}.search-type-close-btn:active{transform:scale(.94)}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:999}.dialog-box{background:#fff;padding:40px;border-radius:10px;width:90%;max-width:700px;text-align:center}.dialog-buttons{display:flex;flex-direction:column;gap:15px;margin-top:25px}@media(min-width:768px){.dialog-buttons{flex-direction:row;justify-content:center}.dialog-buttons button{flex:1}}.btn-orange{background-color:#f57c00;border:none;padding:15px;font-size:14px;font-weight:700;cursor:pointer;color:#fff;border-radius:6px;transition:.2s ease}.btn-orange:hover{background-color:#e65100;transform:translateY(-2px)}.btn-cancel{margin-top:30px;background-color:#d32f2f;border:none;padding:12px 25px;font-size:13px;font-weight:700;color:#fff;border-radius:6px;cursor:pointer;transition:.2s ease}.btn-cancel:hover{background-color:#b71c1c}