@charset "UTF-8";body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#f3f3f3}.kp-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#fff;padding:20px 48px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0000001a}.main-container{position:fixed;margin:40px auto;max-width:90%;width:auto;height:auto;background:#fff;border-radius:16px;padding:30px 40px;box-shadow:0 8px 24px #0000001a}.tabel-container{max-width:1600px}.kp-logo{font-size:36px;font-weight:700;color:#0ef;text-decoration:none}.kp-nav{display:flex;gap:20px;align-items:center}.kp-nav__link{font-size:18px;color:#111;text-decoration:none;padding-bottom:5px;transition:border-bottom .3s ease}.kp-nav__link:hover{color:#1d4ed8}.kp-nav__link.active{border-bottom:2px solid #1d4ed8;color:#007bff}.kp-brand{display:inline-flex;align-items:center;text-decoration:none;max-width:200px}.kp-brand__img{display:block;height:40px;width:auto;max-width:100%}@media(max-width:768px){.kp-header{flex-direction:column;align-items:flex-start}.kp-nav{flex-direction:column;gap:10px}.kp-brand__img{height:34px}}.table{width:100%;border-radius:8px;margin-top:20px;text-align:center;border:1px solid #ddd;box-shadow:0 2px 5px #0000001a}.table th,.table td{padding:12px;text-align:center;white-space:nowrap}.badge{font-size:12px;padding:5px 10px;border-radius:8px}.badge.bg-primary{background-color:#1d4ed8;color:#fff}.badge.bg-secondary{background-color:#6c757d;color:#fff}.kp-logout{padding:12px 20px;background-color:#22aeff;color:#fff;font-size:16px;font-weight:700;border:none;border-radius:50px;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:background-color .3s,transform .3s;box-shadow:0 4px 6px #0000001a}.kp-logout i{font-size:18px}.kp-header-balance{color:#007bff}.kp-logout:hover{background-color:#e43d3d;transform:scale(1.05)}.kp-logout:focus{outline:none}.btn-sm{background-color:#1d4ed8;color:#fff;font-size:12px;padding:5px 10px;border-radius:8px;transition:background-color .2s,transform .3s ease}.btn-sm:hover{background-color:#2d5ce3;transform:scale(1.05)}.btn-sm:active{background-color:#1d4ed8;transform:scale(1)}.kp-btn,.kp-form button:not(.btn):not(.btn-close){background-color:#1d4ed8;color:#fff;font-size:12px;padding:5px 10px;border-radius:8px;transition:background-color .2s,transform .3s ease}.kp-btn:hover,.kp-form button:hover:not(.btn):not(.btn-close){background-color:#2d5ce3;transform:scale(1.05)}.kp-btn:active,.kp-form button:active:not(.btn):not(.btn-close){background-color:#1d4ed8;transform:scale(1)}.kp-form input:focus,.kp-form select:focus,.kp-form textarea:focus,input:focus,button:focus,select:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 3px #0d6efd4d}.modal-content{border-radius:10px;animation:fadeIn .3s ease-in-out;background-color:#fff}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.kp-nav{flex-direction:column;gap:16px}}.mockup-thumb{width:70px;height:70px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.mockup-thumb img{max-width:100%;max-height:100%;object-fit:contain;display:block}.kp-color-swatch,.color-box{width:32px;height:32px;border-radius:8px;border:1px solid #cbd5e1;cursor:pointer;position:relative}.kp-color-swatch.is-active,.color-box.is-active{outline:2px solid #1d4ed8;outline-offset:2px}.kp-color-swatch.is-disabled,.color-box.is-disabled{opacity:.35;cursor:not-allowed}.kp-size-btn{border:1px solid #cbd5e1;border-radius:10px;padding:8px 12px;background:#fff;cursor:pointer}.kp-size-btn.is-active{border-color:#1d4ed8;box-shadow:0 0 0 2px #1d4ed826}.kp-size-btn.is-disabled{opacity:.35;cursor:not-allowed}.preview-box{width:110px;flex:0 0 110px;border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff}.preview-box img{width:100%;height:100%;object-fit:contain;display:block}.preview-1x1{aspect-ratio:1/1;min-height:110px}.preview-3x4{aspect-ratio:3/4;min-height:147px}#cartModal .modal-dialog,#cartModal .modal-content{pointer-events:auto!important}.kp-size-btn.is-selected{border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd40;background:#fff}.pagination{display:flex;justify-content:center;align-items:center;margin-top:20px}.pagination a{text-decoration:none;padding:10px 15px;margin:0 5px;border:1px solid #ccc;border-radius:5px;background-color:#f8f9fa;color:#333;transition:background-color .3s}.pagination a:hover{background-color:#007bff;color:#fff}.pagination .active{background-color:#007bff;color:#fff;border:1px solid #007bff;border-radius:5px;padding:10px 15px}.pagination .disabled{color:#6c757d;pointer-events:none;border-radius:5px;padding:10px 15px;border:1px solid #ccc;margin:0 5px}.form-check-inline{display:inline-block;margin-right:10px}.form-check-input{width:auto;margin-right:5px}.form-check-label{display:inline-block;padding:5px;border:1px solid #ddd;border-radius:5px;cursor:pointer}.form-check-label:hover{background-color:#f0f0f0}.form-check-inline{margin-right:15px}.form-check-label{margin-left:5px}#topUpPopup{width:300px;height:320px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;box-shadow:0 4px 8px #0003;z-index:9999;display:none}.container mt-4{width:110%}.forgot-row{text-align:right;margin:4px 0 14px}.badge-canceled{background:#dc3545!important}.badge-onhold{background:#6c757d!important}