:root{--blue:#cddfff;--purple:#d6bbfb;--yellow:#ffd367;--pink:#ffb1e9;--white:#fff;--grey:#adadad;--ink:#48443b;--success-green:#d6f77a;--success-green-dark:#427632;--bg:#fff;--fg:#48443b;--muted:#adadad;--card:#fff;--nav-inactive:#6b665e;--nav-hover-bg:#d6bbfb2e;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:24px;--r-2xl:32px;--shadow-sm:2px 2px 0 var(--ink);--shadow-md:4px 4px 0 var(--ink);--shadow-lg:6px 6px 0 var(--ink);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}h1,h2,h3,h4,p{margin:0}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.dots-pattern{background-image:radial-gradient(var(--ink) 1.4px, transparent 1.4px);opacity:.08;background-size:16px 16px}.blob{pointer-events:none;border-radius:50%;position:absolute}.deco-shape{pointer-events:none;z-index:0;position:absolute}.pop-in{animation:popIn .32s var(--ease-bounce)}@keyframes popIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.skeleton{background:linear-gradient(100deg,#48443b0f 30%,#48443b1f 45%,#48443b0f 60%) 0 0/200% 100%;animation:1.4s ease-in-out infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.btn{border:2px solid var(--ink);min-height:48px;color:var(--ink);background:var(--white);box-shadow:var(--shadow-md);transition:transform .16s var(--ease-bounce), box-shadow .16s var(--ease-bounce), background .16s ease;white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:15px;font-weight:700;display:inline-flex}.btn:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.btn:active{box-shadow:var(--shadow-sm);transform:translate(2px,2px)}.btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:var(--shadow-md)!important;transform:none!important}.btn-primary{background:var(--purple)}.btn-pink{background:var(--pink)}.btn-blue{background:var(--blue)}.btn-yellow{background:var(--yellow)}.btn-secondary{background:var(--white)}.btn-secondary:hover{background:var(--yellow)}.btn-ghost{box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:hover{box-shadow:none;background:#48443b0f;transform:none}.btn-sm{min-height:38px;box-shadow:var(--shadow-sm);border-width:2px;padding:0 16px;font-size:13px}.btn-sm:hover{box-shadow:3px 3px 0 var(--ink)}.btn-block{width:100%}.btn-icon{border-radius:50%;flex-shrink:0;width:44px;height:44px;padding:0}.sticker-card{background:var(--white);border:2px solid var(--ink);border-radius:var(--r-xl);box-shadow:6px 6px 0 var(--blue);padding:20px}.sticker-card.shadow-purple{box-shadow:6px 6px 0 var(--purple)}.sticker-card.shadow-yellow{box-shadow:6px 6px 0 var(--yellow)}.sticker-card.shadow-pink{box-shadow:6px 6px 0 var(--pink)}.sticker-card.shadow-blue{box-shadow:6px 6px 0 var(--blue)}.sticker-card.interactive{transition:transform .18s var(--ease-bounce), box-shadow .18s var(--ease-bounce)}.sticker-card.interactive:hover{transform:translate(-2px,-3px)rotate(-.6deg)}.plain-card{background:var(--white);border-radius:var(--r-lg);border:2px solid #48443b59;padding:18px}.badge{border:2px solid var(--ink);white-space:nowrap;border-radius:9999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge-yellow{background:var(--yellow)}.badge-pink{background:var(--pink)}.badge-purple{background:var(--purple)}.badge-blue{background:var(--blue)}.badge-grey{background:var(--white);color:var(--muted);border-color:var(--grey)}.badge-outline{background:var(--white)}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{letter-spacing:.03em;color:var(--fg);font-size:12px;font-weight:600}.field .hint{color:var(--muted);font-size:12px}.field .error{color:#c0392b;font-size:12px;font-weight:600}.field input,.field select,.field textarea{background:var(--white);border-radius:var(--r-md);min-height:48px;color:var(--fg);border:2px solid #48443b59;width:100%;padding:0 16px;font-size:15px;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:88px;padding:12px 16px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink);box-shadow:4px 4px 0 var(--purple);outline:none}.field input.has-error,.field.has-error input{border-color:#c0392b}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=520px){.field-row{grid-template-columns:1fr}}.guest-ucapan-text{border-radius:var(--r-md);color:var(--fg);white-space:pre-wrap;background:#d6bbfb2e;border:2px solid #48443b59;padding:12px 16px;font-size:14px;line-height:1.6}.guest-ucapan-indicator{opacity:.75;font-size:.85em}.search-wrap{position:relative}.search-wrap input{padding-left:44px}.search-wrap svg{color:var(--muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}#toast{z-index:150;background:var(--ink);color:var(--white);opacity:0;transition:all .28s var(--ease-bounce);pointer-events:none;border-radius:9999px;align-items:center;gap:8px;padding:12px 20px;font-size:13.5px;font-weight:600;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)translateY(20px)}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}.overlay{z-index:100;background:#48443b73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=720px){.overlay{align-items:center}}.sheet{background:var(--white);border:2px solid var(--ink);width:100%;max-width:480px;padding:22px 22px calc(22px + var(--safe-bottom));max-height:88vh;animation:sheetIn .28s var(--ease-bounce) both;border-radius:28px 28px 0 0;overflow-y:auto}@keyframes sheetIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (width>=720px){.sheet{border-radius:28px;max-height:85vh}}.sheet-handle{background:#48443b40;border-radius:9999px;width:44px;height:5px;margin:0 auto 16px}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sheet-head h3{font-size:18px;font-weight:800}.sheet-close{border:2px solid var(--ink);background:var(--white);width:36px;height:36px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:19px;line-height:1;display:flex}.sheet-actions{gap:10px;margin-top:6px;display:flex}.sheet-actions .btn{flex:1}.location-sheet-event{color:var(--fg);opacity:.7;margin-bottom:14px;font-size:13px;font-weight:700}.auth-screen{min-height:100dvh;padding:32px 20px calc(32px + var(--safe-bottom));background:var(--white);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-wrap{z-index:2;width:100%;max-width:420px;position:relative}.auth-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:28px;font-size:22px;font-weight:800;display:flex}.auth-brand .brand-mark{background:var(--purple);border:2px solid var(--ink);width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.auth-card{padding:32px 28px}.auth-head{text-align:center;margin-bottom:26px}.auth-head .eyebrow-badge{background:var(--yellow);border:2px solid var(--ink);box-shadow:var(--shadow-sm);border-radius:9999px;align-items:center;gap:8px;margin-bottom:14px;padding:5px 13px;font-size:12.5px;font-weight:700;display:inline-flex}.auth-head h1{letter-spacing:-.01em;margin-bottom:6px;font-size:24px;font-weight:800}.auth-head p{color:var(--fg);opacity:.7;font-size:14px}.auth-form{margin-top:4px}.password-field{position:relative}.password-field input{padding-right:46px}.password-toggle{width:32px;height:32px;color:var(--muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover{color:var(--ink);background:#48443b14}.auth-row-between{justify-content:space-between;align-items:center;margin:-6px 0 20px;font-size:13px;font-weight:600;display:flex}.auth-row-between a{color:var(--ink);opacity:.75}.auth-row-between a:hover{opacity:1;text-decoration:underline}.check-row{color:var(--fg);opacity:.85;align-items:flex-start;gap:10px;margin-bottom:20px;font-size:13px;line-height:1.4;display:flex}.check-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--purple);border:2px solid var(--ink);border-radius:6px;flex-shrink:0;margin-top:1px}.check-row a{font-weight:700;text-decoration:underline}.auth-banner{border:2px solid var(--ink);border-radius:var(--r-md);align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.auth-banner.error{background:#ffe3e0}.auth-banner.success{background:var(--blue)}.auth-divider{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:12px;margin:22px 0;font-size:12px;font-weight:700;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#48443b26;flex:1;height:2px}.auth-foot{text-align:center;color:var(--fg);margin-top:22px;font-size:14px;font-weight:600}.auth-foot a{color:var(--ink);font-weight:800;text-decoration:underline}.auth-back{opacity:.7;align-items:center;gap:6px;margin-bottom:18px;font-size:13.5px;font-weight:700;display:inline-flex}.auth-back:hover{opacity:1}@media (width<=400px){.auth-card{padding:26px 20px}}.login-screen{padding-top:24px;padding-bottom:calc(24px + var(--safe-bottom));overflow:visible}.login-brand{margin-bottom:16px}.login-card{width:85vw;max-width:345px;margin:0 auto;padding:20px 20px 22px}.login-card.shadow-purple{box-shadow:5px 5px 0 var(--purple)}.login-head{margin-bottom:12px}.login-head h1{font-size:24px}.login-head p{font-size:13.5px;line-height:1.4}.login-form{margin-top:2px}.login-form .field{margin-bottom:9px}.login-form .field label{font-size:14px}.login-form .field input{min-height:45px;font-size:16px}.login-row-between{margin:-2px 0 10px;font-size:14px}.login-btn{min-height:45px;box-shadow:3px 3px 0 var(--ink);font-size:16px}.login-btn:hover{box-shadow:5px 5px 0 var(--ink)}.login-btn:active{box-shadow:1px 1px 0 var(--ink)}.login-foot{margin-top:12px;font-size:14px}.login-form .check-row{margin-bottom:10px;font-size:12.5px}.legal-card{max-height:78vh;overflow-y:auto}.legal-body h2{margin:22px 0 8px;font-size:15.5px;font-weight:800}.legal-body h2:first-child{margin-top:0}.legal-body p{color:var(--fg);margin-bottom:6px;font-size:13.5px;line-height:1.6}.legal-body ul{margin:6px 0 6px 18px}.legal-body li{color:var(--fg);margin-bottom:4px;font-size:13.5px;line-height:1.6}.legal-body a{color:var(--ink);font-weight:700;text-decoration:underline}#app-root{background:linear-gradient(#f5f0ff,#fff5fb);min-height:100vh}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:2px solid var(--ink);background:var(--white);z-index:30;flex-direction:column;flex-shrink:0;width:264px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:10px;padding:8px 8px 20px;font-size:18px;font-weight:800;display:flex}.mobile-topbar-actions{align-items:center;gap:8px;display:flex}.notif-bell-btn{border:2px solid var(--ink);background:var(--white);width:38px;height:38px;color:var(--fg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex;position:relative}.notif-bell-btn:hover{background:#48443b0f}.notif-bell-badge{background:var(--pink);border:1.5px solid var(--ink);min-width:17px;height:17px;color:var(--ink);border-radius:9999px;justify-content:center;align-items:center;padding:0 4px;font-size:9.5px;font-weight:800;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.notif-mark-all{color:var(--ink);cursor:pointer;background:0 0;border:none;margin:0 0 14px auto;padding:0;font-size:12.5px;font-weight:700;text-decoration:underline;display:block}.notif-empty{text-align:center;color:var(--fg);opacity:.6;padding:24px 4px;font-size:13.5px}.notif-list{flex-direction:column;display:flex}.notif-item{text-align:left;background:0 0;border:none;border-bottom:1px solid #48443b1f;align-items:flex-start;gap:10px;width:100%;padding:12px 0;display:flex}.notif-item:last-child{border-bottom:none;padding-bottom:0}.notif-item-dot{background:0 0;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notif-item.unread{background:#d6bbfb1a;border-radius:12px;margin:0 -10px;padding:12px 10px}.notif-item.unread:last-child{border-bottom:none}.notif-item.unread .notif-item-dot{background:var(--purple)}.notif-item-body{flex-direction:column;gap:2px;min-width:0;display:flex}.notif-item-body strong{font-size:13.5px;font-weight:700}.notif-item-text{color:var(--fg);opacity:.8;font-size:12.5px}.notif-item-time{color:var(--fg);opacity:.55;margin-top:2px;font-size:11px}.sidebar-couple{background:var(--blue);border:2px solid var(--ink);border-radius:16px;align-items:center;gap:10px;margin-bottom:18px;padding:10px 12px;display:flex}.sidebar-couple .avatars{display:flex}.avatar{border:2px solid var(--ink);background:var(--pink);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.avatar+.avatar{background:var(--yellow);margin-left:-10px}.sidebar-couple .txt{min-width:0;line-height:1.25}.sidebar-couple .txt strong{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;display:block;overflow:hidden}.sidebar-couple .txt span{color:var(--fg);opacity:.7;font-size:11.5px}.nav-list{flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.nav-item{text-align:left;width:100%;color:var(--nav-inactive);transition:transform .14s var(--ease-bounce), background .14s ease, color .14s ease;background:0 0;border:2px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:11px 14px;font-size:14.5px;font-weight:600;display:flex;position:relative}.nav-item svg{flex-shrink:0}.nav-item:hover,.nav-item:focus-visible{background:var(--nav-hover-bg);color:var(--ink);outline:none}.nav-item.active{background:var(--purple);color:var(--ink);font-weight:800}.nav-item.active:before{content:"";background:var(--ink);border-radius:4px;width:4px;position:absolute;top:8px;bottom:8px;left:0}.sidebar-foot{border-top:2px solid #48443b26;margin-top:8px;padding-top:12px}.main-col{flex-direction:column;flex:1;min-width:0;display:flex}.view{width:100%;max-width:1180px;margin:0 auto;padding:28px 32px 100px}.view-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.view-head h1{font-size:28px;font-weight:800}.view-head .sub{color:var(--fg);opacity:.7;margin-top:4px;font-size:14px}.mobile-topbar{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--ink);padding:calc(12px + var(--safe-top)) 16px 12px;background:#ffffffeb;justify-content:space-between;align-items:center;display:none;position:sticky;top:0}.mobile-topbar .brand{align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.mobile-topbar .brand-mark{border-radius:9px;width:30px;height:30px;font-size:13px}.bottom-nav{z-index:50;background:var(--white);border-top:2px solid var(--ink);padding:8px 8px calc(8px + var(--safe-bottom));justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--nav-inactive);background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;min-width:52px;padding:4px 6px;font-size:10.5px;font-weight:700;display:flex}.bottom-nav-item:focus-visible{color:var(--ink);outline:none}.bottom-nav-item.active{color:var(--ink);font-weight:800}.bottom-nav-item.active svg{color:var(--purple)}@media (width<=980px){.sidebar{display:none}.mobile-topbar,.bottom-nav{display:flex}.view{padding:18px 16px 100px}.view-head h1{font-size:23px}}.bento{grid-template-columns:repeat(12,1fr);align-items:start;gap:18px;display:grid}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-12{grid-column:span 12}@media (width<=980px){.bento{grid-template-columns:1fr 1fr;gap:14px}.col-4,.col-5,.col-6,.col-7,.col-8,.col-12{grid-column:span 2}}.empty-state{text-align:center;padding:56px 20px}.empty-illustration{background:var(--blue);border:2px solid var(--ink);width:96px;height:96px;box-shadow:var(--shadow-md);border-radius:28px;justify-content:center;align-items:center;margin:0 auto 18px;font-size:38px;display:flex}.empty-state h3{margin-bottom:6px;font-size:18px;font-weight:800}.empty-state p{color:var(--fg);opacity:.7;max-width:340px;margin:0 auto 20px;font-size:13.5px}.location-edit-trigger{font:inherit;color:inherit;text-align:left;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.location-edit-trigger:hover{opacity:1!important}:root{--dash-secondary:var(--grey);--dash-line:#48443b24;--tint-purple:#f1e9fd;--tint-blue:#eaf2ff;--tint-yellow:#fff6e0;--tint-pink:#ffebf9}.main-col:has(>.dashboard-view){background:var(--white)}.dashboard-view{background:var(--white)}.hero-card{border-radius:var(--r-xl);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);aspect-ratio:16/6.5;min-height:200px;margin-bottom:18px;position:relative;overflow:hidden}.hero-media,.hero-fallback,.hero-media-skeleton{width:100%;height:100%;position:absolute;inset:0}.hero-media img{object-fit:cover;width:100%;height:100%;display:block}.hero-media-skeleton{border-radius:0}.hero-fallback{background:linear-gradient(135deg, var(--blue) 0%, var(--purple) 35%, var(--pink) 70%, var(--yellow) 100%);font:inherit;cursor:pointer;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.hero-fallback:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}.hero-fallback-prompt{border:2px dashed var(--ink);color:var(--ink);background:#ffffff8c;border-radius:9999px;padding:6px 16px;font-size:12.5px;font-weight:700}.hero-gradient{pointer-events:none;background:linear-gradient(#0000 22%,#48443b1a 45%,#48443bad);position:absolute;inset:0}.hero-edit-trigger{z-index:2;width:40px;height:40px;color:var(--white);cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#48443b73;border:none;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.hero-edit-trigger:hover{background:#48443ba6}.hero-content{z-index:1;padding:12px 16px calc(12px + var(--safe-bottom,0px));color:var(--white);position:absolute;bottom:0;left:0;right:0}.hero-eyebrow{letter-spacing:.1em;opacity:.85;margin-bottom:5px;font-size:15.5px;font-weight:600}.hero-names{text-shadow:0 1px 6px #0000002e;margin-bottom:7px;font-size:25px;font-weight:800;line-height:1.15}@media (width>=640px){.hero-names{font-size:29px}}@media (width>=1024px){.hero-names{font-size:35px}}.hero-meta{opacity:.92;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:11px;font-size:13.5px;font-weight:600;display:flex}.hero-meta-dot{opacity:.7}.hero-location.location-edit-trigger{color:var(--white)}.hero-cta{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.hero-cta p,.hero-completed{font-size:12.5px;font-weight:700}.hero-countdown{flex-wrap:wrap;gap:6px;display:flex}.hero-countdown-tile{text-align:center;background:var(--white);width:53px;min-height:49px;color:var(--ink);border-radius:var(--r-sm);border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);flex-direction:column;justify-content:center;align-items:center;display:flex}.hero-countdown-tile .v{color:var(--ink);font-size:25px;font-weight:800;line-height:1}.hero-countdown-tile .k{text-transform:uppercase;letter-spacing:.03em;color:var(--ink);margin-top:1px;font-size:9.5px;font-weight:600}@media (width<=640px){.hero-card{aspect-ratio:16/8;min-height:150px}.hero-content{padding:10px 14px}.hero-eyebrow{margin-bottom:3px;font-size:10.5px}.hero-names{margin-bottom:4px;font-size:19px}.hero-meta{margin-bottom:7px;font-size:11.5px}.hero-countdown{gap:5px}.hero-countdown-tile{border-radius:8px;width:40px;min-height:36px}.hero-countdown-tile .v{font-size:16px}.hero-countdown-tile .k{font-size:7.5px}}.hero-photo-sheet{flex-direction:column;gap:16px;display:flex}.hero-photo-preview{aspect-ratio:16/9;border-radius:var(--r-lg);border:2px solid var(--ink);background:var(--tint-purple);width:100%;position:relative;overflow:hidden}.hero-photo-preview img{object-fit:cover;width:100%;height:100%;display:block}.hero-photo-empty{text-align:center;border:2px dashed var(--dash-line);border-radius:var(--r-lg);color:var(--dash-secondary);flex-direction:column;align-items:center;gap:10px;padding:28px 16px;display:flex}.hero-photo-empty p{max-width:260px;font-size:13px}.hero-position-control{align-items:center;gap:10px;display:flex}.hero-position-control input[type=range]{flex:1}.hero-photo-reset{color:var(--ink);opacity:.75;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:2px 0;font-size:12.5px;font-weight:700;text-decoration:underline}.hero-photo-reset:hover{opacity:1}.dash-card-link{color:inherit;background:var(--white);border-radius:var(--r-lg);border:1px solid #48443b29;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:block}.dash-card-link:hover{border-color:var(--ink);box-shadow:3px 3px #48443b1f}.dash-card-chevron{opacity:.45;flex-shrink:0}.dash-bajet-card{background:var(--yellow);border:1.5px solid var(--ink);box-shadow:4px 5px 0 var(--ink);margin-bottom:15px;padding:10px}.dash-bajet-card:hover{box-shadow:4px 5px 0 var(--ink);border-color:var(--ink)}.dash-bajet-head{align-items:center;gap:9px;margin-bottom:6px;display:flex}.dash-bajet-icon{background:var(--white);border:1.5px solid var(--ink);width:34px;height:34px;box-shadow:1.5px 1.5px 0 var(--ink);color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.dash-bajet-icon:before{content:"";background:var(--yellow);opacity:.35;z-index:0;border-radius:50%;width:22px;height:22px;position:absolute}.dash-bajet-icon svg{z-index:1;position:relative}.dash-bajet-headtext{flex:1;min-width:0}.dash-bajet-headtext h2{color:var(--ink);opacity:.7;text-transform:uppercase;letter-spacing:.03em;font-size:11.5px;font-weight:800}.dash-bajet-amounts{color:var(--ink);font-size:19px;font-weight:800}.dash-bajet-amounts span{color:var(--ink);opacity:.65;font-size:12px;font-weight:700}.dash-bajet-amounts.muted{color:var(--ink);opacity:.7;font-size:13px;font-weight:700}.dash-bajet-card .dash-card-chevron{color:var(--ink);opacity:.55}.chunky-bar.dash-bajet-bar{background:#ffffff8c;height:7px;margin-bottom:6px}.chunky-bar.dash-bajet-bar>span{background:var(--ink);border:none}.dash-bajet-figures{justify-content:space-between;gap:12px;display:flex}.dash-bajet-figures strong{color:var(--ink);font-size:12px;font-weight:800;display:block}.dash-bajet-figures span{color:var(--ink);opacity:.65;font-size:10.5px}.dash-bajet-figures .align-right{text-align:right}.dash-bajet-pct{color:var(--ink);opacity:.65;margin-top:5px;font-size:10.5px;font-weight:700}.dash-split-row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px;display:grid}.dash-split-card{border:1.5px solid var(--ink);box-shadow:3px 4px 0 var(--ink);padding:10px}.dash-split-card:hover{box-shadow:3px 4px 0 var(--ink);border-color:var(--ink)}.dash-split-card.tint-purple{background:var(--purple)}.dash-split-card.tint-blue{background:var(--blue)}.dash-split-head{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.dash-split-headtext{align-items:center;gap:7px;min-width:0;display:flex}.dash-split-head h2{color:var(--ink);font-size:13px;font-weight:800}.dash-split-head .dash-card-chevron{color:var(--ink);opacity:.55;flex-shrink:0}.dash-split-icon{background:var(--white);border:1.5px solid var(--ink);width:30px;height:30px;box-shadow:1.5px 1.5px 0 var(--ink);color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.dash-split-icon:before{content:"";opacity:.35;z-index:0;border-radius:50%;width:19px;height:19px;position:absolute}.dash-split-icon svg{z-index:1;position:relative}.dash-split-card.tint-purple .dash-split-icon:before{background:var(--purple)}.dash-split-card.tint-blue .dash-split-icon:before{background:var(--blue)}.dash-split-label{color:var(--ink);margin-bottom:5px;font-size:11.5px;font-weight:700}.dash-split-label.muted{color:var(--ink);opacity:.65;font-weight:600}.chunky-bar.dash-split-bar{background:#ffffff8c;height:5px;margin-bottom:5px}.dash-split-sub{color:var(--ink);opacity:.7;font-size:10px;font-weight:600;line-height:1.3}@media (width<=340px){.dash-split-row{grid-template-columns:1fr}}.section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.section-title h2{font-size:16px;font-weight:800}.dash-btn{border:1px solid var(--ink);background:var(--white);color:var(--ink);white-space:nowrap;border-radius:9999px;flex-shrink:0;align-items:center;padding:4px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.dash-btn:hover{background:#3f39320f}.list-row{background:var(--white);border:1px solid var(--dash-line);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.list-row:last-child{margin-bottom:0}.list-row .txt{min-width:0}.list-row .txt strong{font-size:13.5px;font-weight:700;display:block}.list-row .txt span{color:var(--dash-secondary);font-size:11.5px}.list-row .amt{flex-shrink:0;font-size:13.5px;font-weight:800}.ringkasan-label{color:var(--dash-secondary);margin-bottom:3px;font-size:12px;font-weight:600}.ringkasan-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.ringkasan-amt{font-size:30px;font-weight:800;line-height:1}.ringkasan-total{color:var(--dash-secondary);white-space:nowrap;font-size:11.5px}.chunky-bar{background:#3f393214;border-radius:9999px;height:14px;margin-bottom:16px;overflow:hidden}.chunky-bar>span{background:var(--success-green);border:1.5px solid var(--ink);box-sizing:border-box;border-radius:9999px;height:100%;display:block}.focus-see-all{color:var(--ink);font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.focus-see-all:hover{text-decoration:underline}.dash-quick-section{margin-bottom:22px}.dash-quick-title{color:var(--ink);margin-bottom:11px;font-size:13px;font-weight:800}.dash-quick-grid{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:11px 8px;display:grid}.dash-quick-item{color:var(--ink);text-align:center;border:1.5px solid var(--ink);min-height:54px;box-shadow:2px 3px 0 var(--ink);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:7px 6px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.dash-quick-item:hover{box-shadow:3px 4px 0 var(--ink);transform:translate(-1px,-1px)}.dash-quick-item:active{box-shadow:1px 2px 0 var(--ink);transform:translate(1px,1px)}.dash-quick-item.tint-blue{background:var(--blue)}.dash-quick-item.tint-purple{background:var(--purple)}.dash-quick-item.tint-yellow{background:var(--yellow)}.dash-quick-item.tint-pink{background:var(--pink)}.dash-quick-icon{background:var(--white);border:1.5px solid var(--ink);width:27px;height:27px;box-shadow:1.5px 1.5px 0 var(--ink);color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.dash-quick-icon:before{content:"";opacity:.35;z-index:0;border-radius:50%;width:17px;height:17px;position:absolute}.dash-quick-icon svg{z-index:1;position:relative}.dash-quick-item.tint-blue .dash-quick-icon:before{background:var(--blue)}.dash-quick-item.tint-purple .dash-quick-icon:before{background:var(--purple)}.dash-quick-item.tint-yellow .dash-quick-icon:before{background:var(--yellow)}.dash-quick-item.tint-pink .dash-quick-icon:before{background:var(--pink)}.dash-quick-label{text-align:center;font-size:11px;font-weight:700;line-height:1.2}.quote-card{background:var(--white);border:1.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:4px 5px 0 var(--pink);text-align:center;margin-bottom:16px;padding:18px 20px}.quote-bismillah{color:var(--ink);margin-bottom:8px;font-family:Traditional Arabic,Scheherazade New,Amiri,serif;font-size:17px}.quote-text{color:var(--ink);opacity:.85;max-width:560px;margin:0 auto;font-size:12.5px;font-style:italic;line-height:1.6}.quote-attribution{color:var(--ink);background:var(--tint-pink);border-radius:9999px;margin-top:10px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.summary-strip{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}@media (width<=700px){.summary-strip{grid-template-columns:1fr 1fr}}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.toolbar .search-wrap{flex:1;min-width:200px}.chip-group{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--ink);background:var(--white);transition:transform .14s var(--ease-bounce);border-radius:9999px;padding:8px 14px;font-size:12.5px;font-weight:700}.chip.active{background:var(--purple);box-shadow:var(--shadow-sm)}.chip:hover{transform:translateY(-1px)}.row-icon-btn{border:2px solid var(--ink);background:var(--white);width:32px;height:32px;color:var(--fg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.row-icon-btn:hover{background:var(--yellow)}.checklist-view .view-head{margin-bottom:14px}.checklist-view .view-head .btn{min-height:45px;padding:0 18px;font-size:14px}.checklist-view .summary-strip{gap:8px;margin-bottom:14px}.checklist-view .toolbar{gap:8px}.checklist-toolbar-card .chip,.checklist-section-head{color:var(--ink)}.checklist-stat{border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:14px;padding:11px}.checklist-stat .v{color:var(--ink);font-size:22px;font-weight:800;line-height:1}.checklist-stat .k{color:var(--ink);opacity:.75;margin-top:4px;font-size:11px;font-weight:600}.checklist-stat.bg-purple{background:var(--purple)}.checklist-stat.bg-blue{background:var(--blue)}.checklist-stat.bg-yellow{background:var(--yellow)}.checklist-stat.bg-pink{background:var(--pink)}.checklist-toolbar-card{background:var(--white);border:1px solid var(--ink);border-radius:16px;margin-bottom:12px;padding:10px 12px}.checklist-toolbar-card .search-wrap input{border:1px solid var(--ink);background:var(--white);height:45px;color:var(--ink);border-radius:9999px;width:100%;padding-left:44px;font-size:14px}.checklist-category-select{border:1px solid var(--ink);background:var(--white);height:43px;color:var(--ink);border-radius:9999px;flex-shrink:0;padding:0 14px;font-size:13px;font-weight:600}.checklist-section{background:var(--white);border:1px solid var(--ink);border-radius:16px;margin-bottom:10px;padding:12px}.checklist-section.shadow-blue{box-shadow:6px 6px 0 var(--blue)}.checklist-section.shadow-purple{box-shadow:6px 6px 0 var(--purple)}.checklist-section.shadow-yellow{box-shadow:6px 6px 0 var(--yellow)}.checklist-section.shadow-pink{box-shadow:6px 6px 0 var(--pink)}.checklist-section-head{text-align:left;background:0 0;border:none;align-items:flex-start;gap:8px;width:100%;padding:0;display:flex}.checklist-section-chevron{transition:transform .16s var(--ease-bounce);margin-top:3px;font-size:13px;display:inline-block}.checklist-section-chevron.collapsed{transform:rotate(-90deg)}.checklist-section-headtext{flex:1;min-width:0}.checklist-section-toprow{justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px;display:flex}.checklist-section-toprow h3{font-size:14px;font-weight:800}.checklist-section-bar{background:#48443b1a;border-radius:9999px;height:6px;overflow:hidden}.checklist-section-bar>span{background:var(--purple);border-radius:9999px;height:100%;display:block}.checklist-section-body{margin-top:10px}.stat-skeleton{vertical-align:middle;border-radius:6px;width:36px;height:24px;display:inline-block}.checklist-loading-msg{color:var(--fg);opacity:.7;margin-bottom:14px;font-size:13px;font-weight:600}.checklist-section-skeleton{background:var(--white);border:1px solid var(--ink);border-radius:16px;margin-bottom:16px;padding:16px}.checklist-row-skeleton{align-items:center;gap:10px;margin-bottom:10px;display:flex}.checklist-row-skeleton:last-child{margin-bottom:0}.checklist-row{background:var(--white);border:1px solid #d8d2ca;border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:6px;padding:8px 10px 8px 16px;display:flex;position:relative;overflow:hidden}.checklist-row:last-child{margin-bottom:0}.checklist-row.done{opacity:.65}.checklist-row-clickable{cursor:pointer;transition:border-color .14s,box-shadow .14s}.checklist-row-clickable:hover,.checklist-row-clickable:focus-visible{border-color:var(--ink);box-shadow:2px 2px 0 var(--ink);outline:none}.checklist-row-accent{width:4px;position:absolute;top:0;bottom:0;left:0}.checklist-row .txt{flex:1;min-width:0}.checklist-row .txt strong{margin-top:3px;font-size:13.5px;font-weight:700;display:block}.checklist-row.done .txt strong{text-decoration:line-through}.checklist-row .meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.checklist-row .meta span:not(.checklist-cat-badge){color:var(--fg);opacity:.65;align-items:center;gap:4px;font-size:11px;display:inline-flex}.checklist-note{color:#7a746e;margin-top:2px;font-size:11.5px}.checklist-cat-badge{color:var(--ink);border:1px solid var(--ink);border-radius:9999px;align-items:center;padding:2px 8px;font-size:10.5px;font-weight:700;line-height:1.3;display:inline-flex}.task-check{border:2px solid var(--ink);background:var(--white);width:22px;height:22px;color:var(--ink);transition:transform .14s var(--ease-bounce), background .14s;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.task-check:hover{transform:scale(1.08)}.task-check.done{background:var(--success-green)}.checklist-row .row-actions{flex-shrink:0;gap:4px;display:flex}.checklist-row .row-actions .row-icon-btn{width:24px;height:24px}.sheet.checklist-sheet{padding:18px 18px 20px;overflow-x:hidden}.checklist-form .field{gap:5px;min-width:0;margin-bottom:10px}.checklist-form .field-row{gap:10px}.checklist-form .field input,.checklist-form .field select,.checklist-form .field textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:45px}.checklist-form input[type=date]{appearance:none;-webkit-min-logical-width:0;min-width:0}.checklist-form input[type=date]::-webkit-datetime-edit{min-width:0}.checklist-form input[type=date]::-webkit-datetime-edit-fields-wrapper{min-width:0}.checklist-form .field textarea{min-height:70px;padding:10px 14px}.checklist-form .sheet-actions{margin-top:4px}.checklist-form .sheet-actions .btn{min-height:45px}@media (hover:hover){.checklist-row .row-actions{opacity:0;transition:opacity .15s}.checklist-row:hover .row-actions,.checklist-row:focus-within .row-actions{opacity:1}}.cat-bar-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.cat-bar-row .lbl{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:130px;font-size:12.5px;font-weight:700;overflow:hidden}.cat-bar-row .track{border:2px solid var(--ink);background:#f1efea;border-radius:9999px;flex:1;height:12px;overflow:hidden}.cat-bar-row .track>span{height:100%;display:block}.cat-bar-row .val{text-align:right;flex-shrink:0;width:96px;font-size:12px;font-weight:700}table.data-table{border-collapse:collapse;width:100%}table.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:2px solid var(--ink);padding:0 12px 10px;font-size:11.5px;font-weight:700}table.data-table td{vertical-align:middle;border-bottom:1px solid #48443b24;padding:14px 12px;font-size:13.5px}table.data-table tr:last-child td{border-bottom:none}.cell-strong{font-weight:700}.cell-sub{color:var(--muted);font-size:11.5px}.stack-card-list{display:none}@media (width<=820px){table.data-table{display:none}.stack-card-list{display:block}.stack-item{border:2px solid var(--ink);background:var(--white);border-radius:18px;margin-bottom:12px;padding:14px 16px}.stack-item .top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.stack-item .top strong{font-size:14.5px}.stack-item .rows{flex-direction:column;gap:6px;display:flex}.stack-item .rows .r{justify-content:space-between;font-size:12.5px;display:flex}.stack-item .rows .r .k{opacity:.6}}.vendor-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (width<=980px){.vendor-grid{grid-template-columns:1fr 1fr}}@media (width<=620px){.vendor-grid{grid-template-columns:1fr}}.vendor-card{flex-direction:column;gap:10px;padding:20px;display:flex}.vendor-card:nth-child(3n+1){box-shadow:6px 6px 0 var(--blue)}.vendor-card:nth-child(3n+2){box-shadow:6px 6px 0 var(--pink)}.vendor-card:nth-child(3n+3){box-shadow:6px 6px 0 var(--yellow)}.vendor-card .top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.vendor-card .ic{border:2px solid var(--ink);background:var(--white);border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.vendor-card h3{margin:6px 0 2px;font-size:16px;font-weight:800}.vendor-card .cat{color:var(--muted);font-size:12px;font-weight:600}.vendor-card .money{gap:14px;margin:6px 0;display:flex}.vendor-card .money div .v{font-size:15px;font-weight:800}.vendor-card .money div .k{opacity:.6;font-size:11px}.vendor-card .due{background:var(--yellow);border:2px solid var(--ink);border-radius:9999px;align-items:center;gap:5px;width:fit-content;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.vendor-card .actions{gap:8px;margin-top:8px;display:flex}.vendor-card .actions .btn{flex:1}.timeline{padding-left:28px;position:relative}.timeline:before{content:"";background:repeating-linear-gradient(180deg, var(--ink) 0 6px, transparent 6px 12px);width:2px;position:absolute;top:5px;bottom:5px;left:13px}.timeline-item{padding-bottom:16px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:var(--purple);border:2px solid var(--ink);border-radius:50%;width:22px;height:22px;position:absolute;top:0;left:-25px}.timeline-item:nth-child(2n) .timeline-dot{background:var(--pink)}.timeline-item:nth-child(3n) .timeline-dot{background:var(--yellow)}.timeline-card{border:2px solid var(--ink);background:var(--white);border-radius:14px;padding:7px 10px}.timeline-card .time{color:var(--muted);margin-bottom:1px;font-size:11.5px;font-weight:700}.timeline-card strong{font-size:14px}.timeline-notes{opacity:.65;margin-top:2px;font-size:12px}.timeline-actions{flex-shrink:0;margin:-4px 0;display:flex}.timeline-actions .row-icon-btn:not(:first-child){margin-left:-6px}.timeline-card .row-icon-btn{background:0 0;border:none;width:44px;height:44px;position:relative}.timeline-card .row-icon-btn:before{content:"";border:2px solid var(--ink);background:var(--white);border-radius:50%;transition:background .15s;position:absolute;inset:6px}.timeline-card .row-icon-btn:hover:before{background:var(--yellow)}.timeline-card .row-icon-btn svg{z-index:1;position:relative}.jadual-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.jadual-header-titles{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.jadual-header h2{font-size:17px;font-weight:800}.jadual-header-date{color:var(--nav-inactive);font-size:12px;font-weight:600}.jadual-loc-badge{padding:3px 9px;font-size:11px}.jadual-section-title{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.jadual-section-title h3{font-size:15px;font-weight:800}.jadual-section-summary{color:var(--fg);opacity:.6;margin-top:3px;font-size:12px}.jadual-tabbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.jadual-tabbar .chip-group{gap:6px}.jadual-tabbar .chip{min-height:42px;color:var(--ink);align-items:center;padding:0 14px;font-size:12.5px;display:inline-flex}.jadual-tabbar .chip.active{color:var(--ink)}.jadual-add-select{border:2px solid var(--ink);background:var(--white);height:38px;color:var(--fg);border-radius:9999px;flex-shrink:0;padding:0 12px;font-size:12.5px;font-weight:700}.jadual-add-btn{min-height:37px;padding:0 11px;font-size:12px}.jadual-card{padding:14px}.jadual-add-warning{border:2px solid var(--ink);border-radius:var(--r-md);background:var(--yellow);justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px;padding:10px 14px;font-size:12.5px;font-weight:600;display:flex}.jadual-add-warning button{opacity:.7;flex-shrink:0;font-size:13px;line-height:1}.jadual-add-warning button:hover{opacity:1}.jadual-setup-prompt{text-align:center;padding:22px 12px}.jadual-setup-prompt p{color:var(--fg);opacity:.7;margin-bottom:12px;font-size:13.5px}.jadual-loc-missing{color:var(--fg);opacity:.65;align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.profile-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px;display:grid}@media (width<=800px){.profile-grid{grid-template-columns:1fr}}.field-hint{color:var(--fg);opacity:.6;margin:-4px 0 8px;font-size:12px}.settings-row{border-bottom:1px solid #48443b24;justify-content:space-between;align-items:center;gap:16px;padding:10px 4px;display:flex}.settings-row:last-child{border-bottom:none}.settings-row .txt strong{font-size:14px;font-weight:700;display:block}.settings-row .txt span{opacity:.65;font-size:12.5px}.profile-form{display:contents}.profile-view .bento{gap:16px}.profile-view .sticker-card{padding:14px}.profile-view .section-title{margin-bottom:8px}.profile-view .section-title h2{font-size:15px}.profile-form .field{gap:5px;margin-bottom:0}.profile-form .field input,.profile-form .field select{min-height:45px}.profile-save-btn{min-height:43px;padding:0 22px}.profile-form input[type=date]{appearance:none;box-sizing:border-box;width:100%;min-width:0;max-width:100%}.profile-form input[type=date]::-webkit-datetime-edit{min-width:0}.profile-form input[type=date]::-webkit-datetime-edit-fields-wrapper{min-width:0}.share-card{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.overlap-avatars{flex-shrink:0;display:flex}.overlap-avatars .avatar{width:52px;height:52px;font-size:18px}.vendor-page-bg{z-index:-1;background-image:radial-gradient(var(--ink) 1.4px, transparent 1.4px);opacity:.04;pointer-events:none;background-size:20px 20px;position:fixed;inset:0}.vendor-page .vendor-grid{gap:13px}.vendor-page .view-head h1{color:var(--ink)}.vendor-page .view-head .sub{color:#7a746e;opacity:1}.vendor-page .btn-primary{color:var(--ink);border-width:1px}.vendor-add-btn{min-height:41px;box-shadow:3px 3px 0 var(--ink);padding:0 15px;font-size:13px}.vendor-add-btn:hover{box-shadow:4px 4px 0 var(--ink)}.vendor-stat{border:2px solid var(--ink);background:var(--white);box-sizing:border-box;border-radius:16px;min-width:0;padding:11px}.vendor-stat .v{color:var(--ink);overflow-wrap:anywhere;font-size:21px;font-weight:800;line-height:1}.vendor-stat .k{color:#6f6962;margin-top:4px;font-size:10.5px;font-weight:600}.vendor-stat.shadow-blue,.vendor-stat.shadow-purple,.vendor-stat.shadow-yellow,.vendor-stat.shadow-pink{box-shadow:4px 4px 0 var(--ink)}.vendor-stat.bg-purple{background:var(--purple)}.vendor-stat.bg-blue{background:var(--blue)}.vendor-stat.bg-yellow{background:var(--yellow)}.vendor-stat.bg-pink{background:var(--pink)}.vendor-page .search-wrap input{border:1.5px solid var(--ink);height:43px;color:var(--ink);background:var(--white);border-radius:9999px;width:100%;font-size:14px}.vendor-filter-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.vendor-filter-field{flex:1;align-items:center;gap:6px;min-width:140px;display:flex}.vendor-filter-label{color:var(--ink);opacity:.65;flex-shrink:0;font-size:12px;font-weight:700}.vendor-filter-field select{border:1.5px solid var(--ink);background:var(--white);min-width:0;height:40px;color:var(--ink);border-radius:9999px;flex:1;padding:0 10px;font-size:12.5px;font-weight:600}.sticker-card.vendor-card{border-width:1px;flex-direction:column;gap:7px;padding:12px;display:flex}.sticker-card.vendor-card.shadow-blue{box-shadow:4px 4px 0 var(--blue)}.sticker-card.vendor-card.shadow-purple{box-shadow:4px 4px 0 var(--purple)}.sticker-card.vendor-card.shadow-yellow{box-shadow:4px 4px 0 var(--yellow)}.sticker-card.vendor-card.shadow-pink{box-shadow:4px 4px 0 var(--pink)}.vendor-card-body{cursor:pointer;flex-direction:column;gap:6px;display:flex}.vendor-page .badge{color:var(--ink);border-width:1px}.vendor-card-badges{flex-wrap:wrap;gap:5px;display:flex}.vendor-card-badges .badge{padding:2.5px 8px;font-size:10px;line-height:1.2}.status-badge{border:2px solid var(--ink);white-space:nowrap;border-radius:9999px;align-items:center;gap:5px;padding:5px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.vendor-page .status-badge{border-width:1px}.vendor-card-status-row .status-badge{padding:2.5px 8px;font-size:10px;line-height:1.2}.vendor-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.vendor-card-finance{flex-direction:column;gap:2px;display:flex}.vendor-finance-main{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.vendor-finance-item{min-width:0}.vendor-finance-item.align-right{text-align:right}.vendor-finance-item .v{color:var(--ink);overflow-wrap:anywhere;font-size:19px;font-weight:800;line-height:1.1}.vendor-finance-item .k{color:#7a746e;margin-top:1px;font-size:10px;font-weight:600}.vendor-finance-item.muted .v,.vendor-finance-item.muted .k{color:var(--nav-inactive)}.vendor-finance-paid{color:#7a746e;font-size:11px;font-weight:600}.vendor-progress-track{border:1px solid var(--ink);background:#f3f0ea;border-radius:9999px;height:7px;overflow:hidden}.vendor-progress-track>span{background:var(--purple);border-radius:9999px;height:100%;display:block}.vendor-card-status-row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.vendor-due-badge{border:1px solid var(--ink);background:var(--white);width:fit-content;color:var(--ink);border-radius:9999px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:700;line-height:1.2;display:inline-flex}.vendor-due-badge.soon{background:var(--yellow)}.vendor-due-badge.overdue{color:#fff;border-color:var(--ink);background:#ff6b6b;font-weight:800}.vendor-card-footer{display:flex}.vendor-wa-btn{border:1px solid var(--ink);background:var(--pink);width:fit-content;min-height:38px;color:var(--ink);border-radius:9999px;align-items:center;gap:6px;padding:0 14px;font-size:12.5px;font-weight:700;display:inline-flex}.vendor-wa-btn:hover{box-shadow:2px 2px 0 var(--ink)}.vendor-kebab-desktop{display:inline-flex}.vendor-kebab-mobile{display:none}@media (width<=980px){.vendor-kebab-desktop{display:none}.vendor-kebab-mobile{display:flex}}.vendor-page .kebab-btn{border-width:1px;width:24px;height:24px}.vendor-page .kebab-btn svg{width:14px;height:14px}.kebab-wrap{flex-shrink:0;position:relative}.kebab-btn{border:2px solid var(--ink);background:var(--white);width:38px;height:38px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.kebab-btn:hover{background:var(--yellow)}.kebab-menu{z-index:20;background:var(--white);border:2px solid var(--ink);min-width:190px;box-shadow:var(--shadow-md);border-radius:16px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.kebab-menu button,.kebab-menu a{color:var(--ink);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13.5px;font-weight:600;display:flex}.kebab-menu button:hover,.kebab-menu a:hover{background:#48443b14}.kebab-menu .danger{color:#c0392b}.sheet.vendor-action-sheet{padding:16px 16px calc(16px + var(--safe-bottom))}.vendor-action-sheet-list{flex-direction:column;gap:3px;display:flex}.vendor-action-sheet-item{text-align:left;width:100%;min-height:44px;color:var(--ink);background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.vendor-action-sheet-item:hover{background:#48443b14}.vendor-action-sheet-item.danger{color:#c0392b}.vendor-detail-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:9px;display:flex}.vendor-detail-head h3{font-size:17px;font-weight:800}.detail-section{margin-bottom:10px}.detail-section h4{text-transform:uppercase;letter-spacing:.04em;color:var(--grey);margin-bottom:3px;font-size:12px;font-weight:700}.detail-info-row{border-bottom:1px solid #48443b24;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;font-size:13px;display:flex}.detail-info-row:last-child{border-bottom:none}.detail-info-row .k{color:var(--grey);flex-shrink:0;font-weight:600}.detail-info-row .v{text-align:right;font-weight:700}.detail-info-row a.v{color:var(--ink);text-decoration:underline}.payment-row{border-bottom:1px solid #48443b24;align-items:center;gap:8px;padding:6px 0;display:flex}.payment-row:last-child{border-bottom:none}.payment-row .txt{flex:1;min-width:0}.payment-row .txt strong{font-size:13.5px;font-weight:700;display:block}.payment-row .txt span{color:var(--grey);font-size:11.5px}.payment-row .amt{flex-shrink:0;font-size:13.5px;font-weight:800}.payment-row .row-icon-btn{background:0 0;border:none;width:44px;height:44px;position:relative}.payment-row .row-icon-btn:before{content:"";border:2px solid var(--ink);background:var(--white);border-radius:50%;transition:background .15s;position:absolute;inset:6px}.payment-row .row-icon-btn:hover:before{background:var(--yellow)}.payment-row .row-icon-btn svg{z-index:1;position:relative}.vendor-add-payment-btn{width:fit-content;min-height:41px;margin-top:2px;padding:0 18px;font-size:13.5px}@media (width<=360px){.vendor-add-payment-btn{width:100%}}.receipt-upload{text-align:center;cursor:pointer;border:2px dashed #48443b59;border-radius:14px;padding:18px;transition:border-color .15s,background .15s}.receipt-upload:hover{border-color:var(--ink);background:#d6bbfb1f}.receipt-upload.has-file{border-style:solid;border-color:var(--ink);background:#d6bbfb1f}.receipt-upload input[type=file]{display:none}.receipt-upload .hint-txt{color:var(--grey);margin-top:5px;font-size:12.5px}.field-error{color:#c0392b;margin-top:4px;font-size:12px;font-weight:600}.sheet.vendor-sheet{padding:16px 16px 18px}.vendor-form .field,.vendor-payment-form .field{gap:4px;margin-bottom:8px}.vendor-form .field label,.vendor-payment-form .field label{margin-bottom:0}.vendor-form .field-row{gap:8px}.vendor-form .field input,.vendor-form .field select{min-height:45px}.vendor-form .field textarea,.vendor-payment-form .field textarea{min-height:70px;padding:10px 14px}.vendor-form .sheet-actions,.vendor-payment-form .sheet-actions{margin-top:2px}.vendor-form .sheet-actions .btn,.vendor-payment-form .sheet-actions .btn{min-height:45px}.vendor-form input[type=date],.vendor-payment-form input[type=date]{appearance:none;box-sizing:border-box;width:100%;min-width:0;max-width:100%}.vendor-form input[type=date]::-webkit-datetime-edit{min-width:0}.vendor-form input[type=date]::-webkit-datetime-edit-fields-wrapper{min-width:0}.vendor-payment-form input[type=date]::-webkit-datetime-edit{min-width:0}.vendor-payment-form input[type=date]::-webkit-datetime-edit-fields-wrapper{min-width:0}.bajet-page-bg{z-index:-1;background-image:radial-gradient(var(--ink) 1.4px, transparent 1.4px);opacity:.04;pointer-events:none;background-size:20px 20px;position:fixed;inset:0}.bajet-view .view-head{margin-bottom:14px}.bajet-view .bento{gap:10px}.bajet-view .sticker-card{padding:14px}.bajet-view .section-title{margin-bottom:8px}.bajet-view .section-title h2{font-size:14px}.bajet-view .list-row{margin-bottom:6px;padding:9px 10px}.bajet-view .list-row .txt strong{font-size:13px}.bajet-view .list-row .row-actions{gap:4px}.bajet-view .list-row .row-actions .row-icon-btn{width:26px;height:26px}.bajet-view .status-badge{padding:4px 10px;font-size:10.5px}.bajet-summary-strip{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}@media (width<=700px){.bajet-summary-strip{grid-template-columns:1fr 1fr}}.bajet-view .bajet-summary-strip{gap:8px;margin-bottom:0}.bajet-stat{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:20px;min-width:0;padding:18px}.bajet-stat .v{overflow-wrap:anywhere}.bajet-stat.bg-purple{background:var(--purple)}.bajet-stat.bg-blue{background:var(--blue)}.bajet-stat.bg-yellow{background:var(--yellow)}.bajet-stat.bg-pink{background:var(--pink)}.bajet-stat .v{color:var(--ink);font-size:32px;font-weight:800;line-height:1}.bajet-stat .k{color:var(--ink);opacity:.75;margin-top:6px;font-size:12px;font-weight:600}.bajet-stat.clickable{cursor:pointer;transition:transform .16s var(--ease-bounce)}.bajet-stat.clickable:hover{transform:translate(-2px,-2px)}.bajet-stat input[type=number]{border:2px solid var(--ink);background:var(--white);width:100%;height:40px;color:var(--ink);border-radius:12px;padding:0 10px;font-size:18px;font-weight:800}.bajet-view .bajet-stat{box-shadow:4px 4px 0 var(--ink);border-radius:16px;padding:11px}.bajet-view .bajet-stat .v{font-size:21px}.bajet-view .bajet-stat .k{margin-top:4px;font-size:10.5px}.gambaran-row{flex-wrap:wrap;align-items:center;gap:28px;margin-top:8px;display:flex}.gambaran-donut-wrap{flex-shrink:0;width:160px;height:160px}.gambaran-donut-wrap.lg{width:210px;height:210px}.gambaran-donut-wrap.lg .gambaran-donut-hole{inset:22px}.gambaran-donut-wrap.lg .gambaran-donut-pct{font-size:34px}.gambaran-donut-wrap.lg .gambaran-donut-target{font-size:13.5px}.gambaran-donut{border:2px solid var(--ink);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.gambaran-donut-hole{background:var(--white);border:2px solid var(--ink);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;inset:16px}.gambaran-donut-pct{color:var(--ink);font-size:26px;font-weight:800;line-height:1}.gambaran-donut-lbl{color:var(--dash-secondary);margin-top:2px;font-size:11px;font-weight:600}.gambaran-donut-target{color:var(--ink);margin-top:6px;font-size:12px;font-weight:700}.gambaran-donut-empty{color:var(--dash-secondary);font-size:12.5px;font-weight:600}.gambaran-figures{flex-direction:column;flex:1;gap:12px;min-width:220px;display:flex}.gambaran-figure{justify-content:space-between;align-items:center;gap:10px;display:flex}.gambaran-figure .k{color:var(--dash-secondary);font-size:13px;font-weight:600}.gambaran-figure .v{color:var(--ink);font-size:15px;font-weight:800}@media (width<=640px){.bajet-view .gambaran-row{gap:14px;margin-top:4px}.bajet-view .gambaran-donut-wrap.lg{width:108px;height:108px}.bajet-view .gambaran-donut-wrap.lg .gambaran-donut-hole{inset:12px}.bajet-view .gambaran-donut-wrap.lg .gambaran-donut-pct{font-size:19px}.bajet-view .gambaran-donut-wrap.lg .gambaran-donut-lbl{font-size:9px}.bajet-view .gambaran-donut-wrap.lg .gambaran-donut-target{margin-top:3px;font-size:9.5px}.bajet-view .gambaran-figures{gap:7px;min-width:140px}.bajet-view .gambaran-figure .k{font-size:11.5px}.bajet-view .gambaran-figure .v{font-size:13px}}.bajet-view .gambaran-divider{margin:12px 0 10px}.bajet-view .agihan-inline-title{margin-bottom:3px;font-size:12px}.bajet-view .agihan-bar{height:13px;margin-top:5px}.bajet-view .agihan-legend{gap:6px 12px;margin-top:8px}.bajet-view .agihan-legend-item{font-size:11px}.gambaran-divider{background:#48443b24;height:1px;margin:20px 0 16px}.agihan-inline-title{color:var(--ink);margin-bottom:4px;font-size:13px;font-weight:700}.agihan-bar{border:2px solid var(--ink);background:#f1efea;border-radius:9999px;height:18px;margin-top:8px;display:flex;overflow:hidden}.agihan-bar>span{height:100%;display:block}.agihan-legend{flex-wrap:wrap;gap:10px 18px;margin-top:14px;display:flex}.agihan-legend-item{align-items:center;gap:6px;font-size:12.5px;display:flex}.agihan-legend-item .dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.agihan-legend-item .lbl{color:var(--ink);font-weight:600}.agihan-legend-item .pct{color:var(--dash-secondary);font-weight:800}.ringkasan-rows{flex-direction:column;margin-top:2px;display:flex}.ringkasan-row{border-bottom:1px solid #48443b1f;justify-content:space-between;align-items:center;gap:12px;padding:8px 2px;font-size:13px;display:flex}.ringkasan-row:last-child{border-bottom:none}.ringkasan-row .k{color:var(--dash-secondary);font-weight:600}.ringkasan-row .v{color:var(--ink);font-weight:800}.ringkasan-row.highlight .v{color:#e83e8c}.sticker-card.tint-pink{background:#ffb1e91f}.msd-amount{color:var(--ink);margin-top:3px;font-size:24px;font-weight:800;line-height:1}.msd-helper{color:var(--dash-secondary);margin-top:4px;font-size:12px;font-weight:600}.msd-progress-labels{color:var(--ink);justify-content:space-between;margin-top:6px;font-size:11px;font-weight:700;display:flex}.msd-cta{min-height:45px;font-size:14px}.list-row-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.bajet-category-row{margin-bottom:10px}.bajet-category-row:last-child{margin-bottom:0}.bajet-category-row .top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 8px;margin-bottom:4px;display:flex}.bajet-category-row .name{color:var(--ink);overflow-wrap:anywhere;min-width:0;font-size:13.5px;font-weight:700}.bajet-category-row .amt{color:var(--grey);font-size:11.5px;font-weight:600}.bajet-category-track{border:2px solid var(--ink);background:#f1efea;border-radius:9999px;height:8px;overflow:hidden}.bajet-category-track>span{background:var(--purple);border-radius:9999px;height:100%;display:block}.bajet-add-category-btn{background:var(--yellow);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:9999px;font-weight:700}.bajet-empty-compact{text-align:center;padding:18px 10px}.bajet-empty-compact p{color:var(--dash-secondary);margin-bottom:10px;font-size:12.5px}.vendor-pay-amounts{text-align:right}.vendor-pay-amounts .amt{color:var(--ink);font-size:13px;font-weight:800}.vendor-pay-amounts .baki{color:var(--dash-secondary);margin-top:1px;font-size:10.5px}.sheet.bajet-sheet{padding:18px 18px 20px;overflow-x:hidden}.bajet-form .field{gap:5px;min-width:0;margin-bottom:10px}.bajet-form .field input{box-sizing:border-box;width:100%;max-width:100%;min-height:45px}.bajet-form .sheet-actions{margin-top:4px}.bajet-form .sheet-actions .btn{min-height:45px}.bajet-form input[type=date]{appearance:none;-webkit-min-logical-width:0;min-width:0}.bajet-form input[type=date]::-webkit-datetime-edit{min-width:0}.bajet-form input[type=date]::-webkit-datetime-edit-fields-wrapper{min-width:0}.rsvp-link-card{background:linear-gradient(120deg, var(--blue), var(--purple) 50%, var(--pink));border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:24px;margin-bottom:12px;padding:14px}.rsvp-link-card h2{margin-bottom:3px;font-size:15px;font-weight:800}.rsvp-link-card .sub{opacity:.8;margin-bottom:8px;font-size:12px}.rsvp-url-box{background:var(--white);border:2px solid var(--ink);word-break:break-all;border-radius:12px;margin-bottom:10px;padding:8px 12px;font-size:12px;font-weight:600}.rsvp-link-actions{flex-wrap:wrap;gap:6px;display:flex}.rsvp-link-actions .btn{flex:1;min-width:120px;min-height:44px;font-size:13px}.rsvp-btn-copy{background:var(--yellow)}.rsvp-btn-share{background:var(--purple)}.rsvp-btn-preview{background:var(--white)}@media (width<=480px){.rsvp-btn-preview{flex-basis:100%}}.ucapan-tetamu-trigger{text-align:left;background:var(--tint-pink,#ffe0f3);border:2px solid var(--ink);width:fit-content;max-width:100%;box-shadow:2px 2px 0 var(--ink);height:40px;color:var(--ink);border-radius:9999px;align-items:center;gap:7px;margin-bottom:10px;padding:0 12px;font-size:12.5px;font-weight:700;display:flex}.ucapan-tetamu-trigger:hover{transform:translateY(-1px)}.ucapan-tetamu-trigger-emoji{flex-shrink:0;font-size:14px}.ucapan-tetamu-trigger-txt{white-space:nowrap;flex-shrink:0}.ucapan-tetamu-trigger-count{background:var(--white);border:1.5px solid var(--ink);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10.5px;font-weight:800;display:inline-flex}.ucapan-tetamu-trigger-chevron{opacity:.6;flex-shrink:0}.ucapan-tetamu-list{flex-direction:column;display:flex}.ucapan-tetamu-item{border-bottom:1px solid #48443b1f;padding:14px 0}.ucapan-tetamu-item:last-child{border-bottom:none;padding-bottom:0}.ucapan-tetamu-item strong{margin-bottom:6px;font-size:13.5px;font-weight:700;display:block}.ucapan-tetamu-item p{color:var(--fg);opacity:.85;white-space:pre-wrap;font-size:14px;line-height:1.6}.rsvp-toast{border:2px solid var(--ink);box-shadow:var(--shadow-md);z-index:160;opacity:0;pointer-events:none;transition:all .28s var(--ease-bounce);text-align:center;border-radius:9999px;max-width:calc(100vw - 32px);padding:12px 20px;font-size:13.5px;font-weight:600;position:fixed;bottom:100px;left:50%;transform:translate(-50%)translateY(20px)}.rsvp-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.guest-stat{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);text-align:left;appearance:none;width:100%;min-width:0;font:inherit;border-radius:20px;padding:18px;transition:box-shadow .12s;display:block}.guest-stat.bg-purple{background:var(--purple)}.guest-stat.bg-blue{background:var(--blue)}.guest-stat.bg-pink{background:var(--pink)}.guest-stat.bg-yellow{background:var(--yellow)}.guest-stat .v{color:var(--ink);overflow-wrap:anywhere;font-size:32px;font-weight:800;line-height:1}.guest-stat .k{color:var(--ink);opacity:.75;margin-top:6px;font-size:12px;font-weight:600}.guest-stat.active{box-shadow:inset 0 0 0 2px var(--white), 6px 6px 0 var(--ink)}.tetamu-view .view-head{margin-bottom:10px}.tetamu-view .summary-strip{gap:8px;margin-bottom:10px}.tetamu-view .guest-stat{box-shadow:4px 4px 0 var(--ink);border-radius:16px;padding:11px}.tetamu-view .guest-stat.active{box-shadow:inset 0 0 0 2px var(--white), 4px 4px 0 var(--ink)}.tetamu-view .guest-stat .v{font-size:21px}.tetamu-view .guest-stat .k{margin-top:4px;font-size:10.5px}.tetamu-view .toolbar{margin-bottom:8px}.tetamu-view .toolbar .search-wrap input{border:2px solid var(--ink);background:var(--white);height:43px;color:var(--ink);border-radius:9999px;width:100%;font-size:14px}.tetamu-view .status-badge{padding:4px 10px;font-size:10.5px}.tetamu-view .kebab-menu{min-width:170px;padding:5px}.tetamu-view .kebab-menu button,.tetamu-view .kebab-menu a{gap:8px;padding:8px 10px;font-size:12.5px}.tetamu-tabs-row{justify-content:center;display:flex}.tetamu-tabs{border:2px solid var(--ink);background:var(--white);width:fit-content;box-shadow:3px 3px 0 var(--ink);border-radius:9999px;gap:3px;margin-bottom:12px;padding:3px;display:inline-flex}.tetamu-tab{min-height:36px;color:var(--nav-inactive,#6b665e);background:0 0;border:none;border-radius:9999px;padding:0 20px;font-size:13px;font-weight:700;transition:background .14s,color .14s}.tetamu-tab.active{background:var(--purple);color:var(--ink)}.tetamu-toolbar-row{justify-content:center;gap:10px;margin-bottom:10px;display:flex}.btn-icon-only{width:44px;height:44px;min-height:0;box-shadow:2px 2px 0 var(--ink);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon-only:hover{box-shadow:3px 3px 0 var(--ink)}.tetamu-filter-row{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.tetamu-filter-field{flex:1;align-items:center;gap:6px;min-width:140px;display:flex}.tetamu-filter-label{color:var(--ink);opacity:.65;flex-shrink:0;font-size:12px;font-weight:700}.tetamu-filter-field select{border:2px solid var(--ink);background:var(--white);min-width:0;height:40px;color:var(--ink);border-radius:9999px;flex:1;padding:0 10px;font-size:12.5px;font-weight:600}.guest-card{border:2px solid var(--ink);background:var(--white);border-radius:16px;margin-bottom:13px;padding:7px 10px;box-shadow:4px 4px #cddfffb3}.guest-card-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:2px;display:flex}.guest-card-top strong{font-size:14px;font-weight:700}.guest-card-badges{flex-wrap:wrap;gap:5px;margin-bottom:3px;display:flex}.guest-card-badges .badge{white-space:normal;overflow-wrap:anywhere;max-width:100%;padding:3px 9px;font-size:10.5px}.guest-card-meta{color:var(--ink);opacity:.75;flex-direction:column;gap:.5px;margin-bottom:4px;font-size:11.5px;display:flex}.guest-card-meta span{align-items:center;gap:6px;display:flex}.guest-card-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.badge-via-borang{background:var(--pink)}.sheet.tetamu-sheet{padding:18px 18px 20px}.tetamu-form .field{gap:5px;margin-bottom:10px}.tetamu-form .field-row{gap:10px}.tetamu-form .field input,.tetamu-form .field select{min-height:45px}.tetamu-form .field textarea{min-height:70px;padding:10px 14px}.tetamu-form .sheet-actions{margin-top:4px}.tetamu-form .sheet-actions .btn{min-height:45px}.guest-table-scroll{overflow-x:auto}table.data-table.guest-table tbody tr:nth-child(2n){background:#f9f7ff}table.data-table.guest-table tbody tr{cursor:pointer}table.data-table.guest-table th:nth-child(2),table.data-table.guest-table td:nth-child(2){white-space:normal;max-width:150px}table.data-table.guest-table td:last-child{white-space:nowrap;align-items:center;gap:4px;display:flex}table.data-table.guest-table .row-icon-btn{width:28px;height:28px}#rsvp-public-page{background:var(--white);min-height:100dvh;position:relative;overflow:hidden}.rsvp-public-dots{z-index:0;pointer-events:none;background-image:radial-gradient(var(--ink) 1.4px, transparent 1.4px);opacity:.04;background-size:20px 20px;position:fixed;inset:0}.rsvp-shape{pointer-events:none;z-index:0;position:absolute}.rsvp-public-wrap{z-index:2;max-width:480px;margin:0 auto;padding-bottom:48px;position:relative}.rsvp-preview-back{border:2px solid var(--ink);background:var(--white);min-height:41px;box-shadow:2px 2px 0 var(--ink);color:var(--ink);z-index:3;border-radius:9999px;align-items:center;gap:6px;margin:12px 0 0 14px;padding:0 14px;font-size:12.5px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.rsvp-preview-back:hover{box-shadow:3px 3px 0 var(--ink)}.rsvp-public-header{background:linear-gradient(120deg, var(--blue), var(--purple) 50%, var(--pink));border-bottom:2px solid var(--ink);text-align:center;padding:22px 18px 26px;position:relative}.rsvp-public-header .eyebrow{text-transform:uppercase;letter-spacing:.08em;opacity:.65;margin-top:10px;font-size:11px;font-weight:700}.rsvp-public-header h1{margin:5px 0;font-size:26px;font-weight:800}.rsvp-public-header .date{opacity:.75;font-size:13.5px;font-weight:600}.rsvp-public-header .venue{opacity:.85;justify-content:center;align-items:center;gap:6px;margin-top:5px;font-size:12.5px;font-weight:600;display:flex}.rsvp-public-header .venue svg{opacity:.85;flex-shrink:0}.rsvp-form-card{background:var(--white);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--purple);z-index:2;border-radius:20px;margin:-16px 14px 0;padding:16px;position:relative}.rsvp-form .field{gap:5px;margin-bottom:11px}.rsvp-form .field label{font-size:12.5px}.rsvp-form .field .hint{margin-top:2px}.rsvp-form .field input,.rsvp-form .field select,.rsvp-form .field textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.rsvp-form .field input,.rsvp-form .field select{min-height:45px}.rsvp-form .field textarea{min-height:72px;padding:10px 12px}.rsvp-attendance-group{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:4px;display:grid}.rsvp-attendance-btn{border:2px solid var(--ink);background:var(--white);min-height:50px;color:var(--ink);text-align:center;border-radius:14px;justify-content:center;align-items:center;padding:6px 4px;font-size:11.5px;font-weight:700;line-height:1.25;transition:all .16s;display:flex}.rsvp-attendance-btn:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.rsvp-attendance-btn.selected.hadir{background:var(--purple);box-shadow:3px 3px 0 var(--ink);color:var(--ink)}.rsvp-attendance-btn.selected.tidak{background:var(--pink);box-shadow:3px 3px 0 var(--ink);color:var(--ink)}.rsvp-attendance-btn.selected.pasti{background:var(--yellow);box-shadow:3px 3px 0 var(--ink);color:var(--ink)}.rsvp-submit-btn{width:100%;min-height:46px;margin-top:14px;font-size:15px}.rsvp-success{text-align:center;padding:12px 4px}.rsvp-success .check-circle{background:var(--yellow);border:2px solid var(--ink);width:80px;height:80px;box-shadow:4px 4px 0 var(--ink);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.rsvp-success h2{margin-bottom:10px;font-size:21px;font-weight:800}.rsvp-success p{opacity:.8;font-size:14px;line-height:1.5}.rsvp-branding{opacity:.5;text-align:center;margin-top:22px;font-size:12px}.rsvp-error-page{text-align:center;justify-content:center;align-items:center;min-height:100dvh;padding:40px 24px;display:flex}.rsvp-error-page h1{margin-bottom:10px;font-size:22px;font-weight:800}.rsvp-error-page p{opacity:.7;max-width:320px;margin:0 auto;font-size:14px}.nikah-picker-head{text-align:center;max-width:480px;margin:0 auto 24px}.nikah-picker-head h1{margin-bottom:8px;font-size:22px;font-weight:800}.nikah-picker-head p{color:var(--fg);opacity:.75;font-size:14px}.nikah-state-grid{grid-template-columns:repeat(2,1fr);gap:8px;max-width:720px;margin:0 auto;display:grid}@media (width>=720px){.nikah-state-grid{grid-template-columns:repeat(4,1fr)}}.nikah-state-btn{background:var(--white);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--purple);text-align:center;min-width:0;min-height:56px;color:var(--ink);transition:transform .16s var(--ease-bounce), box-shadow .16s var(--ease-bounce);border-radius:14px;justify-content:center;align-items:center;padding:8px 10px;font-size:12.5px;font-weight:700;line-height:1.25;display:flex}.nikah-state-btn:hover{box-shadow:4px 4px 0 var(--purple);transform:translate(-1px,-1px)}.nikah-state-btn:active{box-shadow:1px 1px 0 var(--purple);transform:translate(1px,1px)}.nikah-picker-hint{text-align:center;color:var(--fg);opacity:.65;max-width:480px;margin:22px auto 0;font-size:12.5px}.nikah-state-btn.selected{background:var(--purple)}.nikah-progress-steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-bottom:24px;display:flex}.nikah-progress-step{color:var(--fg);opacity:.45;align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:inline-flex}.nikah-progress-step.filled,.nikah-progress-step.current{opacity:1}.nikah-progress-step .dot{color:var(--purple);font-size:13px}.nikah-progress-step.filled .dot{color:var(--success-green)}.nikah-progress-step:not(:first-child):before{content:"→";opacity:.35;margin-right:6px;font-weight:400}.nikah-toolbar-row{margin-bottom:10px}.nikah-toolbar-row .btn{min-height:40px}.nikah-case-note{background:var(--white);border:2px solid var(--ink);border-radius:14px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:600}.nikah-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.nikah-tab{border:2px solid var(--ink);background:var(--white);color:var(--ink);border-radius:9999px;padding:8px 16px;font-size:13px;font-weight:700}.nikah-tab.active{background:var(--purple);box-shadow:2px 2px 0 var(--ink)}.nikah-header-card{background:linear-gradient(120deg, var(--blue), var(--purple) 50%, var(--pink));border:2px solid var(--ink);border-radius:20px;margin-bottom:14px;padding:14px 16px}.nikah-header-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:2px;display:flex}.nikah-header-info{flex:1;min-width:0}.nikah-header-card h1{font-size:17px;font-weight:800}.nikah-header-card .badge{white-space:normal;overflow-wrap:anywhere;max-width:100%;margin-top:5px;padding:4px 10px;font-size:11px}.nikah-header-progress-txt{opacity:.8;margin:6px 0 8px;font-size:12px;font-weight:600}.nikah-header-card .chunky-bar{margin-bottom:0}.nikah-notice{background:var(--yellow);border:2px solid var(--ink);border-radius:16px;margin-bottom:14px;overflow:hidden}.nikah-notice-summary{text-align:left;width:100%;color:var(--ink);font:inherit;background:0 0;border:none;align-items:center;gap:10px;padding:11px 14px;display:flex}.nikah-notice-summary .ic{flex-shrink:0}.nikah-notice-summary-txt{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.nikah-notice-summary-txt strong{color:var(--ink);font-size:12.5px;font-weight:800}.nikah-notice-summary-sub{opacity:.75;color:var(--ink);font-size:11px}.nikah-notice-summary-cta{color:var(--ink);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;font-size:11.5px;font-weight:700;display:inline-flex}.nikah-notice-body{border-top:2px solid #48443b40;margin-top:2px;padding:10px 14px 14px}.nikah-notice-body .txt{font-size:13px;line-height:1.5}.nikah-notice-body .txt strong{font-weight:700}.nikah-notice-link{color:var(--ink);align-items:center;gap:6px;margin-top:10px;font-size:13px;font-weight:700;text-decoration:underline;display:inline-flex}.nikah-step-row{border:2px solid var(--ink);background:var(--white);box-shadow:4px 4px 0 var(--ink);border-radius:16px;align-items:flex-start;gap:10px;margin-bottom:10px;padding:10px 12px;transition:background .3s,border-color .16s,box-shadow .16s;display:flex}.nikah-step-row.done{box-shadow:none;background:#f9f9f9;border-color:#48443b4d}.nikah-step-row.flash{animation:.5s nikahCardFlash}@keyframes nikahCardFlash{0%{background:#94bd5755}to{background:#f9f9f9}}.nikah-step-number{border:2px solid var(--ink);background:var(--purple);width:26px;height:26px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:11.5px;font-weight:800;display:flex}.nikah-step-row.done .nikah-step-number{background:var(--success-green);color:var(--ink)}.nikah-step-content{flex:1;min-width:0}.nikah-step-toggle{text-align:left;width:100%;color:var(--ink);font:inherit;background:0 0;border:none;padding:0;display:block}.nikah-step-badge{border:2px solid var(--ink);border-radius:9999px;margin-bottom:4px;padding:3px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.nikah-step-row.done .nikah-step-badge{opacity:.5}.nikah-step-title{color:var(--ink);font-size:14px;font-weight:700;display:block}.nikah-step-row.done .nikah-step-title{opacity:.55;text-decoration:line-through}.nikah-step-summary{opacity:.65;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:3px;font-size:12px;display:block;overflow:hidden}.nikah-step-chevron{opacity:.6;color:var(--ink);margin-top:5px;font-size:11.5px;font-weight:700;display:block}.nikah-step-toggle:hover .nikah-step-chevron{opacity:1}.nikah-step-detail{margin-top:6px}.nikah-step-desc{opacity:.7;white-space:pre-line;color:var(--ink);margin-top:0;font-size:12.5px;line-height:1.5}.nikah-step-row.done .nikah-step-desc{opacity:.4}.nikah-step-docs{opacity:.65;margin-top:8px;padding-left:18px;font-size:11.5px}.nikah-step-docs li{margin-bottom:2px}.nikah-step-note-toggle{color:var(--ink);border:2px solid var(--ink);background:var(--white);border-radius:9999px;align-items:center;gap:4px;margin-top:10px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.nikah-step-note-toggle:hover{background:var(--tint-pink,#ffe0f3)}.nikah-step-row.done .nikah-step-note-toggle{padding:5px 10px;font-size:11px}.nikah-step-note-box{margin-top:8px}.nikah-step-note-box textarea{width:100%;min-height:60px;color:var(--ink);border:2px solid #48443b59;border-radius:12px;padding:8px 12px;font-family:inherit;font-size:13px}.nikah-step-note-box textarea:focus{border-color:var(--ink);box-shadow:4px 4px 0 var(--purple);outline:none}.nikah-step-tick{color:#fff;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.nikah-step-tick:before{content:"";border:2px solid var(--ink);background:var(--white);transition:background .16s var(--ease-bounce);border-radius:50%;position:absolute;inset:2px}.nikah-step-tick svg{z-index:1;position:relative}.nikah-step-tick:hover:before{background:var(--purple)}.nikah-step-tick.done:before{background:var(--success-green);box-shadow:2px 2px 0 var(--ink)}.nikah-step-tick.done{color:var(--ink)}.nikah-step-tick.done:hover:before{background:var(--success-green-dark)}.nikah-step-tick.done:hover{color:#fff}.nikah-step-tick.pop:before{animation:nikahTickPop .3s var(--ease-bounce)}@keyframes nikahTickPop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.nikah-completed-section{margin-top:14px}.nikah-completed-toggle{text-align:left;width:100%;color:var(--ink);opacity:.75;padding:10px 4px;font-size:13.5px;font-weight:700}.nikah-completed-toggle:hover{opacity:1}.nikah-cross-card{background:var(--blue);border:2px solid var(--ink);border-radius:16px;gap:12px;margin-top:20px;padding:16px;display:flex;position:relative}.nikah-cross-card .ic{flex-shrink:0;margin-top:2px}.nikah-cross-card h3{margin-bottom:6px;font-size:15px;font-weight:800}.nikah-cross-card p{opacity:.85;white-space:pre-line;font-size:12.5px;line-height:1.55}.nikah-cross-dismiss{border:2px solid var(--ink);background:var(--white);width:28px;height:28px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:10px;right:10px}.lagi-sheet-item{color:var(--nav-inactive);text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px 10px;font-size:14.5px;font-weight:600;display:flex}.lagi-sheet-item:hover,.lagi-sheet-item:focus-visible{background:var(--nav-hover-bg);color:var(--ink);outline:none}.lagi-sheet-item.active{background:var(--purple);border:2px solid var(--ink);color:var(--ink);font-weight:700}.moodboard-add-btn{background:var(--purple);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:9999px;font-weight:700}.moodboard-add-btn-compact{background:var(--purple);border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink);border-radius:9999px;min-height:38px;padding:0 12px;font-size:12.5px;font-weight:700}.moodboard-add-btn-compact:hover{box-shadow:4px 4px 0 var(--ink)}.moodboard-filter-row{margin-bottom:14px}.moodboard-filter-field{flex-wrap:wrap;align-items:center;gap:8px;width:fit-content;display:inline-flex}.moodboard-filter-label{color:var(--ink);opacity:.65;flex-shrink:0;font-size:12px;font-weight:700}.moodboard-filter-field select{border:1.5px solid var(--ink);background:var(--white);width:175px;min-width:150px;max-width:220px;height:41px;color:var(--ink);border-radius:9999px;padding:0 12px;font-size:12.5px;font-weight:600}.moodboard-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px;margin-bottom:18px;display:grid}@media (width>=768px){.moodboard-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1100px){.moodboard-grid{grid-template-columns:repeat(4,1fr)}}.moodboard-card{aspect-ratio:1;border:2px solid var(--ink);background:var(--white);animation:moodboardPopIn .22s var(--ease-bounce) both;border-radius:16px;position:relative;overflow:hidden}@keyframes moodboardPopIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.moodboard-card.removing{animation:.22s forwards moodboardPopOut}@keyframes moodboardPopOut{to{opacity:0;transform:scale(.85)}}.moodboard-grid .moodboard-card:nth-child(4n+1){box-shadow:4px 4px 0 var(--blue)}.moodboard-grid .moodboard-card:nth-child(4n+2){box-shadow:4px 4px 0 var(--purple)}.moodboard-grid .moodboard-card:nth-child(4n+3){box-shadow:4px 4px 0 var(--yellow)}.moodboard-grid .moodboard-card:nth-child(4n+4){box-shadow:4px 4px 0 var(--pink)}.moodboard-card img{object-fit:cover;object-position:center;cursor:pointer;width:100%;height:100%;display:block}.moodboard-badge{background:var(--yellow);border:2px solid var(--ink);z-index:2;border-radius:9999px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px}.moodboard-overlay{opacity:0;pointer-events:none;background:linear-gradient(#48443b00 55%,#48443bb8 100%);flex-direction:column;justify-content:space-between;padding:6px;transition:opacity .2s;display:flex;position:absolute;inset:0}.moodboard-card:hover .moodboard-overlay,.moodboard-card.overlay-open .moodboard-overlay{opacity:1;pointer-events:auto}.moodboard-overlay-caption{color:#fff;text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;font-weight:600;display:-webkit-box;overflow:hidden}.moodboard-card-actions{justify-content:flex-end;align-self:flex-end;display:flex}.moodboard-icon-btn{width:40px;height:40px;color:var(--ink);background:0 0;border:none;position:relative}.moodboard-icon-btn:before{content:"";border:2px solid var(--ink);background:var(--white);border-radius:50%;position:absolute;inset:5px}.moodboard-icon-btn svg{z-index:1;position:relative}.moodboard-icon-btn.danger{color:#c0392b}.moodboard-icon-btn.danger:before{border-color:#c0392b}.sheet.moodboard-action-sheet{padding:16px 16px calc(16px + var(--safe-bottom))}.moodboard-action-sheet-list{flex-direction:column;gap:3px;display:flex}.moodboard-action-sheet-item{text-align:left;width:100%;min-height:44px;color:var(--ink);background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.moodboard-action-sheet-item:hover{background:#48443b14}.moodboard-action-sheet-item.danger{color:#c0392b}.moodboard-delete-confirm{border:2px solid var(--ink);text-align:center;background:#fff;border-radius:12px;width:100%;padding:10px}.moodboard-delete-confirm p{color:var(--ink);margin-bottom:8px;font-size:11.5px;font-weight:700}.moodboard-delete-confirm .row{justify-content:center;gap:8px;display:flex}.moodboard-delete-confirm .btn-yes{color:#fff;border:2px solid var(--ink);background:#ff6b6b;border-radius:9999px;padding:6px 12px;font-size:12px;font-weight:700}.moodboard-delete-confirm .btn-no{background:var(--white);border:2px solid var(--ink);color:var(--ink);border-radius:9999px;padding:6px 12px;font-size:12px;font-weight:700}.moodboard-skeleton-card{aspect-ratio:1;border-radius:16px}.moodboard-empty-illustration{background:var(--purple);border:2px solid var(--ink);width:96px;height:96px;box-shadow:var(--shadow-md);border-radius:28px;justify-content:center;align-items:center;margin:0 auto 18px;display:flex}.moodboard-tabs{border:2px solid var(--ink);background:var(--white);border-radius:9999px;gap:3px;margin:0 0 14px;padding:3px;display:flex}.moodboard-tab{min-height:38px;color:var(--ink);opacity:.6;background:0 0;border:none;border-radius:9999px;flex:1;padding:0 10px;font-size:12.5px;font-weight:700;transition:background .14s,opacity .14s}.moodboard-tab.active{background:var(--purple);opacity:1}.moodboard-upload-zone{border:2px dashed var(--ink);text-align:center;background:#f9f7ff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:128px;margin-bottom:14px;padding:22px;display:flex}.moodboard-upload-zone input[type=file]{display:none}.moodboard-upload-zone .txt{color:var(--ink);font-size:13px;font-weight:600}.moodboard-upload-zone .sub{opacity:.6;color:var(--ink);font-size:11.5px}.moodboard-preview-wrap{text-align:center;margin-bottom:10px}.moodboard-preview-img{object-fit:cover;border:2px solid var(--ink);border-radius:12px;width:100%;height:175px;margin:0 auto 6px;display:block}.moodboard-preview-name{opacity:.7;word-break:break-all;color:var(--ink);margin-bottom:6px;font-size:12px}.moodboard-change-link{color:var(--ink);font-size:12.5px;font-weight:700;text-decoration:underline}.moodboard-url-error{color:#ff6b6b;margin-top:6px;font-size:12px;font-weight:600}.sheet.moodboard-sheet{padding:16px 16px 18px}.moodboard-form .field{gap:4px;margin-bottom:8px}.moodboard-form .field input,.moodboard-form .field select{min-height:45px}.moodboard-save-btn{min-height:44px;margin-top:2px;padding:0 20px}.moodboard-lightbox{z-index:200;background:#48443beb;flex-direction:column;padding:16px;display:flex;position:fixed;inset:0}.moodboard-lightbox-topbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.moodboard-lightbox-close{background:var(--white);border:2px solid var(--ink);width:40px;height:40px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.moodboard-lightbox-body{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.moodboard-lightbox-body img{object-fit:contain;border:3px solid var(--ink);background:var(--white);border-radius:16px;max-width:90vw;max-height:74vh}.moodboard-lightbox-nav{background:var(--white);border:2px solid var(--ink);width:40px;height:40px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.moodboard-lightbox-nav.prev{left:4px}.moodboard-lightbox-nav.next{right:4px}@media (width<=700px){.moodboard-lightbox-nav{display:none}}.moodboard-lightbox-bottombar{text-align:center;margin-top:12px}.moodboard-lightbox-caption{color:#fff;margin-bottom:10px;font-size:14px;font-weight:600}.moodboard-lightbox-actions{justify-content:center;gap:10px;display:flex}.loading-screen{z-index:200;background:var(--white);opacity:1;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .3s;display:flex;position:fixed;inset:0;overflow:hidden}.loading-screen.fading{opacity:0;pointer-events:none}.loading-screen .dots-pattern{opacity:.06;pointer-events:none;position:absolute;inset:-10%}.loading-screen-icon{animation:loading-bounce 1.1s var(--ease-bounce) infinite;z-index:1;position:relative}.loading-screen-text{color:var(--muted);z-index:1;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;position:relative}@keyframes loading-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}#onboarding-screen{background:var(--white);min-height:100dvh}.onboard-header{background:linear-gradient(120deg, var(--blue), var(--purple) 50%, var(--pink));border-bottom:2px solid var(--ink);padding:calc(20px + var(--safe-top)) 20px 28px;position:relative;overflow:hidden}.onboard-header-inner{z-index:2;max-width:560px;margin:0 auto;position:relative}.onboard-brand{align-items:center;gap:8px;margin-bottom:18px;font-size:15px;font-weight:800;display:flex}.onboard-progress{gap:6px;margin-bottom:18px;display:flex}.onboard-progress span{background:#ffffff80;border:1px solid #48443b4d;border-radius:9999px;flex:1;height:6px;transition:background .2s}.onboard-progress span.filled{background:var(--ink)}.onboard-header h1{font-size:24px;font-weight:800}.onboard-header p{opacity:.85;margin-top:4px;font-size:13.5px}.onboard-body{max-width:560px;margin:0 auto;padding:28px 20px 140px}.onboard-majlis-grid{flex-direction:column;gap:10px;display:flex}.onboard-majlis-chip{text-align:left;background:var(--white);width:100%;color:var(--fg);border:2px solid #48443b59;border-radius:16px;align-items:center;gap:10px;padding:14px 16px;font-size:14.5px;font-weight:600;transition:border-color .15s,box-shadow .15s;display:flex}.onboard-majlis-chip.active{border-color:var(--ink);background:var(--purple);box-shadow:4px 4px 0 var(--blue);font-weight:700}.onboard-majlis-chip .check{background:var(--white);border:2px solid var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex}.onboard-date-field{border:2px solid #48443b59;border-radius:16px;align-items:center;gap:12px;margin-bottom:14px;padding:10px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.onboard-date-field.enabled{border-color:var(--ink);box-shadow:4px 4px 0 var(--blue)}.onboard-date-field .toggle-btn{border:2px solid var(--ink);background:var(--white);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.onboard-date-field .toggle-btn.on{background:var(--purple)}.onboard-date-field .field-body{flex:1;min-width:0}.onboard-date-field label{letter-spacing:.03em;color:var(--fg);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.onboard-date-field input{background:0 0;border:none;width:100%;min-height:24px;padding:0;font-size:15px}.onboard-date-field input:disabled{opacity:.4}.onboard-date-field input:focus{outline:none}.onboard-event-card{border:2px solid #48443b59;border-radius:16px;margin-bottom:14px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.onboard-event-card.enabled{border-color:var(--ink);box-shadow:4px 4px 0 var(--blue)}.onboard-event-head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.onboard-event-head .toggle-btn{border:2px solid var(--ink);background:var(--white);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.onboard-event-head .toggle-btn.on{background:var(--purple)}.onboard-event-title{color:var(--fg);font-size:14.5px;font-weight:700}.onboard-event-body{flex-direction:column;gap:10px;padding-left:34px;display:flex}.onboard-event-body .field label{letter-spacing:.03em;color:var(--fg);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.onboard-event-body .field input{border:1px solid #48443b59;border-radius:10px;width:100%;padding:8px 10px;font-size:14px}.onboard-event-body .field input:disabled{opacity:.4}.onboard-event-body .field input:focus{border-color:var(--ink);outline:none}.onboard-foot{z-index:10;background:var(--white);border-top:2px solid var(--ink);padding:14px 20px calc(14px + var(--safe-bottom));gap:12px;max-width:600px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.onboard-foot .btn{flex:1}.onboard-success{text-align:center;padding:60px 20px}.onboard-success .ic{background:var(--yellow);border:2px solid var(--ink);width:80px;height:80px;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:34px;display:flex}.sticker-card.feedback-form-card{margin-bottom:20px;padding:15px}.feedback-form .field{gap:5px;margin-bottom:11px}.feedback-form .field input,.feedback-form .field select{min-height:45px}.feedback-form-card textarea{border:2px solid var(--ink);resize:vertical;width:100%;min-height:100px;color:var(--ink);border-radius:14px;padding:10px 12px;font-family:inherit;font-size:14px}.feedback-form-card textarea:focus{box-shadow:3px 3px 0 var(--purple);outline:none}.feedback-upload-zone{border:2px dashed var(--ink);text-align:center;background:#f9f7ff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:128px;padding:20px;display:flex}.feedback-upload-zone input[type=file]{display:none}.feedback-upload-zone .txt{color:var(--ink);font-size:13px;font-weight:600}.feedback-upload-zone .sub{opacity:.6;color:var(--ink);font-size:11.5px}.feedback-screenshot-preview{text-align:center}.feedback-screenshot-preview img{object-fit:contain;border:2px solid var(--ink);background:var(--white);border-radius:12px;width:100%;max-height:200px;margin-bottom:8px;display:block}.feedback-screenshot-preview .btn{margin-right:10px}.feedback-replace-link{cursor:pointer;color:var(--ink);font-size:12.5px;font-weight:700;text-decoration:underline}.feedback-success-banner{background:var(--success-green);border:1.5px solid var(--ink);border-radius:var(--r-md);color:var(--ink);margin-bottom:12px;padding:10px 14px;font-size:13px;font-weight:700}.feedback-submit-btn{min-height:44px;margin-top:2px}.feedback-history-section{margin-top:6px}.feedback-history-title{color:var(--ink);margin-bottom:12px;font-size:16px;font-weight:800}.feedback-history-list{flex-direction:column;gap:9px;display:flex}.feedback-history-item{text-align:left;border:2px solid var(--ink);background:var(--white);width:100%;color:var(--ink);transition:transform .14s var(--ease-bounce), box-shadow .14s var(--ease-bounce);border-radius:14px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.feedback-history-item:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.feedback-history-thumb{object-fit:cover;border:1.5px solid var(--ink);border-radius:10px;flex-shrink:0;width:50px;height:50px}.feedback-history-body{flex:1;min-width:0}.feedback-history-top{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.feedback-history-top .badge,.feedback-history-top .status-badge{padding:2.5px 8px;font-size:11px}.feedback-history-desc{color:var(--ink);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-bottom:3px;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.feedback-history-date{color:var(--nav-inactive);font-size:11px}.feedback-detail-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.feedback-detail-row .k{opacity:.7;color:var(--ink);font-size:12.5px;font-weight:700}.feedback-detail-row .v{color:var(--ink);font-size:13px;font-weight:600}.feedback-detail-screenshot{object-fit:contain;border:2px solid var(--ink);background:#f9f7ff;border-radius:12px;width:100%;max-height:260px;margin-bottom:14px;display:block}.feedback-detail-desc{white-space:pre-line;color:var(--ink);margin-bottom:14px;font-size:14px;line-height:1.6}.feedback-admin-note{background:var(--blue);border:2px solid var(--ink);border-radius:14px;padding:12px 14px}.feedback-admin-note strong{color:var(--ink);margin-bottom:4px;font-size:12.5px;display:block}.feedback-admin-note p{color:var(--ink);font-size:13px;line-height:1.5}.download-menu-wrap{flex-shrink:0;position:relative}.download-menu{min-width:200px;right:0}.download-menu button{align-items:center;gap:10px;display:flex}.guest-print-only{width:800px;position:absolute;top:0;left:-9999px}@media print{body *{visibility:hidden}.guest-print-only,.guest-print-only *{visibility:visible}.guest-print-only{color:#000;width:100%;position:absolute;top:0;left:0}.guest-print-only h1{margin-bottom:6px;font-size:20px}.guest-print-meta{margin-bottom:14px;font-size:12px;line-height:1.6}.guest-print-summary{border-top:1px solid #999;border-bottom:1px solid #999;flex-wrap:wrap;gap:14px;margin-bottom:16px;padding:8px 0;font-size:12px;display:flex}.guest-print-table{border-collapse:collapse;width:100%;font-size:11px}.guest-print-table th,.guest-print-table td{text-align:left;vertical-align:top;border:1px solid #999;padding:5px 7px}.guest-print-table thead{display:table-header-group}.guest-print-table tr{page-break-inside:avoid}}.landing{background:var(--white);overflow-x:hidden}.landing h1,.landing h2,.landing h3{letter-spacing:-.01em}.lp-header{z-index:40;padding:16px 24px calc(16px + var(--safe-top)) 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-bottom:1px solid #48443b1a;justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.lp-header-brand{align-items:center;display:flex}.lp-header-nav{align-items:center;gap:26px;font-size:14px;font-weight:600;display:flex}.lp-header-nav a{opacity:.75;transition:opacity .15s}.lp-header-nav a:hover{opacity:1}.lp-header-actions{align-items:center;gap:10px;display:flex}.lp-header-menu-btn{background:var(--white);border:1px solid #48443b26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:none}.lp-header-mobile-menu{background:var(--white);border-bottom:1px solid #48443b1a;flex-direction:column;gap:2px;padding:8px 24px 18px;display:none;position:absolute;top:100%;left:0;right:0}.lp-header-mobile-menu a{border-bottom:1px solid #48443b14;padding:11px 4px;font-size:15px;font-weight:600}@media (width<=640px){.lp-header-nav{display:none}.lp-header-menu-btn,.lp-header-mobile-menu{display:flex}}.lp-kicker{letter-spacing:.06em;text-transform:uppercase;opacity:.55;margin-bottom:12px;font-size:12.5px;font-weight:700;display:inline-block}.lp-fineprint{opacity:.55;font-size:12.5px;line-height:1.6}.lp-center{text-align:center}.lp-textlink{text-underline-offset:2px;font-size:13.5px;font-weight:700;text-decoration:underline}.lp-btn{white-space:nowrap;border:none;border-radius:9999px;justify-content:center;align-items:center;min-height:48px;padding:0 26px;font-size:15px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s,opacity .18s;display:inline-flex}.lp-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.lp-btn-primary{background:var(--ink);color:var(--white);box-shadow:0 10px 24px -10px #48443b8c}.lp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px -10px #48443b99}.lp-btn-primary:active{transform:translateY(0)}.lp-btn-secondary{color:var(--ink);background:0 0;border:1.5px solid #48443b59}.lp-btn-secondary:hover{border-color:var(--ink);background:#48443b0a}.lp-btn-accent{background:var(--blue);color:var(--ink)}.lp-btn-accent:hover{transform:translateY(-2px)}.lp-btn-sm{min-height:40px;padding:0 18px;font-size:13.5px}.lp-hero{flex-direction:column;align-items:center;padding:56px 24px 0;display:flex;position:relative}.lp-hero-inner{text-align:center;max-width:640px}.lp-hero-tagline{color:var(--ink);opacity:.85;margin:0 0 14px;font-size:16px;font-weight:700}.lp-hero-headline{margin-bottom:18px;font-size:36px;font-weight:800;line-height:1.14}.lp-hero-copy{opacity:.72;max-width:460px;margin:0 auto 28px;font-size:16px;line-height:1.6}.lp-hero-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.lp-hero-trust{opacity:.55;margin-top:18px;font-size:13px;font-weight:600}.lp-hero-shot{width:100%;max-width:320px;margin:44px auto 0}@media (width>=640px){.lp-hero-headline{font-size:48px}.lp-hero-copy{font-size:17.5px}}.lp-shot{width:100%}.lp-shot-placeholder{text-align:center;width:100%;height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:12px;font-weight:700;display:flex}.lp-shot-phone .lp-shot-chrome{background:var(--white);border:1px solid #48443b1f;border-radius:34px;max-width:260px;margin:0 auto;padding:9px;box-shadow:0 26px 50px -26px #48443b66}.lp-shot-phone .lp-shot-screen{aspect-ratio:9/19.5;background:#48443b0a;border-radius:24px;justify-content:center;align-items:center;display:flex;overflow:hidden}.lp-shot-phone .lp-shot-screen img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.lp-shot-browser .lp-shot-chrome{background:var(--white);border:1px solid #48443b1f;border-radius:16px;overflow:hidden;box-shadow:0 26px 50px -28px #48443b52}.lp-shot-bar{background:#48443b05;border-bottom:1px solid #48443b14;align-items:center;gap:6px;padding:11px 16px;display:flex}.lp-shot-bar span{background:#48443b2e;border-radius:50%;width:7px;height:7px}.lp-shot-browser .lp-shot-screen{aspect-ratio:16/10;background:#48443b0a;justify-content:center;align-items:center;display:flex}.lp-shot-browser .lp-shot-screen img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.lp-section{max-width:980px;margin:0 auto;padding:60px 24px}.lp-section-head{text-align:center;max-width:560px;margin:0 auto 32px}.lp-section-head h2{margin-bottom:8px;font-size:25px;font-weight:800}.lp-section-head p{opacity:.68;font-size:14.5px;line-height:1.55}.lp-intro{padding-bottom:8px}.lp-panel{background:var(--white);border:1px solid #48443b1a;border-radius:20px;box-shadow:0 20px 40px -28px #48443b4d}.lp-product{padding:60px 24px}.lp-wash-blue{background:#cddfff59}.lp-wash-yellow{background:#ffd36738}.lp-wash-pink{background:#ffb1e938}.lp-wash-purple{background:#d6bbfb38}.lp-product-inner{grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1040px;margin:0 auto;display:grid}.lp-product-reverse{direction:rtl}.lp-product-reverse>*{direction:ltr}.lp-product-copy h2{margin-bottom:12px;font-size:25px;font-weight:800;line-height:1.25}.lp-product-copy p{opacity:.72;max-width:420px;margin-bottom:8px;font-size:15px;line-height:1.6}.lp-product-copy .lp-btn{margin-top:14px}.lp-product-list{margin:18px 0 4px}.lp-product-list-title{opacity:.7;margin-bottom:10px;font-size:12.5px;font-weight:800}.lp-product-list ul{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.lp-product-list li{opacity:.85;align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}@media (width<=780px){.lp-product-inner{grid-template-columns:1fr;gap:28px}.lp-product-reverse{direction:ltr}}.lp-overview{background:#48443b06;padding:56px 24px}.lp-overview-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;max-width:900px;margin:0 auto;display:grid}.lp-overview-col h3{text-transform:uppercase;letter-spacing:.05em;opacity:.55;margin-bottom:12px;font-size:12.5px;font-weight:800}.lp-overview-row{border-top:1px solid #48443b14;align-items:center;gap:10px;padding:11px 0;font-size:14px;font-weight:600;display:flex}.lp-overview-row:first-of-type{border-top:none}.lp-compare{padding:56px 24px}.lp-compare-grid{border:1px solid #48443b1a;border-radius:20px;grid-template-columns:1fr 1fr;max-width:820px;margin:0 auto;display:grid;overflow:hidden}.lp-compare-col{padding:26px}.lp-compare-col:first-child{background:#48443b05;border-right:1px solid #48443b1a}.lp-compare-col h3{opacity:.8;margin-bottom:16px;font-size:13.5px;font-weight:800}.lp-compare-row{opacity:.8;align-items:flex-start;gap:10px;padding:8px 0;font-size:13.5px;line-height:1.5;display:flex}@media (width<=620px){.lp-compare-grid{grid-template-columns:1fr}.lp-compare-col:first-child{border-bottom:1px solid #48443b1a;border-right:none}}.lp-pricing-table{margin-bottom:22px;padding:6px 28px}.lp-pricing-row{border-bottom:1px solid #48443b1a;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 0;display:flex}.lp-pricing-row:last-child{border-bottom:none}.lp-pricing-range{opacity:.78;font-size:14px;font-weight:600}.lp-pricing-price{white-space:nowrap;font-size:19px;font-weight:800}.lp-pricing-price span{opacity:.55;font-size:12px;font-weight:600}.lp-pricing-notes{text-align:center;max-width:600px;margin:0 auto 26px}.lp-pricing-notes p{opacity:.6;margin-bottom:6px;font-size:12.5px;line-height:1.55}#harga{text-align:center}#harga .lp-btn{margin:0 auto;display:inline-flex}.lp-access-card{border-left:3px solid var(--purple);border-radius:4px 20px 20px 4px;max-width:620px;margin:0 auto;padding:26px 28px}.lp-access-title{opacity:.85;margin-bottom:12px;font-size:13.5px;font-weight:800}.lp-access-list{margin:0 0 14px 18px;padding:0}.lp-access-list li{opacity:.72;margin-bottom:4px;font-size:13px;line-height:1.65}.lp-roadmap-list{border-top:1px solid #48443b1a;max-width:640px;margin:0 auto 18px;padding:0;list-style:none}.lp-roadmap-item{border-bottom:1px solid #48443b1a;justify-content:space-between;align-items:center;gap:12px;padding:15px 4px;font-size:14px;font-weight:700;display:flex}.lp-pill{opacity:.8;background:#48443b0f;border-radius:9999px;align-items:center;padding:5px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.lp-support{text-align:center;max-width:560px;margin:0 auto}.lp-support h2{margin-bottom:10px;font-size:22px;font-weight:800}.lp-support>p{opacity:.7;margin-bottom:20px;font-size:14px}.lp-support-list{flex-direction:column;align-items:center;gap:11px;margin:0;padding:0;list-style:none;display:flex}.lp-support-list li{opacity:.85;align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.lp-support-list a{opacity:1;font-weight:800;text-decoration:underline}.lp-faq-list{max-width:720px;margin:0 auto}.lp-faq-item{border-bottom:1px solid #48443b1a}.lp-faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 4px;font-size:15px;font-weight:700;list-style:none;display:flex}.lp-faq-item summary::-webkit-details-marker{display:none}.lp-faq-item summary:after{content:"";border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);opacity:.5;flex-shrink:0;width:8px;height:8px;transition:transform .2s;transform:rotate(45deg)}.lp-faq-item[open] summary:after{transform:rotate(-135deg)}.lp-faq-item summary:focus-visible{outline:3px solid var(--ink);outline-offset:4px;border-radius:8px}.lp-faq-item p{opacity:.72;max-width:600px;padding:0 4px 20px;font-size:13.5px;line-height:1.6}.lp-faq-item p a{opacity:1;font-weight:700;text-decoration:underline}.lp-final-cta{text-align:center;background:linear-gradient(135deg,#cddfff80,#d6bbfb80);padding:68px 24px}.lp-final-cta h2{max-width:560px;margin:0 auto 26px;font-size:25px;font-weight:800}.lp-final-tagline{opacity:.6;margin-top:20px;margin-bottom:0}@media (width>=640px){.lp-final-cta h2{font-size:30px}}.lp-footer{text-align:center;padding:40px 24px calc(40px + var(--safe-bottom));border-top:1px solid #48443b1a;flex-direction:column;align-items:center;gap:10px;display:flex}.lp-footer>p{opacity:.55;margin:0;font-size:12.5px;font-weight:600}.lp-footer-nav{opacity:.8;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:6px;font-size:13.5px;font-weight:600;display:flex}.lp-footer-nav a:hover{text-decoration:underline}.lp-footer-email{opacity:.65;margin-top:4px;font-size:12.5px;font-weight:700;text-decoration:underline}.pwa-banner{z-index:90;left:12px;right:12px;bottom:calc(54px + var(--safe-bottom) + 10px);background:var(--white);border:2px solid var(--ink);box-shadow:var(--shadow-md);animation:pwaBannerIn .3s var(--ease-bounce) both;border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex;position:fixed}@keyframes pwaBannerIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width>=981px){.pwa-banner{max-width:360px;bottom:20px;left:auto;right:20px}}.pwa-banner-txt{flex-direction:column;flex:1;gap:2px;min-width:180px;display:flex}.pwa-banner-txt strong{color:var(--ink);font-size:13.5px;font-weight:800;line-height:1.3}.pwa-banner-txt span{color:var(--nav-inactive);font-size:12px}.pwa-banner-actions{flex-shrink:0;gap:8px;margin-left:auto;display:flex}.pwa-banner-actions .btn{color:var(--ink)}.sheet.pwa-sheet{padding:20px 20px calc(20px + var(--safe-bottom))}.pwa-headline{color:var(--ink);margin-bottom:8px;font-size:17px;font-weight:800;line-height:1.3}.pwa-body{color:var(--ink);opacity:.85;margin-bottom:14px;font-size:13.5px;line-height:1.55}.pwa-hint{color:var(--nav-inactive);margin:8px 0 14px;font-size:11.5px;line-height:1.5}.pwa-actions{gap:10px;display:flex}.pwa-actions .btn{flex:1}.pwa-steps{counter-reset:pwa-step;flex-direction:column;gap:10px;margin-bottom:4px;list-style:none;display:flex}.pwa-steps li{counter-increment:pwa-step;color:var(--ink);padding-left:30px;font-size:13.5px;line-height:1.5;position:relative}.pwa-steps li:before{content:counter(pwa-step);border:2px solid var(--ink);background:var(--purple);width:21px;height:21px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex;position:absolute;top:0;left:0}.access-banner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.access-banner-info{background:var(--tint-purple);color:var(--ink)}.access-banner-urgent,.access-banner-expired{background:var(--pink);color:var(--ink)}.access-banner-text strong{font-weight:800}.access-banner-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.access-banner-error{color:#c0392b;font-size:12px;font-weight:600}.subscription-status-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.subscription-status-pill{border:2px solid var(--ink);border-radius:9999px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-block}.subscription-status-pill.trialing{background:var(--tint-yellow)}.subscription-status-pill.active{background:var(--success-green)}.subscription-status-pill.expired{background:var(--pink)}.bayaran-status-card{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.bayaran-status-icon{font-size:40px;line-height:1}#root{min-height:100dvh}