:root{--green:#00a67e;--green-light:#4ade80;--green-dark:#065f46;--green-tint:#e6f6f1;--sky:#0ea5e9;--sky-tint:#e0f2fe;--dark:#1e293b;--gray:#64748b;--gray-light:#94a3b8;--border:#e2e8f0;--bg:#f8fafc;--white:#fff;--danger:#dc2626;--danger-tint:#fee2e2;--font:"Urbanist", system-ui, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 8px 24px #0f172a14;--topbar-height-mobile:56px;--bottomnav-height-mobile:64px;--sidebar-width:240px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--dark);font-family:var(--font);margin:0;font-size:16px;line-height:1.5}#root{min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:var(--font);letter-spacing:-.01em;margin:0;line-height:1.2}p{margin:0}ul{margin:0;padding:0;list-style:none}button{cursor:pointer}:focus-visible{outline:2px solid var(--green);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.sorot-pulse{border-radius:var(--radius-md);animation:1.1s ease-out 2 sorot-pulse}}@media (prefers-reduced-motion:reduce){.sorot-pulse{border-radius:var(--radius-md);outline:3px solid var(--green);outline-offset:2px}}@keyframes sorot-pulse{0%,to{box-shadow:0 0 #00a67e73}50%{box-shadow:0 0 0 10px #00a67e00}}.banner{border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.banner-success{background:var(--green-tint);color:var(--green-dark)}.banner-error{background:var(--danger-tint);color:var(--danger)}.banner-info{background:var(--sky-tint);color:#075985}.banner-close{color:inherit;background:0 0;border:none;min-height:28px;padding:0 4px;font-size:20px;line-height:1}.banner a{color:inherit;white-space:nowrap;text-decoration:underline}.app-shell{min-height:100vh}.app-brand{color:var(--dark);align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.app-topbar{height:var(--topbar-height-mobile);background:var(--white);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.app-topbar .app-brand span{text-overflow:ellipsis;white-space:nowrap;max-width:55vw;font-size:16px;overflow:hidden}.app-topbar-logout{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--gray);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.app-topbar-logout:hover{background:var(--green-tint);color:var(--green-dark)}.app-sidebar{display:none}.app-content{padding:calc(var(--topbar-height-mobile) + 20px) 16px calc(var(--bottomnav-height-mobile) + 24px);max-width:720px;margin:0 auto}.app-bottomnav{background:var(--white);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0);z-index:10;scrollbar-width:none;-ms-overflow-style:none;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:auto hidden}.app-bottomnav::-webkit-scrollbar{display:none}.app-bottomnav-link{min-height:var(--bottomnav-height-mobile);color:var(--gray);white-space:nowrap;flex-direction:column;flex:1 0 54px;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.app-bottomnav-link.active{color:var(--green)}@media (width>=880px){.app-topbar,.app-bottomnav{display:none}.app-sidebar{width:var(--sidebar-width);background:var(--white);border-right:1px solid var(--border);flex-direction:column;gap:24px;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.app-store-name{color:var(--gray);text-overflow:ellipsis;white-space:nowrap;margin-top:-16px;font-size:13px;font-weight:600;overflow:hidden}.app-sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.app-nav-link{border-radius:var(--radius-md);color:var(--gray);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:11px 12px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.app-nav-link:hover,.app-nav-link.active{background:var(--green-tint);color:var(--green-dark)}.app-logout{color:var(--gray)}.app-content{margin-left:var(--sidebar-width);max-width:880px;padding:40px 40px 56px}.app-content.app-content-wide{max-width:1440px}}.app-nav-badge{background:var(--danger);color:#fff;text-align:center;border-radius:999px;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:800;line-height:20px}.app-nav-link .app-nav-badge{margin-left:auto}.app-bottomnav-link{position:relative}.app-bottomnav-link .app-nav-badge{min-width:18px;height:18px;padding:0 5px;font-size:10px;line-height:18px;position:absolute;top:4px;left:calc(50% + 6px)}.app-nav-dot{background:var(--danger);border-radius:999px;flex-shrink:0;width:9px;height:9px}.app-nav-link .app-nav-dot{margin-left:auto}.app-bottomnav-link .app-nav-dot{position:absolute;top:9px;left:calc(50% + 8px)}.btn{border-radius:var(--radius-md);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-size:15px;font-weight:700;text-decoration:none;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-full{width:100%}.btn-primary{background:var(--green);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--green-dark)}.btn-secondary{background:var(--white);color:var(--dark);border-color:var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--gray-light)}.btn-danger{background:var(--white);color:var(--danger);border-color:var(--danger-tint)}.btn-danger:hover:not(:disabled){background:var(--danger-tint)}.btn-ghost{color:var(--gray);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--green-tint);color:var(--green-dark)}.btn-spinner{opacity:.8;border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}.fullscreen-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px;display:flex}.fullscreen-state-text{color:var(--gray);max-width:320px;font-weight:600}.welcome-modal-backdrop{z-index:1100;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.welcome-modal{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:360px;box-shadow:var(--shadow-md);text-align:center;padding:32px 24px 24px;position:relative}.welcome-modal-close{width:32px;height:32px;color:var(--gray);background:0 0;border:none;border-radius:50%;font-size:20px;line-height:1;position:absolute;top:10px;right:10px}.welcome-modal-close:hover{background:var(--bg);color:var(--dark)}.welcome-modal-illustration{background:var(--green-tint);width:76px;height:76px;color:var(--green-dark);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.welcome-modal h2{margin-bottom:10px;font-size:18px}.welcome-modal-body{color:var(--gray);font-size:14px;line-height:1.55}.welcome-modal-dots{justify-content:center;gap:6px;margin:20px 0;display:flex}.welcome-modal-dot{background:var(--border);border-radius:50%;width:7px;height:7px}.welcome-modal-dot.active{background:var(--green);border-radius:4px;width:18px}@media (prefers-reduced-motion:no-preference){.welcome-modal-dot{transition:width .2s,background-color .2s}}.welcome-modal-actions{gap:10px;display:flex}.welcome-modal-actions .btn{flex:1}.tour-spotlight{z-index:999;pointer-events:none;border-radius:14px;position:fixed;box-shadow:0 0 0 9999px #0f172a9e}.tour-balloon{z-index:1000;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:16px;position:fixed}@media (prefers-reduced-motion:no-preference){.tour-spotlight,.tour-balloon{transition:top .22s,left .22s,bottom .22s,width .22s,height .22s}}.tour-balloon-arrow{background:var(--white);width:14px;height:14px;position:absolute;transform:translate(-50%)rotate(45deg)}.tour-balloon[data-placement=bottom] .tour-balloon-arrow{top:-6px}.tour-balloon[data-placement=top] .tour-balloon-arrow{bottom:-6px}.tour-balloon-title{margin-bottom:6px;font-size:15px;font-weight:800}.tour-balloon-body{color:var(--gray);margin-bottom:14px;font-size:13px;line-height:1.5}.tour-balloon-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.tour-balloon-step{color:var(--gray-light);white-space:nowrap;font-size:12px;font-weight:700}.tour-balloon-actions{gap:4px;margin-left:auto;display:flex}.tour-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;min-height:36px;padding:6px 12px;font-size:13px;font-weight:700}.tour-btn-ghost{color:var(--gray);background:0 0}.tour-btn-ghost:hover{background:var(--bg);color:var(--dark)}.tour-btn-primary{background:var(--green);color:var(--white)}.tour-btn-primary:hover{background:var(--green-dark)}.login-gagal{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-gagal-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-md);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;display:flex}.login-gagal-card h1{font-size:19px}.login-gagal-desc{color:var(--gray);font-size:14px;line-height:1.55}.login-gagal-actions{flex-direction:column;gap:10px;width:100%;margin-top:8px;display:flex}.login-gagal-wa{color:#25d366}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.stepper{flex-direction:column;gap:0;display:flex}.stepper-item{gap:12px;padding-bottom:20px;display:flex;position:relative}.stepper-item:last-child{padding-bottom:0}.stepper-icon{z-index:1;background:var(--white);flex:none;display:flex}.stepper-done .stepper-icon{color:var(--green)}.stepper-current .stepper-icon{color:var(--sky)}.stepper-todo .stepper-icon{color:var(--gray-light)}.stepper-body{flex-direction:column;gap:2px;padding-top:1px;display:flex}.stepper-label{color:var(--dark);font-size:14px;font-weight:700}.stepper-todo .stepper-label{color:var(--gray)}.stepper-note{color:var(--gray);font-size:13px}.stepper-line{background:var(--border);width:2px;position:absolute;top:24px;bottom:-4px;left:10px}.checklist-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.checklist-header h2{font-size:16px}.checklist-count{color:var(--gray);font-size:13px;font-weight:700}.checklist-progress{background:var(--border);border-radius:999px;height:8px;margin-bottom:16px;overflow:hidden}.checklist-progress-bar{background:var(--green);border-radius:inherit;height:100%}@media (prefers-reduced-motion:no-preference){.checklist-progress-bar{transition:width .3s}}.checklist-list{flex-direction:column;gap:8px;display:flex}.checklist-item{border-radius:var(--radius-md);align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.checklist-item-todo{border:1px solid var(--border);color:var(--dark);text-decoration:none}.checklist-item-todo:hover{border-color:var(--green);color:var(--green-dark)}.checklist-item-todo svg{color:var(--gray-light);flex-shrink:0}.checklist-item-done{color:var(--gray)}.checklist-item-done svg{color:var(--green);flex-shrink:0}.checklist-done{text-align:center;color:var(--green-dark);flex-direction:column;align-items:center;gap:10px;padding:12px 0 4px;display:flex}.checklist-done svg{width:32px;height:32px}.checklist-done p{color:var(--dark);font-weight:700}.field{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.field-label{color:var(--dark);font-size:14px;font-weight:700}.field-required{color:var(--danger)}.field-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--white);width:100%;min-height:44px;padding:10px 14px;font-size:16px}.field-input:focus-visible{border-color:var(--green)}.field-textarea{resize:vertical;min-height:120px;line-height:1.5}.field-hint{color:var(--gray);font-size:13px}.field-invalid .field-input{border-color:var(--danger)}.field-error{color:var(--danger);font-size:13px;font-weight:600}.bahan{flex-direction:column;gap:16px;min-width:0;display:flex}.bahan-title{margin-bottom:6px;font-size:24px}.bahan-lead,.bahan-muted{color:var(--gray);font-size:14px}.bahan-progress-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-bottom:10px;display:flex}.bahan-bar{background:var(--border);border-radius:999px;height:8px;margin-bottom:12px;overflow:hidden}.bahan-bar span{background:var(--green);border-radius:inherit;height:100%;transition:width .3s;display:block}.bahan-chips{flex-wrap:wrap;gap:8px;margin:0 0 10px;padding:0;list-style:none;display:flex}.bahan-chip{border:1px solid var(--border);background:var(--white);color:var(--dark);border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.bahan-chip.done{background:var(--green-tint);color:var(--green-dark);border-color:#0000}.bahan-chip-opt{color:var(--gray);font-weight:500}.bahan-status{background:var(--sky-tint);color:#075985;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.bahan-status.sent{background:var(--green-tint);color:var(--green-dark)}.bahan-status.locked{background:var(--border);color:var(--dark)}.bahan-fieldset{border:0;flex-direction:column;gap:16px;min-width:0;margin:0;padding:0;display:flex}.bahan-section{min-width:0;scroll-margin-top:80px}.bahan-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.bahan-section h2{font-size:17px}.bahan-section-note{margin-bottom:14px}.bahan-tag{background:var(--bg);color:var(--gray);border:1px solid var(--border);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.bahan-tag.req{color:var(--danger);border-color:var(--danger-tint);background:var(--white)}.bahan-tag.done{color:var(--green-dark);background:var(--green-tint);border-color:#0000}.bahan-missing{color:var(--danger);margin-bottom:14px;font-size:13px;font-weight:600}.bahan-subhead{margin:4px 0 8px;font-size:14px;font-weight:700}.bahan-photos{margin-bottom:16px}.bahan-photo-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.bahan-photo{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);position:relative;overflow:hidden}.bahan-photo img{object-fit:cover;width:100%;height:100%}.bahan-photo-remove{width:32px;height:32px;color:var(--danger);cursor:pointer;background:#ffffffeb;border:none;border-radius:999px;place-items:center;display:grid;position:absolute;top:6px;right:6px}.bahan-photo-add{aspect-ratio:1;border:2px dashed var(--border);border-radius:var(--radius-md);background:var(--white);width:100%;color:var(--gray);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:13px;font-weight:700;display:flex}.bahan-photo-add:hover:not(:disabled){border-color:var(--green);color:var(--green-dark)}.bahan-upload-errors{color:var(--danger);margin:8px 0 0;padding-left:18px;font-size:13px;font-weight:600}.bahan-items{flex-direction:column;gap:12px;margin:0 0 14px;padding:0;list-style:none;display:flex}.bahan-item{border:1px solid var(--border);border-radius:var(--radius-md);min-width:0;padding:14px 14px 0}.bahan-item-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.bahan-item-remove{border:1px solid var(--danger-tint);border-radius:var(--radius-md);background:var(--white);width:40px;height:40px;color:var(--danger);cursor:pointer;flex-shrink:0;place-items:center;display:grid}.bahan-grid-2{grid-template-columns:1fr;gap:0 12px;display:grid}@media (width>=640px){.bahan-grid-2{grid-template-columns:1fr 1fr}}.bahan-bulk{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:16px;display:flex}.bahan-bulk .btn{max-width:100%}.bahan-zones{margin:0 0 12px;padding:0;list-style:none}.bahan-zone{grid-template-columns:minmax(0,1fr) minmax(0,120px) auto;align-items:start;gap:10px;display:grid}.bahan-zone-remove{margin-top:28px}.bahan-team{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.bahan-team-item{align-items:flex-start;gap:12px;min-width:0;display:flex}.bahan-team-item img{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);flex-shrink:0;width:72px;height:72px}.bahan-team-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.bahan-actions{bottom:calc(var(--bottomnav-height-mobile) + 8px);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-md);z-index:5;flex-direction:column;gap:10px;padding:14px 16px;display:flex;position:sticky}@media (width>=880px){.bahan-actions{bottom:16px}}.bahan-actions-buttons{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.bahan-actions-buttons .btn{flex:140px}.bahan-save{color:var(--gray);font-size:13px}.bahan-save.error{color:var(--danger);font-weight:600}.bahan-home{border-color:var(--green);background:linear-gradient(180deg, var(--green-tint), var(--white) 70%);flex-direction:column;gap:12px;display:flex}.bahan-home-head{align-items:flex-start;gap:12px;display:flex}.bahan-home-head h2{margin-bottom:4px;font-size:17px}.bahan-home-icon{border-radius:var(--radius-md);background:var(--green);width:40px;height:40px;color:var(--white);flex-shrink:0;place-items:center;display:grid}.bahan-home .bahan-bar{margin-bottom:0}.bahan-home-cta{align-self:flex-start}.pratinjau-card{border-color:var(--sky);flex-direction:column;gap:12px;display:flex}.pratinjau-card h2{font-size:17px}.pratinjau-link{align-self:flex-start;max-width:100%}.pratinjau-note{color:var(--dark);overflow-wrap:anywhere;font-weight:600}.pratinjau-actions{flex-wrap:wrap;gap:10px;display:flex}.pratinjau-actions .btn{flex:160px}.pratinjau-revisi .field{margin-bottom:10px}.pratinjau-fine{color:var(--gray);font-size:13px}.beranda{flex-direction:column;gap:16px;display:flex}.beranda-hero h1{margin-bottom:6px;font-size:24px}.beranda-tagline{color:var(--gray);margin-bottom:10px;font-size:14px}.beranda-site-link{color:var(--green);align-items:center;gap:6px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.beranda-site-pending{color:var(--gray);font-size:13px;font-style:italic}.beranda-ulangi-panduan{color:var(--green-dark);background:0 0;border:none;margin-top:10px;padding:0;font-size:13px;font-weight:700;text-decoration:underline;display:inline-block}.beranda-card h2{margin-bottom:16px;font-size:16px}.beranda-muted{color:var(--gray);font-size:14px}.beranda-show-checklist{color:var(--green-dark);background:0 0;border:none;align-self:flex-start;padding:4px 0;font-size:13px;font-weight:700;text-decoration:underline}.beranda-missing-link{border-radius:var(--radius-md);border:1px solid var(--border);color:var(--dark);justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.beranda-missing-link:hover{border-color:var(--green);color:var(--green-dark)}.beranda-permintaan-link{margin-top:4px}.beranda-help{border-radius:var(--radius-md);min-height:48px;color:var(--white);background:#25d366;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-weight:700;text-decoration:none;display:flex}.confirm-bar{border-radius:var(--radius-md);background:var(--danger-tint);flex-direction:column;gap:12px;margin-top:12px;padding:16px;display:flex}.confirm-bar p{color:var(--dark);font-size:14px;font-weight:600}.confirm-bar-actions{flex-wrap:wrap;gap:10px;display:flex}.profil h1{font-size:22px}.profil-layout{flex-direction:column;display:flex}.profil-tabs-col{margin:0 -16px 16px}.profil-tabs{top:var(--topbar-height-mobile);z-index:5;background:var(--bg);border-bottom:1px solid var(--border);gap:4px;padding:8px 16px;display:flex;position:sticky}.profil-tab{border-radius:var(--radius-sm);background:var(--white);min-height:40px;color:var(--gray);white-space:nowrap;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-size:13px;font-weight:700;display:flex}.profil-tab.active{background:var(--green-tint);color:var(--green-dark)}.profil-tab-dot{background:var(--danger);border-radius:50%;flex:none;width:7px;height:7px}.profil-preview{display:none}.profil-tab-panel form{flex-direction:column;display:flex}@media (width>=880px){.profil-layout{flex-direction:row;align-items:flex-start;gap:24px}.profil-tabs-col{flex-direction:column;flex:none;gap:20px;width:200px;margin:0;display:flex;position:sticky;top:40px}.profil-tabs{background:0 0;border-bottom:none;flex-direction:column;padding:4px;position:static}.profil-tab{justify-content:flex-start;padding:10px 12px}.profil-tab-panel{flex:1;min-width:0}.profil-preview{text-align:center;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:6px;padding:20px 16px;display:flex}.profil-preview-logo{border-radius:50%;flex:none;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;font-weight:800;display:flex;overflow:hidden}.profil-preview-logo img{object-fit:cover;width:100%;height:100%}.profil-preview-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:800;overflow:hidden}.profil-preview-tagline{color:var(--gray);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.profil-preview-dot{border-radius:50%;width:16px;height:16px;margin-top:4px}}.profil-section-hint{color:var(--gray);margin:-4px 0 16px;font-size:14px}.profil-subtitle{color:var(--gray);margin:4px 0 16px;font-size:14px}.profil-section{margin-bottom:16px}.profil-section h2{margin-bottom:16px;font-size:16px}.profil-logo-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.profil-logo-preview{background:var(--green-tint);width:72px;height:72px;color:var(--green-dark);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:26px;font-weight:800;display:flex;overflow:hidden}.profil-logo-preview img{object-fit:cover;width:100%;height:100%}.profil-file-input{display:none}.profil-color-row{align-items:flex-start;gap:12px;display:flex}.profil-color-swatch{border-radius:var(--radius-sm);border:1px solid var(--border);flex:none;width:44px;height:44px;margin-top:22px;padding:2px}.profil-color-text{flex:1;min-width:0}.profil-preview-label{color:var(--gray);margin-bottom:8px;font-size:13px}.profil-preview-button{border-radius:var(--radius-md);min-height:44px;color:var(--white);border:none;padding:0 20px;font-weight:700}.profil-template{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.profil-template-figure{width:200px;max-width:100%;margin:0}.profil-template-figure figcaption{color:var(--gray);margin-top:6px;font-size:12px}.profil-template-shot{aspect-ratio:16/10;object-fit:cover;object-position:top left;border:1px solid var(--border);border-radius:var(--radius-md);width:100%;display:block}.profil-template-info{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:200px;display:flex}.profil-template-label{color:var(--gray);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.profil-template-name{font-size:18px}.profil-template-info .profil-section-hint{margin:4px 0 12px}.profil-help{color:var(--gray);margin:-4px 0 14px;font-size:14px}.profil-cover-preview{aspect-ratio:16/7;border-radius:var(--radius-md);background:var(--green-tint);color:var(--gray);place-items:center;margin-bottom:12px;font-size:14px;display:grid;overflow:hidden}.profil-cover-preview img{object-fit:cover;width:100%;height:100%}.profil-cover-actions{flex-wrap:wrap;gap:8px;display:flex}.profil-social-grid{grid-template-columns:1fr;column-gap:16px;display:grid}@media (width>=880px){.profil-social-grid{grid-template-columns:1fr 1fr}}.empty-state{text-align:center;border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--white);flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.empty-state-icon{color:var(--gray-light);margin-bottom:4px}.empty-state-title{color:var(--dark);font-size:16px;font-weight:700}.empty-state-description{color:var(--gray);max-width:320px;font-size:14px}.empty-state-action{margin-top:8px}.plan-locked{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.plan-locked h2{font-size:18px}.plan-locked p{color:var(--gray);font-size:14px}.plan-locked-link{text-decoration:none}.hub-upsell{border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--white);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin:16px 0;padding:14px 16px;display:flex}.hub-upsell p{min-width:220px;color:var(--gray);flex:1;margin:0;font-size:14px}.hub-upsell strong{color:var(--dark)}.page-list h1{font-size:22px}.page-list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-list-header h1{margin:0}.page-list-muted{color:var(--gray);font-size:14px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.item-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--dark);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:16px;text-decoration:none;display:flex}.item-card:hover{border-color:var(--green)}.item-card-thumb{aspect-ratio:4/3;border-radius:var(--radius-md);background:var(--green-tint);width:100%;color:var(--green-dark);justify-content:center;align-items:center;font-size:32px;font-weight:800;display:flex;overflow:hidden}.item-card-thumb img{object-fit:cover;width:100%;height:100%}.item-card-body{flex-direction:column;gap:4px;display:flex}.item-card-title{font-size:15px;font-weight:700}.item-card-price{color:var(--gray);font-size:14px;font-weight:600}.item-card-stock{color:var(--gray);margin:0;font-size:13px}.item-card-stock.habis{color:#b91c1c;font-weight:700}.badge{border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-active{background:var(--green-tint);color:var(--green-dark)}.badge-inactive{background:var(--border);color:var(--gray)}.badge-draft{background:var(--sky-tint);color:#075985}.badge-warning{color:#92400e;background:#fef3c7}.badge-danger{background:var(--danger-tint);color:var(--danger)}.row-list{flex-direction:column;gap:10px;display:flex}.row-item{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--dark);justify-content:space-between;align-items:center;gap:12px;padding:16px;text-decoration:none;display:flex}.row-item:hover{border-color:var(--green)}.row-item-main{flex-direction:column;gap:4px;min-width:0;display:flex}.row-item-title{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.row-item-meta{color:var(--gray);font-size:13px}.danger-zone{border-top:1px solid var(--border);margin-top:32px;padding-top:20px}.produk-form h1{margin-bottom:16px;font-size:22px}.produk-thumb-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.produk-thumb-preview{border-radius:var(--radius-md);background:var(--green-tint);width:96px;height:96px;color:var(--green-dark);flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;overflow:hidden}.produk-thumb-preview img{object-fit:cover;width:100%;height:100%}.produk-stock{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.produk-status-row{margin-bottom:20px}.switch-label{align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.switch-label input[type=checkbox]{width:20px;height:20px}.produk-form-actions{flex-wrap:wrap;gap:12px;display:flex}.produk-varian{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--white);flex-direction:column;gap:12px;margin-bottom:20px;padding:16px;display:flex}.varian-editor{flex-direction:column;gap:12px;display:flex}.varian-opsi{align-items:flex-start;gap:8px;display:flex}.varian-opsi-fields{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:0 12px;display:grid}.varian-hapus{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);width:44px;height:44px;color:var(--gray);cursor:pointer;flex:none;place-items:center;margin-top:28px;display:grid}.varian-tambah{align-self:flex-start}.varian-semua{align-items:flex-end;gap:8px;display:flex}.varian-semua .field{flex:1;margin-bottom:0}.varian-jumlah{color:var(--gray);margin:0;font-size:13px}.varian-jumlah-lebih{color:#b91c1c;font-weight:700}.varian-tabel{flex-direction:column;gap:6px;display:flex}.varian-baris{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.7fr);align-items:center;gap:8px;display:grid}.varian-kepala{color:var(--gray);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.varian-nama{overflow-wrap:anywhere;font-size:14px;font-weight:600}@media (width<=520px){.varian-opsi-fields{grid-template-columns:1fr}}.layanan-list{margin:12px 0 0;padding:0;list-style:none}.layanan-row{align-items:stretch;gap:8px;display:flex}.layanan-row-link{flex:1;min-width:0}.layanan-move{flex-direction:column;gap:4px;display:flex}.layanan-move-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);width:40px;min-height:32px;color:var(--dark);cursor:pointer;flex:1;place-items:center;display:grid}.layanan-move-btn:hover:not(:disabled){border-color:var(--green)}.layanan-move-btn:disabled{color:var(--border);cursor:default}.layanan-disabled{opacity:.5;pointer-events:none}.layanan-preview{margin:4px 0 20px}.galeri-settings{margin-bottom:16px}.galeri-settings h2{margin-bottom:14px;font-size:16px}.galeri-toggle{margin-bottom:4px}.galeri-toggle-hint{margin:0 0 20px 30px}.galeri-section-label{margin-bottom:10px}.galeri-layout-options{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;display:grid}.galeri-layout-option{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;display:flex}.galeri-layout-option:hover:not(:disabled){border-color:var(--gray-light)}.galeri-layout-option.active{border-color:var(--green);background:var(--green-tint)}.galeri-layout-option:disabled{opacity:.6;cursor:not-allowed}.galeri-layout-title{color:var(--dark);font-size:13px;font-weight:700}.galeri-layout-hint{color:var(--gray);font-size:11px;line-height:1.3}.galeri-sketch{width:52px;height:38px}.galeri-sketch-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:3px;display:grid}.galeri-sketch-grid span{background:var(--green);opacity:.35;border-radius:2px}.galeri-layout-option.active .galeri-sketch-grid span{opacity:.6}.galeri-sketch-masonry{align-items:flex-end;gap:3px;display:flex}.galeri-sketch-masonry span{background:var(--green);opacity:.35;border-radius:2px;flex:1}.galeri-layout-option.active .galeri-sketch-masonry span{opacity:.6}.galeri-sketch-tall{height:38px}.galeri-sketch-short{height:22px}.galeri-sketch-slider{justify-content:center;align-items:center;gap:4px;display:flex}.galeri-sketch-slider span{background:var(--green);opacity:.25;border-radius:2px;width:12px;height:30px}.galeri-sketch-slider .galeri-sketch-active{opacity:.6;width:18px}.galeri-label-row{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.galeri-label-row .field{flex:1;min-width:200px;margin-bottom:0}.galeri-label-row .btn{flex:none;margin-top:28px}.galeri-upload{margin-bottom:16px}.galeri-upload-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.galeri-upload-head h2{font-size:16px}.galeri-dropzone{text-align:center;border:2px dashed var(--border);border-radius:var(--radius-lg);color:var(--gray);flex-direction:column;align-items:center;gap:8px;padding:28px 16px;display:flex;position:relative}.galeri-dropzone.active{border-color:var(--green);background:var(--green-tint);color:var(--green-dark)}.galeri-dropzone.disabled{opacity:.6}.galeri-dropzone-text{margin:0;font-size:14px;font-weight:600}.galeri-upload-progress{flex-direction:column;gap:6px;margin-top:14px;display:flex}.galeri-upload-progress-bar{background:var(--border);border-radius:999px;height:8px;overflow:hidden}.galeri-upload-progress-bar span{background:var(--green);height:100%;transition:width .2s;display:block}.galeri-error-list{flex-direction:column;gap:4px;display:flex}.galeri-filter-row{flex-wrap:wrap;gap:8px;margin:4px 0 14px;display:flex}.galeri-filter-chip{border:1px solid var(--border);background:var(--white);color:var(--gray);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}.galeri-filter-chip:hover{border-color:var(--gray-light)}.galeri-filter-chip.active{background:var(--green-tint);border-color:var(--green);color:var(--green-dark)}.galeri-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.galeri-cell{flex-direction:column;gap:6px;display:flex}.galeri-thumb{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);cursor:pointer;width:100%;padding:0;display:block;position:relative;overflow:hidden}.galeri-thumb img{object-fit:cover;width:100%;height:100%}.galeri-cell[draggable=true] .galeri-thumb{cursor:grab}.galeri-cell.drag-over .galeri-thumb{border-color:var(--green);box-shadow:0 0 0 2px var(--green-tint)}.galeri-thumb-badge{max-width:calc(100% - 12px);color:var(--white);text-overflow:ellipsis;white-space:nowrap;background:#0f172aa6;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;bottom:6px;left:6px;overflow:hidden}.galeri-move{justify-content:center;gap:6px;display:flex}.galeri-move .layanan-move-btn{min-height:32px}.galeri-edit-backdrop{z-index:1100;background:#0f172a8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.galeri-edit-panel{background:var(--white);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:480px;max-height:92vh;box-shadow:var(--shadow-md);padding:28px 20px 24px;position:relative;overflow-y:auto}.galeri-edit-close{width:36px;height:36px;color:var(--gray);background:0 0;border:none;border-radius:50%;font-size:22px;line-height:1;position:absolute;top:10px;right:10px}.galeri-edit-close:hover:not(:disabled){background:var(--bg);color:var(--dark)}.galeri-edit-preview{object-fit:cover;border-radius:var(--radius-md);background:var(--bg);width:100%;max-height:220px;margin-bottom:16px}.galeri-edit-error{margin-bottom:12px}@media (width>=600px){.galeri-edit-backdrop{align-items:center;padding:20px}.galeri-edit-panel{border-radius:var(--radius-lg)}}.portofolio-settings{margin-bottom:16px}.portofolio-settings h2{margin-bottom:14px;font-size:16px}.portofolio-toggle{margin-bottom:4px}.portofolio-toggle-hint{margin:0 0 18px 30px}.portofolio-label-row{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.portofolio-label-row .field{flex:1;min-width:200px;margin-bottom:0}.portofolio-label-row .btn{flex:none;margin-top:28px}.portofolio-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:12px 0 0;padding:0;list-style:none;display:grid}.portofolio-cell{flex-direction:column;gap:8px;display:flex}.portofolio-card{flex:1}.portofolio-cell[draggable=true] .portofolio-card{cursor:grab}.portofolio-cell.drag-over .portofolio-card{border-color:var(--green);box-shadow:0 0 0 2px var(--green-tint)}.portofolio-card-meta{color:var(--gray);margin:0;font-size:13px}.portofolio-move{justify-content:center;gap:6px;display:flex}.portofolio-row-2{flex-wrap:wrap;gap:12px;display:flex}.portofolio-row-2>.field{flex:1;min-width:180px}.portofolio-photos h2{margin-bottom:4px;font-size:16px}.portofolio-photos-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.portofolio-dropzone{text-align:center;border:2px dashed var(--border);border-radius:var(--radius-lg);color:var(--gray);flex-direction:column;align-items:center;gap:8px;margin-bottom:14px;padding:22px 16px;display:flex;position:relative}.portofolio-dropzone.active{border-color:var(--green);background:var(--green-tint);color:var(--green-dark)}.portofolio-dropzone.disabled{opacity:.6}.portofolio-dropzone-text{margin:0;font-size:14px;font-weight:600}.portofolio-upload-progress{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.portofolio-upload-progress-bar{background:var(--border);border-radius:999px;height:8px;overflow:hidden}.portofolio-upload-progress-bar span{background:var(--green);height:100%;transition:width .2s;display:block}.portofolio-error-list{flex-direction:column;gap:4px;display:flex}.portofolio-photo-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.portofolio-photo-row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);align-items:flex-start;gap:10px;padding:10px;display:flex}.portofolio-photo-row[draggable=true]{cursor:grab}.portofolio-photo-row.drag-over{border-color:var(--green);box-shadow:0 0 0 2px var(--green-tint)}.portofolio-photo-thumb{border-radius:var(--radius-sm);background:var(--bg);flex:none;width:64px;height:64px;position:relative;overflow:hidden}.portofolio-photo-thumb img{object-fit:cover;width:100%;height:100%}.portofolio-photo-cover-badge{color:var(--white);background:#0f172ab3;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700;position:absolute;bottom:3px;left:3px}.portofolio-photo-fields{flex:1;min-width:0}.portofolio-photo-fields .field{margin-bottom:0}.portofolio-photo-actions{flex-direction:column;flex:none;gap:4px;display:flex}.portofolio-photo-actions .layanan-move-btn{width:32px;min-height:28px}.portofolio-photo-remove{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);width:32px;min-height:28px;color:var(--danger);cursor:pointer;place-items:center;display:grid}.portofolio-photo-remove:hover:not(:disabled){border-color:var(--danger)}.portofolio-url-preview{overflow-wrap:anywhere}.artikel-row-item{align-items:center}.artikel-row-thumb{border-radius:var(--radius-sm);background:var(--green-tint);width:48px;height:48px;color:var(--green-dark);flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.artikel-row-thumb img{object-fit:cover;width:100%;height:100%}.artikel-form-header{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.artikel-form h1{font-size:22px}.artikel-back{color:var(--gray);background:0 0;border:none;padding:4px 0;font-size:14px;font-weight:700}.artikel-back:hover{color:var(--green-dark)}.artikel-layout{flex-direction:column;gap:20px;display:flex}.artikel-main{flex-direction:column;gap:16px;min-width:0;display:flex}.artikel-title-field{flex-direction:column;gap:4px;display:flex}.artikel-title-input{width:100%;font-size:24px;font-weight:800;font-family:var(--font);color:var(--dark);border:none;border-bottom:1px solid var(--border);background:0 0;padding:6px 0 12px}.artikel-title-input:focus-visible{border-bottom-color:var(--green);outline:none}.artikel-title-input::placeholder{color:var(--gray-light);font-weight:700}.artikel-sidebar{flex-direction:column;gap:12px;display:flex}.artikel-box{flex-shrink:0;padding:0;overflow:hidden}.artikel-box-header{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:16px 20px;display:flex}.artikel-box-header h2{flex:none;font-size:15px}.artikel-box-summary{text-align:right;min-width:0;color:var(--gray);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;font-weight:600;overflow:hidden}.artikel-box-summary.tone-good{color:var(--green-dark)}.artikel-box-summary.tone-warning{color:#b45309}.artikel-box-summary.tone-bad{color:var(--danger)}.artikel-box-chevron{color:var(--gray);flex:none;transition:transform .15s;transform:rotate(90deg)}.artikel-box-chevron.open{transform:rotate(-90deg)}.artikel-box-body{flex-direction:column;gap:12px;padding:0 20px 20px;display:flex}.artikel-box-body .field{margin-bottom:0}@media (width>=1080px){.artikel-layout{flex-direction:row;align-items:flex-start}.artikel-main{flex:1;min-width:0}.artikel-sidebar{scrollbar-width:thin;flex:none;width:360px;max-height:calc(100vh - 48px);padding-right:4px;position:sticky;top:24px;overflow-y:auto}}.publish-box{flex-direction:column;gap:12px;display:flex}.publish-box-current{color:var(--gray);align-items:center;gap:6px;font-size:13px;display:flex}.publish-choice{border:none;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.publish-choice-option{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.publish-schedule{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.publish-schedule .field-input{flex:1;min-width:130px}.publish-schedule .field-hint{width:100%}.publish-actions{flex-direction:column;gap:8px;display:flex}.publish-view-link{color:var(--green-dark);align-items:center;gap:6px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.publish-view-link:hover{text-decoration:underline}.cover-box{flex-direction:column;gap:10px;display:flex}.cover-box-preview{aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--green-tint);color:var(--gray);text-align:center;place-items:center;padding:8px;font-size:13px;display:grid;overflow:hidden}.cover-box-preview img{object-fit:cover;width:100%;height:100%}.cover-box-actions{flex-wrap:wrap;gap:8px;display:flex}.tag-input-row{border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;padding:6px 8px;display:flex}.tag-chip{background:var(--green-tint);color:var(--green-dark);border-radius:999px;align-items:center;gap:4px;padding:4px 6px 4px 10px;font-size:13px;font-weight:700;display:inline-flex}.tag-chip button{color:inherit;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1}.tag-input{background:0 0;border:none;outline:none;flex:1;min-width:80px;padding:4px;font-size:14px}.seo-url-preview{overflow-wrap:anywhere}.seo-bar{background:var(--border);border-radius:999px;height:5px;margin-top:6px;overflow:hidden}.seo-bar-fill{height:100%;transition:width .15s}.seo-score{margin-bottom:4px;font-size:14px}.seo-score strong{font-size:16px}.seo-score-good{color:var(--green-dark)}.seo-score-warning{color:#92400e}.seo-score-bad{color:var(--danger)}.seo-checklist{flex-direction:column;gap:10px;display:flex}.seo-check{align-items:flex-start;gap:10px;display:flex}.seo-check-dot{border-radius:50%;flex:none;width:10px;height:10px;margin-top:5px}.seo-check-good .seo-check-dot{background:var(--green)}.seo-check-warning .seo-check-dot{background:#f59e0b}.seo-check-bad .seo-check-dot{background:var(--danger)}.seo-check-label{margin-bottom:2px;font-size:13px;font-weight:700}.seo-check-message{color:var(--gray);font-size:13px}.preview-box{flex-direction:column;gap:20px;display:flex}.preview-heading{text-transform:uppercase;letter-spacing:.04em;color:var(--gray);margin-bottom:8px;font-size:12px;font-weight:800}.preview-google{font-family:arial,sans-serif}.preview-google-domain{color:var(--dark);font-size:13px}.preview-google-url{color:#4d5156;margin-bottom:2px;font-size:12px}.preview-google-title{color:#1a0dab;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.3;overflow:hidden}.preview-google-desc{color:#4d5156;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.preview-wa{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);overflow:hidden}.preview-wa-image{aspect-ratio:16/9;background:var(--green-tint);color:var(--gray);place-items:center;font-size:13px;display:grid}.preview-wa-image img{object-fit:cover;width:100%;height:100%}.preview-wa-body{padding:10px 12px}.preview-wa-title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:700;display:-webkit-box;overflow:hidden}.preview-wa-desc{color:var(--gray);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:13px;display:-webkit-box;overflow:hidden}.preview-wa-domain{letter-spacing:.03em;color:var(--gray-light);margin-top:4px;font-size:11px}.tagihan h1{margin-bottom:16px;font-size:22px}.tagihan-plan-card,.tagihan-history-card{margin-bottom:16px}.tagihan-plan-label{color:var(--gray);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:700}.tagihan-plan-card h2{margin:4px 0;font-size:22px}.tagihan-plan-price{color:var(--green-dark);font-size:16px;font-weight:700}.tagihan-active-until{color:var(--gray);margin-top:6px;font-size:14px}.tagihan-history-card h2{margin-bottom:12px;font-size:16px}.tagihan-history-list{flex-direction:column;gap:12px;display:flex}.tagihan-history-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.tagihan-history-item:last-child{border-bottom:none;padding-bottom:0}.tagihan-history-desc{font-size:14px;font-weight:600}.tagihan-history-date{color:var(--gray);font-size:13px}.tagihan-history-amount{white-space:nowrap;font-size:14px;font-weight:700}.tagihan-plan-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.tagihan-badge{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.tagihan-badge-active{background:var(--green-tint);color:var(--green-dark)}.tagihan-badge-due{background:var(--sky-tint);color:#075985}.tagihan-badge-grace,.tagihan-badge-inactive{background:var(--danger-tint);color:var(--danger)}.tagihan-reminder{margin-top:12px;font-size:14px;font-weight:600}.tagihan-status-grace .tagihan-reminder,.tagihan-status-inactive .tagihan-reminder{color:var(--danger)}.tagihan-renew{flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px;display:flex}.tagihan-renew-note{color:var(--gray);font-size:13px}.tagihan-history-side{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.tagihan-receipt-link{color:var(--green-dark);white-space:nowrap;font-size:13px;font-weight:600}.tagihan-invoice{border:1px dashed var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.tagihan-invoice-number{font-size:14px;font-weight:700}.permintaan{flex-direction:column;gap:4px;display:flex}.permintaan h1{font-size:22px}.permintaan-subtitle{color:var(--gray);margin:4px 0 16px;font-size:14px}.permintaan-form-card{margin-bottom:24px}.permintaan-list-title{margin:8px 0 12px;font-size:16px}.permintaan-list{gap:12px}.permintaan-item{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.permintaan-item-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.permintaan-item-title{font-size:15px;font-weight:700}.permintaan-item-desc{color:var(--gray);white-space:pre-wrap;margin:0 0 8px;font-size:14px}.permintaan-item-price{margin:0 0 8px;font-size:14px}.permintaan-paid{color:var(--green-dark);font-weight:700}.permintaan-reply{background:var(--green-tint);border-radius:var(--radius-sm);margin-bottom:8px;padding:10px 12px}.permintaan-reply-label{color:var(--green-dark);margin:0 0 4px;font-size:12px;font-weight:700}.permintaan-reply p{color:var(--dark);font-size:14px}.permintaan-item-date{color:var(--gray-light,var(--gray));margin:0;font-size:12px}.permintaan-badge-baru{background:var(--sky-tint);color:#075985}.permintaan-badge-ditawarkan,.permintaan-badge-dikerjakan{color:#92400e;background:#fef3c7}.permintaan-badge-selesai{background:var(--green-tint);color:var(--green-dark)}.permintaan-badge-batal{background:var(--border);color:var(--gray)}.pesanan-total{color:var(--dark)}.pesanan-kembali{color:var(--gray);margin-bottom:12px;font-size:14px;text-decoration:none;display:inline-block}.pesanan-detail h1{margin:0;font-size:22px}.pesanan-kartu{margin-top:16px}.pesanan-kartu h2{margin-bottom:12px;font-size:16px}.pesanan-refund{border-color:var(--danger);background:var(--danger-tint)}.pesanan-refund p{margin-bottom:12px}.pesanan-item{gap:10px;margin:0;padding:0;list-style:none;display:grid}.pesanan-item li{justify-content:space-between;gap:12px;font-size:14px;display:flex}.pesanan-item .pesanan-jumlah{border-top:1px solid var(--border);padding-top:10px;font-size:15px}.pesanan-pembeli{grid-template-columns:90px 1fr;gap:8px 12px;margin:0 0 16px;font-size:14px;display:grid}.pesanan-pembeli dt{color:var(--gray)}.pesanan-pembeli dd{overflow-wrap:anywhere;margin:0}.pesanan-aksi{flex-wrap:wrap;gap:8px;display:flex}.pesanan-batal{margin-top:12px}.pesanan-petunjuk{margin:12px 0 0;font-size:13px}.pesanan-header-aksi{flex-wrap:wrap;gap:8px;display:flex}.pesanan-row-badges{flex-direction:column;flex:none;align-items:flex-end;gap:6px;display:flex}.pesanan-rincian{border-bottom:1px dashed var(--border);gap:6px;margin:0 0 12px;padding-bottom:12px;font-size:14px;display:grid}.pesanan-rincian-barang{border-top:1px solid var(--border);border-bottom:none;margin-top:12px;margin-bottom:0;padding-top:12px}.pesanan-rincian div{justify-content:space-between;gap:12px;display:flex}.pesanan-rincian .pesanan-rincian-total{font-size:15px;font-weight:700}.pesanan-ongkir-card{flex-direction:column;gap:4px;display:flex}.pesanan-filter{gap:6px;margin-bottom:14px;padding-bottom:2px;display:flex;overflow-x:auto}.pesanan-filter button{border:1px solid var(--border);background:var(--white);min-height:36px;color:var(--gray);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:0 12px;font-size:13px;font-weight:600}.pesanan-filter button span{color:var(--gray-light,var(--gray));font-variant-numeric:tabular-nums;margin-left:4px}.pesanan-filter button.aktif{border-color:var(--green);background:var(--green-tint);color:var(--green-dark)}.pesanan-form .pesanan-kartu{margin-bottom:16px}.pesanan-baris-daftar{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.pesanan-baris{border-bottom:1px dashed var(--border);align-items:flex-start;gap:8px;padding-bottom:12px;display:flex}.pesanan-baris-isi{flex:1;gap:8px;min-width:0;display:grid}.pesanan-baris-isi .field-label,.pesanan-form .pesanan-baris-angka .field-label{gap:6px;display:grid}.pesanan-baris-angka{grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:0 12px;display:grid}.pesanan-tanggal-status{grid-template-columns:repeat(2,minmax(0,1fr))}.pesanan-form-total{border-top:1px solid var(--border);justify-content:space-between;margin:16px 0 0;padding-top:12px;display:flex}.rekap-judul-cetak{color:var(--gray);margin:4px 0 0;font-size:14px}.rekap-rentang{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;margin-bottom:8px;display:grid}.rekap-rentang .field-label{gap:6px;display:grid}.rekap-ringkas{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.rekap-ringkas>*{flex-direction:column;gap:4px;display:flex}.rekap-label{color:var(--gray);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.rekap-angka{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:22px}.rekap-tabel-kartu{overflow-x:auto}.rekap-tabel{border-collapse:collapse;width:100%;font-size:14px}.rekap-tabel th,.rekap-tabel td{border-bottom:1px solid var(--border);text-align:left;padding:8px 6px;font-weight:500}.rekap-tabel thead th{color:var(--gray);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.rekap-tabel .angka{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.rekap-tabel td.angka:last-child{width:55%;position:relative}.rekap-batang{background:var(--green-tint);border-radius:4px;position:absolute;top:6px;bottom:6px;right:0}.rekap-nilai{position:relative}.rekap-tabel tr.kosong{color:var(--gray)}.rekap-tabel tfoot th,.rekap-tabel tfoot td{border-bottom:0;font-weight:800}.rekap-semua-hari{align-items:center;gap:8px;margin-top:12px;font-size:14px;display:flex}.rekap-catatan{margin-top:12px;font-size:13px}@media (width<=560px){.rekap-ringkas,.rekap-rentang{grid-template-columns:1fr}}@media print{.app-sidebar,.app-topbar,.app-bottomnav,.no-print{display:none!important}.app-content{margin:0!important;padding:0!important}.rekap-batang{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#e5e7eb}.rekap-tabel tr{break-inside:avoid}}.toko-subtitle{margin:-12px 0 16px}.toko-tabs{border-bottom:1px solid var(--border);gap:6px;margin-bottom:16px;display:flex}.toko-tab{color:var(--gray);font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 14px;font-size:14px;font-weight:700;display:flex}.toko-tab.active{color:var(--green-dark);border-bottom-color:var(--green)}.toko-preview-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.toko-preview-list li{background:var(--bg);border-radius:var(--radius-sm);justify-content:space-between;gap:12px;padding:8px 12px;font-size:14px;display:flex}.toko-status-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.toko-status-row h2{margin:0}.toko-guide{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--white);margin-top:16px;padding:4px 16px}.toko-guide summary{cursor:pointer;padding:12px 0;font-weight:700;list-style:none}.toko-guide summary::-webkit-details-marker{display:none}.toko-guide summary:before{content:"▸ ";color:var(--gray)}.toko-guide[open] summary:before{content:"▾ "}.toko-guide-body{color:var(--dark);flex-direction:column;gap:10px;padding:0 0 16px;font-size:14px;display:flex}.toko-guide-body ol,.toko-guide-body ul{margin:0;padding-left:20px}.toko-guide-body p{margin:0}.toko-guarantee{border-radius:var(--radius-md);background:var(--green-tint);color:var(--green-dark);margin:16px 0;padding:12px 14px;font-size:14px;font-weight:600}.toko-field-row{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}@media (width<=640px){.toko-field-row{grid-template-columns:1fr}}.toko-server-key{background:var(--bg);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.toko-server-key code{letter-spacing:1px;font-weight:700}.toko-disabled-reason{color:var(--gray);margin:6px 0 0;font-size:13px}.toko-link-button{font:inherit;color:var(--green-dark);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.wizard-progress{margin-bottom:16px}.wizard-progress-text{color:var(--gray);margin-bottom:6px;font-size:13px;font-weight:700}.wizard-progress-bar{background:var(--border);border-radius:999px;height:8px;overflow:hidden}.wizard-progress-bar span{background:var(--sky);border-radius:inherit;height:100%;transition:width .3s;display:block}.wizard-body{flex-direction:column;gap:16px;min-width:0;display:flex}.wizard-nav{display:none}.wizard-content{min-width:0;padding-bottom:220px}@media (width>=900px){.wizard-body{flex-direction:row;align-items:flex-start;gap:32px}.wizard-nav{flex:0 0 240px;display:block;position:sticky;top:24px}.wizard-content{flex:1;padding-bottom:120px}}.wizard-nav-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.wizard-nav-item{border-radius:var(--radius-md);width:100%;color:var(--dark);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px;font-size:14px;font-weight:700;display:flex}.wizard-nav-item:hover{background:var(--bg)}.wizard-nav-aktif{background:var(--green-tint);color:var(--green-dark)}.wizard-nav-icon{color:var(--gray-light);flex:none;display:flex}.wizard-nav-selesai .wizard-nav-icon{color:var(--green)}.wizard-nav-aktif .wizard-nav-icon{color:var(--green-dark)}.wizard-nav-kurang .wizard-nav-icon{color:var(--danger)}.wizard-nav-label{overflow-wrap:anywhere;flex:1;min-width:0}.wizard-nav-tag{color:var(--danger);background:var(--danger-tint);border-radius:999px;flex:none;padding:2px 7px;font-size:11px;font-weight:700}.wizard-step h2{scroll-margin-top:80px}.wizard-step h2:focus-visible,.wizard-step h2:focus{outline:2px solid var(--sky);outline-offset:3px;border-radius:4px}.wizard-counter{color:var(--gray);margin:0 0 10px;font-size:13px;font-weight:600}.wizard-item-row{align-items:stretch;gap:8px;display:flex}.wizard-item-summary{border-radius:var(--radius-md);text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:10px;min-width:0;padding:6px;display:flex}.wizard-item-summary:hover{background:var(--bg)}.wizard-item-thumb{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);flex:none;width:44px;height:44px;display:flex;overflow:hidden}.wizard-item-thumb img{object-fit:cover;width:100%;height:100%}.wizard-item-thumb-empty{width:100%;height:100%}.wizard-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.wizard-item-name{color:var(--dark);overflow-wrap:anywhere;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.wizard-item-tag{color:var(--danger);background:var(--danger-tint);border-radius:999px;flex:none;padding:1px 7px;font-size:11px;font-weight:700}.wizard-item-price{color:var(--gray);font-size:13px}.wizard-item-chevron{color:var(--gray);flex:none;transition:transform .15s}.wizard-item-chevron.open{transform:rotate(90deg)}.wizard-item-form{border-top:1px dashed var(--border);margin-top:12px;padding-top:14px}.wizard-review-title{margin-bottom:4px;font-size:20px}.wizard-review-title:focus-visible,.wizard-review-title:focus{outline:2px solid var(--sky);outline-offset:3px;border-radius:4px}.wizard-review-lead{margin-bottom:16px}.wizard-review-list{flex-direction:column;gap:12px;margin:0 0 16px;padding:0;list-style:none;display:flex}.wizard-review-card h3{margin:0;font-size:15px}.wizard-review-card .btn{margin-top:8px}