.admin-membership-screen{background:var(--color-bg-base);color:var(--color-text-primary);height:var(--figma-size-900);min-width:var(--figma-size-1440);width:var(--figma-size-1440);display:flex;overflow:hidden}.admin-screen-sidebar{background:var(--screen-color-surface);border-right:var(--figma-size-1) solid var(--screen-color-border);flex:0 0 var(--figma-size-260);height:var(--figma-size-900);width:var(--figma-size-260);flex-direction:column;display:flex;overflow:hidden}.admin-screen-sidebar__brand{align-items:center;gap:var(--figma-size-10);padding:var(--figma-size-16);display:flex}.admin-screen-sidebar__logo{flex:0 0 var(--figma-size-76_667);height:var(--figma-size-30);width:var(--figma-size-76_667);display:block}.admin-screen-sidebar__logo img,.admin-screen-sidebar__item img,.admin-screen-search img,.admin-screen-save img,.admin-screen-bell img,.membership-tier-card__icon img{object-fit:contain;width:100%;height:100%;display:block}.admin-screen-sidebar__brand>strong{background:var(--screen-color-active-bg);border-radius:var(--figma-size-6);color:var(--screen-color-active-text);font-size:var(--screen-type-micro-bold-size);font-weight:var(--screen-type-micro-bold-weight);line-height:var(--screen-type-micro-bold-line);padding:var(--figma-size-4) var(--figma-size-8)}.admin-screen-sidebar__nav{gap:var(--figma-size-3);padding:var(--figma-size-6) var(--figma-size-14) 0;flex-direction:column;display:flex}.admin-screen-sidebar__item{border-radius:var(--figma-size-9);color:inherit;cursor:pointer;flex:0 0 var(--figma-size-38);align-items:center;gap:var(--figma-size-11);height:var(--figma-size-38);padding:var(--figma-size-9) var(--figma-size-11);width:var(--figma-size-232);text-decoration:none;display:flex}.admin-screen-sidebar__item>span{flex:0 0 var(--figma-size-20);height:var(--figma-size-20);width:var(--figma-size-20);display:block}.admin-screen-sidebar__item>b{color:var(--screen-color-admin-item-text);font-size:var(--screen-type-nav-item-size);font-weight:var(--screen-type-nav-item-weight);line-height:var(--screen-type-nav-item-line);white-space:nowrap}.admin-screen-sidebar__item.is-context>b{color:var(--screen-color-primary-text);font-weight:var(--screen-type-nav-item-active-admin-weight)}.admin-screen-sidebar__item.is-active{background:var(--screen-color-membership-active-bg)}.admin-screen-sidebar__item.is-active>b{color:var(--screen-color-membership-active-text)}.admin-screen-sidebar__spacer{flex:auto}.admin-screen-sidebar__owner{border-top:var(--figma-size-1) solid var(--screen-color-border);flex:none;position:relative}.admin-screen-sidebar__owner-button{cursor:pointer;align-items:center;gap:var(--figma-size-10);padding:var(--figma-size-16);text-align:left;background:0 0;border:0;width:100%;display:flex}.admin-screen-sidebar__owner-button:hover{background:var(--screen-color-page-bg)}.admin-owner-menu{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--figma-size-12);bottom:calc(100% - var(--figma-size-4));box-shadow:0 var(--figma-size-12) var(--figma-size-24) #0000001f;left:var(--figma-size-12);padding:var(--figma-size-6);right:var(--figma-size-12);z-index:5;flex-direction:column;display:flex;position:absolute}.etalase-pil{text-decoration:none}.pesanan-belum-ada{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--figma-size-16);align-items:flex-start;gap:var(--figma-size-10);padding:var(--figma-size-32);flex-direction:column;display:flex}.pesanan-belum-ada strong{font-size:var(--figma-size-16);font-weight:700}.pesanan-belum-ada p{color:var(--screen-color-secondary-text);font-size:var(--figma-size-14);max-width:var(--figma-size-440);line-height:1.6}.pesanan-belum-ada a{background:var(--screen-color-avatar-start);border-radius:var(--radius-pill);color:var(--screen-color-surface);font-size:var(--figma-size-14);padding:var(--figma-size-10) var(--figma-size-18);font-weight:700;text-decoration:none}.admin-owner-menu a,.admin-owner-menu button{border-radius:var(--figma-size-8);color:var(--screen-color-primary-text);cursor:pointer;font-family:inherit;font-size:var(--screen-type-admin-name-size);font-weight:var(--screen-type-admin-name-weight);padding:var(--figma-size-10) var(--figma-size-12);text-align:left;background:0 0;border:0;text-decoration:none}.admin-owner-menu a:hover,.admin-owner-menu button:hover{background:var(--screen-color-page-bg)}.admin-owner-menu a.is-danger,.admin-owner-menu button.is-danger{border-top:var(--figma-size-1) solid var(--screen-color-border);border-radius:0 0 var(--figma-size-8) var(--figma-size-8);color:var(--color-danger);margin-top:var(--figma-size-4)}.admin-screen-sidebar__avatar{background:linear-gradient(to right, var(--screen-color-avatar-start), var(--screen-color-avatar-end));border-radius:var(--radius-pill);color:var(--screen-color-surface);flex:0 0 var(--figma-size-36);font-size:var(--screen-type-account-name-size);font-weight:var(--screen-type-account-name-weight);height:var(--figma-size-36);line-height:var(--screen-type-account-name-line);width:var(--figma-size-36);justify-content:center;align-items:center;display:flex}.admin-screen-sidebar__owner>span:last-child{gap:var(--figma-size-1);flex-direction:column;display:flex}.admin-screen-sidebar__owner strong{color:var(--screen-color-primary-text);font-size:var(--screen-type-admin-name-size);font-weight:var(--screen-type-admin-name-weight);line-height:var(--screen-type-admin-name-line)}.admin-screen-sidebar__owner small{color:var(--screen-color-secondary-text);font-size:var(--screen-type-micro-size);font-weight:var(--screen-type-micro-weight);line-height:var(--screen-type-micro-line)}.admin-screen-content{flex:0 0 var(--figma-size-1180);height:var(--figma-size-900);width:var(--figma-size-1180);flex-direction:column;display:flex;overflow:hidden}.admin-screen-topbar{background:var(--screen-color-surface);border-bottom:var(--figma-size-1) solid var(--screen-color-border);flex:0 0 var(--figma-size-68);align-items:center;gap:var(--figma-size-16);height:var(--figma-size-68);padding:var(--figma-size-14) var(--figma-size-28);display:flex}.admin-screen-search{background:var(--color-bg-inset);border-radius:var(--figma-size-10);color:var(--screen-color-secondary-text);flex:0 0 var(--figma-size-360);font-size:var(--type-body-s-size);font-weight:var(--type-body-s-weight);align-items:center;gap:var(--figma-size-10);height:var(--figma-size-40);line-height:var(--type-body-s-line);padding:var(--figma-size-10) var(--figma-size-14);width:var(--figma-size-360);display:flex}.admin-screen-search img{flex:0 0 var(--figma-size-17);height:var(--figma-size-17);width:var(--figma-size-17)}.admin-screen-topbar__spacer{flex:auto}.admin-screen-save,.admin-screen-bell{border:0;justify-content:center;align-items:center;display:flex}.admin-screen-save{background:var(--screen-color-avatar-start);border-radius:var(--figma-size-10);color:var(--screen-color-surface);font-size:var(--type-label-m-size);font-weight:var(--type-label-m-weight);gap:var(--figma-size-8);line-height:var(--type-label-m-line);padding:var(--figma-size-11) var(--figma-size-16)}.admin-screen-save img{height:var(--figma-size-16);width:var(--figma-size-16)}.admin-screen-bell{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--figma-size-10);height:var(--figma-size-40);width:var(--figma-size-40)}.admin-screen-bell img{height:var(--figma-size-18);width:var(--figma-size-18)}.admin-membership-main{background:var(--color-bg-base);flex:0 0 var(--figma-size-832);align-items:flex-start;gap:var(--figma-size-14);height:var(--figma-size-832);padding:var(--figma-size-24) var(--figma-size-28);width:var(--figma-size-1180);flex-direction:column;display:flex;overflow:hidden}.admin-membership-heading{gap:var(--figma-size-4);height:var(--figma-size-56);width:var(--figma-size-1124);flex-direction:column;display:flex}.admin-membership-heading h1,.admin-membership-heading p,.membership-policy p,.membership-kpi p,.membership-tier-access h2,.membership-audit-note p{margin:0}.admin-membership-heading h1{font-size:var(--type-heading-l-size);font-weight:var(--type-heading-l-weight);letter-spacing:var(--type-heading-l-tracking);line-height:var(--type-heading-l-line)}.admin-membership-heading p{color:var(--color-text-secondary);font-size:var(--type-body-m-size);font-weight:var(--type-body-m-weight);height:var(--figma-size-20);line-height:var(--type-body-m-line);overflow:hidden}.membership-policy,.membership-audit-note{background:var(--screen-color-membership-policy-bg);border-radius:var(--figma-size-10);padding:var(--figma-size-16);width:var(--figma-size-1124)}.membership-policy{gap:var(--figma-size-4);height:var(--figma-size-80);flex-direction:column;display:flex}.membership-policy strong,.membership-tier-access h2{font-size:var(--type-heading-s-size);font-weight:var(--type-heading-s-weight);line-height:var(--screen-type-auction-title-line)}.membership-policy p,.membership-audit-note p{color:var(--color-text-secondary);font-size:var(--type-body-s-size);font-weight:var(--type-body-s-weight);line-height:var(--type-body-s-line)}.membership-kpis{gap:var(--figma-size-10);height:var(--figma-size-116);width:var(--figma-size-1124);display:flex}.membership-kpi{background:var(--color-bg-surface);border-radius:var(--figma-size-10);box-shadow:inset 0 0 0 var(--figma-size-1) var(--color-border-subtle);flex:0 0 var(--figma-size-366);align-items:flex-start;gap:var(--figma-size-10);height:var(--figma-size-116);padding:var(--figma-size-16);width:var(--figma-size-366);border:0;flex-direction:column;display:flex}.membership-kpi>span{color:var(--color-text-secondary);font-size:var(--type-label-s-size);font-weight:var(--type-label-s-weight);letter-spacing:var(--type-label-s-tracking);line-height:var(--type-label-s-line)}.membership-kpi>strong{font-size:var(--type-heading-m-size);font-weight:var(--type-heading-m-weight);line-height:var(--type-heading-m-line)}.membership-kpi>p{color:var(--color-accent-default);font-size:var(--type-body-s-size);font-weight:var(--type-body-s-weight);line-height:var(--type-body-s-line)}.membership-tier-access{background:var(--color-bg-surface);border-radius:var(--figma-size-10);box-shadow:inset 0 0 0 var(--figma-size-1) var(--color-border-subtle);align-items:flex-start;gap:var(--figma-size-14);height:var(--figma-size-356);padding:var(--figma-size-16);width:var(--figma-size-1124);border:0;flex-direction:column;display:flex}.membership-tier-grid{flex:0 0 var(--figma-size-289);gap:var(--figma-size-14);height:var(--figma-size-289);width:100%;display:flex}.membership-tier-card{background:var(--screen-color-membership-regular-bg);border-radius:var(--figma-size-18);box-shadow:inset 0 0 0 var(--figma-size-1) var(--screen-color-border);color:var(--screen-color-membership-regular-text);align-items:flex-start;gap:var(--figma-size-10);height:var(--figma-size-289);min-width:0;padding:var(--figma-size-20) var(--figma-size-16);border:0;flex-direction:column;flex:1 1 0;display:flex;overflow:hidden}.membership-tier-card[data-tier=silver]{background:var(--screen-color-membership-silver-bg);box-shadow:inset 0 0 0 var(--figma-size-1) var(--screen-color-membership-silver-border);color:var(--screen-color-membership-silver-text)}.membership-tier-card[data-tier=gold]{background:var(--screen-color-membership-gold-bg);box-shadow:inset 0 0 0 var(--figma-size-1) var(--screen-color-membership-gold-border);color:var(--screen-color-membership-gold-text)}.membership-tier-card[data-tier=platinum]{background:var(--screen-color-membership-platinum-bg);box-shadow:inset 0 0 0 var(--figma-size-1) var(--screen-color-membership-platinum-border);color:var(--screen-color-membership-platinum-text)}.membership-tier-card__head{align-items:center;gap:var(--figma-size-10);width:100%;display:flex}.membership-tier-card__icon{background:var(--screen-color-surface);border-radius:var(--figma-size-10);flex:0 0 var(--figma-size-34);height:var(--figma-size-34);padding:var(--figma-size-6);width:var(--figma-size-34);display:block}.membership-tier-card__head>strong{font-size:var(--type-heading-s-size);font-weight:var(--type-heading-s-weight);line-height:var(--type-heading-s-line);flex:auto}.membership-tier-card__points{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--radius-pill);font-size:var(--screen-type-micro-size);font-weight:var(--type-heading-s-weight);line-height:var(--screen-type-micro-line);padding:var(--figma-size-4) var(--figma-size-9);white-space:nowrap}.membership-tier-card[data-tier=silver] .membership-tier-card__points,.membership-tier-card[data-tier=silver] button{border-color:var(--screen-color-membership-silver-border)}.membership-tier-card[data-tier=gold] .membership-tier-card__points,.membership-tier-card[data-tier=gold] button{border-color:var(--screen-color-membership-gold-border)}.membership-tier-card[data-tier=platinum] .membership-tier-card__points,.membership-tier-card[data-tier=platinum] button{border-color:var(--screen-color-membership-platinum-border)}.membership-tier-card__count{align-items:baseline;gap:var(--figma-size-6);display:flex}.membership-tier-card__count strong{font-size:var(--type-price-l-size);font-weight:var(--type-price-l-weight);line-height:var(--type-price-l-line)}.membership-tier-card__count span{color:var(--screen-color-admin-item-text);font-size:var(--type-body-s-size);font-weight:var(--type-label-s-weight);line-height:var(--type-body-s-line)}.membership-tier-card__highlight{background:var(--screen-color-nav-search-bg);border-radius:var(--radius-sm);font-size:var(--screen-type-membership-tier-highlight-size);font-weight:var(--screen-type-membership-tier-highlight-weight);line-height:var(--screen-type-membership-tier-highlight-line);padding:var(--figma-size-6) var(--figma-size-10);white-space:nowrap}.membership-tier-card[data-tier=silver] .membership-tier-card__highlight{background:var(--screen-color-membership-silver-highlight)}.membership-tier-card[data-tier=gold] .membership-tier-card__highlight{background:var(--screen-color-membership-gold-highlight)}.membership-tier-card[data-tier=platinum] .membership-tier-card__highlight{background:var(--screen-color-membership-platinum-highlight)}.membership-tier-card__divider{background:var(--screen-color-border);height:var(--figma-size-1);width:100%}.membership-tier-card[data-tier=silver] .membership-tier-card__divider{background:var(--screen-color-membership-silver-border)}.membership-tier-card[data-tier=gold] .membership-tier-card__divider{background:var(--screen-color-membership-gold-border)}.membership-tier-card[data-tier=platinum] .membership-tier-card__divider{background:var(--screen-color-membership-platinum-border)}.membership-tier-card__benefit{color:var(--color-text-secondary);font-size:var(--screen-type-membership-tier-copy-size);font-weight:var(--screen-type-membership-tier-copy-weight);align-items:flex-start;gap:var(--figma-size-8);line-height:var(--screen-type-membership-tier-copy-line);width:100%;display:flex}.membership-tier-card__benefit b{color:var(--screen-color-secondary-text);font-size:var(--type-body-s-size);font-weight:var(--screen-type-micro-bold-weight)}.membership-tier-card[data-tier=silver] .membership-tier-card__benefit b{color:var(--screen-color-membership-silver-accent)}.membership-tier-card[data-tier=gold] .membership-tier-card__benefit b{color:var(--screen-color-membership-gold-accent)}.membership-tier-card[data-tier=platinum] .membership-tier-card__benefit b{color:var(--screen-color-membership-platinum-accent)}.membership-tier-card button{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--radius-md);color:inherit;font-size:var(--screen-type-membership-tier-highlight-size);font-weight:var(--screen-type-membership-tier-highlight-weight);height:var(--figma-size-40);line-height:var(--screen-type-membership-tier-highlight-line);width:100%;margin-top:auto}.membership-audit-note{height:var(--figma-size-72);justify-content:space-between;align-items:center;display:flex}.membership-audit-note>div{width:var(--figma-size-820);flex-direction:column;display:flex}.membership-audit-note strong{font-size:var(--type-label-m-size);font-weight:var(--type-label-m-weight);line-height:var(--type-label-m-line)}.membership-audit-note button{background:var(--color-bg-surface);border-radius:var(--radius-md);box-shadow:inset 0 0 0 var(--figma-size-1) var(--color-border-strong);color:var(--color-text-primary);font-size:var(--type-label-m-size);font-weight:var(--type-label-m-weight);height:var(--figma-size-40);line-height:var(--type-label-m-line);padding:var(--figma-size-12) var(--figma-size-16);white-space:nowrap;width:var(--figma-size-161);border:0}
.auth-screen,.auth-screen *{box-sizing:border-box}.auth-screen{--auth-accent:var(--screen-color-avatar-start);--auth-border:var(--screen-color-masuk-kolom-border);--auth-field:var(--screen-color-masuk-isian-bg);--auth-muted:var(--screen-color-masuk-teks-lembut);--auth-text:var(--screen-color-masuk-teks);background:var(--screen-color-page-bg);color:var(--auth-text);font-family:var(--font-plus-jakarta);width:var(--figma-size-1440);display:flex;position:relative;overflow:hidden}.auth-login{height:var(--figma-size-900)}.auth-register{height:var(--figma-size-960)}.auth-lanjut{height:auto;min-height:var(--figma-size-900);overflow:visible}.auth-lanjut.auth-register{min-height:var(--figma-size-960)}.auth-lanjut .auth-form-area{padding:var(--figma-size-40) 0;overflow:visible}.auth-lanjut .auth-brand,.auth-lanjut .auth-form-area{height:auto}.auth-spanduk{background:var(--screen-color-success-bg);border:var(--figma-size-1) solid var(--screen-color-success-border);border-radius:var(--figma-size-12);gap:var(--figma-size-6);padding:var(--figma-size-14) var(--figma-size-16);flex-direction:column;display:flex}.auth-spanduk strong{color:var(--auth-text);font-size:var(--figma-size-14);font-weight:700;line-height:normal}.auth-spanduk p{color:var(--screen-color-success-copy);font-size:var(--figma-size-13);line-height:1.5}.auth-card__pesan{border:var(--figma-size-1) solid transparent;border-radius:var(--figma-size-12);font-size:var(--figma-size-13);padding:var(--figma-size-12) var(--figma-size-14);line-height:1.5}.auth-card__pesan[data-nada=bahaya]{background:var(--screen-color-pelunasan-galat-bg);border-color:var(--color-danger);color:var(--screen-color-pelunasan-galat-body)}.auth-card__pesan[data-nada=kabar]{background:var(--screen-color-success-bg);border-color:var(--screen-color-success-border);color:var(--screen-color-success-copy)}.auth-brand{background:linear-gradient(110deg, var(--screen-color-avatar-start) 0%, var(--screen-color-masuk-brand-akhir) 72.993%);color:var(--screen-color-surface);flex:0 0 var(--figma-size-600);height:100%;padding:var(--figma-size-64);width:var(--figma-size-600);flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex;overflow:hidden}.auth-brand>a{height:var(--figma-size-41);width:var(--figma-size-104);display:block}.auth-brand__logo{height:var(--figma-size-41);object-fit:contain;width:var(--figma-size-104)}.auth-brand__pitch{align-items:flex-start;gap:var(--figma-size-18);flex-direction:column;width:100%;display:flex}.auth-brand__pitch h1{color:var(--screen-color-surface);font-size:var(--figma-size-34);max-width:100%;font-weight:800;line-height:1.2}.auth-brand__pitch>p{color:var(--screen-color-surface);font-size:var(--figma-size-15);opacity:.9;max-width:100%;font-weight:400;line-height:1.5}.auth-brand__eyebrow{border-radius:var(--radius-pill);color:var(--screen-color-surface);font-size:var(--figma-size-11);padding:var(--figma-size-6) var(--figma-size-12);background:#ffffff29;font-weight:600;line-height:normal}.auth-brand__benefits{gap:var(--figma-size-18);flex-direction:column;width:100%;display:flex}.auth-brand__benefit{align-items:center;gap:var(--figma-size-12);width:100%;display:flex}.auth-brand__benefit>span{border-radius:var(--figma-size-12);color:var(--screen-color-surface);flex:0 0 var(--figma-size-24);font-size:var(--figma-size-13);height:var(--figma-size-24);width:var(--figma-size-24);background:#ffffff2e;justify-content:center;align-items:center;font-weight:700;display:flex}.auth-brand.is-login .auth-brand__benefit>span{flex-basis:var(--figma-size-9);width:var(--figma-size-9)}.auth-brand__benefit b{color:var(--screen-color-surface);font-size:var(--figma-size-14);font-weight:500;line-height:normal}.auth-brand>small{color:var(--screen-color-surface);font-size:var(--figma-size-13);opacity:.85;white-space:nowrap;font-weight:500;line-height:normal}.auth-form-area{height:100%;width:calc(var(--figma-size-1440) - var(--figma-size-600));flex:auto;justify-content:center;align-items:center;display:flex;overflow:hidden}.auth-card{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--auth-border);border-radius:var(--figma-size-24);box-shadow:0 var(--figma-size-16) var(--figma-size-40) #0d1f1414;padding:var(--figma-size-40);flex-direction:column;align-items:stretch;display:flex;overflow:hidden}.auth-login__card{gap:var(--figma-size-18);width:var(--figma-size-440)}.auth-register__card{gap:var(--figma-size-16);width:var(--figma-size-460)}.auth-card h2{color:var(--auth-text);font-size:calc(var(--figma-size-24) + var(--figma-size-2));font-weight:800;line-height:normal}.auth-card a{color:var(--auth-accent);font-weight:600;text-decoration:none}.auth-card__switch-copy,.auth-card__login-copy{color:var(--auth-muted);font-size:var(--figma-size-14);line-height:normal}.auth-card__heading{gap:var(--figma-size-6);flex-direction:column;display:flex}.auth-card__heading p{color:var(--auth-muted);font-size:var(--figma-size-14);line-height:normal}.auth-field{align-items:stretch;gap:var(--figma-size-8);flex-direction:column;display:flex}.auth-field>span:first-child{color:var(--auth-text);font-size:var(--figma-size-13);font-weight:600;line-height:normal}.auth-field[data-state=Error]>input,.auth-field[data-state=Error] .auth-password,.auth-check[data-state=Error] input{border-color:var(--color-danger)}.auth-field__error{color:var(--color-danger);font-size:var(--figma-size-12);font-weight:500;line-height:normal;display:block}.auth-check[data-state=Error] .auth-field__error{margin-top:var(--figma-size-4)}.auth-field>input,.auth-password{background:var(--auth-field);border:var(--figma-size-1) solid var(--auth-border);border-radius:var(--figma-size-12);height:var(--figma-size-48);align-items:center;width:100%;display:flex;overflow:hidden}.auth-password input{color:var(--auth-text);font:400 var(--figma-size-14) var(--font-plus-jakarta);min-width:0;height:100%;padding:0 var(--figma-size-14);background:0 0;border:0;outline:0;width:100%}.auth-field>input{color:var(--auth-text);font:400 var(--figma-size-14) var(--font-plus-jakarta);height:var(--figma-size-48);padding:0 var(--figma-size-14)}.auth-field>input:focus-visible,.auth-password:focus-within{border-color:var(--auth-accent);outline:var(--figma-size-2) solid var(--auth-accent);outline-offset:var(--figma-size-2)}.auth-field input::placeholder{color:var(--auth-muted);opacity:1}.auth-password input{flex:auto}.auth-password button{color:var(--auth-accent);cursor:pointer;font:600 var(--figma-size-13) var(--font-plus-jakarta);padding:0 var(--figma-size-14);background:0 0;border:0;flex:none}.auth-card__forgot{font-size:var(--figma-size-13);align-self:flex-end;line-height:normal}.auth-card__submit,.auth-card__google{border-radius:var(--figma-size-12);cursor:pointer;flex:0 0 var(--figma-size-52);height:var(--figma-size-52);justify-content:center;align-items:center;width:100%;display:flex}.auth-card__submit{background:var(--auth-accent);color:var(--screen-color-surface);font:700 var(--figma-size-15) var(--font-plus-jakarta);border:0}.auth-card__divider{align-items:center;gap:var(--figma-size-12);width:100%;display:flex}.auth-card__divider>span{background:var(--auth-border);height:var(--figma-size-1);flex:auto}.auth-card__divider small{color:var(--auth-muted);font-size:var(--figma-size-12);font-weight:500}.auth-card__google{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--auth-border);color:var(--auth-text);gap:var(--figma-size-10);font:600 var(--figma-size-14) var(--font-plus-jakarta)}.auth-card__google img{flex:0 0 var(--figma-size-18);height:var(--figma-size-18);width:var(--figma-size-18)}.auth-card__privacy{color:var(--auth-muted);font-size:var(--figma-size-12);text-align:center;line-height:normal}.auth-check{color:var(--auth-muted);font-size:var(--figma-size-13);align-items:flex-start;gap:var(--figma-size-10);line-height:normal;display:flex}.auth-check input{appearance:none;background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--auth-border);border-radius:var(--figma-size-6);flex:0 0 var(--figma-size-20);height:var(--figma-size-20);width:var(--figma-size-20);place-items:center;margin:0;display:grid}.auth-check input:checked{background:var(--auth-accent);border-color:var(--auth-accent)}.auth-check input:checked:after{color:var(--screen-color-surface);content:"✓";font-size:var(--figma-size-12);font-weight:700}.auth-card__login-copy{font-size:var(--figma-size-13);text-align:center}@media (max-width:639px){.auth-screen,.auth-lanjut,.auth-lanjut.auth-register{flex-direction:column;width:100%;height:auto;min-height:auto;overflow:visible}.auth-brand,.auth-lanjut .auth-brand{align-items:stretch;gap:var(--figma-size-12);height:auto;padding:var(--figma-size-20);flex:none;justify-content:flex-start;width:100%}.auth-brand__pitch{gap:var(--figma-size-8)}.auth-brand__pitch h1{font-size:var(--figma-size-20)}.auth-brand__pitch>p{font-size:var(--figma-size-13)}.auth-brand__benefits,.auth-brand>small{display:none}.auth-form-area,.auth-lanjut .auth-form-area{height:auto;padding:var(--figma-size-20);align-items:stretch;width:100%;overflow:visible}.auth-card,.auth-login__card,.auth-register__card{border-radius:var(--figma-size-16);box-shadow:none;padding:var(--figma-size-20);width:100%}.auth-card h2{font-size:var(--figma-size-22)}.auth-brand>a,.auth-password button,.auth-card__forgot,.auth-card__switch-copy a,.auth-card__login-copy a{min-height:var(--figma-size-44);align-items:center;display:inline-flex}.auth-check{min-height:var(--figma-size-44);align-items:center}.auth-check input{flex-basis:var(--figma-size-24);height:var(--figma-size-24);width:var(--figma-size-24)}}
.customer-screen,.customer-screen *{box-sizing:border-box}.customer-screen{background:var(--screen-color-page-bg);color:var(--screen-color-primary-text);font-family:var(--font-plus-jakarta);width:var(--figma-size-1440);flex-direction:column;display:flex;overflow:hidden}.customer-cart-screen{height:var(--figma-size-909)}.customer-sell-screen{height:var(--figma-size-1745)}.customer-nav{background:var(--screen-color-surface);border-bottom:var(--figma-size-1) solid var(--screen-color-nav-border);flex:0 0 var(--figma-size-64);height:var(--figma-size-64);padding:var(--figma-size-14) var(--figma-size-40);justify-content:space-between;align-items:center;width:100%;display:flex}.customer-nav__primary,.customer-nav__actions{align-items:center;display:flex}.customer-nav__primary{gap:var(--figma-size-28)}.customer-nav__actions{gap:var(--figma-size-14)}.customer-nav__logo{height:var(--figma-size-33);object-fit:contain;width:var(--figma-size-84);display:block}.customer-nav__primary span{color:var(--screen-color-admin-item-text);font-size:var(--screen-type-header-nav-size);font-weight:var(--screen-type-header-nav-weight);line-height:var(--screen-type-header-nav-line);white-space:nowrap}.customer-nav__primary span.is-active{color:var(--screen-color-primary-text)}.customer-nav button{font-family:inherit}.customer-nav__search,.customer-nav__cart,.customer-nav__sell{white-space:nowrap;align-items:center;display:flex}.customer-nav__search{background:var(--screen-color-nav-search-bg);border:var(--figma-size-1) solid var(--screen-color-nav-border);border-radius:var(--radius-pill);color:var(--screen-color-secondary-text);font-size:var(--screen-type-header-search-size);font-weight:var(--screen-type-header-search-weight);gap:var(--figma-size-8);line-height:var(--screen-type-header-search-line);padding:var(--figma-size-11) var(--figma-size-18);width:var(--figma-size-300)}.customer-nav__search img,.customer-nav__cart img{height:var(--figma-size-18);width:var(--figma-size-18);display:block}.customer-nav__cart{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-nav-border);border-radius:var(--radius-pill);color:var(--screen-color-primary-text);font-size:var(--screen-type-header-cart-size);font-weight:var(--screen-type-header-cart-weight);gap:var(--figma-size-6);line-height:var(--screen-type-header-cart-line);padding:var(--figma-size-11) var(--figma-size-16)}.customer-nav__sell{background:var(--screen-color-avatar-start);border:var(--figma-size-1) solid var(--screen-color-avatar-start);border-radius:var(--radius-md);color:var(--screen-color-nav-cta-on);font-size:var(--screen-type-header-cta-size);font-weight:var(--screen-type-header-cta-weight);line-height:var(--screen-type-header-cta-line);padding:var(--figma-size-15) var(--figma-size-24);justify-content:center}.customer-page-heading{gap:var(--figma-size-6);flex-direction:column;display:flex}.customer-page-heading h1{color:var(--screen-color-primary-text);font-size:var(--figma-size-30);font-weight:800;line-height:var(--figma-size-38)}.customer-page-heading p{color:var(--screen-color-secondary-text);font-size:var(--figma-size-15);font-weight:400;line-height:var(--figma-size-19)}.customer-cart{gap:var(--figma-size-22);padding:var(--figma-size-28) var(--figma-size-40) var(--figma-size-36);flex-direction:column;flex:auto;display:flex}.customer-cart__layout{align-items:flex-start;gap:var(--figma-size-24);width:100%;display:flex}.customer-cart__items{gap:var(--figma-size-14);flex-direction:column;flex:auto;display:flex}.customer-cart-item{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-nav-border);border-radius:var(--radius-lg);align-items:center;gap:var(--figma-size-16);min-height:var(--figma-size-116);padding:var(--figma-size-16);width:100%;display:flex}.customer-cart-item__media{background:var(--screen-color-muted-fill);border-radius:var(--figma-size-10);color:var(--screen-color-muted-icon);flex:0 0 var(--figma-size-84);font-size:var(--figma-size-13);height:var(--figma-size-84);width:var(--figma-size-84);justify-content:center;align-items:center;font-weight:800;display:flex}.customer-cart-item__copy{align-items:flex-start;gap:var(--figma-size-6);flex-direction:column;flex:auto;display:flex}.customer-cart-item__copy strong{font-size:var(--figma-size-16);font-weight:600;line-height:var(--figma-size-20)}.customer-cart-item__copy>span{color:var(--screen-color-secondary-text);font-size:var(--screen-type-footer-link-size);font-weight:400;line-height:var(--screen-type-footer-link-line)}.customer-cart-item__copy small{background:var(--screen-color-success-bg);border:var(--figma-size-1) solid var(--screen-color-success-border);border-radius:var(--radius-pill);color:var(--screen-color-success);font-size:var(--figma-size-11);font-weight:600;line-height:var(--figma-size-14);padding:var(--figma-size-5) var(--figma-size-9)}.customer-cart-item__controls{align-items:flex-end;gap:var(--figma-size-10);flex-direction:column;display:flex}.customer-cart-item__controls>strong{font-size:var(--figma-size-17);font-weight:800;line-height:var(--figma-size-22)}.customer-cart-item__controls>div{border:var(--figma-size-1) solid var(--screen-color-nav-border);border-radius:var(--radius-pill);display:flex;overflow:hidden}.customer-cart-item__controls>div button,.customer-cart-item__controls>div span{background:var(--screen-color-surface);height:var(--figma-size-30);border:0;justify-content:center;align-items:center;font-family:inherit;display:flex}.customer-cart-item__controls>div button{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-15);width:var(--figma-size-36);font-weight:600}.customer-cart-item__controls>div button:last-child{color:var(--screen-color-success)}.customer-cart-item__controls>div span{font-size:var(--figma-size-14);width:var(--figma-size-28);font-weight:700}.customer-cart-item__remove{color:var(--screen-color-danger);font-family:inherit;font-size:var(--figma-size-13);font-weight:500;line-height:var(--figma-size-16);background:0 0;border:0;padding:0}.customer-cart-summary{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-nav-border);border-radius:var(--figma-size-18);flex:0 0 var(--figma-size-360);align-items:stretch;gap:var(--figma-size-16);padding:var(--figma-size-22);width:var(--figma-size-360);flex-direction:column;display:flex}.customer-cart-summary h2{font-size:var(--figma-size-18);font-weight:800;line-height:var(--figma-size-22)}.customer-cart-summary dl{border-bottom:var(--figma-size-1) solid var(--screen-color-muted-fill);gap:var(--figma-size-16);padding-bottom:var(--figma-size-16);flex-direction:column;display:flex}.customer-cart-summary dl>div,.customer-cart-summary__total{justify-content:space-between;align-items:center;display:flex}.customer-cart-summary dt,.customer-cart-summary dd{font-size:var(--figma-size-14);line-height:var(--figma-size-18)}.customer-cart-summary dt{color:var(--screen-color-admin-item-text);font-weight:400}.customer-cart-summary dd{font-weight:600}.customer-cart-summary__total strong:first-child{font-size:var(--figma-size-15);font-weight:700}.customer-cart-summary__total strong:last-child{font-size:var(--figma-size-18);font-weight:800}.customer-cart-summary>p,.customer-cart-summary>small{font-size:var(--screen-type-membership-tier-copy-size);font-weight:400;line-height:var(--screen-type-membership-tier-copy-line)}.customer-cart-summary>p{color:var(--screen-color-secondary-text)}.customer-cart-summary>small{color:var(--screen-color-success);font-weight:500}.customer-cart-summary>button{border-radius:var(--radius-md);font-family:inherit;font-size:var(--screen-type-header-cta-size);font-weight:600;line-height:var(--screen-type-header-cta-line);padding:var(--figma-size-13)}.customer-cart-summary>button.is-shopee{background:var(--screen-color-shopee);color:var(--screen-color-surface);border:0}.customer-cart-summary>button.is-tokopedia{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-soft-border);color:var(--screen-color-primary-text)}.customer-cart-summary>button.is-bank{background:var(--screen-color-primary-text);color:var(--screen-color-surface);border:0}.customer-cart-summary>button:disabled{opacity:.45}.customer-footer{background:var(--screen-color-surface);border-top:var(--figma-size-1) solid var(--screen-color-nav-border);gap:var(--figma-size-22);padding:var(--figma-size-32) var(--figma-size-40) var(--figma-size-28);flex-direction:column;width:100%;display:flex}.customer-footer__content{justify-content:space-between;align-items:flex-start;display:flex}.customer-footer__brand{align-items:flex-start;gap:var(--figma-size-12);flex-direction:column;display:flex}.customer-footer__brand img{height:var(--figma-size-33);object-fit:contain;width:var(--figma-size-84);display:block}.customer-footer__brand p{color:var(--screen-color-secondary-text);font-size:var(--screen-type-footer-copy-size);font-weight:var(--screen-type-footer-copy-weight);line-height:var(--screen-type-footer-copy-line)}.customer-footer__links{gap:var(--figma-size-56);display:flex}.customer-footer__links>div{align-items:flex-start;gap:var(--figma-size-10);flex-direction:column;display:flex}.customer-footer__links strong{font-size:var(--screen-type-footer-title-size);font-weight:var(--screen-type-footer-title-weight);line-height:var(--screen-type-footer-title-line)}.customer-footer__links span{color:var(--screen-color-admin-item-text);font-size:var(--screen-type-footer-link-size);font-weight:var(--screen-type-footer-link-weight);line-height:var(--screen-type-footer-link-line)}.customer-footer__meta{border-top:var(--figma-size-1) solid var(--screen-color-muted-fill);color:var(--screen-color-secondary-text);font-size:var(--screen-type-footer-meta-size);font-weight:var(--screen-type-footer-meta-weight);line-height:var(--screen-type-footer-meta-line);padding-top:var(--figma-size-22);justify-content:space-between;align-items:center;display:flex}.customer-sell{gap:var(--figma-size-22);padding:var(--figma-size-28) var(--figma-size-40) var(--figma-size-36);flex-direction:column;flex:auto;display:flex}.customer-sell__layout{align-items:flex-start;gap:var(--figma-size-24);width:100%;display:flex}.customer-sell__form{align-items:stretch;gap:var(--figma-size-18);flex-direction:column;flex:auto;display:flex}.customer-form-card{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-nav-border);border-radius:var(--figma-size-18);align-items:stretch;gap:var(--figma-size-16);padding:var(--figma-size-22) var(--figma-size-24) var(--figma-size-24);flex-direction:column;display:flex}.customer-form-card h2,.customer-selling-tips h2{font-size:var(--figma-size-17);font-weight:800;line-height:var(--figma-size-22)}.customer-form-card label{align-items:stretch;gap:var(--figma-size-8);flex-direction:column;display:flex}.customer-form-card label>span,.customer-form-card legend{color:var(--screen-color-primary-text);font-size:var(--figma-size-14);font-weight:600;line-height:var(--figma-size-18)}.customer-form-card input:not([type=checkbox]),.customer-form-card textarea{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-nav-border);border-radius:var(--radius-md);color:var(--screen-color-primary-text);font-family:inherit;font-size:var(--figma-size-14);font-weight:400;line-height:var(--figma-size-18);padding:var(--figma-size-13) var(--figma-size-14);width:100%}.customer-form-card input::placeholder,.customer-form-card textarea::placeholder{color:var(--screen-color-secondary-text);opacity:1}.customer-form-card textarea{height:var(--figma-size-104);resize:none}.customer-form-card label>small{color:var(--screen-color-secondary-text);font-size:var(--figma-size-12);font-weight:400;line-height:var(--figma-size-15)}.customer-form-card label[data-state=Error] input:not([type=checkbox]),.customer-form-card label[data-state=Error] textarea{border-color:var(--color-danger)}.customer-form-card label>small.customer-field-error{color:var(--color-danger);font-weight:500}.customer-form-card fieldset{gap:var(--figma-size-10);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.customer-form-card legend{margin-bottom:var(--figma-size-10)}.customer-choice-row{gap:var(--figma-size-10);display:flex}.customer-choice-row button{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-nav-border);border-radius:var(--radius-pill);color:var(--screen-color-admin-item-text);font-family:inherit;font-size:var(--screen-type-footer-link-size);font-weight:600;line-height:var(--screen-type-footer-link-line);padding:var(--figma-size-9) var(--figma-size-16)}.customer-choice-row button.is-selected{background:var(--screen-color-avatar-start);border-color:var(--screen-color-avatar-start);color:var(--screen-color-nav-cta-on)}.customer-check-row{gap:var(--figma-size-12) var(--figma-size-22);flex-wrap:wrap;display:flex}.customer-check-row label{align-items:center;gap:var(--figma-size-10);flex-direction:row;display:flex}.customer-check-row input{height:var(--figma-size-1);opacity:0;width:var(--figma-size-1);position:absolute}.customer-checkbox{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-soft-border);border-radius:var(--figma-size-6);color:var(--screen-color-nav-cta-on);font-size:var(--figma-size-12);height:var(--figma-size-18);font-weight:700;line-height:var(--figma-size-14);width:var(--figma-size-18);justify-content:center;align-items:center;display:flex}.customer-checkbox.is-checked{background:var(--screen-color-avatar-start);border-color:var(--screen-color-avatar-start)}.customer-check-row label>span.customer-checkbox-label{color:var(--screen-color-account-item-text);font-size:var(--figma-size-14);font-weight:500;line-height:var(--figma-size-18)}.customer-upload{background:var(--screen-color-nav-search-bg);border:var(--figma-size-1) dashed var(--screen-color-soft-border);border-radius:var(--figma-size-14);color:var(--screen-color-primary-text);align-items:center;gap:var(--figma-size-8);padding:var(--figma-size-28);flex-direction:column;justify-content:center;font-family:inherit;display:flex}.customer-upload>span{background:var(--screen-color-success-bg);border-radius:var(--radius-pill);padding:var(--figma-size-8) var(--figma-size-13)}.customer-upload img{height:var(--figma-size-22);width:var(--figma-size-22);display:block}.customer-upload strong{font-size:var(--screen-type-header-cta-size);font-weight:600;line-height:var(--screen-type-header-cta-line)}.customer-upload small{color:var(--screen-color-secondary-text);font-size:var(--screen-type-membership-tier-copy-size);font-weight:400;line-height:var(--screen-type-membership-tier-copy-line)}.customer-sell__actions{gap:var(--figma-size-12);display:flex}.customer-sell__actions button{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-soft-border);border-radius:var(--radius-md);color:var(--screen-color-primary-text);font-family:inherit;font-size:var(--figma-size-15);font-weight:600;line-height:var(--figma-size-19);padding:var(--figma-size-13) var(--figma-size-22)}.customer-sell__actions button.is-primary{background:var(--screen-color-avatar-start);border-color:var(--screen-color-avatar-start);color:var(--screen-color-nav-cta-on)}.customer-sell__aside{flex:0 0 var(--figma-size-340);align-items:stretch;gap:var(--figma-size-16);width:var(--figma-size-340);flex-direction:column;display:flex}.customer-estimate,.customer-selling-tips{border-radius:var(--figma-size-18);padding:var(--figma-size-20) var(--figma-size-22) var(--figma-size-22);flex-direction:column;display:flex}.customer-estimate{background:var(--screen-color-success-bg);gap:var(--figma-size-8)}.customer-estimate small{color:var(--screen-color-success);font-size:var(--screen-type-auction-micro-size);font-weight:600;line-height:var(--screen-type-auction-micro-line)}.customer-estimate strong{font-size:var(--figma-size-22);font-weight:800;line-height:var(--figma-size-28)}.customer-estimate p{color:var(--screen-color-success-copy);font-size:var(--screen-type-membership-tier-copy-size);font-weight:400;line-height:var(--screen-type-membership-tier-copy-line)}.customer-estimate__ubah{opacity:.85;font-style:italic}.customer-legend-info{align-items:center;gap:var(--figma-size-8);display:flex}.customer-selling-tips{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-nav-border);gap:var(--figma-size-14)}.customer-selling-tips ul{gap:var(--figma-size-14);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.customer-selling-tips li{color:var(--screen-color-admin-item-text);font-size:var(--screen-type-footer-link-size);gap:var(--figma-size-10);font-weight:400;line-height:var(--screen-type-footer-link-line);display:flex}.customer-selling-tips li:before{color:var(--screen-color-avatar-start);content:"•";font-size:var(--figma-size-18);line-height:var(--screen-type-footer-link-line)}.customer-choice-row.is-membungkus{flex-wrap:wrap}
.payment-screen,.payment-screen *{box-sizing:border-box}.payment-screen{background:var(--screen-color-page-bg);color:var(--screen-color-primary-text);font-family:var(--font-plus-jakarta);max-width:var(--figma-size-1440);flex-direction:column;width:100%;display:flex;overflow:hidden}.payment-order-created{height:var(--figma-size-1453)}.payment-proof-upload{height:var(--figma-size-1192)}.payment-awaiting-confirmation{height:var(--figma-size-1257)}.kepala-toko{background:var(--screen-color-surface);border-bottom:var(--figma-size-1) solid var(--screen-color-border);flex:0 0 var(--figma-size-72);align-items:center;gap:var(--figma-size-28);height:var(--figma-size-72);padding:var(--figma-size-12) var(--figma-size-40);width:100%;display:flex}.kepala-toko a{color:inherit;text-decoration:none}.kepala-toko__logo{height:var(--figma-size-33);object-fit:contain;width:var(--figma-size-84);display:block}.kepala-toko__links{align-items:center;gap:var(--figma-size-24);display:flex}.kepala-toko__links a{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-15);white-space:nowrap;font-weight:500}.kepala-toko__spacer{flex:auto}.payment-main{min-height:0;padding:var(--figma-size-56) var(--figma-size-40) var(--figma-size-72);flex:auto;justify-content:center;align-items:flex-start;display:flex}.payment-flow{width:var(--figma-size-720);flex-direction:column;align-items:stretch;margin:0;display:flex}.payment-flow h1,.payment-flow h2,.payment-flow p{margin:0}.payment-flow h1{font-size:var(--figma-size-30);font-weight:800;line-height:var(--figma-size-38);text-align:center;align-self:center}.payment-status-icon{background:var(--screen-color-success-bg);border-radius:var(--radius-pill);height:var(--figma-size-88);margin-bottom:var(--figma-size-20);width:var(--figma-size-88);justify-content:center;align-self:center;align-items:center;display:flex}.payment-status-icon img{height:var(--figma-size-44);width:var(--figma-size-44);display:block}.payment-subtitle{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-16);font-weight:500;line-height:var(--figma-size-20);text-align:center;align-self:center;margin-top:var(--figma-size-8)!important}.payment-order-summary{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--figma-size-14);margin-top:var(--figma-size-28);min-height:var(--figma-size-70);padding:var(--figma-size-16) var(--figma-size-20);justify-content:space-between;align-items:center;display:flex}.payment-order-summary div{gap:var(--figma-size-3);flex-direction:column;display:flex}.payment-order-summary div strong{font-size:var(--figma-size-14);font-weight:600}.payment-order-summary div span{color:var(--screen-color-secondary-text);font-size:var(--figma-size-12);font-weight:500}.payment-order-summary>strong{color:var(--screen-color-success-copy);font-size:var(--figma-size-20);font-weight:800}.payment-flow h2{font-size:var(--figma-size-17);font-weight:700;line-height:var(--figma-size-24);margin-top:var(--figma-size-20);margin-bottom:var(--figma-size-12)}.payment-methods{gap:var(--figma-size-12);flex-direction:column;display:flex}.payment-method{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--figma-size-14);overflow:hidden}.payment-method.is-selected{border-color:var(--screen-color-avatar-start)}.payment-method__heading{align-items:center;gap:var(--figma-size-14);min-height:var(--figma-size-76);padding:var(--figma-size-16);display:flex}.payment-method__logo{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-nav-border);border-radius:var(--figma-size-10);height:var(--figma-size-44);width:var(--figma-size-44);justify-content:center;align-items:center;display:flex}.payment-method__logo img{max-height:var(--figma-size-24);max-width:var(--figma-size-30);object-fit:contain;display:block}.payment-method__copy{gap:var(--figma-size-3);flex-direction:column;flex:auto;display:flex}.payment-method__copy strong{font-size:var(--figma-size-15);font-weight:700}.payment-method__copy small{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-13);font-weight:500}.payment-method__radio{border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--radius-pill);height:var(--figma-size-24);width:var(--figma-size-24);position:relative}.payment-method__radio.is-selected{border:var(--figma-size-2) solid var(--screen-color-avatar-start)}.payment-method__radio.is-selected:after{background:var(--screen-color-avatar-start);border-radius:var(--radius-pill);content:"";height:var(--figma-size-12);width:var(--figma-size-12);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.payment-method__details{border-top:var(--figma-size-1) solid var(--screen-color-nav-border);gap:var(--figma-size-12);padding:var(--figma-size-16);flex-direction:column;display:flex}.payment-value-row{background:var(--screen-color-page-bg);border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--radius-md);min-height:var(--figma-size-64);padding:var(--figma-size-14) var(--figma-size-16);justify-content:space-between;align-items:center;display:flex}.payment-value-row>span{gap:var(--figma-size-2);flex-direction:column;display:flex}.payment-value-row small{color:var(--screen-color-secondary-text);font-size:var(--figma-size-12);font-weight:500}.payment-value-row strong{font-size:var(--figma-size-18);font-weight:800}.payment-copy{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--radius-pill);color:var(--screen-color-primary-text);cursor:pointer;font:700 var(--figma-size-13) var(--font-plus-jakarta);align-items:center;gap:var(--figma-size-6);min-width:var(--figma-size-76);padding:var(--figma-size-9) var(--figma-size-14);display:flex}.payment-copy img{height:var(--figma-size-15);width:var(--figma-size-15);display:block}.payment-method__owner{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-13);justify-content:space-between;align-items:center;display:flex}.payment-method__owner strong{color:var(--screen-color-primary-text);font-weight:700}.payment-notice{background:var(--screen-color-success-bg);border-radius:var(--radius-md);align-items:flex-start;gap:var(--figma-size-12);margin-top:var(--figma-size-16);padding:var(--figma-size-14) var(--figma-size-16);display:flex}.payment-notice img{flex:0 0 var(--figma-size-18);height:var(--figma-size-18);width:var(--figma-size-18);display:block}.payment-notice p{color:var(--screen-color-success-copy);font-size:var(--figma-size-13);font-weight:600;line-height:var(--figma-size-20);flex:auto}.payment-actions{gap:var(--figma-size-12);margin-top:var(--figma-size-20);display:flex}.payment-actions a,.payment-actions button{border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--radius-pill);color:var(--screen-color-primary-text);cursor:pointer;font:700 var(--figma-size-15) var(--font-plus-jakarta);min-height:var(--figma-size-48);padding:var(--figma-size-14);background:0 0;flex:1 1 0;justify-content:center;align-items:center;text-decoration:none;display:flex}.payment-actions .is-primary{background:var(--screen-color-avatar-start);border-color:var(--screen-color-avatar-start);color:var(--screen-color-surface)}.payment-actions button:disabled{cursor:not-allowed;opacity:.5}.payment-form{gap:var(--figma-size-12);flex-direction:column;display:flex}.payment-dropzone{background:var(--screen-color-surface);border:var(--figma-size-1) dashed var(--screen-color-border);border-radius:var(--radius-md);color:var(--screen-color-primary-text);cursor:pointer;font-family:var(--font-plus-jakarta);align-items:center;gap:var(--figma-size-8);min-height:var(--figma-size-116);padding:var(--figma-size-20);flex-direction:column;justify-content:center;display:flex}.payment-dropzone strong{color:var(--screen-color-avatar-start);font-size:var(--figma-size-20);font-weight:600;line-height:var(--figma-size-28)}.payment-dropzone span{font-size:var(--figma-size-13);font-weight:600;line-height:var(--figma-size-16)}.payment-dropzone small{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-13);font-weight:400;line-height:var(--figma-size-20)}.payment-file-input{display:none}.payment-field{gap:var(--figma-size-8);flex-direction:column;display:flex}.payment-field>span{color:var(--screen-color-secondary-text);font-size:var(--figma-size-12);font-weight:500;line-height:var(--figma-size-16)}.payment-field input{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--radius-sm);color:var(--screen-color-primary-text);font:400 var(--figma-size-14) var(--font-plus-jakarta);height:var(--figma-size-40);line-height:var(--figma-size-22);padding:var(--figma-size-10) var(--figma-size-12);outline:0}.payment-field input:focus{border-color:var(--screen-color-avatar-start)}.payment-field small{color:var(--screen-color-secondary-text);font-size:var(--figma-size-13);font-weight:400;line-height:var(--figma-size-20)}.payment-field[data-state=Error] input{border-color:var(--color-danger)}.payment-field small.payment-field-error{color:var(--color-danger);font-weight:500}.payment-footer{background:var(--screen-color-surface);border-top:var(--figma-size-1) solid var(--screen-color-border);gap:var(--figma-size-26);padding:var(--figma-size-40) var(--figma-size-40) var(--figma-size-26);flex-direction:column;flex:none;display:flex}.payment-footer__content{align-items:flex-start;gap:var(--figma-size-40);width:100%;display:flex}.payment-footer__brand{gap:var(--figma-size-12);flex-direction:column;display:flex}.payment-footer__brand img{height:var(--figma-size-33);margin:var(--figma-size-8) var(--figma-size-14);object-fit:contain;width:var(--figma-size-84);display:block}.payment-footer__brand p{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-13);width:var(--figma-size-250);margin:0;font-weight:500}.payment-footer__links{gap:var(--figma-size-56);margin-left:auto;display:flex}.payment-footer__links div{gap:var(--figma-size-12);flex-direction:column;display:flex}.payment-footer__links strong{font-size:var(--figma-size-14)}.payment-footer__links a{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-13);white-space:nowrap;font-weight:500;text-decoration:none}.payment-footer__meta{border-top:var(--figma-size-1) solid var(--screen-color-border);color:var(--screen-color-admin-item-text);font-size:var(--figma-size-12);padding-top:var(--figma-size-20);justify-content:space-between;font-weight:500;display:flex}.payment-order-detail{height:calc(var(--figma-size-1498) + var(--figma-size-38))}.payment-order-detail.is-paid{height:var(--figma-size-1498)}.payment-rejected{height:var(--figma-size-1149)}.payment-expired{height:var(--figma-size-815)}.order-detail-main{min-height:0;padding:var(--figma-size-28) var(--figma-size-40) var(--figma-size-32);flex:auto}.order-detail-main h1,.order-detail-main h2,.order-detail-main p{margin:0}.order-detail-back{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-13);margin-bottom:var(--figma-size-20);font-weight:500;text-decoration:none;display:inline-flex}.order-detail-heading{margin-bottom:var(--figma-size-18);justify-content:space-between;align-items:center;display:flex}.order-detail-heading>span{gap:var(--figma-size-5);flex-direction:column;display:flex}.order-detail-heading h1{font-size:var(--figma-size-28);font-weight:800;line-height:var(--figma-size-34)}.order-detail-heading p{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-14)}.order-detail-heading>strong,.order-detail-method b{background:var(--screen-color-tunggu-chip-bg);border-radius:var(--radius-pill);color:var(--screen-color-tunggu-chip-text);font-size:var(--figma-size-12);padding:var(--figma-size-7) var(--figma-size-13)}.order-detail-heading>strong.is-paid,.order-detail-method b.is-paid{background:var(--screen-color-success-bg);color:var(--screen-color-success-copy)}.order-detail-canceled{background:var(--screen-color-bahaya-bg);border-radius:var(--figma-size-12);color:var(--screen-color-bahaya-text);font-size:var(--figma-size-13);line-height:var(--figma-size-20);margin-bottom:var(--figma-size-18);padding:var(--figma-size-12) var(--figma-size-14)}.order-detail-heading>strong.is-canceled,.order-detail-method b.is-canceled{background:var(--screen-color-bahaya-bg);color:var(--screen-color-bahaya-text)}.order-detail-layout{align-items:flex-start;gap:var(--figma-size-28);display:flex}.order-detail-sidebar{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--figma-size-14);flex:0 0 var(--figma-size-260);padding:var(--figma-size-12);width:var(--figma-size-260)}.order-detail-sidebar nav{gap:var(--figma-size-3);flex-direction:column;display:flex}.order-detail-sidebar a{border-radius:var(--figma-size-9);color:var(--screen-color-primary-text);font-size:var(--figma-size-14);align-items:center;gap:var(--figma-size-12);min-height:var(--figma-size-42);padding:var(--figma-size-10) var(--figma-size-12);font-weight:500;text-decoration:none;display:flex}.order-detail-sidebar a.is-active{background:var(--screen-color-success-bg);color:var(--screen-color-success-copy);font-weight:700}.order-detail-sidebar a.is-keluar{color:var(--screen-color-account-item-logout)}.order-detail-sidebar img{height:var(--figma-size-18);width:var(--figma-size-18)}.order-detail-workspace{gap:var(--figma-size-20);flex-direction:column;flex:auto;min-width:0;display:flex}.order-detail-card{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--figma-size-14);padding:var(--figma-size-18)}.order-detail-card h2{font-size:var(--figma-size-15);font-weight:700;line-height:var(--figma-size-20)}.order-detail-timeline{min-height:calc(var(--figma-size-408) - var(--figma-size-6))}.order-detail-timeline__steps{margin-top:var(--figma-size-14);flex-direction:column;display:flex}.order-detail-timeline article{gap:var(--figma-size-14);min-height:calc(var(--figma-size-70) - var(--figma-size-1));display:flex}.order-detail-timeline article>span:last-child{gap:var(--figma-size-3);padding-top:var(--figma-size-2);flex-direction:column;display:flex}.order-detail-timeline article strong{font-size:var(--figma-size-14)}.order-detail-timeline article small{color:var(--screen-color-secondary-text);font-size:var(--figma-size-12)}.order-detail-timeline article.is-pending strong{color:var(--screen-color-langkah-belum-text)}.order-detail-timeline__rail{flex:0 0 var(--figma-size-26);flex-direction:column;align-items:center;display:flex}.order-detail-timeline__rail i{background:var(--screen-color-page-bg);border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--radius-pill);color:var(--screen-color-surface);font-size:var(--figma-size-12);height:var(--figma-size-26);width:var(--figma-size-26);justify-content:center;align-items:center;font-style:normal;font-weight:700;display:flex}.order-detail-timeline__rail b{background:var(--screen-color-border);width:var(--figma-size-2);flex:auto}.order-detail-timeline article.is-complete .order-detail-timeline__rail i{background:var(--screen-color-avatar-start);border-color:var(--screen-color-avatar-start)}.order-detail-timeline article.is-complete .order-detail-timeline__rail b{background:var(--screen-color-avatar-start)}.order-detail-timeline article.is-current .order-detail-timeline__rail i{background:var(--screen-color-surface);border:var(--figma-size-3) solid var(--screen-color-avatar-start);position:relative}.order-detail-timeline article.is-current .order-detail-timeline__rail i:after{background:var(--screen-color-avatar-start);border-radius:var(--radius-pill);content:"";height:var(--figma-size-7);width:var(--figma-size-7)}.order-detail-lower{gap:var(--figma-size-20);grid-template-columns:minmax(0,2fr) minmax(0,1fr);display:grid}.order-detail-primary,.order-detail-secondary{gap:var(--figma-size-18);flex-direction:column;display:flex}.order-detail-items{padding:var(--figma-size-18)}.order-detail-items>div{border-top:var(--figma-size-1) solid var(--screen-color-border);min-height:var(--figma-size-74);padding:var(--figma-size-12) 0;align-items:center;display:flex}.order-detail-item__image{background:var(--screen-color-page-bg);border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--figma-size-8);color:var(--screen-color-secondary-text);flex:0 0 var(--figma-size-52);height:var(--figma-size-52);margin-right:var(--figma-size-14);width:var(--figma-size-52);justify-content:center;align-items:center;display:flex}.order-detail-items>div>span:nth-child(2){gap:var(--figma-size-3);flex-direction:column;flex:auto;display:flex}.order-detail-items strong{font-size:var(--figma-size-13)}.order-detail-items small{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-12)}.order-detail-address{gap:var(--figma-size-9);flex-direction:column;display:flex}.order-detail-address h2{color:var(--screen-color-primary-text)}.order-detail-address strong{font-size:var(--figma-size-13)}.order-detail-address p{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-12);line-height:var(--figma-size-18)}.order-detail-payment-summary,.order-detail-method{gap:var(--figma-size-12);flex-direction:column;display:flex}.order-detail-payment-summary>div{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-12);justify-content:space-between;align-items:center;display:flex}.order-detail-payment-summary>div strong{color:var(--screen-color-primary-text)}.order-detail-payment-summary>div .is-discount{color:var(--screen-color-success-copy)}.order-detail-payment-summary>div.is-total{border-top:var(--figma-size-1) solid var(--screen-color-border);color:var(--screen-color-primary-text);font-size:var(--figma-size-14);padding-top:var(--figma-size-12)}.order-detail-payment-summary>div.is-total strong:last-child{font-size:var(--figma-size-18)}.order-detail-method>div{justify-content:space-between;align-items:flex-end;display:flex}.order-detail-method>div>span{gap:var(--figma-size-5);flex-direction:column;display:flex}.order-detail-method strong{font-size:var(--figma-size-13)}.order-detail-method small{color:var(--screen-color-secondary-text);font-size:var(--figma-size-11)}.order-detail-method b{font-size:var(--figma-size-11)}.order-detail-method b:first-letter{text-transform:uppercase}.order-detail-method__peragaan{background:var(--screen-color-bahaya-bg);border-radius:var(--figma-size-10);color:var(--screen-color-bahaya-text);font-size:var(--figma-size-11);padding:var(--figma-size-10) var(--figma-size-12);line-height:1.5}.order-detail-actions{gap:var(--figma-size-10);flex-direction:column;display:flex}.order-detail-actions a,.order-detail-actions button{border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--radius-pill);color:var(--screen-color-primary-text);cursor:pointer;font:700 var(--figma-size-13) var(--font-plus-jakarta);min-height:var(--figma-size-42);background:0 0;justify-content:center;align-items:center;text-decoration:none;display:flex}.order-detail-actions .is-primary{background:var(--screen-color-avatar-start);border-color:var(--screen-color-avatar-start);color:var(--screen-color-surface)}.order-detail-actions .is-copy{background:var(--screen-color-success-bg);border-color:var(--screen-color-success-bg);color:var(--screen-color-success-copy)}.payment-state-main{padding-top:var(--figma-size-56)}.payment-state-main .payment-flow h1{margin-top:0}.payment-state-main .payment-notice i{border-radius:var(--radius-pill);flex:0 0 var(--figma-size-16);height:var(--figma-size-16);margin-top:var(--figma-size-2);width:var(--figma-size-16);background:currentColor}.payment-notice.is-warning{background:var(--screen-color-peringatan-bg);color:var(--screen-color-peringatan-text)}.payment-notice.is-warning p{color:var(--screen-color-peringatan-text)}.payment-notice.is-danger{background:var(--screen-color-bahaya-bg);color:var(--screen-color-bahaya-text)}.payment-notice.is-danger p{color:var(--screen-color-bahaya-text)}.payment-order-summary.is-muted>strong{color:var(--screen-color-ringkasan-samar)}.payment-expired .payment-main{padding-bottom:var(--figma-size-54)}.payment-expired .payment-order-summary{margin-top:var(--figma-size-24)}.payment-expired .payment-notice{margin-top:var(--figma-size-20)}
.invoice-layar{--invoice-garis:var(--screen-color-auction-border);--invoice-panel:var(--screen-color-brand-panel-bg);--invoice-samar:var(--screen-color-brand-body-text);--invoice-badan:var(--screen-color-invoice-badan);--invoice-lunas-bg:var(--screen-color-auction-success-bg);--invoice-lunas-teks:var(--screen-color-auction-success-text);background:var(--screen-color-page-bg);color:var(--screen-color-primary-text);min-height:var(--invoice-tinggi);flex-direction:column;display:flex}.invoice-topbar{background:var(--screen-color-surface);box-shadow:0 var(--figma-size-1) var(--figma-size-2) #0000000a;align-items:center;gap:var(--figma-size-16);padding:var(--figma-size-16) var(--figma-size-40);display:flex}.invoice-logo{height:var(--figma-size-33);object-fit:contain;width:var(--figma-size-84_333)}.invoice-jejak{font-size:var(--figma-size-15);align-items:center;gap:var(--figma-size-6);font-weight:700;line-height:var(--figma-size-21);display:flex}.invoice-jejak a{color:var(--invoice-samar);font-weight:500;text-decoration:none}.invoice-jejak a:hover{text-decoration:underline}.invoice-jejak span{color:var(--invoice-samar)}.invoice-topbar__sela{width:var(--figma-size-10)}.invoice-tombol{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--invoice-garis);border-radius:var(--figma-size-10);color:var(--screen-color-primary-text);font-size:var(--figma-size-13_5);align-items:center;gap:var(--figma-size-8);font-weight:700;line-height:var(--figma-size-19);padding:var(--figma-size-11) var(--figma-size-16);justify-content:center;text-decoration:none;display:flex}.invoice-tombol.is-utama{background:var(--screen-color-invoice-aksi);border-color:var(--screen-color-invoice-aksi);color:var(--screen-color-surface)}.invoice-tombol img{height:var(--figma-size-16);width:var(--figma-size-16)}.invoice-wrap{padding:var(--figma-size-36) var(--figma-size-40);justify-content:center;display:flex}.invoice-kertas{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--invoice-garis);border-radius:var(--figma-size-18);box-shadow:0 var(--figma-size-8) var(--figma-size-28) #0d1f140f;gap:var(--figma-size-22);padding:var(--figma-size-40) var(--figma-size-44);width:var(--figma-size-920);flex-direction:column;display:flex}.invoice-kertas hr{background:var(--invoice-garis);height:var(--figma-size-1);border:0;margin:0}.invoice-kepala{gap:var(--figma-size-24);justify-content:space-between;display:flex}.invoice-penjual{gap:var(--figma-size-10);flex-direction:column;flex:auto;min-width:0;display:flex}.invoice-penjual>strong{font-size:var(--figma-size-14_5);font-weight:800;line-height:var(--figma-size-20)}.invoice-penjual__info{gap:var(--figma-size-5);flex-direction:column;display:flex}.invoice-baris-ikon{gap:var(--figma-size-8);display:flex}.invoice-baris-ikon img{height:var(--figma-size-15);margin-top:var(--figma-size-1);width:var(--figma-size-15);flex:none}.invoice-baris-ikon p{color:var(--invoice-badan);font-size:var(--figma-size-12_5);font-weight:500;line-height:var(--figma-size-18)}.invoice-kanan{align-items:flex-end;gap:var(--figma-size-12);flex-direction:column;flex:none;display:flex}.invoice-judul{align-items:flex-end;gap:var(--figma-size-8);flex-direction:column;display:flex}.invoice-judul p{font-size:var(--figma-size-30);font-weight:800;line-height:var(--figma-size-42);text-transform:uppercase}.invoice-lunas{background:var(--invoice-lunas-bg);border-radius:var(--radius-pill);color:var(--invoice-lunas-teks);font-size:var(--figma-size-12);align-items:center;gap:var(--figma-size-6);font-weight:800;line-height:var(--figma-size-17);padding:var(--figma-size-6) var(--figma-size-11);text-transform:uppercase;display:flex}.invoice-lunas img{height:var(--figma-size-14);width:var(--figma-size-14)}.invoice-meta{background:var(--invoice-panel);border:var(--figma-size-1) solid var(--invoice-garis);border-radius:var(--radius-md);font-size:var(--figma-size-12_5);gap:var(--figma-size-7);line-height:var(--figma-size-18);padding:var(--figma-size-12) var(--figma-size-14);width:var(--figma-size-268);flex-direction:column;margin:0;display:flex}.invoice-meta>div{justify-content:space-between;align-items:center;display:flex}.invoice-meta dt{color:var(--invoice-samar);font-weight:500}.invoice-meta dd{text-align:right;margin:0;font-weight:700}.invoice-meta dd.is-lunas{color:var(--invoice-lunas-teks)}.invoice-pihak{gap:var(--figma-size-24);display:flex}.invoice-ditagih,.invoice-metode{gap:var(--figma-size-8);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.invoice-label{color:var(--invoice-samar);font-size:var(--figma-size-11);font-weight:700;line-height:var(--figma-size-15);text-transform:uppercase}.invoice-ditagih>strong{font-size:var(--figma-size-14);font-weight:700;line-height:var(--figma-size-20)}.invoice-kartu-bayar{background:var(--invoice-panel);border:var(--figma-size-1) solid var(--invoice-garis);border-radius:var(--radius-md);align-items:center;gap:var(--figma-size-10);padding:var(--figma-size-12) var(--figma-size-14);display:flex}.invoice-bank{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--invoice-garis);border-radius:var(--figma-size-10);height:var(--figma-size-38);width:var(--figma-size-38);flex:none;justify-content:center;align-items:center;display:flex}.invoice-bank img{height:var(--figma-size-13);object-fit:contain;width:var(--figma-size-30)}.invoice-kartu-bayar>span:last-child{gap:var(--figma-size-2);flex-direction:column;flex:auto;min-width:0;display:flex}.invoice-kartu-bayar strong{font-size:var(--figma-size-13_5);font-weight:700;line-height:var(--figma-size-19)}.invoice-kartu-bayar small{color:var(--invoice-samar);font-size:var(--figma-size-12);font-weight:500;line-height:var(--figma-size-17)}.invoice-tabel{border:var(--figma-size-1) solid var(--invoice-garis);border-radius:var(--radius-md);border-spacing:0;table-layout:fixed;text-align:left;width:100%;overflow:hidden}.invoice-tabel th,.invoice-tabel td{padding:var(--figma-size-13) var(--figma-size-16);vertical-align:middle}.invoice-tabel th{background:var(--invoice-panel);border-bottom:var(--figma-size-1) solid var(--invoice-garis);color:var(--invoice-samar);font-size:var(--figma-size-11);font-weight:700;line-height:var(--figma-size-15);padding-bottom:var(--figma-size-11);padding-top:var(--figma-size-11);text-transform:uppercase}.invoice-tabel tbody tr:not(:last-child) td{border-bottom:var(--figma-size-1) solid var(--invoice-garis)}.invoice-tabel .is-qty{text-align:center;width:var(--figma-size-54)}.invoice-tabel .is-angka{text-align:right;width:var(--figma-size-140)}.invoice-tabel td{color:var(--invoice-badan);font-size:var(--figma-size-12_5);font-weight:500;line-height:var(--figma-size-17)}.invoice-tabel td.is-jumlah{color:var(--screen-color-primary-text);font-weight:700}.invoice-tabel td strong{color:var(--screen-color-primary-text);font-size:var(--figma-size-13);font-weight:600;line-height:var(--figma-size-18);display:block}.invoice-tabel td small{color:var(--invoice-samar);font-size:var(--figma-size-11_5);font-weight:500;line-height:var(--figma-size-16);margin-top:var(--figma-size-3);display:block}.invoice-bawah{gap:var(--figma-size-24);display:flex}.invoice-catatan{background:var(--invoice-panel);border-radius:var(--radius-md);gap:var(--figma-size-6);min-width:0;padding:var(--figma-size-12) var(--figma-size-14);flex-direction:column;flex:auto;display:flex}.invoice-catatan p:last-child{color:var(--invoice-badan);font-size:var(--figma-size-12);font-weight:500;line-height:var(--figma-size-18)}.invoice-total{gap:var(--figma-size-9);width:var(--figma-size-300);flex-direction:column;flex:none;display:flex}.invoice-total>div{font-size:var(--figma-size-12_5);line-height:var(--figma-size-18);justify-content:space-between;align-items:center;display:flex}.invoice-total span{color:var(--invoice-samar);font-weight:500}.invoice-total strong{text-align:right;font-weight:600}.invoice-grand{background:var(--invoice-lunas-bg);border-radius:var(--radius-md);color:var(--invoice-lunas-teks);padding:var(--figma-size-13) var(--figma-size-14)}.invoice-grand strong{font-size:var(--figma-size-14);font-weight:700;line-height:var(--figma-size-20)}.invoice-grand b{font-size:var(--figma-size-19);font-weight:800;line-height:var(--figma-size-27)}.invoice-kaki{font-size:var(--figma-size-11_5);line-height:var(--figma-size-16);justify-content:space-between;align-items:center;display:flex}.invoice-kaki p{color:var(--invoice-samar);font-weight:500}.invoice-kaki span{color:var(--invoice-lunas-teks);font-weight:600}@media print{.invoice-topbar{display:none}.invoice-wrap{padding:0}.invoice-kertas{box-shadow:none;border:0;width:100%}}
.ongkir-screen{height:var(--ongkir-height)}.ongkir-body{min-height:0;padding:var(--figma-size-48) var(--figma-size-40) var(--figma-size-72);flex:auto;justify-content:center;display:flex}.ongkir-column{width:var(--figma-size-720);flex-direction:column;display:flex}.ongkir-column h1{font-size:var(--figma-size-30);font-weight:800;line-height:var(--figma-size-38);text-align:center;align-self:center;margin:0}.ongkir-column h2{font-size:var(--figma-size-17);font-weight:700;line-height:var(--figma-size-24);margin:0}.ongkir-column p{margin:0}.ongkir-subtitle{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-15);font-weight:500;line-height:var(--figma-size-22);margin-top:var(--figma-size-8);max-width:var(--figma-size-568);text-align:center;align-self:center}.ongkir-badge{background:var(--screen-color-tunggu-chip-bg);border-radius:var(--radius-pill);height:var(--figma-size-88);margin-bottom:var(--figma-size-20);width:var(--figma-size-88);justify-content:center;align-self:center;align-items:center;display:flex}.ongkir-badge.is-late{background:var(--screen-color-bahaya-bg)}.ongkir-badge.is-ready{background:var(--screen-color-success-bg)}.ongkir-badge img{height:var(--figma-size-44);width:var(--figma-size-44);display:block}.ongkir-rail{gap:var(--figma-size-8);margin:var(--figma-size-28) 0 0;padding:0;list-style:none;display:flex}.ongkir-rail__step{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--radius-pill);align-items:center;gap:var(--figma-size-8);min-height:var(--figma-size-44);padding:var(--figma-size-10) var(--figma-size-14);flex:1 1 0;display:flex}.ongkir-rail__step b{font-size:var(--figma-size-13);font-weight:700}.ongkir-rail__number{background:var(--screen-color-muted-fill);border-radius:var(--radius-pill);color:var(--screen-color-langkah-belum-text);flex:0 0 var(--figma-size-24);font-size:var(--figma-size-12);height:var(--figma-size-24);width:var(--figma-size-24);justify-content:center;align-items:center;font-weight:800;display:flex}.ongkir-rail__step[data-state=Selesai] .ongkir-rail__number{background:var(--screen-color-avatar-start);color:var(--screen-color-surface)}.ongkir-rail__step[data-state=Berjalan]{border-color:var(--screen-color-avatar-start)}.ongkir-rail__step[data-state=Berjalan] .ongkir-rail__number{background:var(--screen-color-active-bg);color:var(--screen-color-active-text)}.ongkir-rail__step[data-state=Belum] b{color:var(--screen-color-langkah-belum-text);font-weight:600}.ongkir-card{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--figma-size-14);gap:var(--figma-size-12);margin-top:var(--figma-size-16);padding:var(--figma-size-20);flex-direction:column;display:flex}.ongkir-card.is-late{border-color:var(--screen-color-danger)}.ongkir-card hr{background:var(--screen-color-nav-border);height:var(--figma-size-1);border:0;width:100%;margin:0}.ongkir-card__head{font-size:var(--figma-size-14);justify-content:space-between;align-items:center;font-weight:700;display:flex}.ongkir-card__link{color:var(--screen-color-pelunasan-aksi);cursor:pointer;font:700 var(--figma-size-13) var(--font-plus-jakarta);background:0 0;border:0;padding:0;text-decoration:underline}.ongkir-row{font-size:var(--figma-size-14);align-items:center;gap:var(--figma-size-16);justify-content:space-between;font-weight:500;display:flex}.ongkir-row strong{font-size:var(--figma-size-15);font-weight:700}.ongkir-row.is-total strong{font-size:var(--figma-size-18);font-weight:800}.ongkir-row__pending{color:var(--screen-color-tunggu-chip-text);font-weight:700}.ongkir-note{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-13);font-weight:500;line-height:var(--figma-size-20)}.ongkir-inline-note{color:var(--screen-color-ringkasan-samar);font-size:var(--figma-size-12);font-weight:500;line-height:var(--figma-size-18)}.ongkir-progress{background:var(--screen-color-muted-fill);border-radius:var(--radius-pill);height:var(--figma-size-8);width:100%;overflow:hidden}.ongkir-progress span{background:var(--screen-color-avatar-start);height:100%;display:block}.ongkir-progress.is-late span{background:var(--screen-color-danger)}.ongkir-address__who{font-size:var(--figma-size-14);font-weight:700}.ongkir-address__line{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-14);font-weight:500;line-height:var(--figma-size-22)}.ongkir-explain{background:var(--screen-color-page-bg);border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--radius-md);color:var(--screen-color-admin-item-text);font-size:var(--figma-size-13);gap:var(--figma-size-4);font-weight:500;line-height:var(--figma-size-20);margin-top:var(--figma-size-16);padding:var(--figma-size-14) var(--figma-size-16);flex-direction:column;display:flex}.ongkir-explain.is-warning{background:var(--screen-color-peringatan-bg);border-color:var(--screen-color-peringatan-bg);color:var(--screen-color-peringatan-text)}.ongkir-explain strong{font-size:var(--figma-size-14);font-weight:800}.ongkir-choices{gap:var(--figma-size-10);border:0;flex-direction:column;margin:0;padding:0;display:flex}.ongkir-choice{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:var(--figma-size-14);min-height:var(--figma-size-72);padding:var(--figma-size-14) var(--figma-size-16);display:flex}.ongkir-choice[data-state=Terpilih]{background:var(--screen-color-active-bg);border-color:var(--screen-color-avatar-start)}.ongkir-choice input{accent-color:var(--screen-color-avatar-start);flex:0 0 var(--figma-size-20);height:var(--figma-size-20);width:var(--figma-size-20);margin:0}.ongkir-choice:focus-within{outline:var(--figma-size-2) solid var(--color-accent-default);outline-offset:var(--figma-size-2)}.ongkir-choice__text{gap:var(--figma-size-3);flex-direction:column;flex:auto;display:flex}.ongkir-choice__text strong{font-size:var(--figma-size-15);font-weight:700}.ongkir-choice__text small{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-13);font-weight:500}.ongkir-choice__price{font-size:var(--figma-size-16);font-weight:800}.ongkir-visually-hidden{clip-path:inset(50%);height:var(--figma-size-1);white-space:nowrap;width:var(--figma-size-1);position:absolute;overflow:hidden}.ongkir-actions{gap:var(--figma-size-12);margin-top:var(--figma-size-24);display:flex}.ongkir-button{border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--radius-pill);color:var(--screen-color-primary-text);cursor:pointer;font:700 var(--figma-size-15) var(--font-plus-jakarta);min-height:var(--figma-size-48);padding:var(--figma-size-14);text-align:center;background:0 0;flex:1 1 0;justify-content:center;align-items:center;text-decoration:none;display:flex}.ongkir-button.is-primary{background:var(--screen-color-avatar-start);border-color:var(--screen-color-avatar-start);color:var(--screen-color-surface)}.ongkir-button.is-danger{background:var(--screen-color-danger);border-color:var(--screen-color-danger);color:var(--screen-color-surface)}.ongkir-button:focus-visible{outline:var(--figma-size-2) solid var(--color-accent-default);outline-offset:var(--figma-size-2)}.ongkir-dialog{gap:var(--figma-size-12);width:var(--figma-size-480);flex-direction:column;display:flex}.ongkir-dialog h2{font-size:var(--figma-size-20);margin:0;font-weight:800}.ongkir-dialog p{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-13);font-weight:500;line-height:var(--figma-size-20);margin:0}.ongkir-dialog label{gap:var(--figma-size-6);flex-direction:column;display:flex}.ongkir-dialog label>span{font-size:var(--figma-size-13);font-weight:700}.ongkir-dialog input,.ongkir-dialog textarea{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-soft-border);border-radius:var(--radius-sm);color:var(--screen-color-primary-text);font:500 var(--figma-size-14) var(--font-plus-jakarta);min-height:var(--figma-size-44);padding:var(--figma-size-10) var(--figma-size-12);resize:vertical;width:100%}.ongkir-dialog input:focus-visible,.ongkir-dialog textarea:focus-visible{outline:var(--figma-size-2) solid var(--color-accent-default);outline-offset:var(--figma-size-1)}.ongkir-dialog [aria-invalid=true]{border-color:var(--screen-color-danger)}.ongkir-dialog em{color:var(--screen-color-pelunasan-galat-text);font-size:var(--figma-size-12);font-style:normal;font-weight:600}.ongkir-dialog__pair{gap:var(--figma-size-12);display:flex}.ongkir-dialog__pair label{flex:1 1 0}.ongkir-dialog__actions{gap:var(--figma-size-12);margin-top:var(--figma-size-4);display:flex}
.kembali-screen{--kembali-biru:var(--figma-screen-text-12a97deab75e);--kembali-biru-samar:var(--color-blue-100);height:var(--kembali-height)}.kembali-body{min-height:0;padding:var(--figma-size-48) var(--figma-size-40) var(--figma-size-72);flex:auto;justify-content:center;display:flex}.kembali-column{width:var(--figma-size-720);flex-direction:column;display:flex}.kembali-badge{background:var(--kembali-biru-samar);border-radius:var(--radius-pill);height:var(--figma-size-88);margin-bottom:var(--figma-size-20);width:var(--figma-size-88);justify-content:center;align-self:center;align-items:center;display:flex}.kembali-badge__jam{background:var(--kembali-biru);height:var(--figma-size-44);width:var(--figma-size-44);display:block;-webkit-mask-image:url(/assets/figma/payment-flow/waiting-clock.svg);mask-image:url(/assets/figma/payment-flow/waiting-clock.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.kembali-column h1{font-size:var(--figma-size-30);font-weight:800;line-height:var(--figma-size-38);text-align:center;align-self:center;margin:0}.kembali-column h2{font-size:var(--figma-size-17);font-weight:700;line-height:var(--figma-size-24);margin:0}.kembali-subtitle{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-15);font-weight:500;line-height:var(--figma-size-22);margin:var(--figma-size-8) 0 0;max-width:var(--figma-size-568);text-align:center;align-self:center}.kembali-rel{gap:var(--figma-size-8);margin:var(--figma-size-28) 0 0;padding:0;list-style:none;display:flex}.kembali-rel__langkah{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--radius-pill);align-items:center;gap:var(--figma-size-8);min-height:var(--figma-size-44);padding:var(--figma-size-10) var(--figma-size-12);flex:1 1 0;display:flex}.kembali-rel__langkah b{font-size:var(--figma-size-13);white-space:nowrap;font-weight:700}.kembali-rel__nomor{background:var(--screen-color-muted-fill);border-radius:var(--radius-pill);color:var(--screen-color-langkah-belum-text);flex:0 0 var(--figma-size-24);font-size:var(--figma-size-12);height:var(--figma-size-24);width:var(--figma-size-24);justify-content:center;align-items:center;font-weight:800;display:flex}.kembali-rel__langkah[data-state=Selesai] .kembali-rel__nomor{background:var(--screen-color-avatar-start);color:var(--screen-color-surface)}.kembali-rel__langkah[data-state=Berjalan]{border-color:var(--kembali-biru)}.kembali-rel__langkah[data-state=Berjalan] .kembali-rel__nomor{background:var(--kembali-biru);color:var(--screen-color-surface)}.kembali-rel__langkah[data-state=Belum] b{color:var(--screen-color-langkah-belum-text);font-weight:600}.kembali-kartu{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--figma-size-14);gap:var(--figma-size-12);margin-top:var(--figma-size-16);padding:var(--figma-size-20);flex-direction:column;display:flex}.kembali-kartu hr{background:var(--screen-color-nav-border);height:var(--figma-size-1);border:0;width:100%;margin:0}.kembali-kartu__kepala{align-items:center;gap:var(--figma-size-16);justify-content:space-between;display:flex}.kembali-kartu__tautan{color:var(--screen-color-pelunasan-aksi);font-size:var(--figma-size-13);font-weight:700;text-decoration:underline}.kembali-kartu__tautan:focus-visible{outline:var(--figma-size-2) solid var(--color-accent-default);outline-offset:var(--figma-size-2)}.kembali-cip{background:var(--screen-color-muted-fill);border-radius:var(--radius-pill);color:var(--screen-color-admin-item-text);font-size:var(--figma-size-12);padding:var(--figma-size-6) var(--figma-size-12);flex:none;font-weight:600}.kembali-baris{font-size:var(--figma-size-14);align-items:center;gap:var(--figma-size-16);justify-content:space-between;font-weight:500;display:flex}.kembali-baris strong{font-size:var(--figma-size-15);font-weight:700}.kembali-baris.is-total strong{font-size:var(--figma-size-18);font-weight:800}.kembali-nominal{color:var(--screen-color-pelunasan-aksi)}.kembali-catatan{color:var(--screen-color-ringkasan-samar);font-size:var(--figma-size-12);font-weight:500;line-height:var(--figma-size-18);margin:0}.kembali-linimasa{gap:var(--figma-size-12);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.kembali-linimasa li{align-items:center;gap:var(--figma-size-10);display:flex}.kembali-linimasa b{font-size:var(--figma-size-14);font-weight:600}.kembali-linimasa__titik{background:var(--screen-color-langkah-belum-text);border-radius:var(--radius-pill);flex:0 0 var(--figma-size-8);height:var(--figma-size-8);width:var(--figma-size-8)}.kembali-linimasa li[data-state=Selesai] .kembali-linimasa__titik{background:var(--screen-color-avatar-start)}.kembali-linimasa li[data-state=Berjalan] .kembali-linimasa__titik{background:var(--kembali-biru)}.kembali-linimasa li[data-state=Belum] b,.kembali-linimasa li[data-state=Belum] .kembali-linimasa__jam{color:var(--screen-color-langkah-belum-text)}.kembali-linimasa__jam{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-13);margin-left:auto;font-weight:500}.kembali-penjelas{background:var(--kembali-biru-samar);border-radius:var(--radius-md);color:var(--kembali-biru);font-size:var(--figma-size-13);gap:var(--figma-size-4);font-weight:500;line-height:var(--figma-size-20);margin-top:var(--figma-size-16);padding:var(--figma-size-14) var(--figma-size-16);flex-direction:column;display:flex}.kembali-penjelas strong{font-size:var(--figma-size-14);font-weight:800}.kembali-tombol{gap:var(--figma-size-12);margin-top:var(--figma-size-24);display:flex}.kembali-aksi{border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--radius-pill);color:var(--screen-color-primary-text);cursor:pointer;font:700 var(--figma-size-15) var(--font-plus-jakarta);min-height:var(--figma-size-48);padding:var(--figma-size-14);text-align:center;background:0 0;flex:1 1 0;justify-content:center;align-items:center;text-decoration:none;display:flex}.kembali-aksi.is-primary{background:var(--screen-color-avatar-start);border-color:var(--screen-color-avatar-start);color:var(--screen-color-surface)}.kembali-aksi:focus-visible{outline:var(--figma-size-2) solid var(--color-accent-default);outline-offset:var(--figma-size-2)}.kembali-lembar{gap:var(--figma-size-12);width:var(--figma-size-480);flex-direction:column;display:flex}.kembali-lembar h2{font-size:var(--figma-size-20);margin:0;font-weight:800}.kembali-lembar p{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-14);font-weight:500;line-height:var(--figma-size-22);margin:0}.prototype-dialog .kembali-baris{justify-content:space-between}.prototype-dialog .kembali-tombol{margin-top:var(--figma-size-8)}.prototype-dialog button.kembali-aksi.is-primary{background:var(--screen-color-avatar-start);border-color:var(--screen-color-avatar-start);border-radius:var(--radius-pill);color:var(--screen-color-surface);font-size:var(--figma-size-15);padding:var(--figma-size-14);font-weight:700}
.poin-screen{height:var(--poin-height)}.poin-body{padding:var(--figma-size-40) var(--figma-size-40) var(--figma-size-48);flex:none;justify-content:center;display:flex}.poin-column{gap:var(--figma-size-16);width:var(--figma-size-1080);flex-direction:column;display:flex}.poin-judul{gap:var(--figma-size-4);flex-direction:column;display:flex}.poin-judul h1{font-size:var(--figma-size-26);font-weight:800;line-height:var(--figma-size-34);margin:0}.poin-judul p{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-14);font-weight:500;line-height:var(--figma-size-20);margin:0}.poin-judul__tegas{color:var(--screen-color-primary-text);font-weight:600}.poin-sorot{background:linear-gradient(152deg, var(--screen-color-avatar-start) 0%, var(--screen-color-avatar-end) 74%);border-radius:var(--radius-xl);color:var(--color-white);align-items:center;gap:var(--figma-size-24);padding:var(--figma-size-24) var(--figma-size-28);justify-content:space-between;display:flex}.poin-sorot__angka{gap:var(--figma-size-2);flex-direction:column;display:flex}.poin-sorot__angka>span{font-size:var(--figma-size-13);opacity:.85;font-weight:600}.poin-sorot__angka strong{font-size:var(--figma-size-34);letter-spacing:var(--figma-size-1);font-weight:800;line-height:var(--figma-size-44)}.poin-sorot__angka p{font-size:var(--figma-size-13);font-weight:500;line-height:var(--figma-size-18);max-width:var(--figma-size-500);opacity:.9;margin:0}.poin-sorot__aksi{gap:var(--figma-size-10);flex:none;display:flex}.poin-sorot__aksi a,.poin-sorot__aksi button{border:var(--figma-size-1) solid var(--color-white);border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-family:inherit;font-size:var(--figma-size-14);min-height:var(--figma-size-44);padding:var(--figma-size-10) var(--figma-size-18);background:0 0;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:flex}.poin-sorot__aksi .is-primary{background:var(--color-white);color:var(--screen-color-active-text)}.poin-kartu{background:var(--screen-color-surface);border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--radius-lg);gap:var(--figma-size-12);padding:var(--figma-size-20);flex-direction:column;display:flex}.poin-kartu h2{font-size:var(--figma-size-16);font-weight:700;line-height:var(--figma-size-22);margin:0}.poin-kartu>p{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-14);font-weight:500;line-height:var(--figma-size-22);margin:0}.poin-kartu__kepala{justify-content:space-between;align-items:baseline;display:flex}.poin-kartu__kepala>span{color:var(--screen-color-secondary-text);font-size:var(--figma-size-12);font-weight:600}.poin-riwayat ol{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.poin-baris{border-top:var(--figma-size-1) solid var(--screen-color-footer-divider);align-items:center;gap:var(--figma-size-12);padding:var(--figma-size-12) 0;display:flex}.poin-baris:first-child{border-top:0;padding-top:0}.poin-baris__panah{border-radius:var(--radius-pill);flex:0 0 var(--figma-size-32);height:var(--figma-size-32);width:var(--figma-size-32)}.poin-baris[data-state=masuk] .poin-baris__panah{background:var(--screen-color-success-bg)}.poin-baris[data-state=terpakai] .poin-baris__panah{background:var(--color-amber-100)}.poin-baris__panah:before{content:"";height:100%;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--figma-size-18);mask-size:var(--figma-size-18);width:100%;display:block}.poin-baris[data-state=masuk] .poin-baris__panah:before{background:var(--screen-color-active-text);-webkit-mask-image:url(/assets/figma/poin/poin-masuk.svg);mask-image:url(/assets/figma/poin/poin-masuk.svg)}.poin-baris[data-state=terpakai] .poin-baris__panah:before{background:var(--screen-color-membership-gold-text);-webkit-mask-image:url(/assets/figma/poin/poin-terpakai.svg);mask-image:url(/assets/figma/poin/poin-terpakai.svg)}.poin-baris__teks{gap:var(--figma-size-2);flex-direction:column;flex:auto;display:flex}.poin-baris__teks strong{font-size:var(--figma-size-14);font-weight:700}.poin-baris__teks span{color:var(--screen-color-secondary-text);font-size:var(--figma-size-12);font-weight:500}.poin-baris__nilai{align-items:flex-end;gap:var(--figma-size-4);flex-direction:column;flex:none;display:flex}.poin-baris__nilai strong{font-size:var(--figma-size-14);white-space:nowrap;font-weight:700}.poin-baris[data-state=masuk] .poin-baris__nilai strong{color:var(--screen-color-active-text)}.poin-baris[data-state=terpakai] .poin-baris__nilai strong{color:var(--screen-color-membership-gold-text)}.poin-cip{background:var(--screen-color-muted-fill);border-radius:var(--radius-pill);color:var(--screen-color-admin-item-text);font-size:var(--figma-size-11);padding:var(--figma-size-2) var(--figma-size-8);white-space:nowrap;font-weight:600}.poin-cip.is-tingkat{background:var(--screen-color-membership-gold-bg);border:var(--figma-size-1) solid var(--screen-color-membership-gold-border);color:var(--screen-color-membership-gold-text);font-size:var(--figma-size-12);padding:var(--figma-size-4) var(--figma-size-12)}.poin-riwayat__kaki{border-top:var(--figma-size-1) solid var(--screen-color-border);color:var(--screen-color-secondary-text);font-size:var(--figma-size-12);padding-top:var(--figma-size-12);justify-content:space-between;font-weight:600;display:flex}.poin-tukar .poin-column{width:var(--figma-size-1120)}.poin-tukar__isi{gap:var(--figma-size-24);grid-template-columns:var(--figma-size-728) var(--figma-size-360);justify-content:center;display:grid}.poin-tukar__utama,.poin-tukar__samping{gap:var(--figma-size-16);flex-direction:column;display:flex}.poin-saldo__kepala{justify-content:space-between;align-items:flex-start;display:flex}.poin-saldo__kepala>div{gap:var(--figma-size-2);flex-direction:column;display:flex}.poin-saldo__kepala>div>span{color:var(--screen-color-secondary-text);font-size:var(--figma-size-13);font-weight:600}.poin-saldo__kepala p{align-items:baseline;gap:var(--figma-size-8);margin:0;display:flex}.poin-saldo__kepala p strong{font-size:var(--figma-size-32);letter-spacing:var(--figma-size-1);font-weight:800;line-height:var(--figma-size-40)}.poin-saldo__kepala p span{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-14);font-weight:600}.poin-saldo__rel{background:var(--screen-color-page-bg);border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--radius-md);gap:var(--figma-size-8);padding:var(--figma-size-12) var(--figma-size-14);flex-direction:column;display:flex}.poin-saldo__label{font-size:var(--figma-size-13);justify-content:space-between;font-weight:600;display:flex}.poin-saldo__label span:last-child{color:var(--screen-color-secondary-text)}.poin-saldo__batang{background:var(--screen-color-muted-fill);border-radius:var(--radius-pill);height:var(--figma-size-8);overflow:hidden}.poin-saldo__batang span{background:var(--screen-color-avatar-start);border-radius:var(--radius-pill);height:100%;display:block}.poin-pilihan{gap:var(--figma-size-12);grid-template-columns:1fr 1fr;display:grid}.poin-pilihan__kartu{background:var(--screen-color-page-bg);border:var(--figma-size-1) solid var(--screen-color-border);border-radius:var(--radius-md);align-items:flex-start;gap:var(--figma-size-8);padding:var(--figma-size-16);flex-direction:column;display:flex}.poin-pilihan__kartu strong{font-size:var(--figma-size-15);font-weight:700}.poin-pilihan__kartu .poin-cip{background:var(--screen-color-success-bg);color:var(--screen-color-active-text);font-size:var(--figma-size-12);padding:var(--figma-size-4) var(--figma-size-10)}.poin-pilihan__kartu p{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-13);font-weight:500;line-height:var(--figma-size-18);margin:0}.poin-pilihan__kartu button{background:var(--screen-color-avatar-start);border:var(--figma-size-1) solid var(--screen-color-avatar-start);border-radius:var(--radius-sm);color:var(--color-white);cursor:pointer;font-family:inherit;font-size:var(--figma-size-14);min-height:var(--figma-size-44);width:100%;margin-top:auto;font-weight:700}.poin-pilihan__kartu[data-state=Kurang] button{background:var(--screen-color-surface);border-color:var(--screen-color-soft-border);color:var(--screen-color-secondary-text);cursor:not-allowed}.poin-tukar__baris{border-top:var(--figma-size-1) solid var(--screen-color-footer-divider);align-items:center;gap:var(--figma-size-12);padding:var(--figma-size-12) 0;justify-content:space-between;display:flex}.poin-tukar__baris:first-child{border-top:0;padding-top:0}.poin-tukar__baris>div{gap:var(--figma-size-2);flex-direction:column;display:flex}.poin-tukar__baris strong{font-size:var(--figma-size-14);font-weight:700}.poin-tukar__baris>strong{color:var(--screen-color-membership-gold-text);white-space:nowrap}.poin-tukar__baris span{color:var(--screen-color-secondary-text);font-size:var(--figma-size-12);font-weight:500}.poin-kosong{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-13);font-weight:500;line-height:var(--figma-size-18);margin:0}.poin-masa{background:var(--screen-color-success-bg);border:var(--figma-size-1) solid var(--screen-color-success-border);border-radius:var(--radius-lg);gap:var(--figma-size-8);padding:var(--figma-size-16);flex-direction:column;display:flex}.poin-masa strong{color:var(--screen-color-success-copy);font-size:var(--figma-size-14);font-weight:700}.poin-masa p{color:var(--screen-color-success-copy);font-size:var(--figma-size-13);font-weight:500;line-height:var(--figma-size-18);margin:0}.poin-masa button{color:var(--screen-color-active-text);cursor:pointer;font-family:inherit;font-size:var(--figma-size-13);background:0 0;border:0;align-self:flex-start;padding:0;font-weight:700;text-decoration:underline}.poin-lembar__daftar{color:var(--screen-color-admin-item-text);font-size:var(--figma-size-14);font-weight:500;line-height:var(--figma-size-20);padding-left:var(--figma-size-20);margin:0}.poin-lembar__daftar li+li{margin-top:var(--figma-size-8)}.poin-lembar__catatan{color:var(--screen-color-secondary-text);font-size:var(--figma-size-13);font-weight:500;line-height:var(--figma-size-18);margin:0}