:root{--main-accent-color: blue;--gray: lightgray;--gray-text: rgb(162, 162, 162);--main-font: Arial, Helvetica, sans-serif;--error-text: red;--error-background: pink}html,body{height:100%;margin:0;font-family:var(--main-font)}p{font-size:13px;margin-bottom:0}button{border-radius:3px;height:35px;box-shadow:none;padding:0 12px;width:auto;display:inline-block;border:1px solid black}input,select{height:30px}form{display:flex;flex-direction:column}table{width:100%;border-collapse:collapse;font-family:Arial,sans-serif}th,td{border:1px solid #ccc;padding:8px 12px;text-align:left}th{background-color:var(--main-accent-color);color:#fff}tr:nth-child(2n){background-color:#f9f9f9}tr:hover{background-color:#f1f1f1}#center-container{display:flex;align-items:center;justify-content:center;height:100%}#center-box{display:flex;flex-direction:column;justify-content:space-between;width:90%;max-height:90%;max-width:min(600px,75vw);min-height:550px;border-radius:10px;box-shadow:0 0 10px #00000080;padding-left:30px;padding-right:30px;overflow-x:hidden;overflow-y:scroll}#product-linking-form{gap:10px;max-width:60%;min-width:250px}#product-linking-form select{height:36px}#next-button,.primary-button{color:#fff;background-color:var(--main-accent-color);border:none}#login-button{color:#fff;background-color:var(--main-accent-color);border:none;margin-top:18px}#logout-button{color:#000;background-color:var(--gray)}#main-header{color:var(--main-accent-color);font-size:30px;margin-top:30px;margin-bottom:0}#button-container{display:flex;justify-content:space-between;gap:10px;margin-bottom:30px;margin-top:10px}.chinese-text{color:var(--gray-text);margin-top:0}.content-box-space-between{display:flex;justify-content:space-between;flex-direction:column;flex:1}.content-box-start{display:flex;justify-content:start;flex-direction:column;flex:1}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.remove-product-button{background:none;border:0px none none;height:20px;width:20px;font-size:8px;padding:0;display:flex;justify-content:center;align-items:center}.added-product-element{display:flex;gap:20px;align-items:center;margin:5px 0}.added-product-element p{margin:0}.input-container{display:flex;flex-direction:column;margin-top:10px}.bold{font-weight:700}.input-container .bold{font-weight:700;margin:0}.input-container .chinese{color:var(--gray-text);margin:0}.serial-number{color:var(--main-accent-color);font-weight:700}.serial-number-sales-partner{color:var(--main-accent-color);font-weight:700;margin:0}.input-error{border:1px solid var(--error-text);background-color:var(--error-background)}#login-container{display:flex;flex-direction:column;width:300px;padding:20px;border-radius:10px;box-shadow:0 0 10px #00000080}#error-text{color:var(--error-text)}#submit-message{margin:0;font-size:16px}#submit-message-chinese{font-size:16px;margin:0;color:var(--gray-text)}#center-box.hide-scrollbar{scrollbar-width:none}#center-box.hide-scrollbar::-webkit-scrollbar{display:none}#center-box.big-center-box{width:90%;min-width:350px;max-width:90%;height:90%;display:flex;justify-content:start}#sales-partner-info-text-container{margin-top:20px}#submit-serial-message-container{margin:10px 0 50px;display:flex;justify-content:space-between;align-items:center}#submit-serial-text-container{display:flex;flex-direction:column}.flex-start{display:flex;flex-direction:column;justify-content:start}.copied-text{color:var(--main-accent-color);margin:0;position:absolute;top:100%;left:0;padding:4px;font-weight:700}#copy-button{position:relative}.fade-out{opacity:1;animation:fadeOut 2s ease forwards;animation-delay:1s}@keyframes fadeOut{to{opacity:0}}.date-picker{margin-right:20px}#manufacturer-form{margin:20px 0}#main-header.login{margin:0}#add-new-customer-form{margin:0;overflow:hidden;max-height:0;opacity:0;transform:translateY(-10px);transition:max-height .3s ease,opacity .3s ease,transform .3s ease}#add-new-customer-form.open{max-height:500px;margin:10px;opacity:1;transform:translateY(0)}#add-new-customer-form label{font-size:12px;font-weight:700}#add-new-customer-form button{margin-top:13px;width:100%}#login-form{display:flex;flex-direction:column;gap:20px}#brand-name-radio-container{display:flex;flex-direction:row;gap:20px}.add-customer-div{border:1px solid black;min-height:30px;display:flex;flex-direction:column;flex:1;border-radius:3px}.add-customer-header{display:flex;min-height:36px;align-items:center;justify-content:space-between;flex:1}.add-customer-header.open{border-bottom:2px solid black}.add-customer-header p{margin:0 0 0 5px;font-weight:700}.radio-label{display:flex;justify-content:center;align-items:center}.arrow{height:15px;width:15px;margin-right:5px;transform:rotate(0);transition:transform .3s ease}.arrow.open{transform:rotate(90deg)}.info-icon{height:13px;cursor:pointer;width:13px;margin-left:5px;vertical-align:middle}.info-container{position:relative;z-index:9999;display:inline-block;overflow:visible}.info-container:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:5px 8px;border-radius:4px;font-size:10px;z-index:999;display:block;width:max-content;max-width:175px;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;opacity:0;pointer-events:none;transition:opacity .2s ease}.info-container:hover:after,.info-container:focus:after{opacity:1}.label-container{display:flex;align-items:center;margin-top:13px}.label-container p{margin:0;font-weight:700}