:root{--ks-blue: #2563EB;--ks-blue-dark: #1E40AF;--ks-blue-light: #3B82F6;--ks-blue-pale: #DBEAFE;--ks-blue-xpale: #EFF6FF;--ks-cyan: #06B6D4;--ks-bg: #F0F7FF;--ks-card: #FFFFFF;--ks-border: #E2EEFF;--ks-text: #0F172A;--ks-text-soft: #334155;--ks-text-muted: #64748B;--ks-text-light: #94A3B8;--ks-danger: #DC2626;--ks-danger-pale: #FEE2E2;--ks-success: #16A34A;--ks-success-pale:#DCFCE7;--ks-shadow-sm: 0 2px 8px rgba(37, 99, 235, .08);--ks-shadow: 0 6px 20px rgba(37, 99, 235, .1);--ks-shadow-lg: 0 14px 40px rgba(37, 99, 235, .14);--ks-radius: 16px;--ks-radius-sm: 10px}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ks-text);-webkit-font-smoothing:antialiased}.ps-auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1200px 600px at 100% 0%,var(--ks-blue-xpale),transparent 60%),linear-gradient(135deg,#E8F1FF 0%,var(--ks-bg) 55%,#FFFFFF 100%)}.ps-card{width:100%;max-width:420px;background:var(--ks-card);border:1px solid var(--ks-border);border-radius:var(--ks-radius);box-shadow:var(--ks-shadow-lg);padding:32px 28px}.ps-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.ps-brand-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px;background:linear-gradient(135deg,var(--ks-blue-dark) 0%,var(--ks-blue) 55%,var(--ks-blue-light) 100%);box-shadow:var(--ks-shadow-sm)}.ps-brand-name{font-size:18px;font-weight:800;letter-spacing:-.02em}.ps-brand-name span{color:var(--ks-blue)}.ps-title{font-size:22px;font-weight:800;margin:0 0 4px;letter-spacing:-.02em}.ps-subtitle{font-size:14px;color:var(--ks-text-muted);margin:0 0 22px}.ps-field{margin-bottom:16px}.ps-label{display:block;font-size:13px;font-weight:600;color:var(--ks-text-soft);margin-bottom:6px}.ps-input{width:100%;height:46px;padding:0 14px;font-size:15px;color:var(--ks-text);background:#fff;border:1.5px solid var(--ks-border);border-radius:var(--ks-radius-sm);outline:none;transition:border-color .15s,box-shadow .15s}.ps-input::placeholder{color:var(--ks-text-light)}.ps-input:focus{border-color:var(--ks-blue-light);box-shadow:0 0 0 4px var(--ks-blue-xpale)}.ps-input.ps-otp{text-align:center;letter-spacing:10px;font-size:24px;font-weight:700}.ps-btn{width:100%;height:48px;border:none;border-radius:var(--ks-radius-sm);font-size:15px;font-weight:700;cursor:pointer;transition:transform .05s,box-shadow .15s,opacity .15s}.ps-btn-primary{color:#fff;background:linear-gradient(135deg,var(--ks-blue) 0%,var(--ks-blue-light) 100%);box-shadow:var(--ks-shadow)}.ps-btn-primary:hover:not(:disabled){box-shadow:var(--ks-shadow-lg)}.ps-btn-primary:active:not(:disabled){transform:translateY(1px)}.ps-btn:disabled{opacity:.6;cursor:not-allowed}.ps-btn-link{background:none;border:none;color:var(--ks-blue);font-weight:700;font-size:14px;cursor:pointer;padding:0}.ps-btn-link:disabled{color:var(--ks-text-light);cursor:not-allowed}.ps-alert{border-radius:var(--ks-radius-sm);padding:11px 14px;font-size:13.5px;margin-bottom:16px;line-height:1.4}.ps-alert-error{background:var(--ks-danger-pale);color:var(--ks-danger)}.ps-alert-success{background:var(--ks-success-pale);color:var(--ks-success)}.ps-foot{margin-top:20px;text-align:center;font-size:14px;color:var(--ks-text-muted)}.ps-foot a{color:var(--ks-blue);font-weight:700;text-decoration:none}.ps-foot a:hover{text-decoration:underline}.ps-muted{color:var(--ks-text-muted);font-size:13px}.ps-strong{color:var(--ks-text);font-weight:700}.ps-shell{min-height:100vh;background:var(--ks-bg)}.ps-topbar{height:62px;background:#fff;border-bottom:1px solid var(--ks-border);display:flex;align-items:center;justify-content:space-between;padding:0 22px;box-shadow:var(--ks-shadow-sm)}.ps-content{padding:40px 22px;max-width:1080px;margin:0 auto}.ps-spin{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:ps-spin .6s linear infinite;vertical-align:-2px}@keyframes ps-spin{to{transform:rotate(360deg)}}.ps-store{min-height:100vh;background:var(--ks-bg)}.ps-nav{position:sticky;top:0;z-index:30;height:62px;background:#fff;border-bottom:1px solid var(--ks-border);display:flex;align-items:center;gap:18px;padding:0 20px;box-shadow:var(--ks-shadow-sm)}.ps-nav .spacer{flex:1}.ps-nav a{color:var(--ks-text-soft);font-weight:600;font-size:14px;text-decoration:none}.ps-nav a.active,.ps-nav a:hover{color:var(--ks-blue)}.ps-cart-btn{position:relative;font-size:20px}.ps-badge{position:absolute;top:-8px;right:-12px;background:var(--ks-blue);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 5px}.ps-page{max-width:1080px;margin:0 auto;padding:26px 20px 64px}.ps-page-title{font-size:22px;font-weight:800;margin:0 0 18px;letter-spacing:-.02em}.ps-back{background:none;border:none;color:var(--ks-blue);font-weight:700;font-size:14px;cursor:pointer;padding:0;margin-bottom:14px}.ps-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.ps-search{flex:1;min-width:200px}.ps-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.ps-chip{border:1.5px solid var(--ks-border);background:#fff;color:var(--ks-text-soft);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer}.ps-chip.active{background:var(--ks-blue);color:#fff;border-color:var(--ks-blue)}.ps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.ps-prod{background:#fff;border:1px solid var(--ks-border);border-radius:var(--ks-radius);overflow:hidden;box-shadow:var(--ks-shadow-sm);display:flex;flex-direction:column;transition:box-shadow .15s;cursor:pointer}.ps-prod:hover{box-shadow:var(--ks-shadow)}.ps-prod-foto{aspect-ratio:1/1;background:var(--ks-blue-xpale);display:grid;place-items:center;overflow:hidden}.ps-prod-foto img{width:100%;height:100%;object-fit:cover}.ps-prod-foto .ph{color:var(--ks-blue-pale);font-size:40px}.ps-prod-body{padding:12px 12px 14px;display:flex;flex-direction:column;gap:5px;flex:1}.ps-prod-cat{font-size:11px;color:var(--ks-text-muted)}.ps-prod-name{font-size:14px;font-weight:600;color:var(--ks-text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ps-prod-price{font-size:15px;font-weight:800;color:var(--ks-blue);margin-top:auto}.ps-btn-sm{height:40px;font-size:14px;padding:0 18px}.ps-btn-auto{width:auto}.ps-btn-outline{background:#fff;color:var(--ks-blue);border:1.5px solid var(--ks-blue-pale)}.ps-btn-outline:hover:not(:disabled){border-color:var(--ks-blue);box-shadow:none}.ps-btn-ghost-danger{background:none;border:none;color:var(--ks-danger);font-weight:700;cursor:pointer;font-size:13px}.ps-detail{display:grid;grid-template-columns:360px 1fr;gap:26px;align-items:start}@media(max-width:760px){.ps-detail{grid-template-columns:1fr}}.ps-detail-foto{aspect-ratio:1/1;background:var(--ks-blue-xpale);border-radius:var(--ks-radius);display:grid;place-items:center;overflow:hidden;border:1px solid var(--ks-border)}.ps-detail-foto img{width:100%;height:100%;object-fit:cover}.ps-detail-foto .ph{font-size:60px;color:var(--ks-blue-pale)}.ps-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.ps-thumb{width:60px;height:60px;padding:0;border:2px solid var(--ks-border);border-radius:10px;overflow:hidden;background:var(--ks-blue-xpale);cursor:pointer}.ps-thumb.active{border-color:var(--ks-blue)}.ps-thumb img{width:100%;height:100%;object-fit:cover}.ps-cart-item{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--ks-border);border-radius:var(--ks-radius-sm);padding:12px;margin-bottom:10px}.ps-cart-foto{width:64px;height:64px;border-radius:10px;background:var(--ks-blue-xpale);object-fit:cover;flex-shrink:0}.ps-cart-foto-ph{width:64px;height:64px;border-radius:10px;background:var(--ks-blue-xpale);display:grid;place-items:center;font-size:26px;color:var(--ks-blue-pale);flex-shrink:0}.ps-cart-info{flex:1;min-width:0}.ps-cart-name{font-weight:600;font-size:14px}.ps-cart-sub{color:var(--ks-text-muted);font-size:12px}.ps-qty{display:inline-flex;align-items:center;border:1.5px solid var(--ks-border);border-radius:8px;overflow:hidden}.ps-qty button{width:32px;height:34px;border:none;background:#fff;color:var(--ks-blue);font-size:16px;font-weight:700;cursor:pointer}.ps-qty button:disabled{color:var(--ks-text-light);cursor:not-allowed}.ps-qty span{min-width:38px;text-align:center;font-weight:700;font-size:14px}.ps-summary{background:#fff;border:1px solid var(--ks-border);border-radius:var(--ks-radius);padding:18px;box-shadow:var(--ks-shadow-sm)}.ps-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;color:var(--ks-text-soft)}.ps-row.total{border-top:1px dashed var(--ks-border);margin-top:8px;padding-top:12px;font-size:17px;font-weight:800;color:var(--ks-text)}.ps-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.ps-status.wait{background:#fef3c7;color:#b45309}.ps-status.paid{background:var(--ks-success-pale);color:var(--ks-success)}.ps-status.cancel{background:var(--ks-danger-pale);color:var(--ks-danger)}.ps-status.done{background:var(--ks-blue-pale);color:var(--ks-blue-dark)}.ps-empty{text-align:center;padding:60px 20px;color:var(--ks-text-muted)}.ps-empty .ic{font-size:46px;margin-bottom:10px}.ps-order-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--ks-border);border-radius:var(--ks-radius-sm);padding:14px 16px;margin-bottom:10px;cursor:pointer}.ps-order-card:hover{box-shadow:var(--ks-shadow-sm)}.ps-two{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}@media(max-width:820px){.ps-two{grid-template-columns:1fr}}.ps-select{width:100%;height:46px;padding:0 12px;font-size:15px;border:1.5px solid var(--ks-border);border-radius:var(--ks-radius-sm);background:#fff;color:var(--ks-text)}.ps-textarea{width:100%;min-height:84px;padding:12px 14px;font-size:15px;font-family:inherit;border:1.5px solid var(--ks-border);border-radius:var(--ks-radius-sm);resize:vertical}.ps-note{background:var(--ks-blue-xpale);border:1px solid var(--ks-border);border-radius:var(--ks-radius-sm);padding:14px;font-size:13.5px;color:var(--ks-text-soft);line-height:1.5}.ps-bukti-img{max-width:260px;width:100%;border-radius:var(--ks-radius-sm);border:1px solid var(--ks-border);margin-top:8px}.ps-banklist{display:flex;flex-direction:column;gap:8px;margin-top:6px}.ps-bankopt{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1.5px solid var(--ks-border);border-radius:var(--ks-radius-sm);cursor:pointer;font-size:14px}.ps-bankopt.sel{border-color:var(--ks-blue);background:var(--ks-blue-xpale)}.ps-bankopt input{margin-top:3px}.ps-steps{display:flex;gap:6px;margin-top:12px}.ps-step{flex:1;text-align:center;position:relative}.ps-step-dot{width:30px;height:30px;border-radius:50%;margin:0 auto 6px;display:grid;place-items:center;font-size:13px;font-weight:800;background:#e5eaf2;color:var(--ks-text-light);border:2px solid #E5EAF2}.ps-step-label{font-size:12px;color:var(--ks-text-muted);font-weight:600}.ps-step.done .ps-step-dot{background:var(--ks-blue);color:#fff;border-color:var(--ks-blue)}.ps-step.done .ps-step-label{color:var(--ks-blue-dark)}.ps-step.active .ps-step-dot{box-shadow:0 0 0 4px var(--ks-blue-xpale)}.ps-step:before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:2px;background:#e5eaf2;z-index:-1}.ps-step:first-child:before{display:none}.ps-step.done:before{background:var(--ks-blue)}