:root{--menu-bg:#345;--btn-menu-bg:#345;--btn-menu-text:whitesmoke;--menu-boarder:whitesmoke;--menu-active-bg:#6001d21a;--menu-active-border:#60C;--text-header:whitesmoke;--bg-header:linear-gradient(135deg,var(--btn-bg),var(--menu-bg));--badge:yellowgreen;--success-main:#2A4;--accent-main:#933;--warning-main:#F33;--tbl-radius:10px;--prtSize:4.0 6.0;--prt-lbl-boarder:1px}:root[data-theme="light"]{--bg-body:#EFF;--text-main:#222;--border:#DDE;--hover:#EEE;--shadow:#00000019;--tile-body:#DDD;--tbl-alt-bg:#EEE;--tbl-border:#999;--btn-text:whitesmoke;--btn-bg:#9BE;--btn-active-bg:#67A;--input-bg:#EFF;--input-text:#222}:root[data-theme="dark"]{--bg-body:#223;--text-main:#AAA;--text-light:#888;--border:#333;--hover:#333;--shadow:#0000007F;--tile-body:#223;--tbl-alt-bg:#579;--tbl-border:#CCC;--btn-text:whitesmoke;--btn-bg:#345;--btn-active-bg:#67A;--input-bg:#345;--input-text:whitesmoke}*{margin:0;padding:0;box-sizing:border-box;transition:background .2s,color .2s}@font-face{font-family:"IDAutomationHC39M";src:url("../fonts/IDAutomationHC39M_FREE.otf");font-style:normal;font-weight:normal}body{width:100%;height:100%;font-family:"Segoe UI",Roboto,Helvetica,sans-serif;color:var(--text-main);background-color:var(--bg-body)}button{width:150px;font-size:1rem;font-weight:bold;padding:10px;border-radius:10px;border:1px solid #444;cursor:pointer}table{margin:25px;color:var(--text-main);border:1px solid var(--tbl-border);border-collapse:separate;border-spacing:0;border-radius:var(--tbl-radius);overflow:hidden;width:97%}td,th{border-top:1px solid var(--tbl-border);border-bottom:1px solid var(--tbl-border);border-left:none;border-right:none;text-align:left;padding:6px 12px}tr:nth-child(even){background-color:var(--tbl-alt-bg)}#productTable td:last-child,#productTable th:last-child{text-align:right}#userTable td:last-child,#userTable th:last-child{text-align:right}table th:first-child{border-top-left-radius:var(--tbl-radius)}table th:last-child{border-top-right-radius:var(--tbl-radius)}table tr:last-child td:first-child{border-bottom-left-radius:var(--tbl-radius)}table tr:last-child td:last-child{border-bottom-right-radius:var(--tbl-radius)}.header{padding:12px 40px;background:var(--bg-header);color:var(--text-header);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);box-shadow:0 2px 4px var(--shadow)}.header .left-group{display:flex;column-gap:50px;align-items:center}.left-group .img-fluid{height:60px}.header h1{font-size:1.7rem;color:whitesmoke}.header button{color:whitesmoke}.user-menu-container{position:relative;padding-bottom:15px;margin-bottom:-15px}.user-profile-trigger{display:flex;align-items:center;gap:10px;cursor:pointer;padding:5px 12px;border-radius:20px}.user-profile-trigger:hover{background-color:var(--hover)}.avatar{width:32px;height:32px;border-radius:50%;background-color:#60C;color:white;display:flex;align-items:center;justify-content:center;font-size:12px}.submenu{position:absolute;top:100%;right:0;width:280px;background-color:var(--menu-bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px var(--shadow);list-style:none;padding:8px 0;display:none;z-index:1000}.user-menu-container:hover .submenu{display:block}.submenu li{padding:10px 20px;font-size:14px;cursor:pointer}.submenu li:hover{background-color:var(--hover);color:#60C}.divider{height:1px;background-color:var(--border);margin:8px 0;padding:0!important}.theme-selector{padding:8px 20px;font-size:11px;font-weight:bold;color:#888;text-transform:uppercase}.theme-options{display:flex;column-gap:5px;justify-content:space-around;padding:5px 10px}.theme-btn{background:var(--btn-menu-bg);border:1px solid var(--menu-boarder);color:var(--btn-menu-text);padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer}.theme-btn.active{border-color:var(--menu-active-border);background:var(--menu-active-bg)}.disabled-li{display:flex;align-items:center;gap:10px;padding:8px 16px;pointer-events:none;opacity:.6;cursor:not-allowed}.content{max-width:1200px;background-color:var(--bg-body);padding-top:20px;padding-left:80px;padding-bottom:40px}.tilte{padding:10px}.title h4{color:var(--text-main);padding:20px 0}.subtitle{padding:0 20px 20px 20px}.descriprion{padding:10px 20px;color:var(--text-light);border:2px solid var(--border);border-radius:10px}.tab-content{padding:20px;display:flex;column-gap:10px}.tab-button{background-color:var(--btn-bg);color:var(--btn-text);border:1px solid var(--border);border-radius:5px;padding:10px 20px;cursor:pointer;font-size:.8rem;width:150px}.tab-button:hover{background-color:var(--btn-active-bg)}.tab-active{background-color:var(--btn-active-bg)}.label-content{display:flex;column-gap:20px}.label-controls{min-width:560px;background-color:var(--tile-body);border-radius:15px;border:2px solid var(--border);padding:20px 10px}.content-header{padding-left:35px}.content-header h5{font-size:.9rem;font-weight:600;color:var(--text-light);padding:10px}.label-controls .button{margin-left:auto;padding:5px}.form-input-wrapper{padding:10px 0}.form-input{font-size:1rem;font-weight:bold;padding:10px 10px;display:flex;flex-wrap:wrap;column-gap:20px;align-items:center}.form-input label{width:150px;font-size:1rem;text-align:end;line-height:1.5;color:var(--text-main)}.form-input input{font-size:.9rem;height:35px;padding:10px;background-color:var(--input-bg);border-radius:6px;border:1px solid var(--border)}.desabled-input{font-size:.9rem;font-weight:normal;height:35px;width:340px;padding:5px 10px;color:var(--btn-menu-text);background-color:var(--input-bg);border-radius:6px;border:1px solid var(--border)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--form-txt)!important;transition:background-color 5000s ease-in-out 0s}.form-input .form-checkbox{font-size:.7rem;font-weight:bold;text-align:start;color:var(--accent-main);width:120px}.form-input .form-checkbox .red-box{width:20px;height:20px;background-color:var(--input-bg);border:2px solid #ccc;cursor:pointer}.form-input .form-checkbox .red-box:checked{width:25px;height:25px;accent-color:var(--accent-main);filter:brightness(1.2)}.form-input .button{background-color:var(--btn-bg);color:var(--btn-text);font-size:.8rem;width:180px;cursor:pointer}.form-input .button:hover{background-color:var(--btn-active-bg)}.form-input .clear{clear:both}#dropdown{position:absolute;width:250px;max-height:450px;background:var(--bg-body);border:1px solid var(--border);border-radius:5px;overflow-y:auto;display:none;z-index:1}.dropdown-item{padding:8px;cursor:pointer}.dropdown-item:hover{background-color:#eee}.clear{clear:both}.label-preview{min-width:460px}.label-preview h4{font-size:.9rem;font-weight:800;color:var(--text-light);padding:10px}.ticker-hr{width:98%;grid-column:span 2;border:none;border-top:2px solid black;height:2px}.grid-col-span-2{grid-column:span 2}.grid-row-span-3{grid-row:span 3}.grid-label-4x6{background-color:white;color:black;width:100%;height:auto;margin:0;padding:10px;border-radius:10px;border:1px solid black;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;justify-content:center;justify-items:center;align-items:center}.item{font-size:1.2rem;font-weight:bold;padding:.25rem}.height-fix{height:87px}.left-justified{justify-self:start;padding-left:20px}.right-justified{justify-self:end;text-align:start;font-size:1rem}.reverced{background-color:black;color:white;font-size:1.5rem;justify-self:stretch;text-align:center}.qty-value{color:black;font-size:3rem;justify-self:stretch;text-align:center;border-radius:5px;border:1px solid black}.label{align-self:self-end}.barcode{font-family:'IDAutomationHC39M',sans-serif;font-size:1.3em;font-weight:normal;text-align:center}#product-name{font-size:1.6em}.product-content{padding:20px;background-color:var(--tile-body);border:2px solid var(--border);border-radius:10px;margin-top:20px}.user-content{padding:20px;background-color:var(--tile-body);border:2px solid var(--border);border-radius:10px;margin-top:20px}.btn-action{padding:7px 9px;width:auto;border:1px solid var(--border);border-radius:5px;background-color:var(--bg-body);cursor:pointer;color:var(--btn-text)}.warning{background-color:var(--warning-main);color:var(--btn-text)}.footer{background:var(--bg-header);color:var(--text-header);padding:10px;text-align:center;border-top:1px solid #444;padding-top:10px;bottom:0;width:100%}.footer a{color:var(--text-header);text-decoration:none;font-size:smaller}.hidden{display:none}.edit-btn{background-color:var(--btn-bg)}.taggle-btn{background-color:var(--btn-active-bg)}.taggle-btn.toggled{color:var(--btn-bg)}.modal-overlay{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000099;z-index:1000;justify-content:center;align-items:center}.modal-content{background-color:var(--btn-bg);color:var(--text-light);padding:20px;border-radius:8px;width:90%;max-width:600px;box-shadow:0 4px 6px #00000019;animation:modal-fade-in .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:15px}.modal-title{font-size:1.25rem}.modal-body{padding:10px 0}.modal-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;line-height:1;color:var(--text-light);width:30px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn{padding:8px 16px;border:1px solid transparent;border-radius:4px;cursor:pointer}.btn-secondary{background-color:#EEE;color:#333}.btn-danger{background-color:#D34;color:white}.modal-body .form-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.modal-body .form-row label{width:140px;flex:0 0 140px;text-align:right;font-weight:600;color:#888}.modal-body .form-row input[type="text"],.modal-body .form-row input[type="number"],.modal-body .form-row input[type="date"],.modal-body .form-row .field-wrap{flex:1;min-width:0;box-sizing:border-box}.modal-body .form-row input{width:100%;padding:5px 12px;border-radius:8px;border:1px solid #203C5A14;background:linear-gradient(180deg,rgba(250,253,255,1),rgba(243,248,255,1));color:#123;font-size:14px;box-shadow:inset 0 1px 0 #FFFFFF99;transition:box-shadow .15s ease,border-color .15s ease,transform .06s ease}.modal-body .form-row input:focus{outline:none;border-color:#4285F459;box-shadow:0 0 0 4px rgba(66,133,244,.08),inset 0 1px 0 rgba(255,255,255,.6)}.hidden{display:none}#logout-btn{background-color:var(--accent-main);color:whitesmoke}.pro-feature-btn{display:inline-flex;align-items:center;background:#333;color:#FFF;padding:10px 24px;border:none;border-radius:50px;font-family:'Segoe UI',Roboto,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00000033;position:relative;overflow:visible}.pro-feature-btn:hover{background:#18D;transform:translateY(-2px);box-shadow:0 6px 20px #0984E366}.btn-icon{margin-right:10px;font-size:1.2rem}.pro-badge{position:absolute;top:-10px;right:-10px;background:linear-gradient(45deg,#f1c40f,#f39c12);color:#000;font-size:.7rem;padding:2px 8px;border-radius:10px;border:2px solid #fff;box-shadow:0 2px 5px #00000033}.pro-feature-btn:active{transform:translateY(0)}.previous,.next,.previous-btn,.next-btn{width:50px;text-decoration:none;display:inline-block;font-weight:lighter;padding:5px 10px;color:var(--btn-text);background-color:var(--btn-bg);cursor:pointer;border:1px solid var(--border);border-radius:5px}.previous:hover,.next:hover,.previous-btn:hover,.next-btn:hover{background-color:var(--btn-active-bg)}.next,.next-btn{}.previous-btn i{margin-right:5px}.next-btn i{margin-left:5px}@media (max-width:480px){.modal-body .form-row{flex-direction:column;align-items:flex-start}.modal-body .form-row label{width:auto;text-align:left;margin-bottom:6px}}@media print{.header,.content .title,.content .subtitle,.footer,.descriprion,.tab-content,.label-controls,.label-preview h4{display:none}body{background-image:none;background-color:white}.content,.label,.label-preview,#printableLabel{padding:2px;background-color:white;border-width:var(--prt-lbl-boarder);width:100%;height:auto}.content,.label,.label-preview,#printableLabel *{display:grid}.left-justified{padding-left:20px}@container (style(--prtSize:letter)){.content,.label,.label-preview,#printableLabel{padding:10px}.left-justified{font-size:1.6em;padding-left:20px}.barcode{font-size:2em}#product-name{font-size:2em}#company{font-size:1.8em}.right-justified{font-size:1.3em}.qty-value{font-size:4em}}@page{margin:.05in!important;size:auto,portrait}}