*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.router-fade-enter-active,.router-fade-leave-active{transition:opacity .35s ease}.router-fade-enter-from,.router-fade-leave-to{opacity:0}.malaysia-city-picker[data-v-f91704ee]{position:relative}.malaysia-city-picker .dialog-overlay[data-v-f91704ee]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}.malaysia-city-picker .dialog-content[data-v-f91704ee]{position:fixed;bottom:0;left:0;right:0;background-color:#fff;max-height:70vh;overflow-y:auto;z-index:1000;box-shadow:0 -2px 10px #0000001a}.malaysia-city-picker .dialog-header[data-v-f91704ee]{display:flex;justify-content:space-between;align-items:center;padding:16px}.malaysia-city-picker .dialog-header h3[data-v-f91704ee]{margin:0;font-size:16px;font-weight:400;color:#555}.malaysia-city-picker .close-btn[data-v-f91704ee]{background:none;border:none;font-size:24px;cursor:pointer;padding:0 8px}.malaysia-city-picker .selection-container[data-v-f91704ee]{display:flex;height:50vh}.malaysia-city-picker .state-list[data-v-f91704ee]{width:40%;border-right:1px solid #e0e0e0;overflow-y:auto;background-color:#f7f7f7}.malaysia-city-picker .city-list[data-v-f91704ee]{width:60%;overflow-y:auto}.malaysia-city-picker .state-item[data-v-f91704ee],.malaysia-city-picker .city-item[data-v-f91704ee]{padding:12px 16px;cursor:pointer}.malaysia-city-picker .state-item[data-v-f91704ee]:hover,.malaysia-city-picker .city-item[data-v-f91704ee]:hover{background-color:#f5f5f5}.malaysia-city-picker .state-item.active[data-v-f91704ee]{background-color:#000;font-weight:500;color:#fff}.malaysia-city-picker .empty-hint[data-v-f91704ee]{padding:16px;color:#999;text-align:center}.malaysia-city-picker .slide-up-enter-active[data-v-f91704ee],.malaysia-city-picker .slide-up-leave-active[data-v-f91704ee]{transition:transform .3s ease}.malaysia-city-picker .slide-up-enter-from[data-v-f91704ee],.malaysia-city-picker .slide-up-leave-to[data-v-f91704ee]{transform:translateY(100%)}.country-code-dialog[data-v-2191d2bf]{position:relative}.dialog-overlay[data-v-2191d2bf]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}.dialog-content[data-v-2191d2bf]{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:16px;z-index:1000;box-shadow:0 -2px 10px #0000001a}.dialog-header[data-v-2191d2bf]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dialog-header h3[data-v-2191d2bf]{margin:0;font-size:16px;font-weight:400;color:#555}.close-btn[data-v-2191d2bf]{background:none;border:none;font-size:24px;cursor:pointer;padding:0 8px}.search-box[data-v-2191d2bf]{position:relative;margin-bottom:16px}.search-box input[data-v-2191d2bf]{width:100%;padding:12px 16px 12px 40px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;outline:none}.search-icon[data-v-2191d2bf]{position:absolute;left:12px;top:50%;transform:translateY(-50%)}.country-list[data-v-2191d2bf]{display:flex;flex-direction:column;max-height:70vh;overflow-y:auto}.country-item[data-v-2191d2bf]{display:flex;align-items:center;padding:6px 2px;border-radius:8px;cursor:pointer}.country-item[data-v-2191d2bf]:hover{background-color:#f5f5f5}.flag[data-v-2191d2bf]{margin-right:12px;font-size:24px}.name[data-v-2191d2bf]{flex:1;font-size:16px}.code[data-v-2191d2bf]{color:#666;font-size:14px}.slide-up-enter-active[data-v-2191d2bf],.slide-up-leave-active[data-v-2191d2bf]{transition:transform .3s ease}.slide-up-enter-from[data-v-2191d2bf],.slide-up-leave-to[data-v-2191d2bf]{transform:translateY(100%)}.invoice-form{max-width:600px;margin:0 auto;padding:2rem;font-family:Helvetica Neue,Arial,sans-serif;color:#333;background-color:#fff;box-shadow:0 0 20px #0000000d;border-radius:8px}.invoice-form .header{text-align:center;margin-bottom:1.5rem}.invoice-form .header .logo-en{max-width:70%;height:auto}.invoice-form .header h1{font-size:2rem;font-weight:600;color:#000;margin:0}.invoice-form .receipt-info{margin-bottom:1.5rem}.invoice-form .info-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:12px}.invoice-form .info-row strong{font-weight:600}.invoice-form .required-indicator{color:#e74c3c;font-size:.8em;vertical-align:super}.invoice-form .divider{border:none;border-top:1px solid #e0e0e0;margin:1rem 0}.invoice-form .section-title{font-size:14px;font-weight:600;margin:1rem 0 .75rem;color:#000}.invoice-form .form-group{margin-bottom:1.2rem;position:relative}.invoice-form .form-row{display:flex;gap:1rem}.invoice-form .form-row .form-group{flex:1}.invoice-form label{display:block;margin-bottom:.5rem;font-weight:500;color:#444;font-size:12px}.invoice-form input[type=text],.invoice-form input[type=email],.invoice-form input[type=tel],.invoice-form select{width:100%;height:40px;padding:0 .75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.invoice-form input[type=text]:focus,.invoice-form input[type=email]:focus,.invoice-form input[type=tel]:focus,.invoice-form select:focus{outline:none;border-color:#999}.invoice-form .phone-input{display:flex;align-items:center}.invoice-form .phone-input .prefix{padding:0 .75rem;height:40px;line-height:40px;background-color:#f5f5f5;border:1px solid #ddd;border-right:none;border-radius:4px 0 0 4px}.invoice-form .phone-input input{border-radius:0 4px 4px 0}.invoice-form .radio-group{display:flex;gap:1.5rem;margin-bottom:.75rem}.invoice-form .radio-option{display:flex;align-items:center;cursor:pointer}.invoice-form .radio-option input{display:none}.invoice-form .radio-custom{display:inline-block;width:16px;height:16px;border:2px solid #999;border-radius:50%;margin-right:.5rem;position:relative}.invoice-form .radio-option input:checked+.radio-custom:after{content:"";display:block;width:8px;height:8px;background-color:#000;border-radius:50%;position:absolute;top:2px;left:2px}.invoice-form .checkbox-group{display:flex;align-items:flex-start;margin:1.2rem 0}.invoice-form .checkbox-group input{margin-right:.75rem;margin-top:.25rem}.invoice-form .checkbox-group label{line-height:1.4;color:#666}.invoice-form .error-message{color:#e74c3c;font-size:.85rem;margin-top:.25rem}.invoice-form .submit-btn{width:100%;padding:.75rem 1rem;background-color:#000;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s}.invoice-form .submit-btn:hover{background-color:#333}.invoice-form .footer{text-align:center;margin-top:2rem;color:#999;font-size:.9rem}@media (max-width: 600px){.invoice-form{padding:1.5rem}.form-row{flex-direction:column;gap:0}.radio-group{gap:.5rem}}.calisto-container-order-info{padding:36px 26px 100px}.calisto-container-order-info .page-top{display:flex;justify-content:center}.calisto-container-order-info .page-top img{width:100%}.calisto-container-order-info .page-header{margin-top:40px;display:flex;gap:16px;justify-content:space-between}.calisto-container-order-info .customer-name{font-size:24px}.calisto-container-order-info .customer-title{font-size:14px}.calisto-container-order-info .thank{margin-top:10px;font-size:14px;color:#333}.calisto-container-order-info .intro{font-size:11px;color:#555}.calisto-container-order-info .order-id{margin-top:10px}.calisto-container-order-info .goods-title{color:#777;margin-top:20px;font-size:14px}.calisto-container-order-info .goods-info{margin-top:12px}.calisto-container-order-info .goods-info table{width:100%;border-collapse:collapse;border:0;text-align:center;font-size:12px}.calisto-container-order-info .goods-info table thead th{padding:12px 6px;background-color:#f3f3f3;border-bottom:1px solid #f0f0f0;font-weight:700}.calisto-container-order-info .goods-info table tbody tr td{padding:12px 6px;border-bottom:1px solid #f0f0f0;font-size:13px}.calisto-container-order-info .optometry-info .info-table{border-collapse:collapse;border:0;width:100%;margin-top:12px;font-size:12px}.calisto-container-order-info .optometry-info .info-table .info-th,.calisto-container-order-info .optometry-info .info-table .info-td{height:40px;line-height:1.5;border-bottom:1px solid #f0f0f0;padding:0 8px}.calisto-container-order-info .optometry-info .info-table .info-thead .info-th{flex-direction:column;background-color:#f0f0f0}.calisto-container-order-info .optometry-info .info-table .info-tbody .info-tr .info-td{font-weight:700;text-align:center}.calisto-container-order-info .payment-info{margin-top:10px}.calisto-container-order-info .payment-info table{width:100%;font-size:12px}.calisto-container-order-info .payment-info table tbody tr:first-child td{border-top:0}.calisto-container-order-info .payment-info table tbody tr td{border-top:1px solid #eee;padding:6px 0}.calisto-container-order-info .payment-info table tbody tr td:nth-child(2){text-align:right}.calisto-container-order-info .acknowledgement-terms{margin-top:20px;font-size:12px;color:#777}.calisto-container-order-info .thx-t{font-weight:700;font-size:12px;color:#333}.calisto-container-order-info .row-item{margin-top:18px}.calisto-container-order-info .row-item .label{color:#777;font-size:12px}.calisto-container-order-info .row-item .content{font-size:14px}.calisto-container-order-info .header-right{margin-top:50px;text-align:right}.calisto-container-order-info .header-right .store{margin-top:6px;font-size:14px}.calisto-container-order-info .header-right .com{font-size:14px}.calisto-container-order-info .header-right .address{font-size:12px;margin-top:20px}.calisto-container-order-info .footer-rows{margin-top:40px;gap:12px;display:flex;flex-direction:column}.calisto-container-order-info .footer-rows .footer-row-item{text-align:left;font-size:12px}.calisto-container-order-info .footer-rows .footer-row-item .label{color:#777}.calisto-container-order-info .footer-rows .footer-row-item .content a{color:#555}.calisto-container-order-info .submit-btn{padding:.7rem 1rem;background-color:#000;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s;position:fixed;left:26px;right:26px;bottom:36px}.calisto-container-order-info .submit-btn:hover{background-color:#333}.calisto-container-order-info .submit-btn .arrow-icon{margin-left:8px;font-size:1.2rem;transition:transform .3s}.calisto-container-order-info .submit-btn .arrow-icon:hover{transform:translate(4px)}.page-index{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#fff}.page-index .symbol{width:100px;height:auto;margin-bottom:20px}.page-index .company-name{width:200px;height:auto}.success-page[data-v-2b2515db]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.success-container[data-v-2b2515db]{background:#fff;border-radius:16px;padding:40px 30px;width:100%;max-width:400px;box-shadow:0 10px 30px #00000014;text-align:center;position:relative;overflow:hidden}.success-container[data-v-2b2515db]:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#000,#555)}.success-animation[data-v-2b2515db]{margin:0 auto 25px;width:80px;height:80px}.checkmark[data-v-2b2515db]{width:80px;height:80px}.checkmark__circle[data-v-2b2515db]{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#4caf50;fill:none;animation:stroke-2b2515db .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark__check[data-v-2b2515db]{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;stroke:#4caf50;stroke-width:3;stroke-linecap:round;animation:stroke-2b2515db .3s cubic-bezier(.65,0,.45,1) .8s forwards}.success-title[data-v-2b2515db]{font-size:24px;font-weight:700;color:#2c3e50;margin-bottom:15px}.success-message[data-v-2b2515db]{color:#7f8c8d;font-size:16px;line-height:1.5;margin-bottom:30px}.success-details[data-v-2b2515db]{background:#f8f9fa;border-radius:10px;padding:15px;margin-bottom:30px;text-align:left}.detail-item[data-v-2b2515db]{display:flex;justify-content:space-between;margin-bottom:10px}.detail-item[data-v-2b2515db]:last-child{margin-bottom:0}.detail-label[data-v-2b2515db]{font-weight:600;color:#34495e;white-space:nowrap}.detail-value[data-v-2b2515db]{color:#7f8c8d;text-align:right}.action-button[data-v-2b2515db]{background:linear-gradient(90deg,#000,#555);color:#fff;border:none;padding:15px 30px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;width:100%;margin-bottom:20px;box-shadow:0 4px 15px #00f2fe4d;transition:transform .2s,box-shadow .2s}.action-button[data-v-2b2515db]:active{transform:translateY(2px);box-shadow:0 2px 5px #00f2fe4d}.support-message[data-v-2b2515db]{color:#95a5a6;font-size:14px}.support-message a[data-v-2b2515db]{color:#3498db;text-decoration:none;font-weight:600}@keyframes stroke-2b2515db{to{stroke-dashoffset:0}}@keyframes scale-2b2515db{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}