/* CSPLUS.ID v6.4.0 — Customer Dashboard Experience */
.cs-customer-v640{background:#fff;color:#06111f}.cs-customer-hero{padding:82px 0 58px;background:radial-gradient(circle at 88% 8%,rgba(20,184,166,.12),transparent 30%),linear-gradient(180deg,#fff 0%,#f7fbff 100%);overflow:hidden}.cs-customer-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:44px;align-items:center}.cs-customer-copy{display:grid;gap:20px}.cs-customer-panel{min-height:390px;border-radius:34px;background:radial-gradient(circle at 78% 12%,rgba(20,184,166,.22),transparent 28%),linear-gradient(145deg,#06111f,#0c2237 58%,#08786d);box-shadow:0 30px 90px rgba(7,17,31,.22);padding:30px;color:#fff;display:grid;align-content:end;overflow:hidden;position:relative}.cs-customer-panel:before{content:"";position:absolute;inset:28px;border:1px solid rgba(255,255,255,.13);border-radius:30px}.cs-customer-panel:after{content:"CUSTOMER";position:absolute;right:-20px;top:40px;transform:rotate(9deg);font-size:15px;letter-spacing:.12em;font-weight:1000;color:rgba(255,255,255,.16)}.cs-customer-panel>*{position:relative;z-index:1}.cs-customer-panel h2{color:#fff;margin:0 0 8px;font-size:42px;line-height:1;letter-spacing:-.055em}.cs-customer-panel p{color:rgba(255,255,255,.74);line-height:1.65;font-weight:700;max-width:390px}.cs-customer-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;align-items:start}.cs-customer-login{position:sticky;top:92px;display:grid;gap:14px}.cs-customer-form{display:grid;gap:12px}.cs-customer-form label{display:grid;gap:7px;font-weight:900;color:#06111f}.cs-customer-form input{width:100%;border:1px solid #dbe4f0;border-radius:16px;padding:14px 15px;font:inherit;background:#fff}.cs-customer-form button{border:0;border-radius:16px;background:#0f766e;color:#fff;font-weight:950;padding:14px 16px;cursor:pointer}.cs-customer-alert{border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:18px;padding:13px;font-weight:800;line-height:1.5}.cs-customer-main{display:grid;gap:18px}.cs-customer-profile{border:1px solid #e5edf7;border-radius:28px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.07);padding:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.cs-customer-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cs-customer-stat-grid article{border:1px solid #e5edf7;border-radius:24px;background:#fff;padding:20px;box-shadow:0 14px 38px rgba(15,23,42,.06)}.cs-customer-stat-grid b{display:block;font-size:38px;letter-spacing:-.06em;color:#06111f}.cs-customer-stat-grid span{display:block;color:#64748b;font-weight:850}.cs-customer-history{border:1px solid #e5edf7;border-radius:28px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.07);padding:18px;display:grid;gap:12px}.cs-customer-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eef2f7;padding-bottom:12px}.cs-customer-section-title h3{margin:0;font-size:22px;letter-spacing:-.04em}.cs-customer-section-title span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#f8fafc;border:1px solid #e5edf7;color:#64748b;font-size:12px;font-weight:900}.cs-customer-empty{border:1px dashed #dbe4f0;border-radius:18px;padding:16px;color:#64748b;font-weight:800}.cs-customer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #eef2f7;border-radius:22px;padding:16px;background:#fbfdff}.cs-customer-row small{display:block;color:#64748b;font-weight:900;margin-bottom:5px}.cs-customer-row h4{margin:0;color:#06111f;font-size:18px;letter-spacing:-.03em}.cs-customer-row p{margin:6px 0 0;color:#64748b;font-size:13px;font-weight:750}.cs-customer-row>div:last-child{display:grid;gap:6px;justify-items:end;text-align:right}.cs-customer-row span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;font-size:12px;font-weight:950}.cs-customer-row b{color:#06111f}.cs-customer-row a{display:inline-flex;text-decoration:none;font-weight:950;color:#0f766e}.cs-customer-placeholder{border:1px solid #e5edf7;border-radius:28px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.07);padding:28px;display:grid;gap:18px}.cs-customer-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cs-customer-preview-grid article{border:1px solid #e5edf7;border-radius:18px;background:#f8fafc;padding:16px;font-weight:950;color:#06111f}.cs-customer-v640 .cs-home-sticky-mobile{display:none}@media(max-width:980px){.cs-customer-hero-grid,.cs-customer-layout{grid-template-columns:1fr}.cs-customer-panel{min-height:280px;border-radius:28px}.cs-customer-login{position:relative;top:auto}.cs-customer-profile{display:grid}.cs-customer-stat-grid,.cs-customer-preview-grid{grid-template-columns:1fr 1fr}.cs-customer-v640 .cs-home-sticky-mobile{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border:1px solid #e5edf7;border-radius:22px;padding:8px;box-shadow:0 18px 48px rgba(15,23,42,.18)}.cs-customer-v640 .cs-home-sticky-mobile .cs-btn{min-height:44px;padding:11px 12px;font-size:13px}body.cs-customer-v640{padding-bottom:82px}}@media(max-width:560px){.cs-customer-hero{padding:42px 0 34px}.cs-customer-panel{min-height:230px;padding:24px;border-radius:26px}.cs-customer-panel:before{inset:18px;border-radius:20px}.cs-customer-panel h2{font-size:30px}.cs-customer-stat-grid,.cs-customer-preview-grid{grid-template-columns:1fr}.cs-customer-row{grid-template-columns:1fr}.cs-customer-row>div:last-child{justify-items:start;text-align:left}.cs-customer-profile,.cs-customer-placeholder{padding:20px;border-radius:24px}}