:root{--purple:#4a005a;--purple-2:#7b0c96;--yellow:#ffd400;--green:#16c65b;--ink:#28132f;--muted:#77677c;--line:#eadfee;--soft:#faf5fc;--white:#fff;--danger:#b4233c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f5eef8 0,#fff 38%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.customer-shell{min-height:100vh}.customer-header{position:sticky;top:0;z-index:50;background:linear-gradient(135deg,#3b0049,#700587);color:#fff;border-bottom:4px solid var(--yellow);box-shadow:0 10px 34px #2b003b28}.customer-header-inner{max-width:1180px;margin:auto;padding:11px 18px;display:flex;align-items:center;gap:14px}.customer-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;margin-right:auto}.customer-brand img{width:52px;height:52px;border-radius:50%;background:#fff;object-fit:contain}.customer-brand strong{display:block;font-size:17px}.customer-brand span{display:block;font-size:11px;color:#ead7f1}.customer-nav{display:flex;align-items:center;gap:6px}.customer-nav a,.customer-nav button{border:0;background:transparent;color:#fff;text-decoration:none;font:inherit;font-size:13px;font-weight:800;padding:10px 11px;border-radius:12px;cursor:pointer}.customer-nav a:hover,.customer-nav a.active,.customer-nav button:hover{background:#ffffff1a}.customer-main{max-width:1180px;margin:auto;padding:26px 18px 90px}.customer-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.customer-page-head h1{margin:4px 0 5px;font-size:clamp(25px,4vw,38px);line-height:1.05}.customer-page-head p{margin:0;color:var(--muted)}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--purple-2)}.customer-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.customer-card{grid-column:span 4;background:#fff;border:1px solid var(--line);border-radius:20px;padding:19px;box-shadow:0 12px 34px #4a005a0d}.customer-card.wide{grid-column:span 8}.customer-card.full{grid-column:1/-1}.customer-card h2,.customer-card h3{margin:0 0 8px}.customer-card p{color:var(--muted);line-height:1.5}.stat{font-size:30px;font-weight:950;color:var(--purple)}.stat small{font-size:12px;font-weight:700;color:var(--muted)}.quick-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);padding:13px 0;border-bottom:1px solid var(--line)}.quick-link:last-child{border-bottom:0}.quick-icon{width:42px;height:42px;border-radius:13px;background:var(--yellow);color:var(--purple);display:grid;place-items:center;font-weight:950}.quick-link span{margin-left:auto;color:var(--purple);font-weight:900}.customer-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:14px;padding:12px 17px;background:var(--purple);color:#fff;text-decoration:none;font-weight:900;cursor:pointer}.customer-btn.yellow{background:var(--yellow);color:var(--purple)}.customer-btn.outline{background:#fff;color:var(--purple);border:1px solid var(--line)}.customer-btn.danger{background:#fff1f3;color:var(--danger)}.customer-btn.block{width:100%}.customer-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.customer-form .full{grid-column:1/-1}.customer-field{display:block;font-size:12px;font-weight:900}.customer-field input,.customer-field select,.customer-field textarea{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit}.customer-field textarea{min-height:90px;resize:vertical}.customer-field input:focus,.customer-field select:focus,.customer-field textarea:focus{outline:3px solid #ffd40035;border-color:var(--yellow)}.customer-alert{padding:13px 15px;border-radius:13px;margin-bottom:15px;font-size:13px;font-weight:750}.customer-alert.success{background:#eafff0;color:#087b2d}.customer-alert.error{background:#fff0f2;color:#9d2035}.customer-table-wrap{overflow:auto}.customer-table{width:100%;border-collapse:collapse}.customer-table th,.customer-table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.customer-table th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.customer-status{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f3eef5;color:var(--purple);font-size:11px;font-weight:900}.customer-status.good{background:#eafff0;color:#087b2d}.wallet-hero{background:linear-gradient(135deg,var(--purple),#850ca0);color:#fff}.wallet-hero .stat{color:#fff}.wallet-hero p,.wallet-hero small{color:#ead7f1}.coupon{border:1px dashed #b996c1;background:#fff;border-radius:16px;padding:15px;position:relative}.coupon strong{display:block;color:var(--purple);font-size:20px}.coupon small{color:var(--muted)}.profile-photo{width:96px;height:96px;border-radius:28px;background:linear-gradient(135deg,#f0dcf7,#fff5b2);object-fit:cover;display:grid;place-items:center;font-size:34px;font-weight:950;color:var(--purple)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#8a149d 0,#4a005a 38%,#26002f 100%)}.auth-card{width:min(460px,100%);background:#fff;border-radius:26px;padding:28px;box-shadow:0 30px 90px #16001f70}.auth-logo{width:86px;height:86px;border-radius:50%;display:block;margin:-4px auto 14px;background:#fff;object-fit:contain}.auth-card h1{text-align:center;margin:0 0 7px}.auth-card>p{text-align:center;color:var(--muted);margin:0 0 22px}.auth-code{font-size:28px;text-align:center;letter-spacing:.32em;font-weight:950}.consent{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--muted);line-height:1.4;margin:14px 0}.consent input{margin-top:3px}.empty-state{text-align:center;padding:35px 15px;color:var(--muted)}.referral-code{font-size:25px;font-weight:950;letter-spacing:.08em;color:var(--purple);background:#fff8cf;border:1px solid #ffe367;padding:14px;border-radius:14px;text-align:center}.card-brand{display:flex;align-items:center;gap:12px}.card-brand i{width:48px;height:34px;border-radius:8px;background:linear-gradient(135deg,#4a005a,#8a149d);display:block}.order-timeline{list-style:none;margin:0;padding:0}.order-timeline li{position:relative;padding:0 0 20px 28px;color:var(--muted)}.order-timeline li:before{content:"";position:absolute;left:2px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #eafff0}.order-timeline li:after{content:"";position:absolute;left:7px;top:17px;bottom:3px;width:2px;background:#dcefe2}.order-timeline li:last-child:after{display:none}.order-timeline strong{display:block;color:var(--ink)}@media(max-width:900px){.customer-header-inner{flex-wrap:wrap}.customer-brand{margin-right:0}.customer-nav{display:flex;order:3;width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:2px 0 4px}.customer-nav::-webkit-scrollbar{display:none}.customer-nav a,.customer-nav button{white-space:nowrap;min-height:42px}.customer-nav form{display:flex}.customer-card,.customer-card.wide{grid-column:span 6}}@media(max-width:650px){.customer-main{padding:18px 12px 80px}.customer-card,.customer-card.wide{grid-column:1/-1}.customer-form{grid-template-columns:1fr}.customer-form .full{grid-column:auto}.customer-page-head{align-items:flex-start;flex-direction:column}.customer-brand span{display:none}.customer-header-inner{padding:9px 12px}.customer-brand img{width:46px;height:46px}}