@import "https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@media (width<=1024px),(width<=1366px) and (pointer:coarse),(width<=1366px) and (hover:none),(height<=600px) and (orientation:landscape){html,body{width:100%!important;max-width:100vw!important;scroll-padding-bottom:calc(76px + env(safe-area-inset-bottom,0px) + 24px)!important;overflow-x:hidden!important}.app-container{flex-direction:column;box-sizing:border-box!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.main-content{width:100%!important;min-width:0!important;max-width:100%!important;padding:16px!important;padding-left:max(16px, env(safe-area-inset-left,0px))!important;padding-right:max(16px, env(safe-area-inset-right,0px))!important;padding-top:max(28px, calc(env(safe-area-inset-top,0px) + 20px))!important;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px) + 24px)!important;scroll-padding-bottom:calc(76px + env(safe-area-inset-bottom,0px) + 24px)!important;box-sizing:border-box!important;overflow-x:hidden!important}@media (width>=768px){.main-content{max-width:920px!important;padding:20px 24px!important;padding-top:max(24px, calc(env(safe-area-inset-top,0px) + 16px))!important;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px) + 20px)!important;scroll-padding-bottom:calc(80px + env(safe-area-inset-bottom,0px) + 20px)!important;margin-left:auto!important;margin-right:auto!important}}@media (height<=500px) and (orientation:landscape){.main-content{padding:10px 16px!important;padding-left:max(16px, env(safe-area-inset-left,0px))!important;padding-right:max(16px, env(safe-area-inset-right,0px))!important;padding-top:max(14px, calc(env(safe-area-inset-top,0px) + 8px))!important;padding-bottom:calc(54px + env(safe-area-inset-bottom,0px) + 16px)!important;scroll-padding-bottom:calc(54px + env(safe-area-inset-bottom,0px) + 16px)!important}.page-header{margin-bottom:10px!important}.page-header h1{font-size:1.15rem!important}.page-header .subtitle{font-size:.75rem!important}.category-list,.task-list-details,.unscheduled-list{max-height:200px!important}}h1{letter-spacing:-.02em;font-size:1.35rem!important;line-height:1.2!important}h2{font-size:1.1rem!important;line-height:1.25!important}h3{font-size:.95rem!important}.page-header:not(.overview-header),.guest-page-header,.budget-page-header,.seserahan-page-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;width:100%!important;margin-bottom:16px!important;display:flex!important}.page-header:not(.overview-header)>div:first-child,.page-title-group,.budget-title-group,.timeline-container .page-header>div:first-child,.activities-container .page-header>div:first-child,.settings-container .page-header>div:first-child{width:100%!important;max-width:100%!important}.page-header h1,.guest-page-header h1,.guest-page-header .page-title-group h1,.budget-page-header h1,.budget-title-group h1,.budget-container .page-header h1,.seserahan-page-header h1,.timeline-container .page-header h1,.activities-container .page-header h1,.vendor-container .page-header h1,.settings-container .page-header h1{font-family:var(--font-title)!important;font-size:var(--mobile-page-title-size,clamp(28px, 7vw, 32px))!important;color:var(--color-primary)!important;font-weight:800!important;line-height:var(--mobile-page-title-line-height,1.18)!important;letter-spacing:-.02em!important;word-break:normal!important;overflow-wrap:break-word!important;margin:0!important}.overview-header .overview-header-text h1,.overview-header-text h1{font-family:var(--font-title)!important;font-size:var(--mobile-display-size,clamp(28px, 7.5vw, 34px))!important;color:var(--color-primary)!important;font-weight:800!important;line-height:var(--mobile-display-line-height,1.15)!important;letter-spacing:-.02em!important;word-break:normal!important;overflow-wrap:break-word!important;margin:0!important}.page-header .subtitle,.overview-header-text .subtitle,.timeline-container .page-header .subtitle,.activities-container .page-header .subtitle,.budget-container .page-header .subtitle,.budget-page-header .subtitle,.budget-title-group .subtitle,.vendor-container .page-header .subtitle,.guest-page-header .subtitle,.guest-page-header .page-title-group .subtitle,.seserahan-page-header .subtitle,.settings-container .page-header .subtitle{font-family:var(--font-body)!important;font-size:var(--mobile-subtitle-size,clamp(14px, 3.8vw, 16px))!important;font-weight:400!important;line-height:var(--mobile-subtitle-line-height,1.42)!important;color:var(--color-text-muted)!important;margin-top:8px!important;margin-bottom:0!important}.guest-header-actions,.activities-header-actions,.vendor-header-actions{box-sizing:border-box!important;flex-flow:row!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100%!important;display:flex!important}.page-header .btn-primary,.btn-add-guest-main{white-space:nowrap!important;box-sizing:border-box!important;border-radius:12px!important;flex:1 1 0!important;justify-content:center!important;width:auto!important;min-width:0!important;max-width:100%!important;min-height:44px!important;padding:10px 14px!important;font-size:.85rem!important;font-weight:700!important}.page-header .btn-secondary,.btn-bulk-upload{white-space:nowrap!important;box-sizing:border-box!important;border-radius:12px!important;flex:none!important;justify-content:center!important;width:auto!important;min-width:44px!important;min-height:44px!important;padding:10px 12px!important}.page-header .tutorial-trigger-btn,.has-tutorial-btn .tutorial-trigger-btn{box-sizing:border-box!important;border-radius:9999px!important;flex:none!important;align-self:flex-start!important;height:32px!important;min-height:32px!important;margin-top:2px!important;padding:4px 10px!important}@media (width<=480px){.btn-bulk-upload span{display:none!important}.page-header .tutorial-trigger-label,.has-tutorial-btn .tutorial-trigger-label,.tutorial-trigger-label{letter-spacing:.01em!important;font-size:.72rem!important;font-weight:700!important;display:inline!important}.page-header .tutorial-trigger-badge,.has-tutorial-btn .tutorial-trigger-badge,.tutorial-trigger-badge{display:none!important}.page-header .tutorial-trigger-btn,.has-tutorial-btn .tutorial-trigger-btn,.tutorial-trigger-btn{width:auto!important;height:30px!important;min-width:unset!important;border-radius:9999px!important;justify-content:center!important;align-self:flex-start!important;gap:5px!important;min-height:30px!important;padding:4px 10px!important}.tutorial-trigger-play-icon svg{width:14px!important;height:14px!important}.btn-bulk-upload{border-radius:12px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important}}@media (width<=350px){.guest-header-actions{flex-wrap:wrap!important;gap:8px!important}.btn-add-guest-main{flex:100%!important;order:1!important;width:100%!important}.guest-header-actions .tutorial-trigger-btn,.guest-header-actions .btn-bulk-upload{order:2!important}}.btn-check{box-sizing:border-box!important;border-radius:6px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important;display:inline-flex!important;position:relative!important}.btn-check:after{content:"";position:absolute;inset:-11px}.btn-check.small{border-radius:5px!important;width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important}.btn-icon,.btn-icon-danger,.btn-action-icon,.guest-action-btn,.btn-icon-action,.modal-close,.btn-close-pwa-modal,.tutorial-modal-close-btn,.guest-delete-btn,.btn-edit,.btn-delete,.th-sortable,.btn-filter,.search-action-btn{box-sizing:border-box!important;touch-action:manipulation!important;justify-content:center!important;align-items:center!important;min-width:44px!important;min-height:44px!important;padding:10px!important;display:inline-flex!important}.guest-actions,.table-actions,.row-actions{align-items:center!important;gap:8px!important;display:inline-flex!important}.card{box-sizing:border-box!important;border-radius:14px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:16px!important;overflow:hidden!important}.card:hover,.matrix-card:hover,.target-budget-card:hover,.dana-nikah-main-card:hover,.estimasi-biaya-card:hover,.dana-side-card:hover,.seserahan-progress-card:hover,.admin-stat-card:hover,.stat-card:hover,.riwayat-item-card:hover,.vendor-card:hover{box-shadow:var(--shadow)!important;transform:none!important}.card:active{transition:transform .1s!important;transform:scale(.99)!important}.dashboard-grid,.budget-grid,.settings-grid{box-sizing:border-box!important;grid-template-rows:auto!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important;min-width:0!important;max-width:100%!important}input,select,textarea,.form-input,.search-input,.auth-input,.editable-input,.modal-card input,.modal-card select,.modal-card textarea,.modal-content input,.modal-content select,.modal-content textarea,.vendor-modal input,.vendor-modal select,.profile-modal-card input,.profile-modal-card select{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important;font-size:16px!important}.form-input,.search-input,.auth-input,.editable-input{box-sizing:border-box!important;min-height:44px!important;padding-top:10px!important;padding-bottom:10px!important}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-primary:active,.btn-secondary:active,.btn-primary-outline:active{transition:transform .1s!important;transform:scale(.97)!important}.overview-container{box-sizing:border-box!important;gap:14px!important;width:100%!important;min-width:0!important;max-width:100%!important}.overview-header{box-sizing:border-box!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;width:100%!important;max-width:100%!important;margin-top:4px!important;margin-bottom:16px!important;display:flex!important}.overview-header-profile{box-sizing:border-box!important;flex-direction:row!important;align-items:flex-start!important;gap:14px!important;width:100%!important;display:flex!important}.overview-avatar{border:2.5px solid #fff!important;border-radius:50%!important;flex-shrink:0!important;width:54px!important;min-width:54px!important;max-width:54px!important;height:54px!important;min-height:54px!important;max-height:54px!important;margin-top:3px!important;overflow:hidden!important;box-shadow:0 4px 12px #99182a40!important}.overview-avatar img{object-fit:cover!important;width:100%!important;height:100%!important}.overview-header-text{flex:1!important;min-width:0!important}.overview-header-text h1{font-family:var(--font-title)!important;font-size:var(--mobile-display-size,clamp(28px, 7.5vw, 34px))!important;color:var(--color-primary)!important;font-weight:800!important;line-height:var(--mobile-display-line-height,1.15)!important;letter-spacing:-.02em!important;word-break:normal!important;overflow-wrap:break-word!important;margin:0!important}.overview-header-text .subtitle{font-family:var(--font-body)!important;font-size:var(--mobile-subtitle-size,clamp(14px, 3.8vw, 16px))!important;font-weight:400!important;line-height:var(--mobile-subtitle-line-height,1.42)!important;color:var(--color-text-muted)!important;margin-top:8px!important}.countdown-card,.progress-card,.priority-card,.budget-snapshot-card{box-sizing:border-box!important;grid-area:auto/1/auto/-1!important;width:100%!important;min-width:0!important;max-width:100%!important}.countdown-card{box-sizing:border-box!important;width:100%!important;min-height:unset!important;border-radius:16px!important;padding:clamp(14px,3.5vw,20px) 14px!important}.countdown-content{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:0!important;width:100%!important;max-width:100%!important;display:flex!important}.countdown-text-group{text-align:center!important;flex-direction:column!important;align-items:center!important;width:100%!important;margin-bottom:clamp(10px,2.5vw,14px)!important;display:flex!important}.countdown-content h2{letter-spacing:.02em!important;text-align:center!important;word-break:break-word!important;margin-bottom:3px!important;font-size:clamp(1.4rem,5.5vw,2.2rem)!important;font-weight:800!important;line-height:1.15!important}.countdown-content p{text-align:center!important;opacity:.9!important;margin-bottom:0!important;font-size:clamp(.8rem,2.2vw,.95rem)!important;line-height:1.3!important}.countdown-timer{justify-content:center!important;gap:clamp(6px,2vw,12px)!important;width:100%!important;max-width:320px!important;margin:0 auto!important;display:flex!important}.time-box{box-sizing:border-box!important;border-radius:12px!important;flex-direction:column!important;flex:1 1 0!important;justify-content:center!important;align-items:center!important;min-width:62px!important;max-width:86px!important;height:auto!important;min-height:62px!important;padding:clamp(4px,1.5vw,8px) 4px!important;display:flex!important}.time-value{font-size:clamp(1.15rem,4.2vw,1.45rem)!important;font-weight:800!important;line-height:1.1!important}.time-label{letter-spacing:.08em!important;white-space:nowrap!important;margin-top:2px!important;font-size:clamp(.55rem,1.6vw,.65rem)!important;line-height:1!important}.priority-header{box-sizing:border-box!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100%!important;margin-bottom:12px!important;display:flex!important}.priority-header h3{min-width:0!important;margin:0!important;font-size:.95rem!important;font-weight:700!important}.priority-header .btn-text{white-space:nowrap!important;flex-shrink:0!important;font-size:.78rem!important;font-weight:600!important}.task-item:hover{transform:none!important}.task-list{flex-direction:column!important;gap:8px!important;display:flex!important}.task-item{border-radius:10px!important;padding:9px 12px!important}.task-info h4{margin-bottom:3px!important;font-size:.88rem!important;font-weight:600!important;line-height:1.3!important}.task-meta-row{flex-wrap:wrap!important;align-items:center!important;gap:6px!important;display:flex!important}.task-category-tag{font-size:.72rem!important}.task-pic-badge{border-radius:6px!important;padding:1px 6px!important;font-size:.65rem!important}.task-date-tag{border-radius:4px!important;padding:2px 6px!important;font-size:.7rem!important}.budget-info{box-sizing:border-box!important;flex-direction:column!important;gap:6px!important;width:100%!important;max-width:100%!important;margin-bottom:12px!important;display:flex!important}.budget-item{box-sizing:border-box!important;border-radius:8px!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:8px 12px!important;display:flex!important}.budget-label{color:var(--color-text-muted)!important;flex-shrink:0!important;margin:0!important;font-size:.84rem!important;font-weight:500!important}.budget-value{text-align:right!important;white-space:nowrap!important;font-size:.9rem!important;font-weight:700!important}.pic-breakdown-grid{grid-template-columns:1fr!important;gap:8px!important}.activities-grid{box-sizing:border-box!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important;min-width:0!important}.categories-card,.tasks-card{box-sizing:border-box!important;border-radius:14px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:14px!important}.activities-grid .card-header{height:auto!important;min-height:unset!important;margin-bottom:10px!important}.activities-grid .card-header h3{text-transform:uppercase!important;letter-spacing:.05em!important;margin-bottom:2px!important;font-size:.78rem!important;font-weight:700!important}.activities-grid .card-header p{margin:0!important;font-size:1.05rem!important;font-weight:700!important}.category-list{box-sizing:border-box!important;gap:6px!important;width:100%!important;max-height:360px!important;margin-bottom:10px!important}.category-item{box-sizing:border-box!important;border-radius:10px!important;width:100%!important;padding:0!important}.category-item-clickable{min-width:0!important;padding:9px 12px!important}.category-item-meta{flex-shrink:0!important;padding-right:12px!important}.category-item-name{word-break:break-word!important;font-size:.88rem!important;font-weight:500!important}.category-task-count{padding:2px 7px!important;font-size:.75rem!important}.active-category-header{justify-content:space-between!important;align-items:center!important;gap:8px!important;margin-bottom:8px!important;display:flex!important}.active-category-header h4{margin:0!important;font-size:.95rem!important;font-weight:700!important}.pic-filter-pills{box-sizing:border-box!important;gap:6px!important;width:100%!important;max-width:100%!important;margin-bottom:10px!important;overflow-x:auto!important}.pic-filter-btn{white-space:nowrap!important;border-radius:8px!important;flex-shrink:0!important;padding:4px 10px!important;font-size:.76rem!important}.task-list-details{box-sizing:border-box!important;gap:6px!important;width:100%!important;max-height:380px!important}.task-item-detail{box-sizing:border-box!important;border-radius:8px!important;gap:8px!important;width:100%!important;min-width:0!important;margin-bottom:0!important;padding:8px 10px!important}.task-detail-left,.task-detail-body{flex:1!important;min-width:0!important}.task-detail-title{word-break:break-word!important;overflow-wrap:anywhere!important;font-size:.86rem!important;font-weight:600!important;line-height:1.3!important}.task-detail-actions{flex-shrink:0!important;align-items:center!important;gap:4px!important;display:flex!important}.task-detail-meta{gap:8px!important;font-size:.72rem!important}.task-detail-date{font-size:.7rem!important}.activities-empty-state{border-radius:14px!important;margin:8px 0 12px!important;padding:28px 16px!important}.activities-empty-icon{width:46px!important;height:46px!important;margin-bottom:12px!important}.activities-empty-title{margin-bottom:4px!important;font-size:.95rem!important}.activities-empty-desc{max-width:270px!important;margin-bottom:16px!important;font-size:.8rem!important}.btn-magic-template{min-height:38px!important;padding:8px 18px!important;font-size:.82rem!important}.btn-add{background:var(--color-primary,#8b1e3f)!important;color:#fff!important;cursor:pointer!important;box-sizing:border-box!important;border:none!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:44px!important;margin:8px 0 14px!important;padding:10px 16px!important;font-size:.88rem!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important;box-shadow:0 2px 8px #8b1e3f38!important}.btn-add:active{background:var(--color-primary-hover,#701430)!important;transform:scale(.98)!important}.task-form-container{border-radius:12px!important;gap:10px!important;padding:12px 14px!important}.task-form-row{grid-template-columns:1fr!important;gap:10px!important}.task-date-input,.task-select-input,.task-form-title-input{min-height:44px!important;padding:10px 12px!important;font-size:16px!important}.mini-calendar-day{aspect-ratio:1!important;border-radius:50%!important;width:32px!important;max-width:32px!important;height:32px!important;max-height:32px!important;margin:2px auto!important}.timeline-container{box-sizing:border-box!important;gap:12px!important;width:100%!important}.timeline-split-layout{flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important}.timeline-main-col{flex:100%!important;order:1!important;width:100%!important;min-width:0!important}.timeline-sidebar-col{order:2!important;width:100%!important;position:static!important}.overview-card{border-radius:14px!important;margin-bottom:14px!important;padding:14px!important}.progress-header{margin-bottom:10px!important}.progress-header h3{margin-bottom:2px!important;font-size:.88rem!important}.progress-header .progress-percentage{font-size:1.45rem!important}.tasks-done .label{margin-bottom:2px!important;font-size:.76rem!important}.tasks-done .value{font-size:.95rem!important}.unscheduled-card{border-radius:14px!important;padding:14px!important}.unscheduled-card h3{margin-bottom:2px!important;font-size:1rem!important;font-weight:700!important}.sidebar-desc{margin-bottom:10px!important;font-size:.78rem!important}.unscheduled-list{gap:6px!important;max-height:360px!important}.unscheduled-item{border-radius:12px!important;align-items:center!important;gap:12px!important;padding:10px 12px!important}.unscheduled-item-title{white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;font-size:.85rem!important;font-weight:500!important;line-height:1.35!important}.unscheduled-item-actions{flex-shrink:0!important;align-items:center!important;gap:12px!important;display:flex!important}.unscheduled-item-actions .btn-icon,.unscheduled-item-actions .btn-icon-danger{box-sizing:border-box!important;cursor:pointer!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;transition:all .2s!important;display:inline-flex!important}.unscheduled-item-actions .btn-icon{background:var(--color-surface,#fff)!important;color:var(--color-primary,#8b1e3f)!important;border:1px solid var(--color-border,#e2e8f0)!important;box-shadow:0 1px 3px #0000000d!important}.unscheduled-item-actions .btn-icon:active{background:var(--color-primary-light,#fdf2f4)!important}.unscheduled-item-actions .btn-icon-danger{color:#dc2626!important;background:#fef2f2!important;border:1px solid #fecaca!important}.unscheduled-item-actions .btn-icon-danger:active{background:#fee2e2!important}.event-log-card{box-sizing:border-box!important;border-radius:14px!important;width:100%!important;padding:14px!important}.event-log-card h3{margin-bottom:6px!important;font-size:1rem!important;font-weight:700!important}.event-filters{border-bottom:1px solid var(--color-border)!important;align-items:center!important;gap:12px!important;margin-bottom:12px!important;padding-bottom:10px!important;display:flex!important}.filter{color:var(--color-text-muted)!important;align-items:center!important;gap:5px!important;font-size:.76rem!important;font-weight:500!important;display:inline-flex!important}.dot{border-radius:50%!important;flex-shrink:0!important;width:7px!important;height:7px!important;display:inline-block!important}.dot.completed{background-color:var(--color-success)!important;box-shadow:0 0 0 2px #10b98133!important}.dot.scheduled{background-color:var(--color-primary)!important;box-shadow:0 0 0 2px #99182a33!important}.month-divider:before{display:none!important}.month-divider{align-items:center!important;margin:10px 0 6px!important;display:flex!important}.month-badge{margin-left:0!important;padding:3px 12px!important;font-size:.8rem!important}.timeline-list{box-sizing:border-box!important;width:100%!important;margin-top:6px!important;padding-left:4px!important}.timeline-track{width:2px!important;left:19px!important}.timeline-item{box-sizing:border-box!important;border-radius:10px!important;gap:8px!important;width:100%!important;padding:3px 0!important}.timeline-dot-wrapper{flex-shrink:0!important;justify-content:center!important;align-items:flex-start!important;width:30px!important;min-width:30px!important;max-width:30px!important;padding-top:8px!important;display:flex!important}.timeline-heart-dot{box-sizing:border-box!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:22px!important;min-width:22px!important;height:22px!important;min-height:22px!important;margin:0 auto!important;display:flex!important}.timeline-heart-dot svg{width:12px!important;height:12px!important;margin:auto!important;display:block!important;transform:translateY(.5px)!important}.wedding-dot-wrapper{padding-top:7px!important}.wedding-heart-badge{border-width:2px!important;width:26px!important;height:26px!important;box-shadow:0 0 10px #99182a66,0 2px 6px #0000001a!important}.wedding-heart-badge svg{width:13px!important;height:13px!important}.wedding-content{border-radius:10px!important;padding:9px 11px!important}.wedding-title{font-size:.95rem!important}.timeline-content{box-sizing:border-box!important;border-radius:10px!important;flex:1!important;min-width:0!important;padding:8px 10px!important}.timeline-content-header{gap:6px!important;margin-bottom:4px!important}.timeline-content-header h4{font-size:.86rem!important;font-weight:600!important;line-height:1.3!important}.timeline-content-meta{gap:6px!important;margin-left:26px!important;font-size:.78rem!important}.timeline-content-meta.read-only{margin-left:0!important}.timeline-content .btn-check{width:18px!important;height:18px!important}.timeline-content .btn-icon,.timeline-content .btn-icon-danger{width:26px!important;min-width:26px!important;height:26px!important;min-height:26px!important;padding:0!important}.timeline-content .btn-icon svg,.timeline-content .btn-icon-danger svg{width:13px!important;height:13px!important}.timeline-month-group{box-sizing:border-box!important;width:100%!important;margin-bottom:12px!important}.vendor-container{gap:12px!important}.grid-layout{grid-template-columns:1fr!important;gap:12px!important}.vendor-card{border-radius:18px!important;padding:18px 16px 16px!important;box-shadow:0 4px 16px -2px #0000000a!important}.vendor-card-header{justify-content:space-between!important;align-items:flex-start!important;gap:10px!important;margin-bottom:6px!important;display:flex!important}.vendor-title-wrapper{flex:1!important;min-width:0!important}.vendor-name{font-size:1.18rem!important;font-weight:800!important;line-height:1.25!important}.btn-heart{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}.btn-heart svg{width:17px!important;height:17px!important}.vendor-meta-row{align-items:center!important;gap:8px!important;margin-bottom:12px!important;font-size:.78rem!important}.category-tag{border-radius:9999px!important;padding:3px 11px!important;font-size:.76rem!important}.rating{gap:4px!important;font-size:.88rem!important}.rating svg{width:14px!important;height:14px!important}.vendor-desc-container,.vendor-note-container,.vendor-contact-container{border-radius:8px!important;margin-bottom:8px!important;padding:6px 10px!important;font-size:.82rem!important}.vendor-desc-label,.vendor-note-container strong,.vendor-contact-container strong{margin-bottom:3px!important;font-size:.72rem!important}.vendor-desc{font-size:.88rem!important;line-height:1.4!important}.vendor-price-row{border-top:1px dashed var(--color-border)!important;margin-top:auto!important;padding-top:10px!important}.price{font-size:1.25rem!important;font-weight:800!important}.vendor-actions{margin-top:10px!important}.btn-vendor-toggle{border-radius:9999px!important;min-height:38px!important;padding:9px 16px!important;font-size:.88rem!important}.vendor-footer-actions{border-top:none!important;gap:10px!important;margin-top:10px!important;padding-top:0!important}.action-btn{border:1.5px solid var(--color-border)!important;border-radius:8px!important;min-height:32px!important;padding:6px 14px!important;font-size:.82rem!important}.search-bar-container{flex-direction:column!important;gap:8px!important}.search-input-wrapper{width:100%!important;min-width:100%!important}.search-bar-container select{width:100%!important;min-height:44px!important}.guest-list-container{gap:14px!important}.guest-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.guest-stats-grid .stat-card-highlight{grid-column:span 2!important}.stat-card{gap:10px!important;padding:12px!important}.stat-swatch{border-radius:10px!important;width:38px!important;height:38px!important}.stat-value{font-size:1.25rem!important}.stat-label{font-size:.68rem!important}.guest-desktop-only{display:none!important}.guest-mobile-only{flex-direction:column!important;gap:8px!important;display:flex!important}.guest-toolbar{flex-direction:column-reverse!important;align-items:stretch!important;gap:10px!important}.guest-search-box{width:100%!important;max-width:100%!important;margin-left:0!important}.budget-container{gap:14px!important;padding:6px 12px 32px!important}.budget-mobile-tutorial{align-items:center!important;display:flex!important}.budget-desktop-tutorial{display:none!important}.budget-header-title-row{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.budget-nav-tabs-wrapper{box-sizing:border-box!important;width:100%!important;display:block!important}.budget-nav-tabs{background:var(--color-surface-solid)!important;border:1px solid var(--color-border)!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;border-radius:12px!important;gap:4px!important;width:100%!important;max-width:100%!important;padding:3px!important;display:flex!important;overflow-x:auto!important}.budget-nav-tabs::-webkit-scrollbar{display:none!important}.budget-tab-pill{text-align:center!important;letter-spacing:.02em!important;white-space:nowrap!important;box-sizing:border-box!important;border-radius:9px!important;flex:1 1 0!important;justify-content:center!important;align-items:center!important;min-width:0!important;min-height:40px!important;padding:9px 4px!important;font-size:clamp(.68rem,2.5vw,.78rem)!important;font-weight:700!important;display:flex!important}.budget-page-header{box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important;display:flex!important}.budgeting-top-grid,.dana-nikah-cards-grid{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:14px!important}.target-budget-card,.dana-nikah-main-card,.estimasi-biaya-card{border-radius:14px!important;padding:14px 16px!important}.target-card-amount,.dana-card-amount,.estimasi-card-amount{font-size:1.55rem!important;line-height:1.2!important}.budget-table-section{background-color:var(--color-surface-solid)!important;border:1px solid var(--color-border)!important;box-shadow:var(--shadow-sm)!important;border-radius:16px!important;display:block!important;overflow:hidden!important}.budgeting-toolbar{border-bottom:1px solid var(--color-border)!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:12px 14px!important}.budgeting-plan-bar{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;padding-bottom:4px!important;display:flex!important;overflow-x:auto!important}.budgeting-plan-bar::-webkit-scrollbar{display:none!important}.budgeting-plan-bar .plan-tab-item{white-space:nowrap!important;border-radius:20px!important;flex-shrink:0!important;min-height:38px!important;padding:8px 14px!important;font-size:.8rem!important}.budgeting-plan-bar .btn-action-icon-pill{border-radius:50%!important;flex-shrink:0!important;min-width:38px!important;min-height:38px!important}.budgeting-right-actions{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;margin-left:0!important;display:flex!important}.budgeting-action-icons{gap:6px!important;display:flex!important}.budgeting-action-icons .btn-action-icon-pill{min-width:36px!important;min-height:36px!important}.budgeting-right-actions .search-bar{width:100%!important}.search-bar input{min-height:42px!important;font-size:16px!important}.budget-table-section:not(.budget-desktop-table){display:none!important}.budget-mobile-budgeting-cards{display:block!important}.mobile-plan-selector-bar{background:var(--color-surface-solid)!important;border:1px solid var(--color-border)!important;border-radius:14px!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;margin-bottom:12px!important;padding:10px 12px!important;display:flex!important}.mobile-plan-selector-bar .budgeting-plan-bar{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex:1!important;align-items:center!important;gap:6px!important;min-width:0!important;display:flex!important;overflow-x:auto!important}.mobile-plan-selector-bar .budgeting-plan-bar::-webkit-scrollbar{display:none!important}.mobile-plan-tools{flex-shrink:0!important;align-items:center!important;gap:6px!important;display:flex!important}.mobile-budgeting-toolbar{background:var(--color-surface-solid)!important;border:1px solid var(--color-border)!important;border-radius:14px!important;margin-bottom:12px!important;padding:12px 14px!important}.mobile-budgeting-add-btn{width:100%!important;min-height:46px!important;color:var(--color-primary)!important;cursor:pointer!important;background:0 0!important;border:1px dashed #99182a59!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:8px!important;margin-bottom:14px!important;padding:12px!important;font-size:.88rem!important;font-weight:600!important;transition:all .2s!important;display:flex!important}.mobile-budgeting-add-btn:active{background:#99182a0f!important;transform:scale(.98)!important}.mobile-budgeting-list{flex-direction:column!important;gap:10px!important;display:flex!important}.mobile-budgeting-list .swipeable-row{border-radius:14px!important;box-shadow:0 2px 8px #0000000a!important}.mobile-budgeting-list .swipeable-content{border-radius:14px!important}.mobile-budgeting-list .swipeable-actions{border-radius:0 14px 14px 0!important;overflow:hidden!important}.mobile-budget-card{background:var(--color-surface-solid)!important;border:1px solid var(--color-border)!important;border-left:4px solid var(--color-primary)!important;border-radius:14px!important;padding:14px 16px!important;transition:all .2s!important}.mobile-budget-card-body{justify-content:space-between!important;align-items:center!important;gap:12px!important;display:flex!important}.mobile-budget-card-info{flex:auto!important;min-width:0!important}.mobile-budget-card-title{color:var(--color-text)!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0 0 2px!important;font-size:1rem!important;font-weight:700!important;line-height:1.3!important;overflow:hidden!important}.mobile-budget-card-vendor{color:var(--color-text-secondary,#6b7280)!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0!important;font-size:.8rem!important;line-height:1.3!important;overflow:hidden!important}.mobile-budget-vendor-empty{opacity:.45!important;font-style:italic!important}.mobile-budget-card-amount{color:var(--color-primary)!important;font-size:.95rem!important;font-weight:800!important;font-family:var(--font-body)!important;white-space:nowrap!important;flex-shrink:0!important}.mobile-budget-empty{background:var(--color-surface-solid)!important;border:1px dashed var(--color-border)!important;text-align:center!important;color:var(--color-text-muted)!important;border-radius:14px!important;padding:32px 20px!important;font-size:.85rem!important}.dana-nikah-side-stats{grid-template-columns:1fr 1fr!important;gap:10px!important;display:grid!important}.dana-side-card{text-align:center!important;border-radius:14px!important;padding:14px 10px!important}.side-card-label{font-size:.68rem!important}.side-card-value{font-size:1.1rem!important}.riwayat-header{justify-content:space-between!important;align-items:center!important;margin:18px 0 12px!important;display:flex!important}.btn-tambah-tabungan{border-radius:20px!important;min-height:38px!important;padding:8px 14px!important;font-size:.78rem!important}.riwayat-item-card{background:var(--color-surface-solid)!important;border:1px solid var(--color-border)!important;border-radius:14px!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:14px 16px!important;display:flex!important}.riwayat-item-left{flex:auto!important;min-width:0!important}.riwayat-item-title{white-space:nowrap!important;text-overflow:ellipsis!important;margin:0 0 2px!important;font-size:.88rem!important;overflow:hidden!important}.riwayat-item-date{color:var(--color-text-muted)!important;font-size:.72rem!important}.riwayat-item-right{flex-shrink:0!important;align-items:center!important;gap:10px!important;display:flex!important}.riwayat-item-amount{white-space:nowrap!important;color:#16a34a!important;font-size:.95rem!important;font-weight:700!important}.riwayat-list{flex-direction:column!important;gap:10px!important;display:flex!important}.riwayat-list .swipeable-row{border-radius:14px!important;box-shadow:0 2px 8px #0000000a!important}.riwayat-list .swipeable-row .riwayat-item-card{box-shadow:none!important;border:none!important;border-radius:14px!important}.riwayat-actions{display:none!important}.budget-matrix{flex-direction:column!important;gap:10px!important;margin-bottom:12px!important;display:flex!important}.matrix-primary,.matrix-secondary{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-bottom:0!important;display:grid!important}.matrix-card{border-radius:14px!important;padding:14px 12px!important}.matrix-card h3{letter-spacing:.04em!important;margin-bottom:4px!important;font-size:.65rem!important}.matrix-card .amount{font-size:1.15rem!important}.matrix-card .amount-small{font-size:1.05rem!important}.budget-health-section{background:var(--color-surface-solid)!important;border:1px solid var(--color-border)!important;border-radius:14px!important;flex-direction:column!important;gap:8px!important;margin-bottom:14px!important;padding:14px 16px!important;display:flex!important}.health-header{justify-content:space-between!important;align-items:center!important;display:flex!important}.health-badge{border-radius:12px!important;padding:4px 10px!important;font-size:.68rem!important;font-weight:700!important}.budget-desktop-table{display:none!important}.budget-mobile-payment-cards{display:block!important}.mobile-payment-toolbar{background:var(--color-surface-solid)!important;border:1px solid var(--color-border)!important;border-radius:14px!important;flex-direction:column!important;gap:10px!important;margin-bottom:12px!important;padding:12px 14px!important;display:flex!important}.filter-pills{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;padding-bottom:2px!important;display:flex!important;overflow-x:auto!important}.filter-pills::-webkit-scrollbar{display:none!important}.filter-pill{white-space:nowrap!important;border-radius:20px!important;flex-shrink:0!important;min-height:36px!important;padding:6px 14px!important;font-size:.78rem!important}.mobile-payment-actions-grid{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;margin-bottom:12px!important;display:grid!important}.mobile-payment-add-btn{background:var(--color-primary,#8b1e3f)!important;border:1px solid var(--color-primary,#8b1e3f)!important;color:#fff!important;cursor:pointer!important;white-space:nowrap!important;box-sizing:border-box!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:100%!important;height:auto!important;min-height:44px!important;max-height:none!important;margin:0!important;padding:10px 12px!important;font-size:.84rem!important;font-weight:700!important;transition:all .2s!important;display:inline-flex!important;box-shadow:0 2px 8px #8b1e3f38!important}.mobile-payment-add-btn:active{background:var(--color-primary-hover,#701430)!important;transform:scale(.98)!important}.mobile-payment-import-btn{background:var(--color-surface,#fff)!important;width:100%!important;height:auto!important;min-height:44px!important;max-height:none!important;color:var(--color-text,#333)!important;border:1.5px solid var(--color-border,#cbd5e1)!important;cursor:pointer!important;white-space:nowrap!important;box-shadow:none!important;box-sizing:border-box!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:6px!important;margin:0!important;padding:10px 12px!important;font-size:.84rem!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.mobile-payment-import-btn:active{background:var(--color-surface-hover,#f8fafc)!important;transform:scale(.98)!important}.mobile-payment-list{flex-direction:column!important;gap:14px!important;display:flex!important}.mobile-pay-card{background:var(--color-surface-solid)!important;border:1px solid var(--color-border)!important;border-radius:16px!important;padding:0!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;overflow:hidden!important;box-shadow:0 2px 8px #0000000a!important}.mobile-pay-card:active{transform:scale(.985)!important}.mobile-pay-card-header{justify-content:space-between!important;align-items:center!important;padding:10px 14px 0!important;display:flex!important}.mobile-pay-date{color:var(--color-text-muted)!important;letter-spacing:.02em!important;font-size:.72rem!important;font-weight:600!important}.mobile-pay-date.overdue{color:#dc2626!important;font-weight:700!important}.mobile-pay-actual{color:var(--color-primary)!important;font-size:.88rem!important;font-weight:800!important;font-family:var(--font-body)!important}.mobile-pay-title-row{flex-wrap:wrap!important;align-items:center!important;gap:8px!important;padding:6px 14px 0!important;display:flex!important}.mobile-pay-title{color:var(--color-text)!important;flex:auto!important;min-width:0!important;margin:0!important;font-size:1.02rem!important;font-weight:700!important;line-height:1.3!important}.mobile-pay-title-row .status-badge{letter-spacing:.02em!important;border-radius:12px!important;flex-shrink:0!important;padding:3px 10px!important;font-size:.65rem!important;font-weight:700!important}.mobile-pay-vendor{color:var(--color-text-secondary,#6b7280)!important;margin:0!important;padding:2px 14px 0!important;font-size:.8rem!important;line-height:1.4!important}.mobile-pay-vendor-empty{opacity:.5!important;font-style:italic!important}.mobile-pay-progress{padding:8px 14px 0!important}.mobile-pay-progress-bg{background:#0000000f!important;border-radius:4px!important;height:4px!important;overflow:hidden!important}.mobile-pay-progress-fill{background:var(--color-primary,#99182a)!important;border-radius:4px!important;height:100%!important;transition:width .5s cubic-bezier(.16,1,.3,1)!important}.mobile-pay-progress-fill.belum-bayar{background:#d1d5db!important}.mobile-pay-progress-fill.cicilan{background:linear-gradient(90deg,#99182a,#b32035)!important}.mobile-pay-progress-fill.lunas{background:linear-gradient(90deg,#22c55e,#16a34a)!important}.mobile-pay-footer{justify-content:space-between!important;align-items:center!important;gap:8px!important;padding:8px 14px 12px!important;display:flex!important}.mobile-pay-amounts{flex-wrap:wrap!important;align-items:center!important;gap:6px!important;min-width:0!important;display:flex!important}.mobile-pay-paid{color:#16a34a!important;font-size:.72rem!important;font-weight:600!important}.mobile-pay-separator{color:var(--color-border)!important;font-size:.68rem!important}.mobile-pay-sisa{color:#2563eb!important;font-size:.72rem!important;font-weight:600!important}.mobile-pay-actions{flex-shrink:0!important;align-items:center!important;gap:6px!important;display:flex!important}.mobile-pay-action-btn{cursor:pointer!important;border:none!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;transition:all .2s!important;display:inline-flex!important}.mobile-pay-action-btn.edit{color:var(--color-primary)!important;background:#99182a14!important}.mobile-pay-action-btn.edit:active{background:#99182a2e!important;transform:scale(.9)!important}.mobile-pay-action-btn.delete{color:#dc2626!important;background:#dc262614!important}.mobile-pay-action-btn.delete:active{background:#dc26262e!important;transform:scale(.9)!important}.mobile-pay-empty{background:var(--color-surface-solid)!important;border:1px dashed var(--color-border)!important;text-align:center!important;color:var(--color-text-muted)!important;border-radius:14px!important;padding:32px 20px!important;font-size:.85rem!important}.modal-card{border-radius:20px!important;width:94%!important;max-width:100%!important;padding:20px!important}.modal-card .form-input,.modal-card select,.modal-card input[type=date],.modal-card input[type=number],.modal-card input[type=text]{min-height:48px!important;padding:12px 14px!important;font-size:16px!important}.settings-container{gap:14px!important}.settings-grid{grid-template-columns:1fr!important;gap:12px!important}.profile-card,.account-settings-card,.partner-collab-card,.backup-restore-card,.danger-zone-card{box-sizing:border-box!important;grid-column:1/-1!important;width:100%!important}.profile-info{text-align:center!important;flex-direction:column!important;gap:14px!important}.profile-card{flex-direction:column!important;gap:14px!important}.profile-card .btn-primary{border-radius:8px!important;width:100%!important;min-height:38px!important;font-size:.85rem!important}.danger-zone-card{flex-direction:column!important;display:flex!important}.danger-zone-card .btn-danger-outline{border-radius:8px!important;width:100%!important;min-height:38px!important;font-size:.85rem!important}.settings-list .settings-item{min-height:42px!important;padding:12px 14px!important}.backup-actions-grid{grid-template-columns:1fr!important;gap:8px!important}.btn-backup-action{border-radius:8px!important;min-height:40px!important;padding:10px 14px!important;font-size:.82rem!important}.partner-card-header{gap:10px!important}.role-cards-grid{grid-template-columns:1fr!important}.invite-url-field{flex-direction:column!important;gap:8px!important}.btn-share-whatsapp{border-radius:8px!important;justify-content:center!important;width:100%!important;min-height:38px!important;font-size:.85rem!important}.seserahan-page-header h1{font-family:var(--font-title)!important;font-size:var(--mobile-page-title-size,clamp(28px, 7vw, 32px))!important;color:var(--color-primary)!important;font-weight:800!important;line-height:var(--mobile-page-title-line-height,1.18)!important}.seserahan-page-header .subtitle{font-family:var(--font-body)!important;font-size:var(--mobile-subtitle-size,clamp(14px, 3.8vw, 16px))!important;margin-top:8px!important}.seserahan-progress-card{border-radius:14px!important;padding:16px!important}.seserahan-progress-percent{font-size:1.7rem!important}.btn-tambah-seserahan{background:var(--color-primary,#8b1e3f)!important;color:#fff!important;white-space:nowrap!important;cursor:pointer!important;border:none!important;border-radius:12px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;gap:6px!important;min-height:44px!important;padding:10px 18px!important;font-size:.88rem!important;font-weight:700!important;transition:all .2s!important;display:inline-flex!important;box-shadow:0 2px 8px #8b1e3f40!important}.btn-tambah-seserahan:active{background:var(--color-primary-hover,#701430)!important;transform:scale(.98)!important}.seserahan-filter-bar{gap:6px!important}.seserahan-filter-pill{align-items:center!important;min-height:32px!important;padding:6px 12px!important;font-size:.76rem!important;display:inline-flex!important}.seserahan-item-block{border-radius:12px!important}.seserahan-main-row{gap:10px!important;padding:12px 14px!important}.seserahan-checkbox{border-radius:6px!important;flex-shrink:0!important;width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important}.seserahan-row-actions{gap:2px!important}.btn-action-icon{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;min-width:44px!important;min-height:44px!important;padding:10px!important;display:inline-flex!important}.seserahan-accordion-trigger{min-height:44px!important;padding:10px 16px!important}.seserahan-rekomendasi-card{border-radius:14px!important;padding:16px!important;position:static!important;top:auto!important}.seserahan-item-subline{gap:6px!important}.seserahan-sub-link{align-items:center!important;min-height:30px!important;padding:5px 10px!important;font-size:.72rem!important;display:inline-flex!important}.seserahan-toast,.amara-toast{bottom:calc(72px + env(safe-area-inset-bottom,0px) + 12px)!important;text-align:center!important;border-radius:12px!important;justify-content:center!important;left:16px!important;right:16px!important}.filter-pills,.guest-filter-pills,.pic-filter-pills,.seserahan-filter-bar,.rec-category-bar,.guest-filters,.category-pills,.seserahan-filter-pills,.filter-pill-container,.activity-filter-pills{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000 100%);-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;-ms-overflow-style:none!important;scrollbar-width:none!important;flex-wrap:nowrap!important;gap:8px!important;width:100%!important;max-width:100%!important;margin-bottom:10px!important;padding-top:2px!important;padding-bottom:6px!important;padding-right:36px!important;scroll-padding-right:36px!important;display:flex!important;overflow-x:auto!important}.filter-pills::-webkit-scrollbar{display:none!important}.guest-filter-pills::-webkit-scrollbar{display:none!important}.pic-filter-pills::-webkit-scrollbar{display:none!important}.seserahan-filter-bar::-webkit-scrollbar{display:none!important}.rec-category-bar::-webkit-scrollbar{display:none!important}.guest-filters::-webkit-scrollbar{display:none!important}.category-pills::-webkit-scrollbar{display:none!important}.seserahan-filter-pills::-webkit-scrollbar{display:none!important}.pill,.filter-pill,.guest-pill,.pic-filter-btn,.seserahan-filter-pill,.rec-cat-btn{white-space:nowrap!important;touch-action:manipulation!important;box-sizing:border-box!important;border-radius:9999px!important;flex-shrink:0!important;align-items:center!important;min-height:40px!important;padding:8px 14px!important;font-size:.8rem!important;font-weight:600!important;display:inline-flex!important}@media (width<=767px){.modal-overlay:not(.confirm-modal-overlay):not(.tutorial-modal-overlay):not(.pwa-modal-overlay){justify-content:center!important;align-items:flex-end!important;padding:0!important}.modal-card:not(.confirm-modal-card),.modal-content:not(.confirm-modal-card),.vendor-modal,.profile-modal-card{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:100%!important;max-width:100%!important;max-height:min(88dvh,88svh)!important;padding:20px 18px calc(18px + env(safe-area-inset-bottom,16px))!important;box-sizing:border-box!important;border-radius:20px 20px 0 0!important;overflow-y:auto!important}.modal-card:not(.confirm-modal-card):before,.modal-content:not(.confirm-modal-card):before,.vendor-modal:before,.profile-modal-card:before{flex-shrink:0;content:""!important;background:var(--color-border)!important;border-radius:2px!important;width:40px!important;height:4px!important;margin:0 auto 16px!important;display:block!important}}@media (width>=768px) and (width<=1024px){.modal-overlay:not(.tutorial-modal-overlay):not(.pwa-modal-overlay){justify-content:center!important;align-items:center!important;padding:24px!important}.modal-card:not(.confirm-modal-card),.modal-content:not(.confirm-modal-card),.vendor-modal,.profile-modal-card{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:var(--border-radius-xl,20px)!important;box-sizing:border-box!important;width:90%!important;max-width:520px!important;max-height:85dvh!important;padding:28px!important;overflow-y:auto!important}.modal-card:before,.modal-content:before,.vendor-modal:before,.profile-modal-card:before{display:none!important}}.modal-card .form-label,.modal-content .form-label,.confirm-modal-card .form-label{font-size:.84rem!important}.form-row-2,.form-row-3{flex-direction:column!important;gap:10px!important}.profile-names-grid{grid-template-rows:auto auto!important;grid-template-columns:1fr 1fr!important;gap:6px 10px!important;display:grid!important}.profile-names-grid .profile-field-label{font-size:.78rem!important;line-height:1.3!important}.profile-names-grid .profile-name-col-label{align-items:flex-end!important;display:flex!important}.profile-names-grid .profile-name-col-input{align-items:stretch!important;display:flex!important}@media (width<=360px){.profile-names-grid{grid-template-rows:auto!important;grid-template-columns:1fr!important;gap:6px!important}.profile-names-grid .profile-name-col-label:first-of-type{order:1!important}.profile-names-grid .profile-name-col-input:first-of-type{order:2!important;margin-bottom:6px!important}.profile-names-grid .profile-name-col-label:nth-of-type(2){order:3!important}.profile-names-grid .profile-name-col-input:nth-of-type(2){order:4!important}}.confirm-modal-overlay,.modal-overlay.confirm-modal-overlay{z-index:1200!important;justify-content:center!important;align-items:center!important;padding:16px!important;display:flex!important}.confirm-modal-card,.modal-card.confirm-modal-card,.modal-content.confirm-modal-card{text-align:center!important;box-sizing:border-box!important;border-radius:20px!important;align-items:center!important;width:90%!important;max-width:380px!important;max-height:85dvh!important;margin:auto!important;padding:24px 20px!important;transform:none!important}.confirm-modal-card:before,.modal-card.confirm-modal-card:before,.modal-content.confirm-modal-card:before{display:none!important}[class*=toast]{bottom:calc(72px + env(safe-area-inset-bottom,0px) + 12px)!important}}@media (width<=480px){.main-content{padding:12px!important;padding-top:max(26px, calc(env(safe-area-inset-top,0px) + 18px))!important;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px) + 12px)!important}.guest-stats-grid,.matrix-primary,.matrix-secondary{grid-template-columns:repeat(2,1fr)!important}h1,.page-header h1,.guest-page-header h1,.budget-page-header h1,.seserahan-page-header h1{font-size:var(--mobile-page-title-size,clamp(28px, 7vw, 32px))!important;line-height:var(--mobile-page-title-line-height,1.18)!important}.overview-header-text h1{font-size:var(--mobile-display-size,clamp(28px, 7.5vw, 34px))!important;line-height:var(--mobile-display-line-height,1.15)!important}.card{border-radius:12px!important;padding:14px!important}.matrix-card .amount{font-size:.95rem!important}.matrix-card .amount-small{font-size:.85rem!important}.countdown-content h2{margin-bottom:2px!important;font-size:1.6rem!important}.time-box{aspect-ratio:1!important;flex:0 0 62px!important;width:62px!important;height:62px!important}.time-value{font-size:1.22rem!important}.time-label{font-size:.58rem!important}.seserahan-item-subline{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.budget-tab-pill{padding:8px 2px!important;font-size:.7rem!important}.stat-value{font-size:1.15rem!important}.bm-item-numbers{gap:6px!important;padding:6px 8px!important}.bm-num-lbl{font-size:.58rem!important}.bm-num-val{font-size:.74rem!important}}@media screen and (width>=768px) and (width<=1024px),screen and (width>=1025px) and (width<=1366px) and (pointer:coarse){.main-content{box-sizing:border-box!important;width:100%!important;margin-inline:auto!important}.page-header:not(.overview-header),.guest-page-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;width:100%!important;margin-bottom:16px!important;display:flex!important}.page-header .page-title-group,.guest-page-header .page-title-group{flex:1!important;min-width:0!important}.page-header h1,.guest-page-header h1,.guest-page-header .page-title-group h1,.budget-page-header h1,.budget-title-group h1,.budget-container .page-header h1,.seserahan-page-header h1,.timeline-container .page-header h1,.activities-container .page-header h1,.vendor-container .page-header h1,.settings-container .page-header h1{font-size:var(--tablet-page-title-size,clamp(32px, 4.2vw, 38px))!important;letter-spacing:-.02em!important;line-height:1.2!important}.page-header .subtitle,.overview-header-text .subtitle,.timeline-container .page-header .subtitle,.activities-container .page-header .subtitle,.budget-container .page-header .subtitle,.budget-page-header .subtitle,.budget-title-group .subtitle,.vendor-container .page-header .subtitle,.guest-page-header .subtitle,.guest-page-header .page-title-group .subtitle,.seserahan-page-header .subtitle,.settings-container .page-header .subtitle{font-size:var(--tablet-subtitle-size,16px)!important;margin-top:8px!important;line-height:1.45!important}.guest-header-actions,.page-header-actions,.header-actions{flex-shrink:0!important;align-items:center!important;gap:10px!important;display:flex!important}.btn-bulk-upload span,.btn-add-guest-main span,.btn-add-vendor span,.btn-export-guest span,.tutorial-trigger-label{display:inline!important}.tutorial-trigger-btn,.page-header .tutorial-trigger-btn,.has-tutorial-btn .tutorial-trigger-btn{flex-shrink:0!important;align-items:center!important;height:42px!important;margin-top:0!important;padding:0 16px!important;font-size:.84rem!important}.overview-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;width:100%!important;margin-top:0!important;margin-bottom:16px!important;display:flex!important}.overview-header-profile{flex:1!important;align-items:flex-start!important;gap:14px!important;min-width:0!important;display:flex!important}.overview-avatar{width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important;margin-top:3px!important}.overview-header-text h1{letter-spacing:-.02em!important;font-size:clamp(34px,4.5vw,40px)!important;line-height:1.15!important}.overview-header-text .subtitle{font-size:var(--tablet-subtitle-size,16px)!important;margin-top:8px!important}.countdown-card{box-sizing:border-box!important;background:var(--gradient-glow)!important;text-align:center!important;border-radius:16px!important;flex-direction:column!important;grid-column:1/-1!important;justify-content:center!important;align-items:center!important;width:100%!important;padding:20px 24px!important;display:flex!important;box-shadow:0 12px 32px -6px #31104266!important}.countdown-content{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:0!important;width:100%!important;display:flex!important}.countdown-text-group{text-align:center!important;flex-direction:column!important;align-items:center!important;margin-bottom:14px!important;display:flex!important}.countdown-content h2{text-align:center!important;color:#fff!important;font-size:2.3rem!important;font-weight:800!important;line-height:1.15!important;font-family:var(--font-title)!important;margin-bottom:3px!important}.countdown-content p{text-align:center!important;color:#ffffffe6!important;font-size:.9rem!important;font-weight:500!important}.countdown-timer{justify-content:center!important;gap:12px!important;display:flex!important}.time-box{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffff24!important;border:1px solid #ffffff38!important;border-radius:12px!important;flex-direction:column!important;flex:0 0 68px!important;justify-content:center!important;align-items:center!important;width:68px!important;height:62px!important;padding:4px!important;display:flex!important}.time-value{color:#fff!important;font-size:1.35rem!important;font-weight:800!important;line-height:1.1!important}.time-label{letter-spacing:.06em!important;color:#ffffffe0!important;margin-top:2px!important;font-size:.62rem!important}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:16px!important;width:100%!important;display:grid!important}.progress-card{box-sizing:border-box!important;border-radius:14px!important;flex-direction:column!important;grid-column:1/2!important;justify-content:space-between!important;height:100%!important;padding:18px 20px!important;display:flex!important}.budget-snapshot-card{box-sizing:border-box!important;border-radius:14px!important;flex-direction:column!important;grid-column:2/3!important;justify-content:space-between!important;height:100%!important;padding:18px 20px!important;display:flex!important}.priority-card{box-sizing:border-box!important;border-radius:14px!important;grid-column:1/-1!important;width:100%!important;padding:18px 20px!important}.progress-card-body{flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:10px!important;width:100%!important;display:flex!important}.progress-circle{flex-shrink:0!important;width:130px!important;height:130px!important;margin:4px auto 6px!important}.progress-circle-inner .progress-percentage{font-size:1.65rem!important}.pic-breakdown-container{border-top:1px solid var(--color-border)!important;width:100%!important;margin-top:4px!important;padding-top:10px!important}.budget-snapshot-card .budget-info{flex-direction:column!important;flex:1!important;justify-content:center!important;gap:8px!important;margin-top:8px!important;display:flex!important}.budget-snapshot-card .budget-item{background:var(--color-background-soft)!important;border-radius:10px!important;justify-content:space-between!important;align-items:center!important;padding:10px 12px!important;display:flex!important}.priority-card .task-list{gap:8px!important;max-height:280px!important;overflow-y:auto!important}.budgeting-top-grid{grid-template-columns:1.15fr 1fr!important;align-items:stretch!important;gap:16px!important;width:100%!important;margin-bottom:16px!important;display:grid!important}.budget-summary-card,.estimation-card{box-sizing:border-box!important;border-radius:14px!important;flex-direction:column!important;justify-content:space-between!important;height:100%!important;display:flex!important}.budget-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:100%!important;display:grid!important}.budget-tab-pill{padding:10px 16px!important;font-size:.84rem!important}.guest-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;width:100%!important;margin-bottom:16px!important;display:grid!important}.guest-stats-grid .stat-card-highlight{grid-column:auto!important}.stat-card{border-radius:12px!important;gap:8px!important;min-width:0!important;padding:10px!important}.stat-swatch{border-radius:8px!important;width:32px!important;min-width:32px!important;height:32px!important}.stat-label{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.7rem!important;overflow:hidden!important}.stat-value{font-size:1.2rem!important;font-weight:800!important}.guest-search-bar{width:100%!important}.vendor-list.grid-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;width:100%!important;display:grid!important}.vendor-card{box-sizing:border-box!important;border-radius:18px!important;flex-direction:column!important;justify-content:space-between!important;height:100%!important;padding:20px 18px!important;display:flex!important}.activities-grid{grid-template-columns:240px minmax(0,1fr)!important;align-items:start!important;gap:14px!important;width:100%!important;display:grid!important}.btn-change-category-mobile{display:none!important}.categories-card,.tasks-card{border-radius:12px!important;padding:14px 16px!important;display:block!important}.category-list{gap:4px!important;max-height:calc(100vh - 220px)!important}.task-list-details{gap:6px!important;max-height:calc(100vh - 270px)!important}.mobile-nav{-webkit-backdrop-filter:blur(20px)!important;background:#fffffff2!important;border-top:1px solid #00000014!important;justify-content:center!important;align-items:center!important}.mobile-nav .nav-list{justify-content:space-around!important;width:100%!important;max-width:680px!important;margin:0 auto!important}.mobile-nav .nav-link{border-radius:12px!important;gap:3px!important;min-width:44px!important;min-height:44px!important;padding:6px 10px!important;font-size:.8rem!important}.mobile-nav .nav-link svg{width:22px!important;height:22px!important}}@media screen and (width>=768px) and (width<=1024px) and (orientation:portrait){.main-content{max-width:760px!important;padding:20px 24px!important;padding-top:max(24px, calc(env(safe-area-inset-top,0px) + 16px))!important;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px) + 20px)!important}.mobile-nav{height:calc(64px + env(safe-area-inset-bottom,0px))!important}.recommendation-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;display:grid!important}}@media screen and (width>=768px) and (width<=1024px) and (orientation:landscape),screen and (width>=1025px) and (width<=1366px) and (pointer:coarse) and (orientation:landscape){.main-content{max-width:920px!important;padding:16px 24px!important;padding-top:max(16px, calc(env(safe-area-inset-top,0px) + 8px))!important;padding-bottom:calc(60px + env(safe-area-inset-bottom,0px) + 16px)!important}.mobile-nav{height:calc(56px + env(safe-area-inset-bottom,0px))!important}.mobile-nav .nav-list{max-width:620px!important}.mobile-nav .nav-link{gap:2px!important;padding:4px 8px!important;font-size:.76rem!important}.mobile-nav .nav-link svg{width:20px!important;height:20px!important}.timeline-split-layout{flex-direction:row!important;align-items:start!important;gap:16px!important;width:100%!important;display:flex!important}.timeline-sidebar-col{flex-shrink:0!important;width:280px!important;position:sticky!important;top:14px!important}.timeline-main-col{flex:1!important;min-width:0!important}.seserahan-split-layout{grid-template-columns:1.35fr 1fr!important;align-items:start!important;gap:16px!important;width:100%!important;display:grid!important}}:root{--font-title:"Poppins", sans-serif;--font-body:"Noto Sans", sans-serif;--font-family:var(--font-body);--font-family-serif:var(--font-title);--mobile-display-size:clamp(28px, 7.5vw, 34px);--mobile-display-line-height:1.15;--mobile-page-title-size:clamp(28px, 7vw, 32px);--mobile-page-title-line-height:1.18;--mobile-subtitle-size:clamp(14px, 3.8vw, 16px);--mobile-subtitle-line-height:1.42;--tablet-page-title-size:clamp(32px, 4.2vw, 38px);--tablet-subtitle-size:16px;--color-primary:#99182a;--color-primary-hover:#7f1322;--color-primary-active:#660e1a;--color-primary-light:#fdf2f4;--color-secondary:#f7ccd6;--color-secondary-hover:#f0b8c5;--color-accent-espresso:#411b17;--color-accent-plum:#311042;--color-background:#faf7f8;--color-surface:#fefefee0;--color-surface-solid:#fefefe;--color-text:#281518;--color-text-muted:#6e5b60;--color-border:#99182a1f;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#99182a;--gradient-primary:linear-gradient(135deg, #99182a 0%, #ba243a 60%, #d84d63 100%);--gradient-sunset:linear-gradient(135deg, #99182a 0%, #c83b50 50%, #f7ccd6 100%);--gradient-glow:linear-gradient(135deg, #99182a 0%, #311042 100%);--gradient-rose:linear-gradient(135deg, #f7ccd6 0%, #fdedf1 100%)}:root.dark{--color-primary:#d4263e;--color-primary-hover:#ee3b55;--color-primary-active:#ba2035;--color-primary-light:#f7ccd624;--color-secondary:#f7ccd6;--color-accent-espresso:#411b17;--color-accent-plum:#311042;--color-background:#14081b;--color-surface:#311042b8;--color-surface-solid:#200b2b;--color-text:#fefefe;--color-text-muted:#c7b5c0;--color-border:#f7ccd626;--gradient-primary:linear-gradient(135deg, #ba243a 0%, #99182a 100%);--gradient-sunset:linear-gradient(135deg, #d4263e 0%, #99182a 50%, #411b17 100%);--gradient-glow:linear-gradient(135deg, #99182a 0%, #311042 100%);--shadow-sm:0 2px 8px #00000080;--shadow:0 10px 30px -10px #000000bf, 0 0 0 1px #f7ccd614;--shadow-md:0 20px 40px -15px #000000d9, 0 0 0 1px #99182a40;--shadow-lg:0 30px 60px -20px #000000f2, 0 0 30px #99182a4d}:root{--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--border-radius-sm:.5rem;--border-radius:.75rem;--border-radius-lg:1rem;--border-radius-xl:1.25rem;--border-radius-full:9999px;--shadow-sm:0 2px 8px #411b170a;--shadow:0 10px 30px -10px #99182a14, 0 1px 3px #411b1705;--shadow-md:0 20px 40px -15px #99182a26, 0 4px 12px #411b1708;--shadow-lg:0 30px 60px -20px #99182a38, 0 12px 24px #411b170d}*{box-sizing:border-box;margin:0;padding:0}input,textarea,select,[contenteditable=true],.editable-input,.form-input,.search-input,.auth-input{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important}body{font-family:var(--font-body);background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#99182a08 0,#0000 50%),radial-gradient(at 100% 100%,#31104208 0,#0000 50%);min-height:100vh;line-height:1.6;transition:background-color .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1)}:root.dark body{background-color:#14081b;background-image:radial-gradient(at 5% 10%,#99182a1f 0,#0000 45%),radial-gradient(at 95% 20%,#31104238 0,#0000 50%),radial-gradient(at 50% 95%,#99182a14 0,#0000 55%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.01em;font-weight:700}.page-header{margin-bottom:24px}.page-header.has-tutorial-btn{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.page-header.has-tutorial-btn>div:first-child{flex:auto;min-width:0}.page-header h1,.overview-header-text h1,.timeline-container .page-header h1,.activities-container .page-header h1,.budget-container .page-header h1,.vendor-container .page-header h1,.guest-page-header .page-title-group h1,.settings-container .page-header h1{font-family:var(--font-title)!important;color:var(--color-primary)!important;letter-spacing:-.02em!important;margin:0 0 6px!important;font-size:2rem!important;font-weight:800!important;line-height:1.2!important}.page-header .subtitle,.overview-header-text .subtitle,.timeline-container .page-header .subtitle,.activities-container .page-header .subtitle,.budget-container .page-header .subtitle,.vendor-container .page-header .subtitle,.guest-page-header .page-title-group .subtitle,.settings-container .page-header .subtitle{font-family:var(--font-body)!important;color:var(--color-text-muted)!important;margin:0!important;font-size:.95rem!important;font-weight:400!important;line-height:1.45!important}.subtitle,.auth-header .subtitle,.sidebar-desc{font-family:var(--font-body)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:var(--font-body)}input[type=date]{color:var(--color-text);background-color:var(--color-surface-solid,#fff);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;appearance:none;font-size:.95rem;font-family:var(--font-body)!important}:root.dark input[type=date]{background-color:var(--color-surface-solid);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1.25em;color:var(--color-text);font-family:var(--font-body)!important}input[type=date]::-webkit-datetime-edit{color:var(--color-text);font-size:.95rem;font-family:var(--font-body)!important}input[type=date]::-webkit-datetime-edit-fields-wrapper{color:var(--color-text);font-size:.95rem;font-family:var(--font-body)!important}input[type=date]::-webkit-datetime-edit-text{color:var(--color-text);font-size:.95rem;font-family:var(--font-body)!important}input[type=date]::-webkit-datetime-edit-month-field{color:var(--color-text);font-size:.95rem;font-family:var(--font-body)!important}input[type=date]::-webkit-datetime-edit-day-field{color:var(--color-text);font-size:.95rem;font-family:var(--font-body)!important}input[type=date]::-webkit-datetime-edit-year-field{color:var(--color-text);font-size:.95rem;font-family:var(--font-body)!important}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;border-radius:4px;padding:2px;transition:opacity .2s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}:root.dark input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.85)}button{cursor:pointer;background:0 0;border:none}ul{list-style:none}.app-container{width:100%;min-height:100vh;display:flex;overflow-x:hidden}.main-content{min-width:0;padding:var(--spacing-8);box-sizing:border-box;flex:1;width:100%;max-width:1400px;margin:0 auto 0 0}@media (width>=769px) and (width<=1024px){.main-content{padding:24px 20px}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.card{background:var(--color-surface);-webkit-backdrop-filter:blur(16px);border-radius:var(--border-radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow);border:1px solid var(--color-border);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1)}.card:hover{box-shadow:var(--shadow-md);border-color:#99182a40;transform:translateY(-4px)}:root.dark .card{-webkit-backdrop-filter:blur(20px);background:#210b2db8;border:1px solid #f7ccd61f;box-shadow:0 10px 30px -10px #000000bf}:root.dark .card:hover{border-color:#f7ccd659;box-shadow:0 20px 45px -12px #000000d9,0 0 20px #99182a40}.btn-primary{background:var(--gradient-primary);color:#fff;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--border-radius-full);letter-spacing:.01em;border:none;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #99182a4d}.btn-primary:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 8px 24px #99182a73}.btn-primary-outline{color:var(--color-primary);border:1.5px solid var(--color-primary);padding:calc(var(--spacing-3) - 1.5px) var(--spacing-6);border-radius:var(--border-radius-full);cursor:pointer;background:0 0;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-primary-outline:hover{background:var(--color-primary-light);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-surface-solid);border:1px solid var(--color-border);color:var(--color-text);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--border-radius-full);box-shadow:var(--shadow-sm);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-secondary:hover{background-color:var(--color-background);border-color:var(--color-text-muted);transform:translateY(-1px)}.btn-check{border:2px solid var(--color-border);cursor:pointer;background-color:var(--color-surface-solid);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.task-pic-badge{border-radius:var(--border-radius-full);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}:root.dark .task-pic-badge.pic-bersama{color:var(--color-secondary);background:#f7ccd61f;border-color:#f7ccd640}:root.dark .nav-logo,:root.dark .auth-brand-logo,:root.dark .join-logo-img{content:url(/amara-logo-white.png)}.amara-toast{color:#f8fafc;z-index:10000;background:#1e1b24;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:8px;padding:10px 18px;font-size:.84rem;font-weight:500;animation:.25s cubic-bezier(.16,1,.3,1) slideInToast;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px -5px #0000004d}.amara-toast .toast-action-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;margin-left:6px;padding:3px 10px;font-size:.78rem;font-weight:600;text-decoration:underline;transition:background .15s}.amara-toast .toast-action-btn:hover{background:#ffffff59}@keyframes slideInToast{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.navigation{background:var(--color-primary-light);padding:var(--spacing-8) var(--spacing-5);z-index:50;flex-direction:column;flex-shrink:0;height:100vh;transition:all .3s;display:flex;position:sticky;top:0;overflow-y:auto}.desktop-nav{flex-shrink:0;width:250px;display:flex}.mobile-nav{display:none}.nav-logo{max-width:105px;height:auto;margin-bottom:var(--spacing-8);margin-left:auto;margin-right:auto;display:block}.nav-list{gap:var(--spacing-2);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.nav-item{width:100%;display:block}.nav-link,.btn-logout{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius);color:var(--color-text);text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;width:100%;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.nav-link:hover,.btn-logout:hover{color:var(--color-primary);background-color:#99182a14;transform:translate(6px)}.nav-link.active{background:var(--color-primary);color:#fff}.nav-link.active:hover{color:#fff;transform:translate(6px)}.nav-footer{padding-top:var(--spacing-4);border-top:1px solid var(--color-border);width:100%;margin-top:auto}.btn-logout{color:#99182a!important}.btn-logout:hover{color:#99182a!important;background-color:#99182a14!important}@media (width<=1024px),(width<=1366px) and (pointer:coarse),(width<=1366px) and (hover:none),(height<=600px) and (orientation:landscape){.desktop-nav{display:none!important}.mobile-nav{width:100%;height:calc(64px + env(safe-area-inset-bottom,0px));z-index:100;background:var(--color-surface-solid);border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px);box-sizing:border-box;flex-direction:row;align-items:stretch;position:fixed;bottom:0;left:0;overflow:visible;box-shadow:0 -2px 20px #0000000f;padding:0 0 env(safe-area-inset-bottom,0px) 0!important;display:flex!important;top:auto!important}@media (width>=769px){.mobile-nav{height:calc(68px + env(safe-area-inset-bottom,0px))!important;justify-content:center!important}.mobile-nav .nav-list{max-width:860px!important;margin:0 auto!important}.mobile-nav .nav-link{gap:4px!important;font-size:.82rem!important}.mobile-nav .nav-link svg{width:22px!important;height:22px!important}}@media (height<=520px) and (orientation:landscape){.mobile-nav{height:calc(50px + env(safe-area-inset-bottom,0px))!important;padding:0 0 env(safe-area-inset-bottom,0px) 0!important}.mobile-nav .nav-link{gap:3px!important;padding:4px 2px!important;font-size:.65rem!important}.mobile-nav .nav-link svg{flex-shrink:0!important;width:18px!important;height:18px!important}.mobile-nav .nav-link span{line-height:1!important}.mobile-nav .nav-link-more{border-radius:8px!important;height:calc(100% - 6px)!important;margin:3px 2px!important;padding:3px 2px!important}}.mobile-nav .nav-list{flex-direction:row;justify-content:space-around;align-items:stretch;width:100%;height:100%;gap:0!important;margin:0!important;padding:0!important}.mobile-nav .nav-item{flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:100%;display:flex}.mobile-nav .nav-link{text-align:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-sizing:border-box;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;height:100%;padding:6px 2px;transition:color .2s;position:relative}.mobile-nav .nav-link.active:before{content:"";background:var(--color-primary);border-radius:0 0 3px 3px;width:28px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mobile-nav .nav-link:hover{color:var(--color-text-muted);background:0 0;transform:none}.mobile-nav .nav-link:active{opacity:.7;transition:transform .1s,opacity .1s;transform:scale(.94)}.mobile-nav .nav-link.active{color:var(--color-primary);box-shadow:none;background:0 0;border-bottom:none}.mobile-nav .nav-link.active:hover{transform:none}.mobile-nav .nav-link svg{width:22px;height:22px;transition:transform .2s;flex-shrink:0!important}.mobile-nav .nav-link.active svg{transform:scale(1.08)}.mobile-nav .nav-link span{letter-spacing:.01em;font-size:.66rem;font-weight:600}.nav-icon-wrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}.nav-discovery-dot{border:1.5px solid var(--color-surface-solid);background:#f59e0b;border-radius:50%;width:6.5px;height:6.5px;animation:2.4s ease-in-out infinite discoveryPulse;position:absolute;top:-2px;right:-4px;box-shadow:0 0 6px #f59e0ba6}@keyframes discoveryPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.35);box-shadow:0 0 10px #f59e0bf2}}.mobile-nav .nav-link-more{color:var(--color-primary);background:linear-gradient(135deg,#99182a14 0%,#f7ccd647 100%);border:1px solid #99182a2e;border-radius:12px;width:calc(100% - 4px);height:calc(100% - 10px);margin:5px 2px;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #99182a0f}.mobile-nav .nav-link-more span{color:var(--color-primary);font-weight:700}.mobile-nav .nav-link-more:hover{color:var(--color-primary-hover);background:linear-gradient(135deg,#99182a1f 0%,#f7ccd66b 100%);border-color:#99182a47}.mobile-nav .nav-link-more:active{background:#99182a29;transform:scale(.93)}.mobile-nav .nav-link-more.active,.mobile-nav .nav-link-more.open{background:var(--gradient-primary);border-color:#0000;box-shadow:0 4px 14px #99182a52;color:#fff!important}.mobile-nav .nav-link-more.active span,.mobile-nav .nav-link-more.open span{color:#fff!important}.mobile-nav .nav-link-more.active:before{display:none}.mobile-nav .nav-link-more.open svg{transform:rotate(45deg)scale(1.08)}}:root.dark .mobile-nav .nav-link-more{color:var(--color-secondary);background:linear-gradient(135deg,#d4263e29 0%,#31104299 100%);border-color:#f7ccd638;box-shadow:0 2px 10px #00000059}:root.dark .mobile-nav .nav-link-more span{color:var(--color-secondary)}:root.dark .mobile-nav .nav-link-more.active,:root.dark .mobile-nav .nav-link-more.open{background:var(--gradient-primary);box-shadow:0 4px 16px #d4263e6b;color:#fff!important}:root.dark .mobile-nav .nav-link-more .nav-discovery-dot{border-color:var(--color-surface-solid)}.more-menu-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:150;background-color:#0b0e1766;align-items:flex-end;animation:.25s fadeInMenu;display:flex;position:fixed;inset:0}@media (width>=640px) and (height>=521px){.more-menu-overlay{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;justify-content:center!important;align-items:flex-end!important}.more-menu-sheet{border:1px solid var(--color-border)!important;border-radius:24px!important;max-width:460px!important;max-height:calc(100dvh - 96px)!important;margin:0 auto!important;box-shadow:0 16px 48px #00000038!important}}.more-menu-sheet{width:100%;max-height:calc(100dvh - 72px - env(safe-area-inset-top,0px));background-color:var(--color-surface-solid);border-top:1px solid var(--color-border);padding:8px var(--spacing-5) calc(var(--spacing-5) + 16px + env(safe-area-inset-bottom,0px));box-sizing:border-box;border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) slideUpMenu;display:flex;overflow:hidden;box-shadow:0 -8px 32px #0000001f}.more-menu-sheet:before{content:"";background:var(--color-border);border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:0 auto 14px;display:block}.more-menu-header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.more-menu-header h4{font-size:1.1rem;font-family:var(--font-title);color:var(--color-text);margin:0}.btn-close-more{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.btn-close-more:hover{background-color:var(--color-border);color:var(--color-text)}.more-menu-list{gap:var(--spacing-2);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}@media (height<=520px) and (orientation:landscape){.more-menu-overlay{padding:max(6px, env(safe-area-inset-top,0px)) 16px calc(52px + env(safe-area-inset-bottom,0px)) 16px!important;justify-content:center!important;align-items:flex-end!important}.more-menu-sheet{width:100%!important;max-width:520px!important;max-height:calc(100dvh - 58px - env(safe-area-inset-top,0px))!important;border:1px solid var(--color-border)!important;border-radius:18px!important;margin:0 auto!important;padding:8px 14px 10px!important;box-shadow:0 8px 30px #0003!important}.more-menu-sheet:before{width:28px!important;height:3px!important;margin:0 auto 5px!important}.more-menu-header{margin-bottom:6px!important;padding-bottom:4px!important}.more-menu-header h4{font-size:.92rem!important}.more-menu-list{grid-template-columns:1fr 1fr!important;gap:6px!important;max-height:calc(100dvh - 110px)!important;padding-right:2px!important;display:grid!important;overflow-y:auto!important}.more-menu-item{width:100%!important}.more-menu-item:last-child:nth-child(odd){grid-column:1/-1!important}.more-menu-link{border-radius:8px!important;gap:8px!important;min-height:36px!important;padding:6px 10px!important;font-size:.8rem!important}.more-menu-link svg{flex-shrink:0!important;width:16px!important;height:16px!important}}.more-menu-item{width:100%}.more-menu-link{align-items:center;gap:var(--spacing-4);padding:14px var(--spacing-5);border-radius:var(--border-radius-lg);color:var(--color-text-muted);box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation;width:100%;min-height:52px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.more-menu-link:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.more-menu-link:active{opacity:.75;transition:transform .1s,opacity .1s;transform:scale(.98)}.more-menu-link.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #99182a40}.btn-logout-mobile{color:#99182a!important}.btn-logout-mobile:hover{color:#99182a!important;background-color:#99182a14!important}@keyframes fadeInMenu{0%{opacity:0}to{opacity:1}}@keyframes slideUpMenu{0%{transform:translateY(100%)}to{transform:translateY(0)}}.welcome-overlay{-webkit-backdrop-filter:blur(10px);z-index:2000;background:#0b0e178c;justify-content:center;align-items:center;padding:16px;animation:.3s ease-out welcomeFadeIn;display:flex;position:fixed;inset:0}@keyframes welcomeFadeIn{0%{opacity:0}to{opacity:1}}@keyframes welcomeSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.welcome-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);width:100%;max-width:460px;transition:all .3s;animation:.4s cubic-bezier(.16,1,.3,1) both welcomeSlideUp;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #00000040,0 0 30px #99182a14}.welcome-close-btn{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.welcome-close-btn:hover{background:var(--color-background);color:var(--color-text);transform:rotate(90deg)}.welcome-header{text-align:center;background:radial-gradient(at 50% 0,#99182a1f 0%,#0000 70%);padding:36px 28px 16px;position:relative}.welcome-badge-glow{background:linear-gradient(135deg,#99182a29,#ff7b9814);border:1px solid #99182a40;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;display:flex;box-shadow:0 8px 20px -4px #99182a40}.welcome-badge-icon{color:var(--color-primary)}.welcome-title{font-family:var(--font-title);color:var(--color-text);letter-spacing:-.3px;margin:0 0 8px;font-size:1.45rem;font-weight:700}.welcome-subtitle{color:var(--color-text-muted);margin:0;font-size:.88rem;line-height:1.5}.welcome-body{padding:8px 28px 20px}.welcome-form{flex-direction:column;gap:16px;display:flex}.welcome-avatar-section{flex-direction:column;align-items:center;gap:10px;margin-bottom:6px;display:flex}.welcome-avatar-circle{background:var(--color-background);border:2px solid #99182a59;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 6px 16px #99182a1f}.welcome-avatar-circle:hover{border-color:var(--color-primary);transform:scale(1.04)}.welcome-avatar-circle img{object-fit:cover;width:100%;height:100%}.welcome-avatar-heart{color:var(--color-primary);opacity:.8}.welcome-upload-label{color:var(--color-text-muted);border-radius:var(--border-radius-full);background:var(--color-background);border:1px solid var(--color-border);cursor:pointer;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.welcome-upload-label:hover{color:var(--color-primary);border-color:var(--color-primary);background:#99182a0d}.welcome-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.welcome-field{flex-direction:column;gap:6px;display:flex}.welcome-field label{color:var(--color-text);align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:flex}.welcome-field label .field-icon{color:var(--color-primary);opacity:.85}.welcome-field input{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-background);width:100%;color:var(--color-text);font-family:var(--font-body);box-sizing:border-box;padding:10px 14px;font-size:.9rem;transition:all .2s}.welcome-field input:focus{border-color:var(--color-primary);background:var(--color-surface-solid);outline:none;box-shadow:0 0 0 3px #99182a26}.welcome-field input::placeholder{color:var(--color-text-muted);opacity:.6}.welcome-footer{flex-direction:column;gap:10px;margin-top:6px;display:flex}.welcome-btn-save{border-radius:var(--border-radius-full);background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 8px 20px -4px #99182a59}.welcome-btn-save:hover{transform:translateY(-2px);box-shadow:0 12px 24px -4px #99182a73}.welcome-btn-save:active{transform:translateY(0)}.welcome-btn-skip{width:100%;color:var(--color-text-muted);cursor:pointer;border-radius:var(--border-radius-full);background:0 0;border:none;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.welcome-btn-skip:hover{color:var(--color-text);background:#00000008}:root.dark .welcome-card{background:var(--color-surface-solid);border:1px solid #ffffff14;box-shadow:0 30px 70px -15px #000000d9,0 0 30px #99182a26}:root.dark .welcome-header{background:radial-gradient(at 50% 0,#99182a29 0%,#0000 70%)}:root.dark .welcome-badge-glow{background:linear-gradient(135deg,#99182a33,#ff7b981a);border-color:#99182a59;box-shadow:0 8px 24px -4px #99182a4d}:root.dark .welcome-upload-label:hover{background:#99182a1f}:root.dark .welcome-btn-skip:hover{background:#ffffff0d}@media (width<=768px){.welcome-overlay{align-items:flex-end;padding:0}.welcome-card{border-radius:20px 20px 0 0;max-width:100%;max-height:90dvh;overflow-y:auto}.welcome-card:before{content:"";background:var(--color-border);border-radius:2px;width:40px;height:4px;margin:12px auto -4px;display:block}.welcome-header{padding:22px 22px 14px}.welcome-body{padding:6px 22px calc(16px + env(safe-area-inset-bottom,0px))}.welcome-form-row{grid-template-columns:1fr;gap:14px}.welcome-field input{min-height:48px;font-size:16px}.welcome-btn-save{min-height:48px;font-size:1rem}}@media (width<=480px){.welcome-header{padding:18px 18px 12px}.welcome-body{padding:6px 18px calc(14px + env(safe-area-inset-bottom,0px))}}.tutorial-modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:10000;background:#0f0614c7;justify-content:center;align-items:center;padding:20px;animation:.25s cubic-bezier(.16,1,.3,1) modal-fade-in;display:flex;position:fixed;inset:0}.tutorial-modal-container{background:var(--color-surface-solid,#fff);border:1px solid var(--color-border);border-radius:var(--border-radius-xl,24px);flex-direction:column;width:100%;max-width:860px;animation:.3s cubic-bezier(.16,1,.3,1) modal-scale-in;display:flex;overflow:hidden;box-shadow:0 30px 80px -15px #99182a59,0 10px 30px #0003}:root.dark .tutorial-modal-container{background:#1c0e20;border-color:#f7ccd626}.tutorial-modal-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.tutorial-modal-title-row{align-items:center;gap:10px;min-width:0;display:flex}.tutorial-badge-part{background:var(--gradient-primary,linear-gradient(135deg, #99182a 0%, #ba243a 100%));color:#fff;border-radius:var(--border-radius-full,9999px);letter-spacing:.04em;white-space:nowrap;padding:3px 10px;font-size:.72rem;font-weight:800}.tutorial-modal-title{font-family:var(--font-title);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:700;overflow:hidden}.tutorial-modal-close-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.tutorial-modal-close-btn:hover{color:var(--color-primary);background:#99182a14;transform:rotate(90deg)}.tutorial-modal-player-wrapper{background:#000;width:100%;padding-top:56.25%;position:relative}.tutorial-modal-player-wrapper iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.tutorial-modal-footer{background:var(--color-surface);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.tutorial-modal-desc{color:var(--color-text-muted);flex:1;margin:0;font-size:.85rem;line-height:1.45}.tutorial-modal-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.tutorial-btn-all{border-radius:var(--border-radius-full,9999px);color:var(--color-primary);background:var(--color-primary-light,#fdf2f4);cursor:pointer;border:1px solid #99182a33;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.tutorial-btn-all:hover{background:var(--color-primary);color:#fff}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=640px){.tutorial-modal-overlay{padding:12px}.tutorial-modal-footer{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 18px}.tutorial-modal-actions{justify-content:flex-end;width:100%}}.tutorial-trigger-btn{background:var(--color-surface-solid,#fff);color:var(--color-primary,#99182a);border-radius:var(--border-radius-full,9999px);font-family:var(--font-body,inherit);cursor:pointer;white-space:nowrap;border:1px solid #99182a38;align-items:center;gap:8px;padding:7px 14px;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #99182a14;box-sizing:border-box!important;flex-shrink:0!important;align-self:flex-start!important;width:fit-content!important;max-width:fit-content!important;display:inline-flex!important}:root.dark .tutorial-trigger-btn{color:#f7ccd6;background:#99182a26;border-color:#f7ccd640;box-shadow:0 2px 8px #0003}.tutorial-trigger-btn:hover{background:var(--gradient-primary,linear-gradient(135deg, #99182a 0%, #ba243a 100%));color:#fff;border-color:#0000;transform:translateY(-2px);box-shadow:0 6px 16px #99182a4d}.tutorial-trigger-play-icon{color:var(--color-primary,#99182a);justify-content:center;align-items:center;transition:transform .2s,color .2s;display:flex}.tutorial-trigger-btn:hover .tutorial-trigger-play-icon{color:#fff;transform:scale(1.1)}:root.dark .tutorial-trigger-play-icon{color:#f7ccd6}.tutorial-trigger-label{letter-spacing:.01em}.tutorial-trigger-badge{border-radius:var(--border-radius-full,9999px);background:var(--color-primary-light,#fdf2f4);color:var(--color-primary,#99182a);letter-spacing:.02em;align-items:center;padding:2px 7px;font-size:.72rem;font-weight:800;transition:all .2s;display:inline-flex}:root.dark .tutorial-trigger-badge{color:#fff;background:#ffffff1f}.tutorial-trigger-btn:hover .tutorial-trigger-badge{color:#fff;background:#ffffff40}@media (width<=768px){.tutorial-trigger-btn{box-sizing:border-box!important;border-radius:var(--border-radius-full,9999px)!important;flex-shrink:0!important;align-self:flex-start!important;gap:7px!important;width:fit-content!important;max-width:fit-content!important;height:32px!important;margin:0!important;padding:5px 12px!important;font-size:.76rem!important;font-weight:700!important;display:inline-flex!important;box-shadow:0 1.5px 6px #99182a14!important}.tutorial-trigger-label{font-size:.76rem!important;display:inline!important}.tutorial-trigger-play-icon{justify-content:center!important;align-items:center!important;display:flex!important}.tutorial-trigger-play-icon svg{width:15px!important;height:15px!important}.tutorial-trigger-badge{border-radius:var(--border-radius-full,9999px)!important;padding:1.5px 6.5px!important;font-size:.68rem!important;font-weight:800!important}}.mini-calendar-container{background-color:var(--color-surface);border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:15px}.mini-calendar-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.mini-calendar-header h4{color:var(--color-text);margin:0;font-size:1rem;font-weight:600}.mini-calendar-nav{gap:5px;display:flex}.mini-calendar-nav button{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:5px;transition:all .2s;display:flex}.mini-calendar-nav button:hover{background-color:var(--color-bg);color:var(--color-text)}.mini-calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.mini-calendar-day-name{color:var(--color-text-muted);padding:5px 0;font-size:.75rem;font-weight:600}.mini-calendar-day{aspect-ratio:1;width:34px;max-width:34px;height:34px;max-height:34px;color:var(--color-text);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;margin:2px auto;font-size:.85rem;display:flex;position:relative}.mini-calendar-day:not(.empty){cursor:pointer;transition:all .2s}.mini-calendar-day:not(.empty):hover{background-color:var(--color-primary-light);color:var(--color-primary)}.mini-calendar-day.empty{background:0 0}.mini-calendar-day.today{background-color:var(--color-primary);color:#fff;font-weight:700}.mini-calendar-day.today:hover{background-color:var(--color-primary);color:#fff;opacity:.9}.mini-calendar-day.selected:not(.today):not(.wedding-day){border:2px solid var(--color-primary);color:var(--color-primary);background-color:#99182a14;font-weight:700}.event-dot{background-color:var(--color-secondary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.mini-calendar-day.today .event-dot{background-color:#fff}.mini-calendar-day.wedding-day{font-weight:700;color:#fff!important;background-color:#0000!important;border:none!important}.mini-calendar-day.wedding-day:hover{opacity:.9;background-color:#0000!important}.wedding-heart-wrap{justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.wedding-heart-svg{filter:drop-shadow(0 2px 4px #99182a33);width:100%;height:100%;position:absolute;top:0;left:0}.wedding-day-num{z-index:1;font-size:.85rem;font-weight:700;position:relative;transform:translateY(-1px);color:#fff!important}:root.dark .mini-calendar-day.selected:not(.today):not(.wedding-day){color:#fff;background-color:#f7ccd626;border-color:#f7ccd6}.overview-container{gap:var(--spacing-8);flex-direction:column;height:100%;display:flex}.overview-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.overview-header-profile{flex:1;align-items:flex-start;gap:20px;min-width:0;display:flex}.overview-avatar{width:64px;height:64px;box-shadow:var(--shadow);border:3px solid #fff;border-radius:50%;flex-shrink:0;margin-top:4px;overflow:hidden}.overview-avatar img{object-fit:cover;width:100%;height:100%}.overview-header-text{flex:1}.dashboard-grid{gap:var(--spacing-8);grid-template-columns:repeat(2,1fr);align-items:start;display:grid}.dashboard-col{gap:var(--spacing-8);flex-direction:column;min-width:0;display:flex}.countdown-card{background:var(--gradient-glow);color:#fff;text-align:center;padding:var(--spacing-8);border-radius:var(--border-radius-xl);border:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #7c3aed4d}.countdown-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff26 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.countdown-content{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.countdown-text-group{text-align:center;flex-direction:column;align-items:center;display:flex}.countdown-content h2{margin-bottom:var(--spacing-2);letter-spacing:.04em;font-size:3.5rem;font-weight:800;line-height:1.15;font-family:var(--font-title);text-align:center}.countdown-content p{opacity:.95;margin-bottom:var(--spacing-6);letter-spacing:.025em;text-align:center;font-size:1.2rem;font-weight:500}.countdown-timer{gap:var(--spacing-4);z-index:1;justify-content:center;display:flex;position:relative}.time-box{-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius-lg);padding:var(--spacing-3) var(--spacing-4);text-align:center;background:#ffffff1f;border:1px solid #ffffff40;min-width:90px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px #1f26870d}.time-box:hover{background:#fff3;transform:translateY(-4px)}.time-value{font-size:2.2rem;font-weight:800;font-family:var(--font-body);letter-spacing:.03em;line-height:1.1;display:block}.time-label{text-transform:uppercase;letter-spacing:.12em;opacity:.9;margin-top:2px;font-size:.75rem;font-weight:600;display:block}:root.dark .countdown-card{background:linear-gradient(135deg,#210b2df2 0%,#14081bfa 100%);border:1px solid #f7ccd640;box-shadow:0 25px 50px -12px #000000d9,0 0 30px #99182a33}:root.dark .countdown-card:before{background:radial-gradient(circle at 50% 0,#99182a47 0%,#0000 65%)}:root.dark .countdown-content h2{background:linear-gradient(135deg,#fff 40%,#f7ccd6 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 14px #99182a73);-webkit-background-clip:text}:root.dark .countdown-content p{color:#c7b5c0}:root.dark .time-box{-webkit-backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #f7ccd626;box-shadow:0 8px 24px #0006,inset 0 1px #ffffff14}:root.dark .time-box:hover{background:#99182a26;border-color:#f7ccd666;box-shadow:0 12px 28px #00000080,0 0 15px #99182a40}:root.dark .time-value{color:#fff;text-shadow:0 0 15px #f7ccd666}:root.dark .time-label{color:#c7b5c0;font-weight:600}.progress-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.progress-card-body{flex-direction:column;align-items:center;width:100%;display:flex}.progress-card h3{text-align:left;width:100%;margin-bottom:var(--spacing-6);justify-content:space-between;align-items:center;font-size:1.3rem;display:flex}.progress-circle{background:conic-gradient(#99182a 0%, #ba243a calc(var(--progress,0%) / 2), #d84d63 var(--progress,0%), var(--color-border) 0);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:164px;height:164px;margin:0 auto;transition:transform .3s;display:flex;position:relative;box-shadow:0 10px 28px #99182a2e}.progress-circle:before{content:"";background:var(--color-surface-solid);border-radius:50%;position:absolute;inset:12px;box-shadow:inset 0 2px 8px #0000000a}.progress-circle-inner{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0 8px;display:flex;position:relative}.progress-percentage{font-family:var(--font-title);color:var(--color-primary);letter-spacing:-1px;margin-bottom:5px;font-size:2.15rem;font-weight:800;line-height:1}.progress-status-badge{letter-spacing:-.2px;white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;max-width:124px;padding:3px 10px;font-size:.74rem;font-weight:600;line-height:1.2;transition:all .2s;display:inline-flex}.progress-status-badge.empty{color:var(--color-text-muted);background:#94a3b81f}.progress-status-badge.active{color:var(--color-primary);background:#99182a1a}.progress-status-badge.completed{color:#10b981;background:#10b98124}.progress-sub-count{color:var(--color-text-muted);margin-top:4px;font-size:.68rem;font-weight:500;line-height:1}.budget-snapshot-card{width:100%}.budget-info{gap:var(--spacing-4);margin-bottom:var(--spacing-4);grid-template-columns:repeat(3,1fr);display:grid}.budget-item{background:var(--color-surface-solid);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius);border:1px solid var(--color-border);flex-direction:column;display:flex}.budget-label{color:var(--color-text-muted);margin-bottom:var(--spacing-1);font-size:.78rem;font-weight:600}.budget-value{color:var(--color-text);white-space:nowrap;font-size:1.12rem;font-weight:700}.budget-value.budget-negative{color:var(--color-danger)}.budget-value.budget-deficit-negative{color:#99182a}.budget-value.budget-deficit-success{color:#059669}.progress-bar-bg{border-radius:var(--border-radius-full);background:#99182a14;height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #99182a0d}.progress-bar-fill{border-radius:var(--border-radius-full);height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.progress-bar-fill.budget-amara-progress{background:linear-gradient(90deg,#99182a 0%,#ba243a 55%,#e0536c 100%);box-shadow:0 1px 4px #99182a4d}.budget-slide-subtext{color:var(--color-text-muted);justify-content:space-between;align-items:center;margin-top:8px;font-size:.78rem;display:flex}.budget-subtext-amara{color:var(--color-primary);align-items:center;gap:5px;font-weight:600;display:inline-flex}:root.dark .progress-bar-bg{background:#ffffff14}:root.dark .progress-bar-fill.budget-amara-progress{background:linear-gradient(90deg,#d4263e 0%,#e11d48 55%,#f43f5e 100%);box-shadow:0 1px 6px #d4263e66}:root.dark .budget-subtext-amara{color:#f7ccd6}.budget-slide-indicator{background:var(--color-surface-hover,#0000000d);color:var(--color-text-muted);border-radius:4px;padding:1px 7px;font-size:.68rem;font-weight:700}:root.dark .budget-value.budget-deficit-negative{color:#f87171}:root.dark .budget-value.budget-deficit-success{color:#34d399}.priority-card{width:100%}.urgent-count-badge{color:#99182a;border-radius:var(--border-radius-full);letter-spacing:.01em;text-transform:capitalize;background:#99182a1a;padding:2px 8px;font-size:.7rem;font-weight:700}.priority-card h3{font-size:1.3rem}.priority-header{margin-bottom:var(--spacing-6);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.btn-text{color:var(--color-primary);font-size:.9rem;font-weight:600;transition:opacity .2s}.btn-text:hover{opacity:.8}.task-list{gap:var(--spacing-3);flex-direction:column;display:flex}.task-item{padding:var(--spacing-4) var(--spacing-5);background:var(--color-surface-solid);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);border-left-width:5px;justify-content:space-between;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.task-item:hover{box-shadow:var(--shadow-sm);border-color:#99182a4d;transform:translate(6px)}.task-item.high-priority{border-left-color:var(--color-primary)}.task-item.medium-priority{border-left-color:var(--color-warning)}.task-item.low-priority{border-left-color:var(--color-success)}.task-info h4{color:var(--color-text);font-size:.95rem;font-weight:600;font-family:var(--font-title);margin-bottom:4px}.task-meta-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.task-category-tag{color:var(--color-text-muted);font-size:.75rem;font-weight:500}.task-date-tag{background:var(--color-surface-hover,#0000000a);color:var(--color-text-muted);border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:.72rem;font-weight:500;display:inline-flex}.task-date-tag .urgency-label{font-weight:600}.task-date-tag.overdue{color:#99182a;background:#99182a1f;font-weight:600}.task-date-tag.today{color:#d97706;background:#f59e0b26;font-weight:600}.task-date-tag.soon{color:#7c3aed;background:#8247e51a;font-weight:500}.task-item.is-overdue{background:linear-gradient(90deg, #99182a08 0%, var(--color-surface-solid) 100%);border-left-color:#99182a!important}.priority-badge{border-radius:var(--border-radius-full);letter-spacing:.01em;flex-shrink:0;margin-left:8px;padding:3px 10px;font-size:.75rem;font-weight:700}.high-priority .priority-badge{background:var(--color-secondary);color:var(--color-primary)}.medium-priority .priority-badge{color:var(--color-warning);background:#f59e0b1a}.low-priority .priority-badge{color:var(--color-success);background:#10b9811a}@media (width<=1024px){.dashboard-grid{grid-template-rows:auto!important;grid-template-columns:1fr!important;gap:16px!important}.countdown-card,.budget-snapshot-card,.priority-card{grid-area:auto/1/auto/-1!important}.budget-info{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.budget-item{padding:10px 12px!important}.budget-value{font-size:1.05rem!important}}@media (width<=768px){.progress-circle{width:148px;height:148px}.progress-percentage{font-size:1.8rem}.progress-status-badge{max-width:110px;padding:2px 8px;font-size:.68rem}}:root.dark .progress-status-badge.empty{color:#94a3b8;background:#ffffff14}:root.dark .progress-status-badge.active{color:#f7ccd6;background:#f7ccd629}:root.dark .progress-status-badge.completed{color:#34d399;background:#10b98133}.pic-breakdown-container{width:100%;margin-top:var(--spacing-5,20px);padding-top:var(--spacing-4,16px);border-top:1px solid var(--color-border)}.pic-breakdown-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.8rem;font-weight:700;display:flex}.pic-breakdown-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.pic-breakdown-item{border-radius:var(--border-radius-md,10px);background:var(--color-surface-solid);border:1px solid var(--color-border);text-align:left;flex-direction:column;gap:6px;padding:10px 12px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000008}.pic-breakdown-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.pic-breakdown-item.pic-cpp{border-left:3px solid #3b82f6}.pic-breakdown-item.pic-cpw{border-left:3px solid #ec4899}.pic-breakdown-item.pic-bersama{border-left:3px solid var(--color-primary)}.pic-breakdown-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.pic-breakdown-label{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:.82rem;font-weight:700;display:flex;overflow:hidden}.pic-breakdown-pct{font-size:.82rem;font-weight:800;font-family:var(--font-title,sans-serif)}.pic-breakdown-item.pic-cpp .pic-breakdown-pct{color:#2563eb}.pic-breakdown-item.pic-cpw .pic-breakdown-pct{color:#db2777}.pic-breakdown-item.pic-bersama .pic-breakdown-pct{color:var(--color-primary)}.pic-breakdown-bar{background:var(--color-border);border-radius:9999px;width:100%;height:6px;overflow:hidden}.pic-breakdown-bar-fill{border-radius:9999px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.pic-breakdown-item.pic-cpp .pic-breakdown-bar-fill{background:linear-gradient(90deg,#60a5fa,#2563eb)}.pic-breakdown-item.pic-cpw .pic-breakdown-bar-fill{background:linear-gradient(90deg,#f472b6,#db2777)}.pic-breakdown-item.pic-bersama .pic-breakdown-bar-fill{background:linear-gradient(90deg, #fda4af, var(--color-primary))}.pic-breakdown-sub{color:var(--color-text-muted);font-size:.72rem;font-weight:500}:root.dark .pic-breakdown-item{background:#ffffff08;border-color:#ffffff14}:root.dark .pic-breakdown-bar{background:#ffffff1a}@media (width<=600px){.pic-breakdown-grid{grid-template-columns:1fr;gap:8px}}.overview-calendar-card{gap:var(--spacing-4);flex-direction:column;width:100%;display:flex}.overview-mini-calendar-wrapper{width:100%}.overview-mini-calendar-wrapper .mini-calendar-container{box-shadow:none;background:0 0;border:none;padding:0}.overview-calendar-agenda{border-top:1px dashed var(--color-border);flex-direction:column;gap:10px;padding-top:12px;display:flex}.overview-agenda-header{justify-content:space-between;align-items:center;display:flex}.overview-agenda-date-label{color:var(--color-text);font-size:.85rem;font-weight:700;font-family:var(--font-title)}.overview-agenda-count-badge{border-radius:var(--border-radius-full);color:var(--color-primary);background:#99182a14;border:1px solid #99182a2e;padding:2px 8px;font-size:.7rem;font-weight:700}.overview-wedding-day-banner{border-radius:var(--border-radius-md,8px);color:var(--color-primary);background:linear-gradient(135deg,#99182a14 0%,#e11d481f 100%);border:1px solid #99182a40;align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;font-weight:700;display:flex}.overview-agenda-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.overview-agenda-item{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-md,8px);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.overview-agenda-item:hover{border-color:#99182a4d;transform:translate(3px)}.overview-agenda-item-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.overview-agenda-priority-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.overview-agenda-priority-dot.high{background:var(--color-primary,#99182a);box-shadow:0 0 0 2px #99182a33}.overview-agenda-priority-dot.medium{background:var(--color-warning,#d97706);box-shadow:0 0 0 2px #d9770633}.overview-agenda-priority-dot.low{background:var(--color-success,#10b981);box-shadow:0 0 0 2px #10b98133}.overview-agenda-title{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.overview-agenda-pic{color:var(--color-text-muted);background:var(--color-surface-hover,#0000000a);white-space:nowrap;border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:.72rem;font-weight:600}.overview-agenda-empty{text-align:center;background:var(--color-surface-hover,#00000005);border-radius:var(--border-radius-md,8px);border:1px dashed var(--color-border);padding:14px 12px}.overview-agenda-empty span{color:var(--color-text-muted);font-size:.82rem;font-weight:600;display:block}.overview-agenda-hint{color:var(--color-text-muted);opacity:.85;margin:4px 0 0;font-size:.74rem}.overview-nearest-task-hint{border-top:1px dashed var(--color-border);flex-direction:column;align-items:center;gap:6px;width:100%;margin-top:10px;padding-top:10px;display:flex}.nearest-hint-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.nearest-hint-btn{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-md,8px);cursor:pointer;align-items:center;gap:8px;max-width:100%;padding:6px 12px;font-family:inherit;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.nearest-hint-btn:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm,0 2px 6px #0000000f);transform:translateY(-1px)}.nearest-hint-title{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.8rem;font-weight:600;overflow:hidden}.nearest-hint-date{color:var(--color-primary);white-space:nowrap;background:#99182a14;border-radius:4px;padding:2px 7px;font-size:.72rem;font-weight:600}:root.dark .nearest-hint-btn{background:#ffffff0a;border-color:#ffffff1a}:root.dark .nearest-hint-date{color:#f7ccd6;background:#99182a40}.overview-agenda-footer{justify-content:flex-end;padding-top:4px;display:flex}.overview-agenda-link{color:var(--color-primary);align-items:center;gap:5px;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.overview-agenda-link:hover{opacity:.8;transform:translate(2px)}:root.dark .overview-agenda-item{background:#ffffff08;border-color:#ffffff14}:root.dark .overview-agenda-item:hover{background:#ffffff0d;border-color:#f7ccd640}:root.dark .overview-agenda-count-badge{color:#f7ccd6;background:#99182a40;border-color:#f7ccd64d}:root.dark .overview-wedding-day-banner{color:#fff;background:#99182a40;border-color:#f7ccd659}:root.dark .overview-agenda-pic{color:#cbd5e1;background:#ffffff0f}:root.dark .overview-agenda-empty{background:#ffffff05;border-color:#ffffff14}:root.dark .overview-agenda-link{color:#f7ccd6}.task-date-tag.none.is-link{cursor:pointer;border:1px dashed #99182a59;text-decoration:none;transition:all .2s}.task-date-tag.none.is-link:hover{color:var(--color-primary);background:#99182a1f;border-style:solid;transform:translateY(-1px)}.activities-container{gap:var(--spacing-6);box-sizing:border-box;flex-direction:column;width:100%;min-height:100%;display:flex}.activities-grid{gap:var(--spacing-6);box-sizing:border-box;grid-template-columns:280px minmax(0,1fr);align-items:start;width:100%;min-width:0;display:grid}.categories-card,.tasks-card{box-sizing:border-box;width:100%;min-width:0;max-width:100%;scroll-margin-top:18px}.card-header{margin-bottom:var(--spacing-6);justify-content:space-between;align-items:flex-start;display:flex}.card-header h3{color:var(--color-primary);margin-bottom:var(--spacing-1);font-size:1rem}.card-header p{color:var(--color-text);font-size:1.25rem;font-weight:600}.icon-muted{color:var(--color-text-muted)}.category-list,.task-list-details{gap:var(--spacing-3);margin-bottom:var(--spacing-6);flex-direction:column;max-height:min(480px,60vh);padding-right:6px;display:flex;overflow-y:auto}.category-list::-webkit-scrollbar{width:6px}.task-list-details::-webkit-scrollbar{width:6px}.category-list::-webkit-scrollbar-track{background:0 0}.task-list-details::-webkit-scrollbar-track{background:0 0}.category-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius-full)}.task-list-details::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius-full)}.category-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.task-list-details::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.category-item{border-radius:var(--border-radius);cursor:pointer;flex-direction:column;padding:0;transition:all .2s;display:flex}.category-item:hover{background-color:var(--color-background)}.category-item.selected{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:500}.category-item-clickable{padding:12px 14px}.category-item-meta{padding-right:14px}.category-item-name{font-size:.95rem;font-weight:500}.task-item-detail{border-radius:var(--border-radius);background-color:var(--color-surface-solid);border:1px solid var(--color-border);box-sizing:border-box;justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;padding:10px 14px;transition:all .2s;display:flex}.task-item-detail:hover{background-color:var(--color-surface-hover,var(--color-background))}.task-detail-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.task-detail-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.task-detail-title{word-break:break-word;overflow-wrap:anywhere;font-size:.92rem;font-weight:500;line-height:1.35}.task-detail-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.task-detail-meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:.78rem;display:flex}.checkbox{border:2px solid var(--color-border);border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.checkbox.checked{background-color:var(--color-primary);border-color:var(--color-primary)}.btn-add{color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:4px;padding:6px 0;font-size:.88rem;font-weight:600;transition:color .2s,transform .2s;display:inline-flex}.btn-add:hover{color:var(--color-primary-hover);transform:translate(2px)}.active-category-header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;gap:10px;display:flex}.active-category-header h4{margin:0;font-size:1.1rem;font-weight:600}.btn-change-category-mobile{display:none}@media (width<=1200px),(height<=600px) and (orientation:landscape){.btn-change-category-mobile{background:var(--color-primary-light,#fdf2f4)!important;color:var(--color-primary,#99182a)!important;border:1px solid var(--color-secondary,#f7ccd6)!important;cursor:pointer!important;white-space:nowrap!important;border-radius:12px!important;flex-shrink:0!important;align-items:center!important;gap:4px!important;padding:5px 12px!important;font-size:.76rem!important;font-weight:600!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:inline-flex!important}.btn-change-category-mobile:hover,.btn-change-category-mobile:active{background:var(--color-primary,#99182a)!important;color:#fff!important;border-color:var(--color-primary,#99182a)!important;transform:translateY(-1px)!important}}.task-pic-badge{border-radius:var(--border-radius-full);letter-spacing:.01em;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.task-pic-badge.pic-bersama{color:var(--color-primary);background:#99182a14;border:1px solid #99182a40}.task-pic-badge.pic-cpp{color:#2563eb;background:#3b82f61a;border:1px solid #3b82f640}.task-pic-badge.pic-cpw{color:#db2777;background:#ec48991a;border:1px solid #ec489940}.pic-filter-pills{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-full,9999px);box-sizing:border-box;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:8px;width:100%;max-width:100%;margin:12px 0 16px;padding:4px;display:flex;overflow-x:auto}.pic-filter-pills::-webkit-scrollbar{display:none}.pic-filter-btn{border-radius:var(--border-radius-full,9999px);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.pic-filter-btn:hover{color:var(--color-text);background:#00000008}.pic-filter-btn.active{background:var(--color-surface-solid);color:var(--color-primary);border-color:#99182a4d;box-shadow:0 2px 8px #0000000f}.pic-filter-btn.pic-cpp.active{color:#2563eb;background:#3b82f614;border-color:#3b82f659}.pic-filter-btn.pic-cpw.active{color:#db2777;background:#ec489914;border-color:#ec489959}.pic-filter-btn.pic-bersama.active{color:var(--color-primary);background:#99182a14;border-color:#99182a59}.pic-filter-count{color:inherit;opacity:.9;background:#0000000f;border-radius:10px;padding:1px 6px;font-size:.72rem;font-weight:700}:root.dark .pic-filter-btn.active{background:#ffffff12}:root.dark .pic-filter-count{background:#ffffff1f}.pic-empty-filter-state{text-align:center;color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:var(--border-radius-lg,12px);background:#00000004;margin:12px 0;padding:32px 16px}.activities-empty-state{text-align:center;background:var(--color-surface-solid,#fff);border:1.5px dashed var(--color-border);border-radius:var(--border-radius-xl,16px);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:12px 0 16px;padding:36px 20px;display:flex}:root.dark .activities-empty-state{background:#ffffff08;border-color:#f7ccd633}.activities-empty-icon{background:var(--color-primary-light,#fdf2f4);width:54px;height:54px;color:var(--color-primary,#99182a);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;display:flex}:root.dark .activities-empty-icon{color:#f7ccd6;background:#99182a33}.activities-empty-title{font-family:var(--font-title);color:var(--color-text);margin:0 0 6px;font-size:1.05rem;font-weight:700}.activities-empty-desc{color:var(--color-text-muted);max-width:320px;margin:0 0 18px;font-size:.85rem;line-height:1.45}.btn-magic-template{background:var(--gradient-primary,linear-gradient(135deg, #99182a 0%, #ba243a 100%));color:#fff;border-radius:var(--border-radius-full,9999px);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:.88rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #99182a40}.btn-magic-template:hover:not(:disabled){opacity:.95;transform:translateY(-2px);box-shadow:0 6px 18px #99182a59}.btn-magic-template:active:not(:disabled){transform:scale(.98)}.btn-magic-template:disabled{opacity:.7;cursor:not-allowed}@media (width<=1100px),(height<=600px) and (orientation:landscape){.activities-grid{grid-template-columns:1fr;gap:16px}.category-list,.task-list-details{max-height:min(340px,50vh)}}.task-form-container{background:var(--color-surface-solid,#fff);border:1px solid var(--color-border);border-radius:var(--border-radius-lg,12px);box-sizing:border-box;flex-direction:column;gap:12px;width:100%;padding:14px 16px;display:flex;box-shadow:0 4px 14px #0000000a}:root.dark .task-form-container{background:var(--color-surface-solid);box-shadow:0 4px 16px #0003}.task-form-container.add-task-form{margin-top:16px}.task-form-field{flex-direction:column;gap:6px;width:100%;min-width:0;display:flex}.task-form-label{color:var(--color-text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:inline-flex}.task-form-title-input{border:1px solid var(--color-border);background:var(--color-background,#faf7f8);width:100%;color:var(--color-text);font-size:.95rem;font-family:var(--font-body);box-sizing:border-box;border-radius:8px;padding:10px 14px;transition:all .2s cubic-bezier(.16,1,.3,1)}.task-form-title-input:focus{border-color:var(--color-primary);background:var(--color-surface-solid,#fff);outline:none;box-shadow:0 0 0 3px #99182a1f}.task-form-row{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.task-date-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.task-date-input{border:1px solid var(--color-border)!important;background-color:var(--color-surface-solid,#fff)!important;width:100%!important;min-height:42px!important;color:var(--color-text)!important;font-size:.92rem!important;font-family:var(--font-body)!important;box-sizing:border-box!important;appearance:none!important;border-radius:8px!important;padding:10px 12px!important;transition:border-color .2s,box-shadow .2s!important}.task-date-input:focus{border-color:var(--color-primary)!important;outline:none!important;box-shadow:0 0 0 3px #99182a1f!important}@supports (-webkit-touch-callout:none){.task-date-input:not(.has-value):before{content:"dd/mm/yyyy";color:var(--color-text-muted);opacity:.65;margin-right:.5em;font-size:.92rem}}.task-date-clear-btn{color:var(--color-primary);cursor:pointer;z-index:2;background:#99182a14;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:all .2s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.task-date-clear-btn:hover{background:#99182a2e;transform:translateY(-50%)scale(1.05)}.task-select-input{cursor:pointer;border:1px solid var(--color-border)!important;background-color:var(--color-surface-solid,#fff)!important;width:100%!important;min-height:42px!important;color:var(--color-text)!important;font-size:.92rem!important;font-family:var(--font-body)!important;box-sizing:border-box!important;border-radius:8px!important;padding:10px 12px!important;transition:border-color .2s,box-shadow .2s!important}.task-select-input:focus{border-color:var(--color-primary)!important;outline:none!important;box-shadow:0 0 0 3px #99182a1f!important}.task-form-actions{gap:10px;width:100%;margin-top:4px;display:flex}.task-form-actions button{border-radius:8px;flex:1;padding:10px 16px;font-size:.88rem;font-weight:600}@media (width<=580px){.task-form-row{grid-template-columns:1fr;gap:10px}}.timeline-container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto}.timeline-container .page-header{margin-bottom:24px}.timeline-split-layout{box-sizing:border-box;align-items:flex-start;gap:30px;width:100%;margin-top:25px;display:flex}.timeline-main-col{flex:1;min-width:0}.timeline-sidebar-col{flex-direction:column;flex-shrink:0;gap:24px;width:380px;max-width:100%;display:flex;position:sticky;top:20px}.event-log-card,.unscheduled-card{padding:var(--spacing-6);box-sizing:border-box;width:100%}.event-log-card h3,.unscheduled-card h3{margin-bottom:var(--spacing-2);font-size:1.35rem;font-family:var(--font-title)}.event-filters{border-bottom:1px solid var(--color-border);align-items:center;gap:16px;margin-bottom:20px;padding-bottom:12px;display:flex}.filter{color:var(--color-text-muted);align-items:center;gap:6px;font-size:.82rem;font-weight:500;display:inline-flex}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dot.completed{background-color:var(--color-success);box-shadow:0 0 0 2px #10b98133}.dot.scheduled{background-color:var(--color-primary);box-shadow:0 0 0 2px #99182a33}.sidebar-desc{color:var(--color-text-muted);margin-bottom:var(--spacing-4);font-size:.85rem;font-weight:500}.unscheduled-list{flex-direction:column;gap:12px;max-height:440px;padding-right:6px;display:flex;overflow-y:auto}.unscheduled-item{background-color:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius);justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 14px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.unscheduled-item:hover{box-shadow:var(--shadow-sm);border-color:#99182a66;transform:translateY(-1px)}.unscheduled-item-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.unscheduled-item-title{color:var(--color-text);word-break:break-word;white-space:normal;font-size:.9rem;font-weight:500;line-height:1.35}.unscheduled-item-meta{align-items:center;gap:6px;margin-top:2px;display:flex}.unscheduled-item-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.timeline-month-group{border-radius:var(--border-radius-lg);margin-bottom:24px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.timeline-month-group.drag-over{background-color:var(--color-primary-light);outline:2px dashed var(--color-primary)}.month-divider{align-items:center;margin:16px 0 12px;display:flex;position:relative}.month-divider:before{content:"";background:var(--color-border);z-index:1;height:1px;position:absolute;left:0;right:0}.month-badge{background-color:var(--color-surface-solid);color:var(--color-primary);font-family:var(--font-title);border-radius:var(--border-radius-full);border:1px solid var(--color-primary-light);z-index:2;margin-left:20px;padding:6px 16px;font-size:.9rem;font-weight:700}.timeline-list{margin-top:10px;padding-left:6px;position:relative}.timeline-track{background:var(--color-primary-light);z-index:1;width:2px;position:absolute;top:0;bottom:0;left:24px}.timeline-item{z-index:2;border-radius:var(--border-radius-lg);padding:6px 0;padding-right:var(--spacing-3);gap:16px;min-width:0;max-width:100%;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.timeline-item.drag-over{background-color:var(--color-primary-light);outline:1px dashed var(--color-primary)}.timeline-item:active{cursor:grabbing!important}.timeline-item:hover{background-color:#99182a08}.timeline-dot-wrapper{z-index:2;flex-shrink:0;justify-content:center;align-items:center;width:36px;padding-top:16px;display:flex;position:relative}.timeline-heart-dot{background-color:var(--color-surface-solid);border:2px solid var(--color-border);width:26px;height:26px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;box-shadow:0 1px 4px #0000000f}.timeline-heart-dot.completed{border-color:var(--color-success);color:var(--color-success);background-color:var(--color-surface-solid)}.timeline-heart-dot.in-progress{border-color:var(--color-danger);color:var(--color-danger);background-color:#ef444414;box-shadow:0 0 0 3px #ef444426}.timeline-heart-dot.scheduled{border-color:var(--color-primary);color:var(--color-primary)}.wedding-dot-wrapper{padding-top:14px}.wedding-heart-badge{background:var(--color-primary);border:3px solid var(--color-surface-solid);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;animation:2.2s ease-in-out infinite pulse-heart;display:flex;box-shadow:0 0 14px #99182a80,0 2px 8px #0000001f}@keyframes pulse-heart{0%{transform:scale(1);box-shadow:0 0 #99182a99}70%{transform:scale(1.06);box-shadow:0 0 0 8px #99182a00}to{transform:scale(1);box-shadow:0 0 #99182a00}}.timeline-content{background-color:var(--color-surface-solid);padding:var(--spacing-4) var(--spacing-5);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);flex:1;transition:all .3s cubic-bezier(.16,1,.3,1)}.timeline-item:hover .timeline-content{box-shadow:var(--shadow);border-color:#99182a40}.timeline-content-header{margin-bottom:var(--spacing-2);justify-content:space-between;align-items:center;display:flex}.timeline-content-header h4{color:var(--color-text);font-size:1.05rem;font-weight:600;font-family:var(--font-title);word-break:break-word;margin:0}.timeline-content-meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-left:32px;font-size:.85rem;display:flex}.timeline-content-meta.read-only{margin-left:0}.wedding-day-item:hover{background-color:#0000!important}.wedding-title{color:#fff;word-break:break-word;margin:0;font-size:1.15rem;font-weight:700}.wedding-content{box-shadow:0 12px 24px -8px #99182a40!important}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#0b0e1766;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{width:95%;max-width:420px;padding:var(--spacing-6);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);position:relative;background-color:var(--color-surface-solid)!important}.modal-close{top:var(--spacing-4);right:var(--spacing-4);cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;transition:color .2s;position:absolute}.form-input{width:100%;padding:12px var(--spacing-4);border-radius:var(--border-radius);border:1px solid var(--color-border);background-color:var(--color-background);color:var(--color-text);font-family:inherit;font-size:.95rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-icon,.btn-icon-danger{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.btn-icon:hover{color:var(--color-primary);background-color:var(--color-primary-light)}.btn-icon.small,.btn-icon-danger.small{padding:4px}.btn-check{border:2px solid var(--color-border);cursor:pointer;background-color:var(--color-surface-solid);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-check:hover{border-color:var(--color-primary);background-color:var(--color-primary-light);transform:scale(1.05)}.btn-check:active{transform:scale(.95)}.btn-check.checked{background:var(--gradient-primary);border-color:var(--color-primary)}.btn-check.small{border-radius:5px;width:18px;height:18px}@keyframes flash-highlight{0%{background-color:var(--color-primary-light);box-shadow:0 0 16px var(--color-primary-light)}50%{background-color:#99182a33}to{box-shadow:none;background-color:#0000}}.highlight-flash{animation:2s ease-out flash-highlight}@keyframes flash-highlight-card{0%{border-color:var(--color-primary);box-shadow:0 0 0 4px #99182a73,0 12px 30px #99182a33}50%{border-color:var(--color-primary);box-shadow:0 0 0 6px #99182a99,0 16px 36px #99182a4d}to{box-shadow:0 0 #0000}}.unscheduled-card.highlight-flash-card{animation:3.5s cubic-bezier(.16,1,.3,1) flash-highlight-card;border-color:var(--color-primary)!important}@media (width<=1050px),(height<=600px) and (orientation:landscape){.timeline-split-layout{flex-direction:column;align-items:stretch;gap:20px;width:100%}.timeline-main-col{order:1;width:100%;min-width:0}.timeline-sidebar-col{order:2;width:100%;position:static}.unscheduled-list{max-height:280px}}.swipeable-row{background:0 0;border-radius:14px;position:relative;overflow:hidden}.swipeable-actions{z-index:0;align-items:stretch;display:flex;position:absolute;top:0;bottom:0;right:0}.swipeable-action-btn{cursor:pointer;color:#fff;border:none;justify-content:center;align-items:center;padding:0;font-size:0;transition:opacity .15s;display:flex}.swipeable-action-btn:active{opacity:.8}.swipeable-action-btn.action-delete{background:#dc2626}.swipeable-action-btn.action-edit{background:#6b7280}.swipeable-content{z-index:1;background:var(--color-surface-solid,#fff);will-change:transform;touch-action:pan-y;position:relative}.swipeable-content.animating{transition:transform .3s cubic-bezier(.16,1,.3,1)}.budget-container{max-width:1200px;margin:0 auto;padding:10px 0}.budget-matrix{flex-direction:column;gap:16px;margin-bottom:16px;display:flex}.matrix-primary{grid-template-columns:1fr 1fr;gap:20px;display:grid}.matrix-secondary{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}@media (width>=769px) and (width<=1024px){.budget-container{width:100%!important;min-width:0!important;max-width:100%!important;padding:0 4px!important}.budgeting-top-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;gap:14px!important;width:100%!important;margin-bottom:16px!important}.target-budget-card,.estimasi-biaya-card,.dana-nikah-main-card,.matrix-card{box-sizing:border-box!important;min-width:0!important;padding:16px 18px!important;overflow:hidden!important}.target-card-amount,.estimasi-card-amount,.dana-card-amount,.matrix-card .amount{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:clamp(1.35rem,2.1vw,1.75rem)!important;line-height:1.15!important;overflow:hidden!important}.target-card-top,.estimasi-card-header{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;display:flex!important}.target-card-label,.estimasi-card-label{letter-spacing:.04em!important;font-size:.76rem!important}.btn-atur-target{white-space:nowrap!important;padding:3px 8px!important;font-size:.72rem!important}.estimasi-badge{white-space:nowrap!important;padding:2px 7px!important;font-size:.68rem!important}.budget-table-section{border-radius:var(--border-radius-lg)!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}.table-toolbar.budgeting-toolbar{box-sizing:border-box!important;flex-wrap:wrap!important;gap:10px!important;width:100%!important;padding:12px 16px!important}.budgeting-plan-bar{-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;flex:auto!important;gap:8px!important;min-width:0!important;max-width:100%!important;padding-bottom:2px!important;overflow-x:auto!important}.budgeting-plan-bar::-webkit-scrollbar{height:3px!important}.plan-tab-item{white-space:nowrap!important;padding:6px 12px!important;font-size:.82rem!important}.budgeting-right-actions{flex:auto!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important;margin-left:0!important}.budgeting-action-icons{flex-shrink:0!important;gap:6px!important}.btn-action-icon-pill{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}.table-toolbar .search-bar,.budgeting-right-actions .search-bar{flex-shrink:1!important;width:180px!important;min-width:130px!important;max-width:100%!important}.table-container{-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}.budget-table{width:100%!important;min-width:560px!important}.budget-table th,.budget-table td{padding:10px 12px!important;font-size:.82rem!important}.matrix-primary{grid-template-columns:1fr 1fr!important;gap:14px!important}.matrix-secondary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:14px!important}.comparison-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:12px!important}.dana-nikah-cards-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:14px!important}}@media (width>=769px) and (width<=840px){.budgeting-top-grid{grid-template-columns:1fr!important}}@media (width<=768px){.matrix-primary,.matrix-secondary{grid-template-columns:1fr}}.matrix-card{border-radius:var(--border-radius-lg);padding:var(--spacing-6);gap:var(--spacing-3);box-shadow:var(--shadow);border:1px solid var(--color-border);flex-direction:column;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s;display:flex;position:relative;overflow:hidden}.matrix-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.card-header{justify-content:space-between;align-items:center;display:flex}.matrix-card h3{text-transform:uppercase;letter-spacing:.08em;z-index:1;margin:0;font-size:.8rem;font-weight:700}.matrix-card .amount{z-index:1;font-size:2.2rem;font-weight:800;font-family:var(--font-body);margin:0;line-height:1.1}.matrix-card .amount-small{z-index:1;font-size:1.5rem;font-weight:700;font-family:var(--font-body);margin:0}.total-budget-card{background:var(--color-primary);color:#fff;cursor:pointer;border:none;box-shadow:0 12px 28px -6px #99182a52}.total-budget-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px -8px #99182a6b}.total-budget-card h3{color:#ffffffeb}.total-budget-card .amount{color:#fff}.sisa-budget-card{background:var(--color-surface-solid);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow)}.sisa-budget-card h3{color:var(--color-text)}.sisa-budget-card .amount{color:var(--color-primary)}.sisa-budget-card.deficit{background:linear-gradient(135deg, var(--color-surface-solid) 0%, #ef44440d 100%);border-color:#ef444459}.sisa-budget-card.deficit .text-danger{color:var(--color-danger)}.rencana-card,.dibayar-card,.sisa-bayar-card{background-color:var(--color-surface-solid);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.rencana-card:hover,.dibayar-card:hover,.sisa-bayar-card:hover{border-color:#99182a40}.rencana-card h3,.dibayar-card h3,.sisa-bayar-card h3{color:var(--color-text)}.rencana-card .amount-small{color:var(--color-primary)}.dibayar-card .amount-small{color:var(--color-success)}.sisa-bayar-card .amount-small{color:var(--color-warning)}.budget-health-section{background-color:var(--color-surface-solid);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:14px 20px}.health-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.health-header h4{color:var(--color-text);margin:0;font-size:1.05rem}.health-badge{border-radius:var(--border-radius-full);color:#fff;text-transform:uppercase;letter-spacing:.05em;padding:4px 12px;font-size:.75rem;font-weight:700}.health-bar-bg{background-color:var(--color-border);border-radius:var(--border-radius-full);width:100%;height:8px;margin-bottom:0;overflow:hidden;box-shadow:inset 0 1px 3px #0000000d}.health-bar-fill{border-radius:var(--border-radius-full);height:100%;transition:width .6s cubic-bezier(.16,1,.3,1),background-color .3s}.health-desc{color:var(--color-text-muted);margin:0;font-size:.85rem;font-weight:500}.budget-table-section{background-color:var(--color-surface-solid);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden}.table-toolbar{border-bottom:1px solid var(--color-border);gap:10px;padding:8px 16px;flex-flow:row!important;justify-content:space-between!important;align-items:center!important;display:flex!important}.table-toolbar-left{flex-flow:row!important;flex-shrink:0!important;align-items:center!important;gap:8px!important;display:flex!important}.table-toolbar-divider{background-color:var(--color-border,#e5e7eb)!important;flex-shrink:0!important;width:1px!important;height:18px!important;margin:0 4px!important;display:inline-block!important}.table-toolbar .filter-pill,.table-toolbar .import-plan-btn{box-sizing:border-box!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;height:32px!important;min-height:32px!important;max-height:32px!important;margin:0!important;padding:0 12px!important;line-height:1!important;display:inline-flex!important}.table-toolbar .search-bar{margin:0!important}.table-toolbar .search-bar input{box-sizing:border-box!important;height:32px!important;min-height:32px!important;max-height:32px!important;margin:0!important}.search-bar{flex-shrink:1;width:250px;min-width:160px;max-width:270px;position:relative}.search-bar input{box-sizing:border-box;border-radius:var(--border-radius-full,9999px);border:1px solid var(--color-border);background-color:var(--color-background);width:100%;height:32px;color:var(--color-text);outline:none;padding:0 30px 0 34px;font-family:inherit;font-size:.82rem;transition:all .2s}.search-bar input:focus{border-color:var(--color-primary);background-color:var(--color-card,#fff);box-shadow:0 0 0 3px #99182a1f}.search-bar>svg:first-of-type{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search-clear-btn{border-radius:var(--border-radius-full);width:18px;height:18px;color:var(--color-text-muted);cursor:pointer;z-index:2;background:#99182a14;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-clear-btn svg{width:11px;height:11px;color:inherit;pointer-events:none;position:static!important;top:auto!important;left:auto!important;transform:none!important}.search-clear-btn:hover{color:#fff;background-color:var(--color-primary)}.filter-pills{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:6px;display:flex}.filter-pill{box-sizing:border-box;border-radius:var(--border-radius-full);cursor:pointer;border:1px solid var(--color-border);background-color:var(--color-card,#fff);height:32px;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;padding:0 11px;font-size:.8rem;font-weight:600;line-height:1;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.filter-pill:hover{background-color:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.filter-pill.active{background:var(--gradient-primary);color:#fff;border-color:#0000;box-shadow:0 2px 6px #99182a38}.budget-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:680px}.budget-table th,.budget-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:10px 8px;font-size:.85rem}.budget-table th{background-color:var(--color-primary-light);color:var(--color-text);text-transform:uppercase;letter-spacing:.03em;-webkit-user-select:none;user-select:none;text-align:left;padding:12px 16px;font-size:.72rem;font-weight:700;position:relative}.budget-table th:hover{background-color:#f7ccd6b3}.budget-table th.drag-over-col{border-left:2px solid var(--color-primary)}.th-sortable{cursor:pointer;transition:background-color .2s,color .2s}.th-sortable:hover{background-color:var(--color-border);color:var(--color-text)}.th-sortable.sorted{color:var(--color-primary);background-color:var(--color-primary-light)}.th-content{align-items:center;gap:4px;font-size:.72rem;display:flex}.th-sort-icon{align-items:center;margin-left:3px;display:inline-flex}.sort-icon-idle{opacity:.3;transition:opacity .2s,color .2s,transform .2s}.th-sortable:hover .sort-icon-idle{opacity:.85;color:var(--color-primary);transform:scale(1.1)}.sort-icon-active{color:var(--color-primary);opacity:1;animation:.25s cubic-bezier(.16,1,.3,1) sortPop}@keyframes sortPop{0%{opacity:.3;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.budget-table td{vertical-align:middle}.budget-table tr:hover{background-color:#99182a05}.budget-table-tfoot{background:linear-gradient(#fdf2f48c 0%,#fffffff2 100%);position:relative}:root.dark .budget-table-tfoot{background:linear-gradient(#d4263e1a 0%,#230e19e6 100%)}.excel-sum-row td{vertical-align:middle!important;border-top:2px solid #99182a33!important;border-bottom:3px double var(--color-primary)!important;background-color:#0000!important;padding:12px 14px!important}:root.dark .excel-sum-row td{border-top-color:#d4263e59!important;border-bottom-color:#d4263ed9!important}.excel-sum-lead-cell{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.excel-fx-badge{color:var(--color-primary);-webkit-user-select:none;user-select:none;background:#99182a14;border:1px solid #99182a38;border-radius:5px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;line-height:1.2;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #99182a0a}.excel-fx-badge:hover{background:#99182a1f;transform:translateY(-1px)}:root.dark .excel-fx-badge{color:#ff8598;background:#d4263e2e;border-color:#d4263e66}.excel-fx-symbol{color:var(--color-primary);letter-spacing:-.02em;font-family:Times New Roman,Georgia,serif;font-size:.84rem;font-style:italic;font-weight:800}:root.dark .excel-fx-symbol{color:#ff8598}.excel-fx-formula{letter-spacing:-.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:700}.excel-sum-title{letter-spacing:.05em;color:var(--color-text);text-transform:uppercase;font-size:.78rem;font-weight:800}.excel-sum-count-tag{color:var(--color-text-muted);white-space:nowrap;background:#0000000a;border:1px solid #0000000a;border-radius:12px;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-block}:root.dark .excel-sum-count-tag{background:#ffffff0f;border-color:#ffffff14}.excel-sum-amount-box{flex-direction:column;justify-content:center;align-items:flex-end;gap:2px;display:flex}.excel-col-formula-tag{color:var(--color-primary);opacity:.85;letter-spacing:-.01em;-webkit-user-select:none;user-select:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.62rem;font-weight:600}:root.dark .excel-col-formula-tag{color:#ff8598}.excel-sum-amount-val{color:var(--color-text);letter-spacing:-.01em;white-space:nowrap;font-size:.95rem;font-weight:800}.excel-dash-muted{color:var(--color-text-muted);font-weight:600}.excel-status-summary-pill{color:var(--color-primary);white-space:nowrap;background:#99182a14;border-radius:12px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-block}:root.dark .excel-status-summary-pill{color:#ff8598;background:#d4263e33}.mobile-excel-sum-card{background:linear-gradient(135deg,#fff5f7 0%,#fff 100%);border:1.5px solid #99182a33;border-radius:14px;flex-direction:column;gap:10px;margin-top:14px;margin-bottom:8px;padding:14px 16px;display:flex;box-shadow:0 4px 14px #99182a0f}:root.dark .mobile-excel-sum-card{background:linear-gradient(135deg,#d4263e26 0%,#230e19e6 100%);border-color:#d4263e59;box-shadow:0 4px 14px #0000004d}.mobile-excel-sum-header{align-items:center;gap:8px;display:flex}.mobile-excel-fx-pill{color:var(--color-primary);background:#99182a1a;border:1px solid #99182a38;border-radius:4px;align-items:center;gap:3px;padding:2px 7px;font-size:.7rem;font-weight:700;display:inline-flex}:root.dark .mobile-excel-fx-pill{color:#ff8598;background:#d4263e33}.mobile-excel-sum-label{color:var(--color-text);letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:800}.mobile-excel-sum-count{color:var(--color-text-muted);margin-left:auto;font-size:.72rem;font-weight:600}.mobile-excel-sum-amount{color:var(--color-primary);letter-spacing:-.02em;border-top:1px dashed #99182a2e;padding-top:8px;font-size:1.18rem;font-weight:800}:root.dark .mobile-excel-sum-amount{color:#ff8598;border-top-color:#d4263e4d}.mobile-excel-payment-grid{border-top:1px dashed #99182a2e;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:10px;display:grid}:root.dark .mobile-excel-payment-grid{border-top-color:#d4263e4d}.mobile-excel-col{flex-direction:column;gap:2px;display:flex}.mobile-excel-col .col-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.68rem;font-weight:700}.mobile-excel-col .col-val{color:var(--color-text);white-space:nowrap;font-size:.85rem;font-weight:800}.desktop-budget-search-summary-card{border-radius:var(--border-radius-md,12px);border:1px solid #99182a2e;border-left:5px solid var(--color-primary);background:linear-gradient(135deg,#fff1f3 0%,#fdf7f8 55%,#fff 100%);justify-content:space-between;align-items:center;gap:20px;margin-top:16px;margin-bottom:8px;padding:16px 22px;animation:.25s cubic-bezier(.16,1,.3,1) summaryCardFadeIn;display:flex;box-shadow:0 4px 20px #99182a0f}@keyframes summaryCardFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}:root.dark .desktop-budget-search-summary-card{background:linear-gradient(135deg,#d4263e2e 0%,#311042d9 100%);border-color:#d4263e4d;box-shadow:0 4px 18px #00000040}.desktop-summary-card-left{flex-direction:column;gap:8px;min-width:0;display:flex}.desktop-summary-badge-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.desktop-summary-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--border-radius-full);background:var(--gradient-primary);color:#fff;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 2px 6px #99182a38}.desktop-summary-item-badge{color:var(--color-text-muted);border-radius:var(--border-radius-full);background:#99182a14;align-items:center;padding:3px 9px;font-size:.75rem;font-weight:600;display:inline-flex}.desktop-summary-pct-badge{color:var(--color-primary);border-radius:var(--border-radius-full);background:#fff;border:1px solid #99182a2e;align-items:center;padding:2px 9px;font-size:.75rem;font-weight:600;display:inline-flex}:root.dark .desktop-summary-pct-badge{background:#31104299;border-color:#d4263e4d}.desktop-summary-query-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.desktop-summary-query-title{color:var(--color-text);font-size:.95rem;font-weight:500}.desktop-summary-query-title strong{color:var(--color-primary);font-weight:700}.desktop-summary-clear-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.78rem;text-decoration:underline;transition:all .2s;display:inline-flex}.desktop-summary-clear-btn:hover{color:var(--color-primary);background-color:#99182a14}.desktop-summary-card-right{background:var(--color-surface-solid,#fff);border:1.5px solid var(--color-primary);border-radius:10px;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;padding:8px 18px;transition:transform .2s;display:flex;box-shadow:0 4px 14px #99182a1a}.desktop-summary-card-right:hover{transform:translateY(-1px)}:root.dark .desktop-summary-card-right{background:var(--color-surface-solid);border-color:var(--color-primary);box-shadow:0 4px 16px #d4263e40}.desktop-summary-amount-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.64rem;font-weight:700;line-height:1}.desktop-summary-amount-val{color:var(--color-primary);letter-spacing:-.01em;font-size:1.18rem;font-weight:800;line-height:1.2}.desktop-summary-sub-metrics{align-items:center;gap:8px;margin-top:3px;font-size:.72rem;font-weight:600;line-height:1.2;display:flex}.desktop-summary-sub-metrics .metric-paid{color:var(--color-success,#10b981)}.desktop-summary-sub-metrics .metric-sisa{color:#d97706}.budget-table-empty-td{text-align:center;padding:36px 16px!important}.budget-search-empty-state{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:8px;font-size:.88rem;display:flex}.budget-search-empty-state strong{color:var(--color-text)}.btn-reset-filter-link{color:var(--color-primary);cursor:pointer;border-radius:var(--border-radius-sm);background:0 0;border:none;padding:2px 6px;font-size:.82rem;font-weight:600;text-decoration:underline;transition:opacity .2s}.btn-reset-filter-link:hover{opacity:.8}.mobile-budget-search-summary-card{border-radius:var(--border-radius-md);border:1px solid #99182a33;border-left:4px solid var(--color-primary);background:linear-gradient(135deg,#fff1f3 0%,#fdf7f8 100%);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex;box-shadow:0 2px 10px #99182a12}:root.dark .mobile-budget-search-summary-card{background:linear-gradient(135deg,#d4263e38 0%,#311042d9 100%);border-color:#d4263e4d}.mobile-search-summary-info{flex-direction:column;gap:3px;min-width:0;display:flex}.mobile-search-summary-badge-row{align-items:center;gap:6px;display:flex}.mobile-search-summary-count{color:var(--color-text-muted);background:#99182a14;border-radius:4px;padding:1px 6px;font-size:.72rem;font-weight:600}.mobile-search-summary-term{color:var(--color-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.mobile-search-summary-pct{color:var(--color-primary);font-size:.72rem;font-weight:600}.mobile-search-summary-val{background:var(--color-surface-solid,#fff);border:1px solid #99182a2e;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:flex-end;padding:6px 12px;display:flex;box-shadow:0 2px 6px #99182a0f}.mobile-search-summary-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.62rem;font-weight:700;line-height:1}.mobile-search-summary-amount{color:var(--color-primary);letter-spacing:-.01em;font-size:.98rem;font-weight:800}.mobile-search-summary-sub-metrics{align-items:center;gap:5px;margin-top:3px;font-size:.65rem;font-weight:600;line-height:1.2;display:flex}.mobile-search-summary-sub-metrics .metric-paid{color:var(--color-success,#10b981)}.mobile-search-summary-sub-metrics .metric-sisa{color:#d97706}.cell-clickable{cursor:pointer;border-radius:var(--border-radius-sm);min-height:20px;padding:4px 8px;transition:background-color .2s}.cell-clickable:hover{background-color:var(--color-background)}.cell-clickable.bold{font-weight:600}.cell-clickable.muted{color:var(--color-text-muted);margin-top:2px;font-size:.8rem}.placeholder-text{color:var(--color-text-muted);font-size:.85rem;font-style:italic}.editable-input{border-radius:var(--border-radius-sm);width:100%;color:var(--color-text);background-color:#0000;border:1px solid #0000;padding:4px 6px;font-family:inherit;font-size:.85rem;transition:all .2s}.editable-input.small-input{margin-top:2px;padding:2px 4px;font-size:.75rem}.editable-input:hover{border-color:var(--color-border);background-color:var(--color-background)}.editable-input:focus{border-color:var(--color-primary);background-color:var(--color-surface-solid);outline:none;box-shadow:0 0 0 2px #99182a26}.editable-input.math-input{text-align:right;font-family:var(--font-body);padding:4px 2px;font-size:.85rem;font-weight:700}.kebutuhan-cell{flex-direction:column;gap:1px;width:100%;min-width:0;display:flex}.category-dropdown-select{appearance:none;border-radius:var(--border-radius-sm);color:var(--color-text);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23626D7F' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 4px center;background-repeat:no-repeat;border:1px solid #0000;width:fit-content;max-width:100%;padding:3px 18px 3px 4px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-block;overflow:hidden}.category-dropdown-select:hover{background-color:var(--color-background);border-color:var(--color-border)}.category-dropdown-select:focus{border-color:var(--color-primary);background-color:var(--color-surface-solid);outline:none;box-shadow:0 0 0 2px #99182a26}.category-dropdown-select option{background-color:var(--color-surface-solid);color:var(--color-text);padding:6px;font-weight:500}.amount-text{cursor:pointer;border-radius:var(--border-radius-sm);white-space:nowrap;text-overflow:ellipsis;padding:3px 2px;font-size:.86rem;font-weight:700;transition:background-color .2s;display:block;overflow:hidden}.amount-text:hover{background-color:var(--color-background)}.status-badge{border-radius:var(--border-radius-full);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;padding:3px 8px;font-size:.68rem;font-weight:700;display:inline-block}.date-text{white-space:nowrap;font-size:.82rem}.btn-icon-danger{color:var(--color-text-muted);cursor:pointer;border-radius:var(--border-radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:inline-flex}.btn-icon-danger:hover{color:var(--color-danger);background-color:#ef44441a}.table-action-cell{vertical-align:middle;text-align:center!important;padding:8px 6px!important}.table-action-cell .btn-icon-danger{margin:0 auto}.btn-toggle-payment-card{display:none}.status-badge.lunas{color:var(--color-success);background-color:#10b9811a}.status-badge.cicilan{color:var(--color-warning);background-color:#f59e0b1a}.status-badge.belum-bayar{background-color:var(--color-surface-solid);color:var(--color-primary);border:1px solid #99182a33}.add-row-btn{width:100%;padding:var(--spacing-4);color:var(--color-primary);cursor:pointer;border:none;border-top:1px solid var(--color-border);background-color:#0000;justify-content:center;align-items:center;gap:8px;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.add-row-btn:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-muted{color:var(--color-text-muted)}.btn-icon-danger-small:hover{color:var(--color-danger);background-color:#ef44441a}.table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (width<=1024px),(width<=1366px) and (pointer:coarse),(width<=1366px) and (hover:none),(height<=600px) and (orientation:landscape){.table-container{-webkit-overflow-scrolling:touch!important;width:100%!important;overflow-x:auto!important}.budget-container{padding:6px 12px 24px}.budget-header-wrapper{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:20px}.budget-nav-tabs{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:14px;width:100%;padding:4px;display:flex}.budget-tab-pill{text-align:center;white-space:nowrap;border-radius:10px;flex:1;padding:10px 4px;font-size:.78rem}.budgeting-top-grid,.dana-nikah-cards-grid,.matrix-primary,.matrix-secondary{gap:14px;margin-bottom:20px;grid-template-columns:1fr!important}.target-budget-card,.dana-nikah-main-card,.estimasi-biaya-card,.matrix-card{border-radius:16px;padding:18px 20px}.target-card-amount,.dana-card-amount,.matrix-card .amount,.estimasi-card-amount{font-size:1.85rem!important}.table-toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.budgeting-toolbar{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:12px 14px!important}.budgeting-plan-bar{-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;padding-bottom:4px!important;overflow-x:auto!important}.budgeting-plan-bar::-webkit-scrollbar{display:none!important}.budgeting-right-actions{justify-content:space-between!important;width:100%!important;margin-left:0!important}.dana-nikah-side-stats{grid-template-columns:1fr 1fr!important;gap:10px!important;display:grid!important}.dana-side-card{padding:14px 10px!important}.side-card-label{font-size:.68rem!important}.side-card-value{font-size:1.1rem!important}.comparison-grid{grid-template-columns:1fr!important;gap:10px!important}.filter-pills{-webkit-overflow-scrolling:touch;gap:6px;width:100%;padding-bottom:4px;overflow-x:auto}.filter-pills::-webkit-scrollbar{display:none}.search-bar{width:100%}.modal-card{border-radius:20px!important;width:94%!important;max-width:100%!important;padding:20px!important}.modal-overlay{padding-bottom:20px;align-items:flex-end!important}}.bm-donut-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-lg,16px);box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:18px 16px;transition:all .3s;display:flex}.bm-donut-left{flex-shrink:0;justify-content:center;align-items:center;display:flex}.donut-percentage{fill:var(--color-text);font-size:13px;font-weight:800;font-family:var(--font-body)}.donut-label{fill:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:8px;font-weight:600}.bm-donut-right{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.bm-donut-realisasi{color:var(--color-text);font-size:1.6rem;font-weight:800;line-height:1.1;font-family:var(--font-body);margin:0}.bm-donut-subline{color:var(--color-text-muted);margin:0;font-size:.8rem;line-height:1.3}.bm-donut-bullets{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.bm-bullet{color:var(--color-text-muted);align-items:center;gap:5px;font-size:.76rem;font-weight:600;display:inline-flex}.bm-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.est-dot{background-color:var(--color-primary)}.sisa-dot{background-color:#3b82f6}.bm-quick-stats{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-md,12px);box-shadow:var(--shadow-sm);grid-template-columns:repeat(3,1fr);gap:6px;padding:12px 8px;display:grid}.bm-stat-col{text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex}.bm-stat-col-interactive{cursor:pointer;border-radius:8px;padding:2px 4px;transition:all .2s}.bm-stat-col-interactive:hover,.bm-stat-col-interactive:active{background:#99182a0d;transform:translateY(-1px)}.bm-stat-lbl{color:var(--color-text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;font-size:.68rem;font-weight:600;display:flex}.bm-stat-edit-pill{color:var(--color-primary);background:#99182a14;border:1px solid #99182a40;border-radius:999px;align-items:center;gap:3px;padding:1px 6px;font-size:.62rem;font-weight:700;line-height:1.2;transition:all .15s;display:inline-flex}.bm-stat-col-interactive:hover .bm-stat-edit-pill,.bm-stat-col-interactive:active .bm-stat-edit-pill{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 6px #99182a40}.bm-donut-edit-chip{color:var(--color-primary);cursor:pointer;vertical-align:middle;background:#99182a14;border:1px solid #99182a38;border-radius:6px;align-items:center;gap:3px;margin-left:6px;padding:2px 6px;font-size:.68rem;font-weight:700;line-height:1.2;transition:all .15s;display:inline-flex}.bm-donut-edit-chip:hover,.bm-donut-edit-chip:active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 6px #99182a40}.bm-stat-val{color:var(--color-text);font-size:.92rem;font-weight:800;line-height:1.2;font-family:var(--font-body)}.bm-stat-val.negative{color:var(--color-danger)}.bm-categories-list{flex-direction:column;gap:10px;display:flex}.bm-category-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-md,12px);box-shadow:var(--shadow-sm);transition:all .2s;overflow:hidden}.bm-category-card.expanded{border-color:#99182a40;box-shadow:0 4px 14px #0000000a}.bm-cat-header{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;min-height:56px;padding:14px;transition:background-color .15s;display:flex}.bm-cat-header:active{background-color:var(--color-background);transition:transform .1s;transform:scale(.99)}.bm-cat-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.bm-cat-icon{background:#99182a14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;line-height:1;display:flex}.bm-cat-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bm-cat-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.92rem;font-weight:700;overflow:hidden}.bm-cat-meta{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.72rem;overflow:hidden}.bm-cat-right{flex-shrink:0;align-items:center;gap:4px;margin-left:6px;display:flex}.bm-cat-btn-add,.bm-cat-btn-del{color:var(--color-text-muted);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:8px;transition:all .2s;display:inline-flex}.bm-cat-btn-add:hover{color:var(--color-primary);background:var(--color-primary-light)}.bm-cat-btn-del:hover{color:var(--color-danger);background:#ef44441a}.bm-cat-chevron{color:var(--color-text-muted);align-items:center;margin-left:2px;display:inline-flex}.bm-cat-content{border-top:1px solid var(--color-border);background:var(--color-surface);padding:10px 12px 14px}.bm-cat-empty{text-align:center;color:var(--color-text-muted);padding:16px 8px;font-size:.82rem}.bm-cat-empty p{margin:0 0 10px}.bm-cat-add-btn{border-radius:var(--border-radius-sm,8px);width:100%;color:var(--color-primary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#99182a0f;border:1.5px dashed #99182a59;justify-content:center;align-items:center;gap:6px;min-height:44px;margin-top:10px;padding:12px;font-size:.84rem;font-weight:700;transition:all .2s;display:inline-flex}.bm-btn-add-item-empty{border:1px dashed var(--color-primary);border-radius:var(--border-radius-sm,8px);width:100%;color:var(--color-primary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#99182a14;justify-content:center;align-items:center;gap:6px;min-height:44px;margin-top:10px;padding:12px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.bm-btn-add-item-empty:hover,.bm-cat-add-btn:hover{background:var(--color-primary);color:#fff}.bm-cat-items{flex-direction:column;gap:8px;display:flex}.bm-item-row{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;transition:border-color .2s;display:flex;box-shadow:0 1px 3px #00000008}.bm-item-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.bm-item-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bm-cat-badge{color:var(--color-primary);background:#99182a14;border-radius:12px;align-items:center;gap:4px;width:fit-content;margin-bottom:2px;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-flex}.bm-item-name{color:var(--color-text);word-break:break-word;font-size:.88rem;font-weight:700}.bm-item-vendor{color:var(--color-text-muted);font-size:.74rem}.bm-item-numbers{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 10px;display:grid}.bm-num-item{flex-direction:column;gap:1px;display:flex}.bm-num-lbl{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.62rem;font-weight:700}.bm-num-val{color:var(--color-text);font-size:.8rem;font-weight:600;font-family:var(--font-body)}.bm-num-val.highlight{color:var(--color-primary);font-weight:700}.bm-item-footer{border-top:1px dashed var(--color-border);justify-content:flex-end;gap:14px;padding-top:4px;display:flex}.bm-item-act-btn{color:var(--color-text-muted);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;min-height:36px;padding:6px 10px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.bm-item-act-btn:hover{color:var(--color-primary);background:var(--color-primary-light)}.bm-item-act-btn:active{opacity:.7;transition:transform .1s;transform:scale(.95)}.bm-item-act-btn.danger:hover{color:var(--color-danger);background:#ef44441a}.bm-btn-manage-cat{border-radius:var(--border-radius-md,12px);border:1px dashed var(--color-border-active);background:var(--color-surface-solid);width:100%;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.bm-btn-manage-cat:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.budget-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.budget-header-title-row{align-items:center;display:flex}.budget-mobile-tutorial{display:none!important}.budget-desktop-tutorial{align-items:center;display:flex}.budget-nav-tabs-wrapper{align-items:center;gap:12px;display:flex}.budget-nav-tabs{background:var(--color-surface-solid);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:9999px;gap:4px;padding:4px;display:flex}.budget-tab-pill{color:var(--color-text-muted);letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9999px;padding:8px 20px;font-size:.82rem;font-weight:700;transition:background-color .2s,color .2s,box-shadow .2s}.budget-tab-pill:hover{color:var(--color-primary)}.budget-tab-pill.active{background:var(--color-primary,#99182a);color:#fff;box-shadow:0 4px 14px #99182a4d}.budgeting-section-content,.dana-nikah-section-content,.pembayaran-section-content{will-change:opacity, transform;animation:.22s cubic-bezier(.16,1,.3,1) budgetTabFadeIn}@keyframes budgetTabFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.budgeting-top-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;width:100%;margin-bottom:16px;display:grid}.budgeting-top-grid>*{min-width:0}@media (width<=868px){.budgeting-top-grid{grid-template-columns:1fr}}.target-budget-card{background:var(--color-primary,#99182a);color:#fff;border-radius:var(--border-radius-lg,16px);cursor:pointer;flex-direction:column;justify-content:space-between;gap:20px;padding:24px 28px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px -8px #99182a59}.target-budget-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -8px #99182a7a}.target-card-top{justify-content:space-between;align-items:center;display:flex}.target-card-label{letter-spacing:.08em;color:#ffffffe6;font-size:.82rem;font-weight:800}.target-card-amount{color:#fff;font-size:2.5rem;font-weight:800;line-height:1;font-family:var(--font-body);margin:0}.target-progress-container{flex-direction:column;gap:8px;display:flex}.target-progress-bg{background:#ffffff40;border-radius:9999px;width:100%;height:8px;overflow:hidden}.target-progress-fill{background:#fff;border-radius:9999px;height:100%;transition:width .6s}.target-progress-labels{letter-spacing:.04em;color:#fffffff2;justify-content:space-between;font-size:.75rem;font-weight:700;display:flex}.estimasi-biaya-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-lg,16px);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;gap:12px;padding:24px 28px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s;display:flex;position:relative;overflow:hidden}.estimasi-biaya-card:hover{box-shadow:var(--shadow-md);border-color:#99182a40;transform:translateY(-4px)}.estimasi-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.estimasi-card-label{letter-spacing:.08em;color:var(--color-text);text-transform:uppercase;font-size:.82rem;font-weight:800}.estimasi-badge{letter-spacing:.04em;border-radius:9999px;padding:3px 10px;font-size:.7rem;font-weight:800}.estimasi-badge.safe{color:#10b981;background:#10b9811a;border:1px solid #10b98140}.estimasi-badge.over{color:#99182a;background:#99182a1a;border:1px solid #99182a40}.estimasi-card-amount{color:var(--color-primary,#99182a);font-size:2.5rem;font-weight:800;line-height:1;font-family:var(--font-body);margin:0}.budgeting-toolbar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.budgeting-plan-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.budgeting-right-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-left:auto;display:flex}.budgeting-action-icons{align-items:center;gap:8px;display:flex}.plan-pill-container{align-items:center;display:inline-flex;position:relative}.btn-delete-plan-pill{color:#9ca3af;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-left:2px;transition:all .2s;display:inline-flex}.btn-delete-plan-pill:hover{color:#99182a;background:#99182a26}.plan-tab-item{cursor:pointer;background:var(--color-surface-solid,#fff);color:#6b7280;border:1px solid #d1d5db;border-radius:9999px;align-items:center;gap:6px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.plan-tab-item:hover{color:var(--color-primary,#99182a);border-color:#99182a4d}.plan-tab-item.active{color:#99182a;background:#fdf0f2;border:1px solid #0000;font-weight:800;box-shadow:0 2px 6px #99182a14}.btn-tambah-plan{color:#6b7280;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:8px 12px;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-action-icon-pill{border:1px solid var(--color-border);background:var(--color-surface-solid,#fff);color:#6b7280;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #0000000a}.btn-action-icon-pill:hover{color:var(--color-primary,#99182a);background:#fdf0f2;border-color:#99182a4d;transform:translateY(-1px)}.btn-action-icon-pill.active{background:var(--color-primary,#99182a);color:#fff;border-color:#0000;box-shadow:0 4px 10px #99182a40}.btn-action-icon-pill.danger:hover{color:#99182a;background:#99182a14;border-color:#99182a4d}@media print{body{color:#000!important;background:#fff!important}.sidebar,.top-navbar,.budget-nav-tabs,.btn-atur-target,.btn-tambah-plan,.btn-action-plan,.search-bar,.add-row-btn,.btn-icon-danger,.table-action-cell{display:none!important}.budget-container{max-width:100%!important;margin:0!important;padding:0!important}.budgeting-top-grid{grid-template-columns:1fr 1fr!important;margin-bottom:20px!important}.target-budget-card{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#fff!important;background:#99182a!important}.budget-table{min-width:100%!important}.budget-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-color:#fdf0f2!important}}.btn-tambah-plan:hover{color:var(--color-primary,#99182a)}.active-plan-header-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-lg,16px);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:24px;display:flex}.active-plan-info{flex-direction:column;gap:4px;display:flex}.active-plan-title-row{align-items:center;gap:10px;display:flex}.active-plan-title-row h2{letter-spacing:.04em;color:var(--color-text);margin:0;font-size:1.1rem;font-weight:800}.active-plan-actions{gap:2px;display:flex}.active-plan-amount{color:var(--color-primary);font-size:2.2rem;font-weight:800;font-family:var(--font-body);margin:4px 0 0;line-height:1}.active-plan-amount.clickable{cursor:pointer;border-radius:8px;align-items:center;gap:8px;width:fit-content;margin-left:-4px;padding:4px 8px;transition:all .2s;display:inline-flex}.active-plan-amount.clickable:hover{background:var(--color-primary-light);transform:scale(1.02)}.amount-edit-icon{opacity:.5;color:var(--color-primary);transition:opacity .2s}.active-plan-amount.clickable:hover .amount-edit-icon{opacity:1}.active-plan-subline{color:var(--color-text-muted);font-size:.8rem}.btn-set-as-target{background:var(--color-primary,#99182a);color:#fff;letter-spacing:.03em;cursor:pointer;border:none;border-radius:9999px;padding:10px 22px;font-size:.82rem;font-weight:800;transition:all .2s;box-shadow:0 4px 14px #99182a40}.btn-set-as-target:hover{transform:translateY(-2px);box-shadow:0 6px 18px #99182a59}.dana-nikah-cards-grid{grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:28px;display:grid}@media (width<=868px){.dana-nikah-cards-grid{grid-template-columns:1fr}}.dana-nikah-main-card{background:var(--color-primary,#99182a);color:#fff;border-radius:var(--border-radius-lg,16px);cursor:pointer;flex-direction:column;justify-content:space-between;gap:20px;padding:24px 28px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px -8px #99182a59}.dana-nikah-main-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -8px #99182a7a}.dana-card-top{justify-content:space-between;align-items:center;display:flex}.dana-card-label{letter-spacing:.08em;color:#ffffffe6;font-size:.82rem;font-weight:800}.btn-atur-target{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:9999px;align-items:center;padding:4px 12px;font-size:.72rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-atur-target:hover{background:#ffffff47}.dana-card-amount{color:#fff;font-size:2.5rem;font-weight:800;line-height:1;font-family:var(--font-body);margin:0}.dana-progress-container{flex-direction:column;gap:8px;display:flex}.dana-progress-bg{background:#ffffff40;border-radius:9999px;width:100%;height:8px;overflow:hidden}.dana-progress-fill{background:#fff;border-radius:9999px;height:100%;transition:width .6s}.dana-progress-labels{letter-spacing:.04em;color:#fffffff2;justify-content:space-between;font-size:.75rem;font-weight:700;display:flex}.dana-nikah-side-stats{flex-direction:column;gap:16px;display:flex}.dana-side-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-lg,16px);box-shadow:var(--shadow-sm);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:20px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s;display:flex;position:relative;overflow:hidden}.dana-side-card:hover{box-shadow:var(--shadow-md);border-color:#99182a40;transform:translateY(-4px)}.side-card-label{letter-spacing:.06em;color:var(--color-text);text-transform:uppercase;font-size:.76rem;font-weight:800}.side-card-value{font-size:1.6rem;font-weight:800;font-family:var(--font-body);margin:0}.side-card-deadline-hint{color:var(--color-text-muted);margin-top:-2px;font-size:.72rem;font-weight:500}.dana-deadline-row{align-items:center;margin-top:-4px;display:flex}.dana-deadline-tag{color:#fff;letter-spacing:.02em;background:#ffffff29;border:1px solid #ffffff47;border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;font-size:.73rem;font-weight:600;display:inline-flex}.deadline-presets-container{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.deadline-preset-btn{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:8px;padding:5px 10px;font-size:.74rem;font-weight:600;transition:all .2s}.deadline-preset-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#99182a14}.deadline-preset-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.riwayat-tabungan-section{flex-direction:column;gap:16px;display:flex}.riwayat-header{justify-content:space-between;align-items:center;display:flex}.riwayat-header h2{letter-spacing:.06em;color:var(--color-text);margin:0;font-size:.95rem;font-weight:800}.btn-tambah-tabungan{background:var(--color-primary,#99182a);color:#fff;letter-spacing:.04em;cursor:pointer;border:none;border-radius:9999px;padding:8px 20px;font-size:.8rem;font-weight:800;transition:all .2s;box-shadow:0 4px 12px #99182a40}.btn-tambah-tabungan:hover{transform:translateY(-2px);box-shadow:0 6px 16px #99182a59}.riwayat-list{flex-direction:column;gap:12px;display:flex}.riwayat-item-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-lg,14px);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.riwayat-item-card:hover{border-color:#99182a33;transform:translateY(-2px)}.riwayat-item-left{flex-direction:column;gap:4px;display:flex}.riwayat-item-title{color:var(--color-text);letter-spacing:.02em;margin:0;font-size:.92rem;font-weight:800}.riwayat-item-date{color:var(--color-text-muted);font-size:.78rem}.riwayat-item-right{align-items:center;gap:16px;display:flex}.riwayat-item-amount{color:#10b981;font-size:1.15rem;font-weight:800;font-family:var(--font-body)}.riwayat-actions{gap:4px;display:flex}.btn-icon-action{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.btn-icon-action:hover{color:var(--color-primary);background:var(--color-primary-light)}.btn-icon-action.danger:hover{color:var(--color-danger);background:#ef44441a}.riwayat-empty{background:var(--color-surface-solid);border:1px dashed var(--color-border);border-radius:var(--border-radius-lg,14px);text-align:center;color:var(--color-text-muted);padding:32px;font-size:.88rem}.budget-mobile-payment-cards,.budget-mobile-budgeting-cards,.dana-nikah-mobile-item{display:none}@media (width<=1024px),(width<=1366px) and (pointer:coarse),(width<=1366px) and (hover:none),(height<=600px) and (orientation:landscape){.budget-desktop-table{display:none!important}.budget-mobile-payment-cards,.budget-mobile-budgeting-cards{display:block!important}.dana-nikah-desktop-item{display:none!important}.dana-nikah-mobile-item{display:block!important}}.payment-bottom-actions{border-top:1px solid var(--color-border);background:var(--color-surface);justify-content:center;align-items:center;gap:12px;padding:12px 16px;display:flex}.payment-bottom-actions .add-row-btn{border-radius:var(--border-radius-full,9999px);background:var(--color-primary-light,#99182a14);width:auto;color:var(--color-primary);cursor:pointer;border:1px solid #99182a38;justify-content:center;align-items:center;gap:8px;padding:9px 24px;font-size:.88rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.payment-bottom-actions .add-row-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 14px #99182a38}.import-plan-btn{box-sizing:border-box;background-color:var(--color-card,#fff);height:32px;color:var(--color-text,#374151);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--border-radius-full,9999px);cursor:pointer;white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:.8rem;font-weight:600;line-height:1;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 2px #00000008}.import-plan-btn svg{color:var(--color-primary,#99182a);flex-shrink:0;transition:transform .2s}.import-plan-btn span{line-height:1;display:inline-block}.import-plan-btn:hover{background-color:var(--color-primary-light,#fdf2f4);border-color:var(--color-primary,#99182a);color:var(--color-primary,#99182a);transform:translateY(-1px);box-shadow:0 3px 8px #99182a1f}.import-plan-btn:hover svg{transform:scale(1.1)}.import-plan-btn:active{transform:translateY(0)}.mobile-payment-actions-grid{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-bottom:12px;display:grid}.mobile-payment-actions-grid .mobile-payment-add-btn{background:var(--color-primary,#99182a);border:1px solid var(--color-primary,#99182a);color:#fff;cursor:pointer;white-space:nowrap;box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;height:38px;min-height:38px;max-height:38px;margin:0;padding:0 8px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #99182a2e}.mobile-payment-actions-grid .mobile-payment-add-btn:active{background:var(--color-primary-hover,#7f1322);transform:scale(.98)}.mobile-payment-import-btn{background:var(--color-primary-light,#fdf2f4);width:100%;height:38px;min-height:38px;max-height:38px;color:var(--color-primary,#99182a);border:1px solid var(--color-secondary,#f7ccd6);cursor:pointer;white-space:nowrap;box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin:0;padding:0 8px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-clean-empty{box-sizing:border-box;background-color:var(--color-card,#fff);color:#dc2626;border-radius:var(--border-radius-full,9999px);cursor:pointer;white-space:nowrap;border:1px solid #dc262640;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 11px;font-size:.8rem;font-weight:600;line-height:1;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 2px #00000008}.btn-clean-empty svg{color:#dc2626;flex-shrink:0;transition:transform .2s}.btn-clean-empty:hover{color:#b91c1c;background-color:#fef2f2;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 3px 8px #dc26261f}.btn-clean-empty:hover svg{transform:scale(1.1)}.btn-clean-empty:active{transform:translateY(0)}.mobile-payment-clean-btn{color:#dc2626;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#fef2f2;border:1px dashed #dc262659;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;height:36px;margin:0;padding:0 10px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.mobile-payment-clean-btn:active{transform:scale(.98)}.empty-payment-plan-callout{text-align:center;background:var(--color-surface,#fff);border:1px dashed var(--color-border);border-radius:var(--border-radius-lg,16px);flex-direction:column;align-items:center;gap:10px;margin:16px 0;padding:40px 20px;display:flex}.empty-payment-plan-callout .empty-callout-icon{margin-bottom:4px;font-size:2.2rem}.empty-payment-plan-callout h4{color:var(--color-text);margin:0;font-size:1.15rem;font-weight:700}.empty-payment-plan-callout p{color:var(--color-text-muted);max-width:440px;margin:0;font-size:.9rem;line-height:1.5}.empty-callout-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px;display:flex}.import-success-banner{color:#065f46;border-radius:var(--border-radius,10px);background:#ecfdf5;border:1px solid #a7f3d0;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:.9rem;font-weight:600;animation:.3s fadeIn;display:flex;box-shadow:0 2px 8px #10b9811a}.import-banner-close{cursor:pointer;color:#065f46;opacity:.7;background:0 0;border:none;margin-left:auto}.import-banner-close:hover{opacity:1}.import-modal-header{border-bottom:1px solid var(--color-border);align-items:center;gap:14px;padding-bottom:12px;display:flex}.import-modal-icon-badge{background:var(--color-primary-light,#fdf2f4);width:44px;height:44px;color:var(--color-primary,#99182a);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.import-plan-preview-card{background:var(--color-background,#faf7f8);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.preview-card-header{justify-content:space-between;align-items:center;display:flex}.preview-label{color:var(--color-text-muted);font-size:.82rem;font-weight:600}.preview-badge{color:var(--color-primary);background:var(--color-primary-light);border-radius:6px;padding:2px 8px;font-size:.78rem;font-weight:700}.preview-card-total{justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.preview-items-chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.preview-item-chip{background:var(--color-surface,#fff);border:1px solid var(--color-border);color:var(--color-text);border-radius:6px;padding:3px 8px;font-size:.76rem}.preview-item-chip.more{background:var(--color-secondary,#f7ccd6);color:var(--color-primary,#99182a);font-weight:600}.preview-empty-note{color:var(--color-text-muted);margin:4px 0 0;font-size:.85rem;font-style:italic}.import-options-box{background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.import-radio-label{color:var(--color-text);cursor:pointer;align-items:flex-start;gap:10px;font-size:.85rem;line-height:1.4;display:flex}.import-radio-label input{accent-color:var(--color-primary);margin-top:3px}.import-checkbox-label{color:var(--color-text);cursor:pointer;align-items:center;gap:9px;font-size:.86rem;display:flex}.import-checkbox-label input{accent-color:var(--color-primary)}.budget-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=480px){.budget-form-row{flex-direction:column;gap:12px;display:flex}.budget-modal-actions{background:var(--color-surface-solid);border-top:1px solid var(--color-border);z-index:5;justify-content:flex-end;gap:10px;margin-top:12px;padding-top:14px;padding-bottom:2px;display:flex;position:sticky;bottom:0}}.seserahan-container{max-width:1280px;margin:0 auto;padding:10px 0}.seserahan-toast{color:#f8fafc;z-index:1000;background:#1e1b24;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:8px;padding:10px 18px;font-size:.84rem;font-weight:500;animation:.25s cubic-bezier(.16,1,.3,1) slideInToast;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px -5px #0000004d}.seserahan-page-header{margin-bottom:24px}.seserahan-page-header h1{color:var(--color-primary,#99182a);margin:0 0 6px;font-size:1.8rem;font-weight:800}.seserahan-page-header .subtitle{color:var(--color-text-muted,#6b7280);margin:0;font-size:.88rem}.seserahan-top-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:stretch;gap:20px;margin-bottom:24px;display:grid}@media (width<=960px){.seserahan-top-grid{grid-template-columns:1fr;gap:16px}}.seserahan-progress-card{background:var(--color-surface-solid,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--border-radius-lg,16px);box-shadow:var(--shadow-sm,0 1px 3px #0000000a);flex-direction:column;justify-content:space-between;gap:12px;padding:22px 24px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.seserahan-progress-card:hover{box-shadow:var(--shadow-md);border-color:#99182a40;transform:translateY(-4px)}.seserahan-progress-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.seserahan-progress-header h3{color:var(--color-text,#1f2937);margin:0;font-size:1.05rem;font-weight:800}.seserahan-progress-sub{color:var(--color-text-muted,#6b7280);margin-top:2px;font-size:.8rem;font-weight:500;display:block}.seserahan-progress-meta{color:var(--color-text-muted,#6b7280);white-space:nowrap;background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;padding:4px 10px;font-size:.82rem;font-weight:600}.seserahan-progress-percent{color:var(--color-primary,#99182a);letter-spacing:-.02em;margin:0;font-size:2.2rem;font-weight:800;line-height:1}.seserahan-progress-track{background-color:#e5e7eb;border-radius:999px;width:100%;height:10px;overflow:hidden}.seserahan-progress-fill{background-color:var(--color-primary,#99182a);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.seserahan-progress-footer-info{align-items:center;gap:8px;display:flex}.seserahan-meta-tag{color:#6b7280;background:#f3f4f6;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.78rem;font-weight:500;display:inline-flex}.seserahan-finance-card{background:var(--color-surface-solid,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--border-radius-lg,16px);box-shadow:var(--shadow-sm,0 1px 3px #0000000a);flex-direction:column;justify-content:space-between;gap:14px;padding:22px 24px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.seserahan-finance-card:hover{box-shadow:var(--shadow-md);border-color:#99182a40;transform:translateY(-4px)}.seserahan-finance-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.seserahan-finance-title-wrap{align-items:center;gap:10px;display:flex}.seserahan-finance-icon-box{width:36px;height:36px;color:var(--color-primary,#99182a);background:#99182a14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.seserahan-finance-header h3{color:var(--color-text,#1f2937);margin:0;font-size:1.05rem;font-weight:800}.seserahan-finance-sub{color:var(--color-text-muted,#6b7280);margin-top:2px;font-size:.8rem;font-weight:500;display:block}.seserahan-finance-badge{color:#99182a;white-space:nowrap;background:#fef2f2;border:1px solid #fecdd3;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700}.seserahan-finance-main{flex-direction:column;gap:4px;display:flex}.seserahan-finance-amount{color:#111827;letter-spacing:-.02em;margin:0;font-size:2.2rem;font-weight:800;line-height:1}.seserahan-finance-count-info{color:var(--color-text-muted,#6b7280);font-size:.8rem}.seserahan-finance-count-info strong{color:var(--color-text,#1f2937)}.seserahan-count-hint{color:#9ca3af;font-size:.78rem;font-style:italic}.seserahan-finance-breakdown{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;align-items:center;padding:10px 14px;display:flex}.seserahan-breakdown-col{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;flex-direction:column;flex:1;gap:2px;padding:4px 8px;transition:all .2s;display:flex}.seserahan-breakdown-col:hover{background:#0000000a}.seserahan-breakdown-col.is-active-filter{background:#fff;box-shadow:0 1px 3px #00000014}.seserahan-breakdown-col .breakdown-label{color:#6b7280;text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:600}.seserahan-breakdown-col .breakdown-val{color:#1f2937;font-size:.95rem;font-weight:700}.seserahan-breakdown-col.is-bought .breakdown-val{color:#059669}.seserahan-breakdown-col.is-remaining .breakdown-val{color:var(--color-primary,#99182a)}.seserahan-breakdown-divider{background:#e5e7eb;width:1px;height:26px;margin:0 12px}.seserahan-finance-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:2px;display:flex}.btn-sync-to-budget{background:var(--color-primary,#99182a);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.84rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #99182a33}.btn-sync-to-budget:hover:not(:disabled){background:#801322;transform:translateY(-1px);box-shadow:0 4px 12px #99182a40}.btn-sync-to-budget:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.seserahan-synced-pill{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.76rem;display:inline-flex}.seserahan-synced-pill .synced-dot{background:#3b82f6;border-radius:50%;width:6px;height:6px}.seserahan-toast-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#fff3;border:1px solid #ffffff59;border-radius:6px;margin-left:8px;padding:4px 10px;font-size:.78rem;font-weight:600;transition:all .15s}.seserahan-toast-btn:hover{background:#ffffff59}.seserahan-sync-modal-header{align-items:center;gap:12px;margin-bottom:18px;display:flex}.seserahan-modal-icon-badge{width:44px;height:44px;color:var(--color-primary,#99182a);background:#99182a1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.seserahan-sync-modal-header h3{color:#111827;margin:0 0 2px;font-size:1.15rem;font-weight:800}.seserahan-sync-modal-header p{color:#6b7280;margin:0;font-size:.82rem}.seserahan-sync-summary-box{text-align:center;background:linear-gradient(135deg,#fff1f2 0%,#ffe4e6 100%);border:1px solid #fecdd3;border-radius:14px;flex-direction:column;gap:4px;margin-bottom:18px;padding:16px;display:flex}.sync-summary-label{text-transform:uppercase;letter-spacing:.04em;color:#9f1239;font-size:.74rem;font-weight:700}.sync-summary-nominal{color:#881337;font-size:1.85rem;font-weight:800;line-height:1.1}.sync-summary-meta{color:#9f1239;opacity:.9;font-size:.78rem}.seserahan-sync-detected-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:14px}.detected-badge{color:#059669;align-items:center;gap:6px;margin-bottom:6px;font-size:.8rem;font-weight:700;display:flex}.detected-desc{color:#475569;margin:0 0 12px;font-size:.84rem;line-height:1.4}.sync-option-group{flex-direction:column;gap:8px;display:flex}.sync-option-label{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:.84rem;transition:all .2s;display:flex}.sync-option-label input[type=radio]{accent-color:var(--color-primary,#99182a);margin-top:3px}.sync-option-label.selected{border-color:var(--color-primary,#99182a);background:#fff1f2}.sync-option-label strong{color:#1f2937;font-size:.84rem;display:block}.opt-sub{color:#6b7280;margin-top:2px;font-size:.76rem;display:block}.seserahan-sync-info-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin-bottom:16px;padding:14px}.seserahan-sync-info-box .info-title{color:#166534;align-items:center;gap:6px;margin-bottom:4px;font-size:.82rem;font-weight:700;display:flex}.seserahan-sync-info-box .info-text{color:#15803d;margin:0 0 10px;font-size:.82rem}.new-item-preview{background:#fff;border:1px solid #dcfce7;border-radius:8px;flex-direction:column;gap:4px;padding:8px 12px;display:flex}.preview-row{color:#4b5563;justify-content:space-between;font-size:.8rem;display:flex}.preview-row strong{color:#111827}.seserahan-main-grid{grid-template-columns:minmax(0,1.85fr) minmax(0,1.15fr);align-items:start;gap:24px;width:100%;display:grid}@media (width<=868px){.seserahan-main-grid{grid-template-columns:1fr;gap:20px}}.seserahan-list-card{background:var(--color-surface-solid,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--border-radius-lg,16px);box-shadow:var(--shadow-sm,0 1px 3px #0000000a);width:100%;min-width:0;padding:24px}.seserahan-list-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.seserahan-list-header h2{color:var(--color-text,#1f2937);letter-spacing:-.01em;margin:0 0 2px;font-size:1.05rem;font-weight:800}.seserahan-count-caption{color:var(--color-text-muted,#6b7280);font-size:.76rem;font-weight:500}.btn-tambah-seserahan{background:var(--color-primary,#99182a);color:#fff;letter-spacing:.02em;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:6px 14px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #99182a33}.btn-tambah-seserahan:hover{background:#801222;transform:translateY(-1px)}.seserahan-controls-container{flex-direction:column;gap:10px;margin-top:14px;margin-bottom:16px;display:flex}.seserahan-filter-bar{scrollbar-width:none;align-items:center;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.seserahan-filter-bar::-webkit-scrollbar{display:none}.seserahan-filter-pill{color:#64748b;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;min-height:32px;padding:5px 12px;font-size:.73rem;font-weight:600;transition:all .15s;display:inline-flex}.seserahan-filter-pill:hover{color:#1e1b24;border-color:#cbd5e1}.seserahan-filter-pill.active{background:var(--color-primary,#99182a);color:#fff;border-color:var(--color-primary,#99182a);box-shadow:0 2px 6px #99182a33}.seserahan-search-sort-bar{align-items:center;gap:10px;display:flex}.seserahan-search-box{flex:1;align-items:center;min-width:0;display:flex;position:relative}.seserahan-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.seserahan-search-input{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;height:38px;padding:0 34px;font-size:.84rem;transition:all .2s cubic-bezier(.16,1,.3,1)}.seserahan-search-input:focus{border-color:var(--color-primary,#99182a);background:#fff;box-shadow:0 0 0 3px #99182a14}.seserahan-search-input::placeholder{color:#94a3b8;font-size:.82rem}.seserahan-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex;position:absolute;right:8px}.seserahan-search-clear:hover{color:#1e293b;background:#e2e8f0}.seserahan-sort-box{flex-shrink:0;align-items:center;display:flex;position:relative}.seserahan-sort-icon{color:#64748b;pointer-events:none;z-index:1;position:absolute;left:11px}.seserahan-sort-select{color:#334155;cursor:pointer;appearance:none;background-color:#f8fafc;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border:1px solid #e2e8f0;border-radius:10px;outline:none;height:38px;padding:0 30px 0 32px;font-size:.82rem;font-weight:600;transition:all .2s}.seserahan-sort-select:hover,.seserahan-sort-select:focus{color:#0f172a;background-color:#fff;border-color:#cbd5e1}.btn-reset-filter{color:var(--color-primary,#99182a);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:10px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .2s}.btn-reset-filter:hover{background:#fff1f2;border-color:#fecdd3}@media (width<=640px){.seserahan-search-sort-bar{flex-direction:column;align-items:stretch;gap:8px}.seserahan-sort-select{width:100%}.seserahan-search-input{font-size:.9rem}}.seserahan-items-wrapper{flex-direction:column;gap:12px;display:flex}.seserahan-item-block{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s;overflow:hidden;box-shadow:0 1px 2px #00000005}.seserahan-item-block:hover{border-color:#cbd5e1;box-shadow:0 3px 8px #0000000a}.seserahan-item-block.is-bought{opacity:.88;background:#f8fafc}.seserahan-main-row{justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.seserahan-row-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.seserahan-checkbox{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fff;border:1.5px solid #cbd5e1;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:all .15s;display:flex}.seserahan-checkbox:hover{border-color:var(--color-primary,#99182a)}.seserahan-checkbox.checked{background:var(--color-primary,#99182a);border-color:var(--color-primary,#99182a);color:#fff}.seserahan-item-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.seserahan-item-headline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.seserahan-item-title{color:#1e1b24;font-size:.94rem;font-weight:700;line-height:1.3}.seserahan-item-title.bought{color:#94a3b8;text-decoration:line-through}.seserahan-item-badge{color:var(--color-primary,#99182a);background:#99182a14;border-radius:4px;padding:1px 6px;font-size:.68rem;font-weight:600}.seserahan-item-subline{flex-wrap:wrap;align-items:center;gap:8px;margin-top:3px;display:flex}.seserahan-selected-chip{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;align-items:center;gap:6px;max-width:100%;padding:2px 8px;display:inline-flex}.seserahan-selected-chip .selected-icon{color:#059669;flex-shrink:0}.seserahan-selected-chip .selected-label{text-transform:uppercase;color:#047857;letter-spacing:.03em;flex-shrink:0;font-size:.65rem;font-weight:700}.seserahan-selected-chip .selected-name{color:#064e3b;white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:.76rem;font-weight:600;overflow:hidden}.btn-remove-selected-chip{color:#059669;opacity:.7;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;padding:1px;transition:all .15s;display:flex}.btn-remove-selected-chip:hover{color:#047857;opacity:1;background:#05966926}.seserahan-sub-brand{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:1px 6px;font-size:.74rem;font-weight:600}.seserahan-sub-price{color:var(--color-primary,#99182a);font-size:.85rem;font-weight:700}.seserahan-sub-link{color:#fff;background:var(--color-primary,#99182a);border:1px solid var(--color-primary,#99182a);white-space:nowrap;border-radius:5px;align-items:center;gap:4px;padding:3px 9px;font-size:.7rem;font-weight:600;line-height:1.2;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 4px #99182a33}.seserahan-sub-link:hover{background:var(--color-primary-dark,#801222);color:#fff;border-color:var(--color-primary-dark,#801222);transform:translateY(-1px);box-shadow:0 2px 6px #99182a4d}.seserahan-row-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.btn-action-icon{color:#94a3b8;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:34px;min-height:34px;padding:6px;transition:all .15s;display:flex}.btn-action-icon.edit:hover{color:#1e1b24;background:#f1f5f9}.btn-action-icon.delete:hover{color:#99182a;background:#fdf2f4}.seserahan-accordion-area{border-top:1px solid #f1f5f9}.seserahan-accordion-trigger{cursor:pointer;text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#faf7f8;border:none;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:10px 18px;transition:background .15s;display:flex}.seserahan-accordion-trigger:hover{background:#fdf0f2}.seserahan-accordion-trigger.open{background:#fdf0f2;border-bottom:1px solid #99182a1f}.accordion-trigger-text{color:var(--color-primary,#99182a);letter-spacing:.01em;flex-wrap:wrap;align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:flex}.accordion-trigger-icon{color:var(--color-primary,#99182a);flex-shrink:0}.accordion-selected-indicator{color:#047857;letter-spacing:.01em;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:1px 7px;font-size:.72rem;font-weight:700}.accordion-trigger-chevron{color:var(--color-primary,#99182a);align-items:center;display:flex}.seserahan-product-list{background:#faf7f8;flex-direction:column;gap:12px;padding:14px 14px 12px;animation:.2s fadeIn;display:flex}.seserahan-product-card{background:#fff;border:1px solid #eae1e3;border-radius:12px;align-items:flex-start;gap:13px;padding:13px 15px;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #99182a08}.seserahan-product-card.is-selected{background:#f0fdf4;border:1.5px solid #059669;box-shadow:0 4px 14px #0596691f}.card-selected-ribbon{color:#fff;letter-spacing:.02em;z-index:1;background:#059669;border-radius:12px;align-items:center;gap:4px;padding:2px 9px;font-size:.68rem;font-weight:700;display:inline-flex;position:absolute;top:-8px;right:14px;box-shadow:0 2px 6px #05966940}.seserahan-product-card:hover{border-color:#99182a59;box-shadow:0 3px 10px #99182a0f}.product-thumbnail-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.product-thumbnail-box img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.seserahan-product-card:hover .product-thumbnail-box img{transform:scale(1.04)}.product-info-box{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.product-meta-top{align-items:center;gap:6px;display:flex}.product-brand-tag{text-transform:uppercase;color:#64748b;letter-spacing:.03em;font-size:.72rem;font-weight:700}.product-tier-tag{border-radius:4px;padding:2px 7px;font-size:.68rem;font-weight:700}.tier-hemat{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.tier-populer{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.tier-premium{color:var(--color-primary,#99182a);background:#99182a14;border:1px solid #99182a33}.product-title-text{color:#1e1b24;margin:1px 0 2px;font-size:.88rem;font-weight:700;line-height:1.35}.product-button-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.btn-apply-product{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:6px 12px;font-size:.76rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-apply-product:hover{border-color:var(--color-primary,#99182a);color:var(--color-primary,#99182a);background:#fff5f6;transform:translateY(-1px);box-shadow:0 2px 6px #99182a1f}.btn-apply-product.is-selected-green{color:#fff;background:#059669;border-color:#047857;font-weight:700;box-shadow:0 2px 6px #05966940}.btn-apply-product.is-selected-green:hover{color:#fff;background:#047857;border-color:#065f46;transform:translateY(-1px);box-shadow:0 3px 8px #05966959}.btn-store-link{background:var(--color-primary,#99182a);color:#fff;border:1px solid var(--color-primary,#99182a);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:6px 14px;font-size:.76rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #99182a33}.btn-store-link:hover{background:var(--color-primary-dark,#801222);border-color:var(--color-primary-dark,#801222);color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px #99182a4d}.seserahan-empty-state{text-align:center;color:#64748b;padding:36px 16px;font-size:.88rem}.seserahan-rekomendasi-card{background:var(--color-surface-solid,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--border-radius-lg,16px);box-shadow:var(--shadow-sm,0 1px 3px #0000000a);box-sizing:border-box;width:100%;min-width:0;padding:20px;position:sticky;top:80px}.seserahan-rekomendasi-header{margin-bottom:14px}.seserahan-rekomendasi-header h3{color:var(--color-text,#1f2937);letter-spacing:-.01em;margin:0 0 2px;font-size:1.05rem;font-weight:800}.seserahan-rekomendasi-header p{color:var(--color-text-muted,#6b7280);margin:0;font-size:.82rem}.rec-category-bar{box-sizing:border-box;scrollbar-width:thin;align-items:center;gap:5px;width:100%;max-width:100%;margin-bottom:14px;padding-bottom:6px;display:flex;overflow-x:auto}.rec-category-bar::-webkit-scrollbar{display:none}.rec-cat-btn{white-space:nowrap;color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:600;transition:all .15s}.rec-cat-btn:hover{color:#1e1b24;border-color:#cbd5e1}.rec-cat-btn.active{background:var(--color-primary,#99182a);color:#fff;border-color:var(--color-primary,#99182a)}.rec-items-stack{flex-direction:column;gap:7px;display:flex}.rec-single-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;transition:all .15s;display:flex}.rec-single-card:hover{border-color:var(--color-primary,#99182a);background:#fff;box-shadow:0 2px 5px #00000008}.rec-card-info{flex-direction:column;min-width:0;display:flex}.rec-card-title{color:#1e1b24;font-size:.86rem;font-weight:700;line-height:1.25}.rec-card-category{color:#64748b;font-size:.68rem}.btn-add-rec{color:var(--color-primary,#99182a);cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:.74rem;font-weight:700;transition:all .15s}.btn-add-rec:hover{background:var(--color-primary,#99182a);color:#fff;border-color:var(--color-primary,#99182a)}.rec-empty-state{text-align:center;background:#faf8f7;border:1px dashed #e2e8f0;border-radius:8px;padding:24px 12px}.rec-empty-state p{color:#64748b;margin:0;font-size:.8rem;font-weight:500}.btn-toggle-recs{color:var(--color-primary,#99182a);cursor:pointer;background:0 0;border:1px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:5px;margin-top:4px;padding:8px 12px;font-size:.78rem;font-weight:700;transition:all .15s;display:flex}.btn-toggle-recs:hover{border-color:var(--color-primary,#99182a);background:#fdf0f2}@media (width<=640px){.seserahan-product-list{gap:8px;padding:8px 10px}.seserahan-product-card{border-radius:10px;flex-direction:row;align-items:center;gap:10px;padding:9px 10px}.product-thumbnail-box{border-radius:6px;flex-shrink:0;width:64px;height:64px}.product-info-box{gap:2px}.product-brand-tag{font-size:.65rem}.product-tier-tag{padding:1px 5px;font-size:.62rem}.product-title-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:1px 0;font-size:.8rem;line-height:1.25;display:-webkit-box;overflow:hidden}.product-button-row{gap:6px;margin-top:4px}.btn-apply-product,.btn-store-link{white-space:nowrap;border-radius:5px;width:fit-content;padding:5px 10px;font-size:.72rem}.seserahan-selected-chip{max-width:100%;padding:2px 6px}.seserahan-selected-chip .selected-name{max-width:160px;font-size:.72rem}.card-selected-ribbon{padding:1px 7px;font-size:.62rem;top:-7px;right:10px}}.vendor-container{flex-direction:column;gap:14px;max-width:1200px;margin:0 auto;display:flex}.search-bar-container{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:0;display:flex}.search-input-wrapper{flex:1;align-items:center;min-width:240px;display:flex;position:relative}.search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;left:14px}.search-input{border-radius:var(--border-radius-full);border:1px solid var(--color-border);background-color:var(--color-surface-solid);width:100%;height:38px;color:var(--color-text);box-sizing:border-box;outline:none;padding:0 14px 0 38px;font-family:inherit;font-size:.88rem;transition:all .2s}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #99182a1a}.sort-select{border-radius:var(--border-radius-full);border:1px solid var(--color-border);background-color:var(--color-surface-solid);height:38px;color:var(--color-text);cursor:pointer;box-sizing:border-box;outline:none;min-width:190px;padding:0 16px;font-size:.84rem;font-weight:600;transition:all .2s}.sort-select:focus{border-color:var(--color-primary)}.filter-pills{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:8px;margin-bottom:0;padding:2px 0 4px;display:flex;overflow-x:auto}.filter-pills::-webkit-scrollbar{display:none}.pill{background-color:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-full);height:34px;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:0 16px;font-size:.82rem;font-weight:600;line-height:1;transition:all .2s;display:inline-flex}.pill:hover{background-color:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-1px)}.pill:active{transform:scale(.97)}.pill.active{background:var(--gradient-primary);color:#fff;border-color:#0000;box-shadow:0 2px 8px #99182a33}.pill.pill-favorite.active{box-shadow:0 2px 8px #99182a40;background:var(--gradient-primary)!important;color:#fff!important;border-color:#0000!important}.grid-layout{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:stretch;gap:16px;margin-top:2px;display:grid}.vendor-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:20px;flex-direction:column;padding:22px 20px 20px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #0000000a}.vendor-card:hover{border-color:#99182a40;transform:translateY(-4px);box-shadow:0 12px 28px -6px #99182a1f,0 0 0 1px #99182a26}.vendor-card.chosen-card{background:linear-gradient(180deg, #10b9810a 0%, var(--color-surface-solid) 130px);border:2px solid #10b981;box-shadow:0 10px 28px -4px #10b98133,0 0 0 1px #10b98126}.vendor-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.vendor-title-wrapper{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.vendor-name{color:var(--color-text);font-size:1.35rem;font-weight:800;line-height:1.25;font-family:var(--font-title);word-break:break-word;letter-spacing:-.01em;margin:0}.badge-chosen-inline{color:#047857;white-space:nowrap;background:#10b9811f;border:1px solid #10b98140;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.btn-heart{cursor:pointer;color:#64748b;background:#00000008;border:1px solid #0000000d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;min-height:38px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #00000005}:root.dark .btn-heart{color:var(--color-text-muted);background:#ffffff0f;border-color:#ffffff14}.btn-heart:hover{background-color:var(--color-primary-light);color:var(--color-danger);transform:scale(1.08)}.btn-heart:active{transform:scale(.92)}.btn-heart.is-fav{background-color:var(--color-primary-light);color:var(--color-danger)}.btn-heart.is-fav svg{animation:.35s cubic-bezier(.175,.885,.32,1.275) heartPulse}@keyframes heartPulse{0%{transform:scale(.8)}50%{transform:scale(1.25)}to{transform:scale(1)}}.vendor-meta-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.category-tag{background:var(--color-primary-light);color:var(--color-primary);border-radius:9999px;padding:4px 14px;font-size:.8rem;font-weight:700;line-height:1.3}.rating{color:#f59e0b;align-items:center;gap:5px;font-size:.95rem;font-weight:800;display:flex}.rating svg{color:#f59e0b}.vendor-links{align-items:center;gap:8px;margin-left:auto;display:flex}.social-link,.website-link{color:var(--color-text-muted);border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .2s,background-color .2s,transform .2s;display:inline-flex}.social-link:hover,.website-link:hover{color:var(--color-primary);background-color:var(--color-primary-light);transform:translateY(-1px)}.vendor-desc-container{margin-bottom:12px}.vendor-desc-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:4px;font-size:.76rem;font-weight:800;display:block}.vendor-desc-container,.vendor-note-container{margin-bottom:12px}.vendor-desc-container strong,.vendor-note-container strong{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:6px;font-size:.8rem;font-weight:700;display:block}.vendor-desc{color:var(--color-text);white-space:pre-wrap;margin:0;font-size:.9rem;font-weight:500;line-height:1.5}.vendor-note-container{border-left:4px solid var(--color-warning);padding:10px var(--spacing-3);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;background:#f59e0b0d}.vendor-note-container strong{color:#d97706}.vendor-note-container p{color:var(--color-text);margin:0;font-size:.85rem;font-weight:500;line-height:1.5}.vendor-contact-container{border-radius:var(--border-radius);background:#99182a0d;border:1px solid #99182a26;margin-bottom:12px;padding:10px 14px}.vendor-contact-container strong{color:var(--color-primary);margin-bottom:5px;font-size:.8rem;display:block}.vendor-contact-detail{flex-wrap:wrap;align-items:center;gap:10px;font-size:.85rem;display:flex}.vendor-contact-name{color:var(--color-text);align-items:center;gap:4px;font-weight:600;display:inline-flex}.vendor-contact-phone-link{color:#059669;background:#10b9811a;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.vendor-contact-phone-link:hover{color:#fff;background:#059669;transform:translateY(-1px)}.vendor-price-row{border-top:1px dashed var(--color-border);justify-content:space-between;align-items:baseline;gap:10px;margin-top:auto;padding-top:14px;display:flex}.price{color:var(--color-primary);font-size:1.45rem;font-weight:800;font-family:var(--font-title);letter-spacing:-.01em}.price-chosen-indicator{color:#059669;background:#10b9811a;border:1px solid #10b98140;border-radius:12px;padding:3px 9px;font-size:.74rem;font-weight:700}.vendor-actions{margin-top:14px}.btn-full{width:100%}.btn-vendor-toggle{cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-family:inherit;font-size:.92rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.btn-vendor-toggle.btn-choose{background:var(--gradient-primary);border:none;box-shadow:0 4px 14px #99182a47;color:#fff!important}.btn-vendor-toggle.btn-choose span,.btn-vendor-toggle.btn-choose svg{color:#fff!important;stroke:#fff!important}.btn-vendor-toggle.btn-choose:hover{background:linear-gradient(135deg,#a81c32 0%,#7d1222 100%);transform:translateY(-2px);box-shadow:0 6px 18px #99182a61;color:#fff!important}.btn-vendor-toggle.btn-choose:active{transform:scale(.98)}.btn-vendor-toggle.btn-chosen{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;position:relative;overflow:hidden;box-shadow:0 4px 14px #10b98147}.btn-vendor-toggle.btn-chosen .state-default{align-items:center;gap:6px;transition:opacity .2s;display:inline-flex}.btn-vendor-toggle.btn-chosen .state-hover{align-items:center;gap:6px;transition:opacity .2s;display:none}.btn-vendor-toggle.btn-chosen:hover{background:linear-gradient(135deg,#99182a 0%,#7f1322 100%);transform:translateY(-2px);box-shadow:0 6px 18px #99182a59}.btn-vendor-toggle.btn-chosen:hover .state-default{display:none}.btn-vendor-toggle.btn-chosen:hover .state-hover{display:inline-flex}.btn-vendor-toggle.btn-chosen:active{transform:scale(.98)}.vendor-footer-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.action-btn{background:var(--color-surface-solid);border:1.5px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:7px 18px;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #00000005}.action-btn:hover{background-color:var(--color-background);color:var(--color-text);border-color:#99182a4d;transform:translateY(-1px)}.action-btn.danger{color:var(--color-text-muted)}.action-btn.danger:hover{color:#dc2626;background-color:#dc26260f;border-color:#dc262659}.no-vendors-message{text-align:center;color:var(--color-text-muted);background:var(--color-surface-solid);border-radius:var(--border-radius-lg);border:1.5px dashed var(--color-border);grid-column:1/-1;padding:60px 20px;font-size:1.05rem;font-weight:500}.vendor-modal{border-radius:var(--border-radius-lg,16px);border:1px solid var(--color-border);width:95%;max-width:580px;max-height:min(90dvh,850px);animation:.22s cubic-bezier(.16,1,.3,1) vendorModalIn;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;background-color:var(--color-surface-solid)!important;flex-direction:column!important;padding:0!important;display:flex!important}@keyframes vendorModalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.vendor-modal-header{border-bottom:1px solid var(--color-border);background:var(--color-surface-solid);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.vendor-modal-title-box{flex-direction:column;gap:2px;display:flex}.vendor-modal-title{color:var(--color-text);margin:0;font-size:1.22rem;font-weight:700;line-height:1.25}.vendor-modal-subtitle{color:var(--color-text-muted,#64748b);font-size:.8rem;line-height:1.3}.vendor-modal-close{border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:#0000000a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.vendor-modal-close:hover{color:var(--color-primary);background:#99182a1a;border-color:#99182a4d;transform:rotate(90deg)}.vendor-form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.vendor-form-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.vendor-form-footer{border-top:1px solid var(--color-border);background:var(--color-surface-solid);flex-shrink:0;gap:12px;padding:14px 24px;display:flex}.vendor-form-footer .btn-cancel{border-radius:var(--border-radius);flex:1;padding:11px 16px;font-size:.95rem;font-weight:600}.vendor-form-footer .btn-submit{border-radius:var(--border-radius);flex:1.4;padding:11px 16px;font-size:.95rem;font-weight:600}.form-group label{color:var(--color-text);margin-bottom:6px;font-size:.85rem;font-weight:700;display:block}.flex-row{gap:10px;display:flex}.form-input,.form-select,.form-textarea{border-radius:var(--border-radius);border:1px solid var(--color-border);background:var(--color-background);width:100%;color:var(--color-text);padding:10px 14px;font-family:inherit;font-size:.95rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.form-textarea{resize:vertical;min-height:90px}.note-textarea{min-height:65px}.form-input:focus,.form-select:focus,.form-textarea:focus,.url-input-box:focus-within{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #99182a1f}.form-row-2{gap:15px;display:flex}@media (width<=600px){.form-row-2{flex-direction:column}}.form-btn{border-radius:var(--border-radius);white-space:nowrap;padding:0 15px}.form-actions{gap:15px;margin-top:10px;display:flex}.btn-submit,.btn-cancel{flex:1;padding:12px;font-size:1rem}@media (width<=767px){.vendor-modal{max-height:90dvh!important;padding:0!important}.vendor-modal-header{padding:14px 18px}.vendor-form-body{gap:14px;padding:16px 18px}.vendor-form-footer{padding:12px 18px calc(12px + env(safe-area-inset-bottom,12px))}}.custom-categories-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-4)}.custom-categories-list{flex-direction:column;gap:6px;max-height:180px;padding-right:2px;display:flex;overflow-y:auto}.custom-category-item{border-radius:var(--border-radius-sm);background-color:var(--color-surface-solid);border:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.custom-category-item:hover{border-color:#99182a4d}.custom-category-name{color:var(--color-text);font-size:.86rem;font-weight:600}.btn-icon-danger-small{color:var(--color-text-muted);cursor:pointer;border-radius:var(--border-radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:inline-flex}.btn-icon-danger-small:hover{color:var(--color-danger);background:#ef44441a}.vendor-toast{color:#f8fafc;z-index:10000;background:#1e1b24;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:8px;padding:10px 18px;font-size:.84rem;font-weight:500;animation:.25s cubic-bezier(.16,1,.3,1) slideInToast;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px -5px #0000004d}.vendor-toast svg{color:#f8fafc;flex-shrink:0}.vendor-toast-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#fff3;border:1px solid #ffffff59;border-radius:6px;margin-left:8px;padding:4px 10px;font-size:.78rem;font-weight:600;transition:all .15s}.vendor-toast-btn:hover{background:#ffffff59}@media (width<=600px){.vendor-toast{left:16px;right:16px;bottom:calc(72px + env(safe-area-inset-bottom,0px) + 12px);border-radius:12px;justify-content:center}}.guest-list-container{flex-direction:column;gap:16px;width:100%;max-width:1200px;margin:0 auto;display:flex}.guest-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:2px;display:flex}.guest-page-header .page-title-group h1{font-family:var(--font-title);color:var(--color-primary);letter-spacing:-.01em;margin:0 0 6px;font-size:2rem;font-weight:800}.guest-page-header .page-title-group .subtitle{color:var(--color-text-muted);margin:0;font-size:.95rem}.guest-header-actions{align-items:center;gap:12px;display:flex}.btn-bulk-upload{border-radius:var(--border-radius-full);border:1px solid var(--color-border);background:var(--color-surface-solid);color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:9px 18px;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-bulk-upload:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.btn-add-guest-main{border-radius:var(--border-radius-full);background:var(--color-primary);color:#fff;cursor:pointer;border:none;align-items:center;gap:6px;padding:9px 20px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #99182a40}.btn-add-guest-main:hover{background:#7a0c1e;transform:translateY(-1px);box-shadow:0 6px 16px #99182a59}.guest-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.stat-card{background:var(--color-surface-solid);border:1px solid #eceef2;border-radius:12px;flex-direction:row;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.stat-card:hover{box-shadow:var(--shadow-md);border-color:#99182a33;transform:translateY(-2px)}.stat-card-highlight{border:1.5px solid var(--color-primary)!important;background:#fdf2f4!important;box-shadow:0 2px 8px #99182a14!important}.stat-card-highlight .stat-label,.stat-card-highlight .stat-value{color:var(--color-primary)!important}.stat-swatch{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 2px 6px #00000014}.swatch-regular{background:linear-gradient(135deg,#701020,#420a14)}.swatch-vip{background:linear-gradient(135deg,#fba24f,#f3732a)}.swatch-cpw{background:linear-gradient(135deg,#fb7185,#f43f5e)}.swatch-cpp{background:linear-gradient(135deg,#4a1a5d,#2b0c46)}.swatch-total{background:linear-gradient(135deg,#99182a,#7a0c1e)}.stat-info{flex-direction:column;justify-content:center;gap:1px;display:flex}.stat-label{color:#475569;letter-spacing:.01em;font-size:.72rem;font-weight:700}.stat-value{color:var(--color-text);font-size:1.45rem;font-weight:800;line-height:1.1}.guest-toolbar{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:0;padding:0;display:flex}.guest-filter-pills{align-items:center;gap:8px;margin:0;padding:0;display:flex}.guest-pill{border-radius:var(--border-radius-full);border:1px solid var(--color-border);color:#64748b;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#fff;justify-content:center;align-items:center;height:34px;margin:0;padding:0 16px;font-size:.82rem;font-weight:600;line-height:1;transition:all .2s;display:inline-flex}.guest-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.guest-pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 2px 6px #99182a33}.guest-search-box{border:1px solid var(--color-border);border-radius:var(--border-radius-full);box-sizing:border-box;background:#fff;flex-shrink:0;align-items:center;width:200px;height:34px;margin-left:auto;padding:0;transition:all .2s;display:inline-flex;position:relative}.guest-search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #99182a14}.guest-search-icon{color:#94a3b8;pointer-events:none;flex-shrink:0;position:absolute;left:11px}.guest-search-input{width:100%;height:100%;color:var(--color-text);border-radius:var(--border-radius-full);box-sizing:border-box;outline:none;margin:0;padding:0 12px 0 32px;font-family:inherit;font-size:.82rem;background:0 0!important;border:none!important}.guest-search-input::placeholder{color:#94a3b8;font-size:.82rem}.guest-table-container{background:#fff;border:1px solid #eceef2;border-radius:12px;margin-top:0;overflow:hidden;box-shadow:0 1px 3px #00000008}.guest-table{border-collapse:collapse;width:100%}.guest-table th{color:#1e293b;text-transform:uppercase;letter-spacing:.05em;text-align:left;background-color:#fdf2f4;border-bottom:1px solid #f7ccd680;padding:10px 18px;font-size:.72rem;font-weight:700}.guest-table th.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s,color .2s}.guest-table th.th-sortable:hover{color:var(--color-primary);background-color:#fae4e8}.guest-table th.th-sortable.sorted{color:var(--color-primary);background-color:#fce8ec}.guest-table .th-content{align-items:center;gap:5px;display:inline-flex}.guest-table .th-sort-icon{align-items:center;display:inline-flex}.guest-table .sort-icon-idle{opacity:.35;transition:opacity .2s,color .2s}.guest-table .th-sortable:hover .sort-icon-idle{opacity:.85;color:var(--color-primary)}.guest-table .sort-icon-active{color:var(--color-primary);opacity:1}.guest-table td{vertical-align:middle;text-align:left;border-bottom:1px solid #f8fafc;padding:10px 18px}.guest-table tbody tr:last-child td{border-bottom:none}.guest-table tbody tr{transition:background .15s}.guest-table tbody tr:hover{background:#99182a04}.text-right{text-align:right!important}.guest-user-info{align-items:center;gap:10px;display:flex}.guest-avatar{color:#2563eb;background-color:#bfdbfe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.user-name{color:#1e293b;font-size:.86rem;font-weight:600}.guest-category-text{color:#334155;letter-spacing:.01em;font-size:.84rem;font-weight:600}.guest-type-text{color:#475569;font-size:.85rem;font-weight:500}.guest-pax-text{color:#334155;font-size:.88rem;font-weight:600}.guest-actions{justify-content:flex-end;align-items:center;gap:12px;display:inline-flex}.guest-action-btn{cursor:pointer;color:#94a3b8;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex;width:auto!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;min-width:36px!important;min-height:36px!important;padding:4px!important}.guest-action-btn:hover{color:#1e293b;background:0 0!important}.guest-delete-btn:hover{color:var(--color-danger)!important;background:0 0!important}.guest-empty-state{text-align:center;color:var(--color-text-muted);margin:0;padding:48px;font-size:.9rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#0b0e1766;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--border-radius-lg);width:95%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);padding:var(--spacing-6);animation:.4s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto;background-color:var(--color-surface-solid)!important}.modal-close{right:var(--spacing-4);top:var(--spacing-4);cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:50%;padding:4px;transition:color .2s;position:absolute}.modal-close:hover{color:var(--color-text)}.form-label{color:var(--color-text);margin-bottom:6px;font-size:.85rem;font-weight:700;display:block}.form-input{border-radius:var(--border-radius);border:1px solid var(--color-border);background:var(--color-background);width:100%;color:var(--color-text);padding:10px 12px;font-family:inherit;font-size:.95rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #99182a1f}.bulk-instructions{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);margin-bottom:20px;padding:20px;font-size:.9rem}.bulk-info-header{color:var(--color-primary);align-items:center;gap:6px;margin-bottom:12px;font-weight:700;display:flex}.bulk-instructions ol{color:var(--color-text-muted);margin:0;padding-left:20px;font-weight:500;line-height:1.8}.bulk-example{background:var(--color-surface-solid);border-radius:var(--border-radius);border:1px dashed var(--color-border);margin-top:15px;padding:12px}.bulk-example code{color:var(--color-text-muted);margin-top:6px;font-size:.8rem;line-height:1.6;display:block}.bulk-upload-area{border:2px dashed var(--color-border);border-radius:var(--border-radius-lg);padding:35px var(--spacing-4);text-align:center;cursor:pointer;color:var(--color-text-muted);background-color:var(--color-surface-solid);transition:all .3s cubic-bezier(.16,1,.3,1)}.bulk-upload-area:hover,.bulk-upload-area.is-dragging{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary);transform:scale(1.01)}.bulk-upload-area p{margin-top:10px;font-weight:700}.bulk-formats{color:var(--color-text-muted);margin-top:6px;font-size:.75rem;font-weight:500;display:block}.bulk-preview-table{border:1px solid var(--color-border);border-radius:var(--border-radius);max-height:300px;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.guest-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media (width<=768px){.guest-stats-grid{grid-template-columns:repeat(2,1fr)}.guest-stats-grid .stat-card-highlight{grid-column:span 2}.stat-value{font-size:1.3rem}.stat-swatch{border-radius:10px;width:38px;height:38px}.guest-toolbar{flex-direction:column-reverse;align-items:stretch;gap:10px}.guest-search-box{width:100%;max-width:100%;margin-left:0}.guest-filter-pills{-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:6px;overflow-x:auto}.guest-filter-pills::-webkit-scrollbar{display:none}.guest-pill{touch-action:manipulation;-webkit-tap-highlight-color:transparent;align-items:center;min-height:34px;padding:0 14px;display:inline-flex}.guest-page-header .page-title-group h1{font-size:1.35rem}}.guest-desktop-only{display:block}.guest-mobile-only{display:none!important}@media (width<=1024px),(width<=1366px) and (pointer:coarse),(width<=1366px) and (hover:none),(height<=600px) and (orientation:landscape){.guest-desktop-only{display:none!important}.guest-mobile-only{flex-direction:column!important;gap:8px!important;display:flex!important}}.guest-mobile-list{width:100%}.mobile-guest-card{background:var(--color-surface-solid,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;transition:background .15s;display:flex;box-shadow:0 1px 3px #00000008}.mobile-guest-card:active{background:var(--color-surface,#f8fafc)}.mobile-guest-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 2px 5px #0000000d}.mobile-guest-avatar.avatar-cpp{color:#6d28d9;background:#ede9fe}.mobile-guest-avatar.avatar-cpw{color:#be123c;background:#ffe4e6}.mobile-guest-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.mobile-guest-name{color:var(--color-text,#1e293b);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.93rem;font-weight:600;line-height:1.3;overflow:hidden}.mobile-guest-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.guest-badge-pill{letter-spacing:-.01em;border-radius:6px;align-items:center;gap:3px;padding:2px 8px;font-size:.72rem;font-weight:600;line-height:1.4;display:inline-flex}.guest-badge-pill.badge-cpp{color:#7e22ce;background:#f3e8ff;border:1px solid #e9d5ff}.guest-badge-pill.badge-cpw{color:#be123c;background:#ffe4e6;border:1px solid #fecdd3}.guest-badge-pill.badge-vip{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.guest-badge-pill.badge-type{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.mobile-guest-pax{flex-shrink:0;align-items:center;display:flex}.guest-pax-badge{background:var(--color-surface,#f8fafc);border:1px solid var(--color-border,#e2e8f0);color:var(--color-text-muted,#64748b);border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #00000005}.guest-mobile-empty-card{text-align:center;background:var(--color-surface-solid,#fff);border:1px dashed var(--color-border,#e2e8f0);border-radius:14px;padding:32px 16px}.settings-container{gap:var(--spacing-6);flex-direction:column;max-width:800px;display:flex}.settings-grid{gap:var(--spacing-6);grid-template-columns:1fr 1fr;align-items:start;display:grid}.profile-card,.partner-collab-card,.backup-restore-card,.pwa-settings-card,.danger-zone-card{grid-column:1/3}.profile-card{flex-direction:row;justify-content:space-between;align-items:center}.profile-info{align-items:center;gap:var(--spacing-6);display:flex}.avatar-couple{width:80px;height:80px;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border:4px solid #fff;border-radius:50%}.profile-details h2{margin-bottom:var(--spacing-1);font-size:1.5rem}.profile-details .date,.profile-details .location{color:var(--color-text-muted);font-size:.9rem}.profile-card .btn-primary{width:auto}.settings-list{gap:var(--spacing-2);flex-direction:column;display:flex}.settings-item{align-items:center;gap:var(--spacing-4);padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-border);display:flex}.settings-item:last-child{border-bottom:none}.item-text{flex:1}.item-text h4{font-size:1rem;font-weight:500}.item-text p{color:var(--color-text-muted);font-size:.85rem}.arrow-right{color:var(--color-text-muted);font-size:1.2rem}.collaboration-card{color:#fff;background:linear-gradient(135deg,#ec4899,#be185d);border:none}.icon-white{color:#fff}.toggle-switch{background-color:var(--color-border);border-radius:var(--border-radius-full);cursor:pointer;width:40px;height:24px;position:relative}.toggle-switch:after{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle-switch.active{background-color:var(--color-primary)}.toggle-switch.active:after{left:calc(100% - 22px)}.language-toggle{background:var(--color-border);border-radius:var(--border-radius-full);gap:2px;padding:2px;display:flex}.language-toggle span{border-radius:var(--border-radius-full);color:var(--color-text-muted);padding:4px 12px;font-size:.8rem;font-weight:600;transition:all .2s}.language-toggle span.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.danger-zone-card{background-color:#fef2f2;border:1px solid #fecaca;grid-column:1/3}.danger-zone-card h3{color:var(--color-danger)}.danger-zone-card p{color:var(--color-text-muted);font-size:.9rem}.btn-danger-outline{justify-content:center;align-items:center;gap:var(--spacing-2);color:var(--color-danger);border:1px solid var(--color-danger);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-full);width:fit-content;margin-top:var(--spacing-2);background:0 0;font-weight:500;transition:all .2s;display:flex}.btn-danger-outline:hover{background:#fee2e2}:root.dark .danger-zone-card{-webkit-backdrop-filter:blur(16px);background-color:#ef444414;border:1px solid #ef444447;box-shadow:0 8px 24px #0006}:root.dark .danger-zone-card h3{color:#f87171}:root.dark .danger-zone-card p{color:var(--color-text-muted)}:root.dark .btn-danger-outline{color:#f7ccd6;border-color:#99182a99}:root.dark .btn-danger-outline:hover{background:#99182a29;border-color:#99182a}.backup-restore-card{gap:var(--spacing-4);background:var(--color-surface-solid);border:1px solid var(--color-border);flex-direction:column;grid-column:1/3;transition:all .25s;display:flex}.backup-card-header{align-items:center;gap:var(--spacing-3);display:flex}.icon-badge-theme{border-radius:var(--border-radius-lg);width:44px;height:44px;color:var(--color-primary);background:#f43f5e1a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.backup-card-header h3{color:var(--color-text);margin:0 0 4px;font-size:1.15rem;font-weight:700}.backup-card-header p{color:var(--color-text-muted);margin:0;font-size:.88rem}.backup-actions-grid{gap:var(--spacing-3);margin-top:var(--spacing-1);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.btn-backup-action{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;transition:all .2s;display:flex}.btn-backup-action:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);background:#f43f5e0a;transform:translateY(-2px)}.btn-backup-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-action-icon{border-radius:var(--border-radius-md);background:var(--color-surface-solid);border:1px solid var(--color-border);width:38px;height:38px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-action-text{flex-direction:column;display:flex}.btn-action-title{color:var(--color-text);font-size:.95rem;font-weight:600}.btn-action-desc{color:var(--color-text-muted);font-size:.78rem}.restore-modal-card{gap:var(--spacing-4);background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);width:92%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;padding:24px;display:flex;position:relative;overflow-y:auto}.restore-modal-header{align-items:center;gap:var(--spacing-3);display:flex}.restore-modal-header h3{color:var(--color-text);margin:0 0 4px;font-size:1.2rem;font-weight:700}.restore-modal-header p{color:var(--color-text-muted);margin:0;font-size:.85rem}.restore-file-info{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.info-row{justify-content:space-between;align-items:center;font-size:.88rem;display:flex}.info-label{color:var(--color-text-muted)}.info-value{color:var(--color-text);font-weight:600}.info-value.highlight{color:var(--color-primary)}.restore-summary-section,.restore-mode-selection{flex-direction:column;gap:8px;display:flex}.section-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.restore-chips-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.restore-chip{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.chip-count{color:var(--color-primary);font-size:1rem;font-weight:700}.chip-name{color:var(--color-text-muted);font-size:.85rem}.restore-mode-card{border:1.5px solid var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-background);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.restore-mode-card:hover{border-color:var(--color-primary)}.restore-mode-card.selected{border-color:var(--color-primary);background:#f43f5e0d}.radio-circle{border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;transition:all .2s;display:flex}.radio-circle.checked{border-color:var(--color-primary);background:var(--color-primary);box-shadow:inset 0 0 0 3px var(--color-surface-solid)}.mode-text h4{color:var(--color-text);margin:0 0 3px;font-size:.92rem;font-weight:600}.mode-text p{color:var(--color-text-muted);margin:0;font-size:.8rem;line-height:1.35}.restore-modal-actions{gap:10px;margin-top:4px;display:flex}.restore-modal-actions button{flex:1}:root.dark .btn-backup-action:hover{background:#f43f5e1a}:root.dark .restore-mode-card.selected{background:#f43f5e1f}.profile-modal-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);flex-direction:column;gap:20px;width:92%;max-width:480px;max-height:90vh;padding:28px;animation:.35s cubic-bezier(.16,1,.3,1) both welcomeSlideUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 60px -15px #00000040,0 0 30px #99182a14}.profile-modal-header{align-items:center;gap:14px;display:flex}.profile-modal-badge{border-radius:var(--border-radius-lg);width:46px;height:46px;color:var(--color-primary);background:linear-gradient(135deg,#99182a29,#ff7b9814);border:1px solid #99182a40;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 14px #99182a26}.profile-modal-header h3{font-family:var(--font-title);color:var(--color-text);letter-spacing:-.3px;margin:0 0 4px;font-size:1.3rem;font-weight:700}.profile-modal-header p{color:var(--color-text-muted);margin:0;font-size:.85rem}.profile-avatar-edit-section{flex-direction:column;align-items:center;gap:10px;padding:4px 0 8px;display:flex}.profile-avatar-frame{background:var(--color-background);border:2.5px solid #99182a66;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 6px 18px #99182a24}.profile-avatar-frame:hover{border-color:var(--color-primary);transform:scale(1.04)}.profile-avatar-frame img{object-fit:cover;width:100%;height:100%}.profile-avatar-btn-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex}.profile-upload-pill{color:var(--color-text-muted);border-radius:var(--border-radius-full);background:var(--color-background);border:1px solid var(--color-border);cursor:pointer;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.profile-upload-pill:hover{color:var(--color-primary);border-color:var(--color-primary);background:#99182a0d}.profile-delete-photo-btn{color:var(--color-danger);border-radius:var(--border-radius-full);cursor:pointer;background:#ef444414;border:1px solid #ef444440;align-items:center;gap:5px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.profile-delete-photo-btn:hover{border-color:var(--color-danger);background:#ef444429;transform:translateY(-1px)}.profile-form-grid{flex-direction:column;gap:16px;display:flex}.profile-names-grid{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:6px 12px;display:grid}.profile-names-grid .profile-name-col-label{align-items:flex-end;display:flex}.profile-names-grid .profile-name-col-input{align-items:stretch;display:flex}.profile-field-group{flex-direction:column;gap:6px;display:flex}.profile-field-label{color:var(--color-text);align-items:flex-start;gap:6px;width:100%;margin:0;font-size:.82rem;font-weight:600;line-height:1.35;display:flex}.profile-field-label .label-icon{color:var(--color-primary);opacity:.85;flex-shrink:0;margin-top:2px}.profile-input{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-background);width:100%;color:var(--color-text);font-family:var(--font-body);box-sizing:border-box;padding:10px 14px;font-size:.9rem;transition:all .2s}.profile-input:focus{border-color:var(--color-primary);background:var(--color-surface-solid);outline:none;box-shadow:0 0 0 3px #99182a26}.profile-input::placeholder{color:var(--color-text-muted);opacity:.6}.profile-modal-actions{gap:10px;margin-top:6px;display:flex}.profile-modal-actions button{flex:1}:root.dark .profile-modal-card{border-color:#ffffff14;box-shadow:0 30px 70px -15px #000000d9,0 0 30px #99182a26}:root.dark .profile-modal-badge{background:linear-gradient(135deg,#99182a33,#ff7b981a);border-color:#99182a59}:root.dark .profile-upload-pill:hover{background:#99182a1f}.partner-collab-card{gap:var(--spacing-4);background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;grid-column:1/3;padding:24px;transition:all .3s;display:flex}.partner-card-header{align-items:flex-start;gap:16px;display:flex}.partner-status-badge{border-radius:var(--border-radius-full);align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.partner-status-badge.linked{color:#10b981;background:#10b9811f;border:1px solid #10b9814d}.partner-linked-box{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);flex-direction:column;gap:14px;padding:16px 20px;display:flex}.partner-info-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.partner-avatar{color:#fff;background:linear-gradient(135deg,#99182a,#f472b6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 4px 12px #99182a40}.partner-info-details{flex:1;min-width:160px}.partner-name-row{align-items:center;gap:8px;display:flex}.partner-name-label{color:var(--color-text);font-size:1.05rem;font-weight:700;font-family:var(--font-title);letter-spacing:-.2px}.btn-edit-partner-name{border:1px solid var(--color-border);width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.btn-edit-partner-name:hover{color:var(--color-primary);border-color:var(--color-primary);background:#99182a14;transform:scale(1.08)}.partner-name-edit-form{align-items:center;gap:6px;margin-bottom:2px;display:flex}.partner-name-inline-input{font-family:var(--font-title);color:var(--color-text);border-radius:var(--border-radius-md);border:1.5px solid var(--color-primary);background:var(--color-surface);outline:none;width:140px;padding:4px 10px;font-size:.95rem;font-weight:600;box-shadow:0 0 0 3px #99182a1f}.btn-inline-save{border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;background:#10b981;border:none;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:inline-flex}.btn-inline-save:hover:not(:disabled){background:#059669;transform:scale(1.05)}.btn-inline-cancel{border-radius:var(--border-radius-sm);border:1px solid var(--color-border);width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.btn-inline-cancel:hover{color:var(--color-text);background:#0000000d}.partner-role-indicator{color:var(--color-text-muted);align-items:center;gap:6px;margin-top:2px;font-size:.82rem;display:flex}.partner-role-tag{border-radius:var(--border-radius-full);padding:2px 8px;font-size:.78rem;font-weight:600}.partner-role-tag.editor{color:#10b981;background:#10b9811a}.partner-role-tag.viewer{color:#8b5cf6;background:#8b5cf61a}.partner-role-select{border-radius:var(--border-radius-md);border:1px solid var(--color-border);background:var(--color-surface-solid);color:var(--color-text);cursor:pointer;outline:none;padding:6px 12px;font-size:.82rem;font-weight:500}.partner-actions-footer{border-top:1px solid var(--color-border);justify-content:flex-end;padding-top:10px;display:flex}.btn-unlink-partner{color:#99182a;border-radius:var(--border-radius-md);cursor:pointer;background:0 0;border:1px solid #99182a40;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-unlink-partner:hover{background:#99182a14;border-color:#99182a}.collab-my-role-badge{border-radius:var(--border-radius-md);font-size:.82rem;font-weight:600;font-family:var(--font-body);align-items:center;gap:8px;padding:8px 14px;display:flex}.collab-my-role-badge.owner{color:var(--color-primary);background:linear-gradient(135deg,#99182a14,#ba243a0f);border:1px solid #99182a2e}.collab-my-role-badge.editor{color:#10b981;background:#10b98114;border:1px solid #10b98133}.collab-my-role-badge.viewer{color:#8b5cf6;background:#8b5cf614;border:1px solid #8b5cf633}.partner-role-tag.owner{color:var(--color-primary);background:linear-gradient(135deg,#99182a1a,#ba243a0f);align-items:center;display:inline-flex}.collab-role-toggle-section{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:14px}.collab-role-toggle-row{gap:8px;display:flex}.collab-role-toggle-btn{border-radius:var(--border-radius-md);border:1.5px solid var(--color-border);background:var(--color-surface-solid);color:var(--color-text-muted);font-size:.85rem;font-weight:600;font-family:var(--font-body);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 14px;transition:all .2s;display:flex}.collab-role-toggle-btn:hover{color:var(--color-text);border-color:#99182a66}.collab-role-toggle-btn.active.editor{color:#10b981;background:#10b98114;border-color:#10b981;box-shadow:0 0 0 1px #10b98126}.collab-role-toggle-btn.active.viewer{color:#8b5cf6;background:#8b5cf614;border-color:#8b5cf6;box-shadow:0 0 0 1px #8b5cf626}.collab-role-toggle-btn.with-desc{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px}.collab-role-toggle-btn.with-desc>svg{margin-bottom:2px}.collab-role-toggle-text{flex-direction:column;gap:2px;display:flex}.collab-role-toggle-title{font-size:.88rem;font-weight:600}.collab-role-toggle-desc{opacity:.75;font-size:.76rem;font-weight:400;line-height:1.3}.collab-role-hint{color:var(--color-text-muted);margin:8px 0 0;font-size:.78rem;line-height:1.4}.collab-partner-readonly-info{border-radius:var(--border-radius-md);color:#8b5cf6;background:#8b5cf60f;border:1px solid #8b5cf626;align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;font-weight:500;display:flex}.partner-invite-box{flex-direction:column;gap:16px;display:flex}.section-mini-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:.82rem;font-weight:600;display:block}.role-cards-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.role-option-card{border-radius:var(--border-radius-lg);background:var(--color-background);border:1.5px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;padding:14px;transition:all .2s;display:flex}.role-option-card:hover{background:#99182a05;border-color:#99182a80}.role-option-card.active{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);background:#99182a0f}.role-card-radio{margin-top:2px}.radio-dot{border:2px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:flex}.role-option-card.active .radio-dot{border-color:var(--color-primary)}.radio-dot.checked:after{content:"";background:var(--color-primary);border-radius:50%;width:8px;height:8px}.role-card-content{flex:1}.role-card-title{color:var(--color-text);margin-bottom:3px;font-size:.9rem;font-weight:600}.role-card-desc{color:var(--color-text-muted);font-size:.78rem;line-height:1.35}.invite-link-display{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);flex-direction:column;gap:10px;padding:16px;display:flex}.invite-url-field{gap:8px;display:flex}.invite-url-input{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text);outline:none;flex:1;padding:10px 14px;font-family:monospace;font-size:.85rem}.btn-copy-link{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:10px 16px;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-copy-link:hover{border-color:var(--color-primary);color:var(--color-primary)}.invite-share-row{justify-content:flex-end;display:flex}.btn-share-whatsapp{color:#fff;border-radius:var(--border-radius-md);background:#25d366;align-items:center;gap:8px;padding:9px 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #25d36640}.btn-share-whatsapp:hover{background:#20ba5a;transform:translateY(-1px);box-shadow:0 6px 16px #25d36659}.btn-generate-invite{color:#fff;border-radius:var(--border-radius-lg);font-size:.92rem;font-weight:600;font-family:var(--font-body);cursor:pointer;background:linear-gradient(135deg,#99182a 0%,#e0486d 100%);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;transition:all .2s;display:inline-flex;box-shadow:0 6px 18px #99182a4d}.btn-generate-invite:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px #99182a66}.btn-generate-invite:disabled{opacity:.6;cursor:not-allowed}.unlink-modal-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);flex-direction:column;gap:18px;width:92%;max-width:480px;padding:28px;animation:.35s cubic-bezier(.16,1,.3,1) both welcomeSlideUp;display:flex;position:relative;box-shadow:0 25px 60px -15px #00000059,0 0 35px #ef444414}.unlink-modal-header{align-items:center;gap:14px;display:flex}.unlink-badge-glow{border-radius:var(--border-radius-lg);color:#99182a;background:linear-gradient(135deg,#99182a29,#99182a14);border:1px solid #99182a47;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 4px 16px #99182a2e}.unlink-modal-title{font-family:var(--font-title);color:var(--color-text);letter-spacing:-.3px;margin:0 0 4px;font-size:1.25rem;font-weight:700}.unlink-modal-subtitle{color:var(--color-text-muted);margin:0;font-size:.85rem;line-height:1.4}.unlink-target-partner-box{border-radius:var(--border-radius-lg);border:1px solid var(--color-border);background:#00000008;align-items:center;gap:14px;padding:14px 16px;display:flex}.unlink-partner-avatar{color:#fff;background:linear-gradient(135deg,#99182a,#e0486d);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 4px 12px #99182a40}.unlink-partner-info{flex-direction:column;flex:1;gap:4px;display:flex}.unlink-partner-name{color:var(--color-text);font-size:.95rem;font-weight:700}.unlink-partner-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.unlink-connected-indicator{color:#10b981;align-items:center;gap:6px;font-size:.76rem;font-weight:600;display:flex}.unlink-connected-indicator .dot-pulse{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulseDot;box-shadow:0 0 8px #10b981}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.unlink-impact-card{border-radius:var(--border-radius-md);background:#ef44440d;border:1px solid #ef444429;padding:14px 16px}.unlink-impact-header{color:#99182a;align-items:center;gap:8px;margin-bottom:8px;font-size:.84rem;font-weight:700;display:flex}.unlink-impact-list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.unlink-impact-list li{color:var(--color-text-muted);align-items:flex-start;gap:8px;font-size:.82rem;line-height:1.45;display:flex}.unlink-impact-list .impact-bullet{color:#99182a;margin-top:1px;font-weight:700;line-height:1}.unlink-error-box{border-radius:var(--border-radius-md);color:#99182a;background:#99182a1f;border:1px solid #99182a40;align-items:center;gap:8px;padding:10px 14px;font-size:.84rem;display:flex}.unlink-modal-actions{justify-content:flex-end;gap:12px;margin-top:4px;display:flex}.btn-unlink-cancel{border-radius:var(--border-radius-lg);border:1px solid var(--color-border);color:var(--color-text);font-size:.9rem;font-weight:600;font-family:var(--font-body);cursor:pointer;background:0 0;padding:11px 20px;transition:all .2s}.btn-unlink-cancel:hover:not(:disabled){border-color:var(--color-text-muted);background:#0000000d}.btn-unlink-confirm{border-radius:var(--border-radius-lg);color:#fff;font-size:.9rem;font-weight:600;font-family:var(--font-body);cursor:pointer;background:linear-gradient(135deg,#99182a 0%,#7f1322 100%);border:none;justify-content:center;align-items:center;gap:8px;padding:11px 22px;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #99182a59}.btn-unlink-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #ef444473}.btn-unlink-confirm:disabled,.btn-unlink-cancel:disabled{opacity:.6;cursor:not-allowed}.unlink-btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}.amara-floating-toast{z-index:9999;border-radius:var(--border-radius-lg);background:var(--color-surface-solid);border:1px solid #10b9814d;align-items:center;gap:12px;max-width:380px;padding:14px 18px;animation:.35s cubic-bezier(.16,1,.3,1) both toastSlideIn;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 12px 36px #0003,0 0 20px #10b9811f}.toast-icon-box{color:#10b981;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-body{flex-direction:column;gap:2px;display:flex}.toast-title{color:var(--color-text);font-size:.88rem;font-weight:700;font-family:var(--font-title)}.toast-sub{color:var(--color-text-muted);font-size:.78rem;line-height:1.35}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}:root.dark .unlink-target-partner-box{background:#ffffff08}:root.dark .unlink-impact-card{background:#ef444414;border-color:#ef444433}:root.dark .unlink-impact-header{color:#f87171}:root.dark .btn-unlink-cancel:hover:not(:disabled){background:#ffffff0f}:root.dark .amara-floating-toast{background:#181c28;border-color:#10b98159}.tutorial-page{max-width:1280px;margin:0 auto;padding:24px 20px 60px;animation:.3s fade-in}.tutorial-header{margin-bottom:28px}.tutorial-tag-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary,#99182a);background:var(--color-primary-light,#fdf2f4);border-radius:var(--border-radius-full,9999px);border:1px solid #99182a26;align-items:center;gap:6px;margin-bottom:10px;padding:4px 12px;font-size:.74rem;font-weight:800;display:inline-flex}.tutorial-title{font-family:var(--font-title);color:var(--color-primary,#99182a);letter-spacing:-.02em;margin:0 0 8px;font-size:2.2rem;font-weight:800}:root.dark .tutorial-title{color:#f7ccd6}.tutorial-subtitle{color:var(--color-text-muted);max-width:720px;margin:0 0 16px;font-size:1rem;line-height:1.5}.tutorial-creator-pill{background:var(--color-surface-solid,#fff);border:1px solid var(--color-border);border-radius:var(--border-radius-full,9999px);align-items:center;gap:10px;padding:6px 14px;display:inline-flex;box-shadow:0 1px 4px #00000008}.tutorial-creator-avatar{background:var(--gradient-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.68rem;font-weight:800;display:flex}.tutorial-creator-text{color:var(--color-text);font-size:.82rem;font-weight:600}.tutorial-layout{grid-template-columns:1.8fr 1fr;align-items:start;gap:24px;display:grid}.tutorial-player-card{background:var(--color-surface-solid,#fff);border:1px solid var(--color-border);border-radius:var(--border-radius-xl,22px);overflow:hidden;box-shadow:0 10px 30px #0000000a}:root.dark .tutorial-player-card{background:#210b2da6}.tutorial-screen-container{background:#000;width:100%;padding-top:56.25%;position:relative}.tutorial-screen-container iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.tutorial-player-body{padding:24px}.tutorial-active-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.tutorial-active-part{background:var(--gradient-primary,linear-gradient(135deg, #99182a 0%, #ba243a 100%));color:#fff;border-radius:var(--border-radius-full,9999px);letter-spacing:.04em;padding:4px 12px;font-size:.74rem;font-weight:800}.tutorial-active-duration{color:var(--color-text-muted);align-items:center;gap:5px;font-size:.82rem;font-weight:600;display:flex}.tutorial-active-title{font-family:var(--font-title);color:var(--color-text);margin:0 0 10px;font-size:1.45rem;font-weight:800;line-height:1.3}.tutorial-active-desc{color:var(--color-text-muted);margin:0 0 20px;font-size:.92rem;line-height:1.55}.tutorial-tag-list{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.tutorial-tag-item{color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-full,9999px);padding:3px 10px;font-size:.72rem;font-weight:600}.tutorial-nav-controls{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;display:flex}.tutorial-btn-dir{border-radius:var(--border-radius-full,9999px);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex}.tutorial-btn-dir:hover:not(:disabled){color:var(--color-primary);background:#99182a14;border-color:#99182a33}.tutorial-btn-dir:disabled{opacity:.4;cursor:not-allowed}.tutorial-btn-action-feature{border-radius:var(--border-radius-full,9999px);background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #99182a40}.tutorial-btn-action-feature:hover{transform:translateY(-2px);box-shadow:0 6px 20px #99182a59}.tutorial-playlist-card{background:var(--color-surface-solid,#fff);border:1px solid var(--color-border);border-radius:var(--border-radius-xl,22px);padding:20px;box-shadow:0 10px 30px #0000000a}:root.dark .tutorial-playlist-card{background:#210b2da6}.tutorial-playlist-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.tutorial-playlist-header h3{color:var(--color-text);margin:0;font-size:1.05rem;font-weight:700}.tutorial-playlist-count{color:var(--color-primary);background:var(--color-primary-light,#fdf2f4);border-radius:6px;padding:2px 8px;font-size:.74rem;font-weight:700}.tutorial-video-list{flex-direction:column;gap:10px;max-height:600px;padding-right:4px;display:flex;overflow-y:auto}.tutorial-video-list::-webkit-scrollbar{width:5px}.tutorial-video-list::-webkit-scrollbar-thumb{background:#99182a33;border-radius:999px}.tutorial-video-item{background:var(--color-surface);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:14px;gap:12px;padding:10px;transition:all .2s;display:flex}.tutorial-video-item:hover{background:#99182a0d;border-color:#99182a26;transform:translate(3px)}.tutorial-video-item.is-active{background:var(--color-primary-light,#fdf2f4);border-color:var(--color-primary,#99182a);box-shadow:0 4px 12px #99182a1a}:root.dark .tutorial-video-item.is-active{background:#99182a33}.tutorial-thumb-box{background:#000;border-radius:8px;flex-shrink:0;width:90px;height:54px;position:relative;overflow:hidden}.tutorial-thumb-img{object-fit:cover;width:100%;height:100%}.tutorial-thumb-duration{color:#fff;background:#000c;border-radius:4px;padding:1px 4px;font-size:.62rem;font-weight:700;position:absolute;bottom:3px;right:3px}.tutorial-item-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.tutorial-item-top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.tutorial-item-part{color:var(--color-primary);text-transform:uppercase;font-size:.68rem;font-weight:700}.tutorial-item-playing{color:#059669;align-items:center;gap:3px;font-size:.65rem;font-weight:800;display:inline-flex}.tutorial-item-title{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.82rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}@media (width<=960px){.tutorial-layout{grid-template-columns:1fr}.tutorial-video-list{max-height:400px}}@media (width<=640px){.tutorial-page{padding:16px 12px 60px}.tutorial-title{font-size:1.6rem}.tutorial-player-body{padding:16px}.tutorial-active-title{font-size:1.2rem}.tutorial-nav-controls{flex-direction:column;align-items:stretch}.tutorial-btn-action-feature{order:-1;justify-content:center}}.auth-container{background-color:var(--color-background);min-height:100vh;padding:var(--spacing-6);background-image:radial-gradient(at 0 0,#99182a0f 0,#0000 50%),radial-gradient(at 100% 100%,#3110420f 0,#0000 50%);justify-content:center;align-items:center;transition:background-color .3s;display:flex;position:relative}:root.dark .auth-container{background-color:#14081b;background-image:radial-gradient(at 5% 10%,#99182a26 0,#0000 45%),radial-gradient(at 95% 90%,#31104240 0,#0000 45%)}.auth-top-controls{z-index:20;align-items:center;gap:8px;display:flex;position:absolute;top:24px;right:24px}.auth-control-pill{border-radius:var(--border-radius-full);background:var(--color-surface-solid);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.auth-control-pill:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.auth-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);-webkit-backdrop-filter:blur(16px);width:100%;max-width:430px;padding:38px 32px 32px;transition:all .3s;animation:.45s cubic-bezier(.16,1,.3,1) both welcomeSlideUp;box-shadow:0 25px 60px -15px #411b1714,0 0 35px #99182a0a}:root.dark .auth-card{background:#210b2dd9;border-color:#f7ccd626;box-shadow:0 30px 70px -15px #000000e6,0 0 30px #99182a33}.auth-header{text-align:center;margin-bottom:24px}.auth-logo-wrapper{justify-content:center;align-items:center;margin-bottom:14px;display:flex}.auth-brand-logo{filter:drop-shadow(0 8px 20px #99182a2e);width:140px;max-width:160px;height:auto;transition:transform .3s cubic-bezier(.16,1,.3,1);display:block}.auth-brand-logo:hover{transform:scale(1.04)}.auth-title{font-family:var(--font-title);color:var(--color-text);letter-spacing:-.3px;margin:0 0 6px;font-size:1.55rem;font-weight:700}.auth-subtitle{color:var(--color-text-muted);margin:0;font-size:.88rem;line-height:1.5}.auth-form{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.input-group{flex-direction:column;gap:6px;display:flex}.auth-label{color:var(--color-text);font-size:.82rem;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--color-primary);opacity:.85;position:absolute;left:14px}.auth-input{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);width:100%;font-family:var(--font-body);color:var(--color-text);background-color:var(--color-background);box-sizing:border-box;padding:12px 14px 12px 42px;font-size:.92rem;transition:all .2s}.auth-input::placeholder{color:var(--color-text-muted);opacity:.6}.auth-input:focus{border-color:var(--color-primary);background-color:var(--color-surface-solid);outline:none;box-shadow:0 0 0 3px #99182a26}.auth-input.password-input{padding-right:44px}.password-toggle{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px}.password-toggle:hover{color:var(--color-primary)}.auth-submit-btn{border-radius:var(--border-radius-full);background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:13px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 8px 20px -4px #99182a59}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px -4px #99182a73}.auth-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.auth-divider{text-align:center;align-items:center;margin:18px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--color-border);flex:1}.auth-divider span{color:var(--color-text-muted);letter-spacing:.5px;padding:0 12px;font-size:.78rem;font-weight:600}.btn-google{background-color:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-full);width:100%;color:var(--color-text);font-family:var(--font-body);box-shadow:var(--shadow-sm);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:11px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-google:hover{border-color:var(--color-primary);box-shadow:var(--shadow);transform:translateY(-1px)}.btn-google:disabled{opacity:.65;cursor:not-allowed;transform:none}.google-icon{width:18px;height:18px}.auth-footer{text-align:center;color:var(--color-text-muted);margin-top:22px;font-size:.88rem}.btn-text-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;margin-left:6px;font-size:.88rem;font-weight:600;transition:opacity .2s}.btn-text-link:hover{text-decoration:underline}.alert-box{border-radius:var(--border-radius-lg);margin-bottom:16px;padding:12px 14px;font-size:.85rem;line-height:1.4}.alert-box.error{color:var(--color-danger);background-color:#ef44441a;border:1px solid #ef444440}.alert-box.success{color:var(--color-success);background-color:#10b9811a;border:1px solid #10b98140}@media (width<=480px){.auth-top-controls{top:16px;right:16px}.auth-card{padding:30px 20px 24px}}.auth-purchase-banner-compact{border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#99182a0d 0%,#f7ccd638 100%);border:1px solid #99182a29;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:12px 16px;display:flex}:root.dark .auth-purchase-banner-compact{background:linear-gradient(135deg,#99182a38 0%,#31104273 100%);border-color:#f7ccd633}.auth-purchase-compact-info{text-align:left;flex-direction:column;gap:3px;display:flex}.auth-purchase-badge{border-radius:var(--border-radius-full);background:var(--color-primary);color:#fff;letter-spacing:.05em;text-transform:uppercase;align-items:center;width:fit-content;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-flex}.auth-purchase-compact-title{color:var(--color-text);font-size:.85rem;font-weight:700;font-family:var(--font-title)}:root.dark .auth-purchase-compact-title{color:#fff}.btn-auth-purchase-compact{border-radius:var(--border-radius-full);background:var(--color-primary);white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 12px #99182a33;color:#fff!important}.btn-auth-purchase-compact:hover{background:#801221;transform:translateY(-1px);box-shadow:0 6px 16px #99182a52;color:#fff!important}.auth-inline-purchase-link{color:var(--color-primary);align-items:center;gap:4px;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.auth-inline-purchase-link:hover{text-decoration:underline}.join-container{background-color:var(--color-background);box-sizing:border-box;background-image:radial-gradient(at 0 0,#99182a1f 0,#0000 50%),radial-gradient(at 100% 100%,#7c3aed14 0,#0000 50%);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;transition:background-color .3s;display:flex;position:relative}:root.dark .join-container{background-color:#07090f;background-image:radial-gradient(at 5% 10%,#99182a24 0,#0000 45%),radial-gradient(at 95% 90%,#7c3aed1f 0,#0000 45%)}.join-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-xl,20px);-webkit-backdrop-filter:blur(16px);text-align:center;box-sizing:border-box;width:100%;max-width:440px;padding:32px 24px 28px;animation:.45s cubic-bezier(.16,1,.3,1) both welcomeSlideUp;position:relative;box-shadow:0 20px 50px -15px #0000001f,0 0 35px #99182a14}.join-logo-wrapper{justify-content:center;margin-bottom:16px;display:flex}.join-logo-img{object-fit:contain;filter:drop-shadow(0 4px 14px #99182a47);width:auto;height:72px;transition:transform .3s}.join-logo-img:hover{transform:scale(1.04)}.join-icon-badge{width:54px;height:54px;color:var(--color-primary);background:linear-gradient(135deg,#99182a29,#f7ccd647);border:2px solid #99182a40;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;display:flex;box-shadow:0 6px 16px #99182a2e}.join-title{color:var(--color-text);letter-spacing:-.02em;margin-bottom:6px;font-family:Poppins,sans-serif;font-size:1.35rem;font-weight:700}.join-subtitle{color:var(--color-text-secondary);margin-bottom:18px;font-size:.88rem;line-height:1.45}.join-details-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg,14px);text-align:left;margin-bottom:18px;padding:16px 18px;box-shadow:inset 0 2px 4px #00000005}.join-couple-name{color:var(--color-primary);text-align:center;margin-bottom:10px;font-family:Poppins,sans-serif;font-size:1.15rem;font-weight:700}.join-info-row{color:var(--color-text-secondary);align-items:center;gap:10px;margin-bottom:7px;font-size:.84rem;display:flex}.join-info-row:last-child{margin-bottom:0}.join-info-icon{color:var(--color-primary);flex-shrink:0}.join-role-pill{border-radius:9999px;align-items:center;gap:6px;padding:3px 10px;font-size:.76rem;font-weight:600;display:inline-flex}.join-role-pill.editor{color:#10b981;background:#10b9811f;border:1px solid #10b9814d}.join-role-pill.viewer{color:#8b5cf6;background:#8b5cf61f;border:1px solid #8b5cf64d}.join-input-name{border-radius:var(--border-radius-md,10px);border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);box-sizing:border-box;outline:none;padding:11px 14px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.join-input-name:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #99182a1f}.join-auth-prompt-card{border:1px solid var(--color-border);border-radius:var(--border-radius-lg,14px);background:#99182a08;margin-top:4px;padding:16px 14px}.join-auth-prompt-text{color:var(--color-text-muted);text-align:center;margin-bottom:14px;font-size:.82rem;line-height:1.45}.join-btn-stack{flex-direction:column;gap:10px;display:flex}.join-action-btn{color:#fff;border-radius:var(--border-radius-lg,12px);cursor:pointer;box-sizing:border-box;background:linear-gradient(135deg,#99182a 0%,#d84d63 100%);border:none;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px 18px;font-family:Poppins,sans-serif;font-size:.94rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 20px -4px #99182a66}.join-action-btn:hover:not(:disabled){background:linear-gradient(135deg,#a82033 0%,#e0486d 100%);transform:translateY(-2px);box-shadow:0 12px 24px -4px #99182a80}.join-action-btn:active:not(:disabled){transform:scale(.98)}.join-action-btn:disabled{opacity:.7;cursor:not-allowed}.join-secondary-btn{width:100%;min-height:44px;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--border-radius-lg,12px);cursor:pointer;box-sizing:border-box;background:0 0;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.86rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.join-secondary-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#99182a0a}.join-authenticated-prompt{flex-direction:column;gap:10px;display:flex}.join-session-pill{color:#059669;background:#10b98114;border:1px solid #10b98140;border-radius:9999px;justify-content:center;align-items:center;gap:8px;margin-bottom:4px;padding:8px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.join-success-box{border-radius:var(--border-radius-lg,14px);text-align:left;background:#10b98114;border:1px solid #10b9814d;align-items:center;gap:14px;margin-bottom:12px;padding:20px 16px;display:flex}.join-success-box h4{color:#059669;margin-bottom:2px;font-size:.95rem}.join-success-box p{color:var(--color-text-secondary);margin:0;font-size:.82rem}.join-error-box{color:#99182a;border-radius:var(--border-radius-md,8px);text-align:left;background:#99182a1a;border:1px solid #99182a40;margin-bottom:16px;padding:10px 14px;font-size:.84rem}.join-code-input{border-radius:var(--border-radius-md,10px);border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);text-align:center;letter-spacing:2px;box-sizing:border-box;margin-bottom:14px;padding:12px 16px;font-size:1.05rem;font-weight:700}.join-loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=480px){.join-container{padding:16px 12px}.join-card{border-radius:18px;padding:24px 18px 22px}.join-logo-img{height:60px}.join-icon-badge{width:48px;height:48px;margin-bottom:10px}.join-title{font-size:1.25rem}.join-subtitle{margin-bottom:14px;font-size:.82rem}.join-details-box{margin-bottom:14px;padding:14px}.join-couple-name{font-size:1.05rem}.join-action-btn{min-height:46px;padding:11px 16px;font-size:.9rem}.join-secondary-btn{min-height:42px;font-size:.82rem}}.admin-page{padding:var(--spacing-6,24px);max-width:1360px;min-height:100vh;margin:0 auto}.admin-toast{color:#f8fafc;z-index:1000;background:#1e1b24;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:10px;padding:12px 20px;font-size:.9rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) slideInToast;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 25px -5px #0000004d}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.admin-badge{color:var(--color-primary,#99182a);text-transform:uppercase;letter-spacing:.5px;background:#99182a1f;border-radius:9999px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.admin-header-title h1{color:var(--color-text,#1e1b24);margin:0 0 6px;font-size:1.8rem;font-weight:700}.admin-header-title p{color:var(--color-text-secondary,#64748b);max-width:600px;margin:0;font-size:.95rem}.admin-header-actions{align-items:center;gap:12px;display:flex}.btn-admin-primary{background:var(--color-primary,#99182a);color:#fff;border-radius:var(--border-radius-md,10px);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #99182a40}.btn-admin-primary:hover{background:var(--color-primary-dark,#801423);transform:translateY(-1px)}.btn-admin-secondary{background:var(--color-surface,#fff);color:var(--color-text,#1e1b24);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-md,10px);cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-admin-secondary:hover{background:var(--color-background,#f8fafc);border-color:var(--color-primary,#99182a);color:var(--color-primary,#99182a)}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.admin-stat-card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-lg,14px);align-items:center;gap:16px;padding:18px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #0000000a}.admin-stat-card:hover{box-shadow:var(--shadow-md,0 12px 24px -4px #00000014);border-color:#99182a40;transform:translateY(-4px)}.stat-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-icon-wrapper.total{color:#64748b;background:#64748b1a}.stat-icon-wrapper.active{color:#16a34a;background:#22c55e1a}.stat-icon-wrapper.used{color:#2563eb;background:#3b82f61a}.stat-icon-wrapper.paid{color:#ca8a04;background:#eab3081f}.stat-content{flex-direction:column;display:flex}.stat-label{color:var(--color-text-secondary,#64748b);margin-bottom:2px;font-size:.8rem;font-weight:500}.stat-value{color:var(--color-text,#1e1b24);margin:0;font-size:1.5rem;font-weight:700}.admin-controls-card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-lg,14px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 18px;display:flex}.admin-search-box{background:var(--color-background,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-md,8px);flex:1;align-items:center;gap:10px;min-width:260px;padding:8px 14px;display:flex}.admin-search-box input{width:100%;color:var(--color-text,#1e1b24);background:0 0;border:none;outline:none;font-size:.9rem}.search-icon{color:#94a3b8}.btn-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px}.admin-filters{align-items:center;gap:10px;display:flex}.filter-item{background:var(--color-background,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-md,8px);align-items:center;gap:6px;padding:6px 12px;display:flex}.filter-item select{color:var(--color-text,#1e1b24);cursor:pointer;background:0 0;border:none;outline:none;font-size:.85rem}.btn-refresh{background:var(--color-background,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-md,8px);cursor:pointer;width:36px;height:36px;color:var(--color-text-secondary,#64748b);justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-refresh:hover{color:var(--color-primary,#99182a)}.spinning{animation:1s linear infinite spin}.admin-table-card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-lg,14px);overflow:hidden;box-shadow:0 1px 3px #0000000a}.admin-table-responsive{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;min-width:860px;font-size:.85rem}.admin-table th{background:var(--color-background,#f8fafc);color:var(--color-text-secondary,#64748b);border-bottom:1px solid var(--color-border,#e2e8f0);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:10px 12px;font-size:.76rem;font-weight:600}.sortable-th{transition:background-color .2s,color .2s}.sortable-th:hover{color:var(--color-primary,#99182a)!important;background-color:#99182a14!important}.sortable-th.active-sort{color:var(--color-primary,#99182a)!important;font-weight:700!important}.admin-table td{border-bottom:1px solid var(--color-border,#e2e8f0);vertical-align:middle;padding:10px 12px}.admin-table tr:last-child td{border-bottom:none}.code-pill-wrapper{align-items:center;gap:6px;display:flex}.code-pill{color:var(--color-primary,#99182a);letter-spacing:.5px;background:#99182a0f;border-radius:6px;padding:4px 8px;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.85rem;font-weight:700}.btn-copy-mini{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.btn-copy-mini:hover{color:var(--color-primary,#99182a);background:#0000000a}.type-badge{border-radius:9999px;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-block}.type-badge.type-trial{color:#2563eb;background:#3b82f61a}.type-badge.type-paid{color:#059669;background:#10b9811f}.cell-note{white-space:nowrap;text-overflow:ellipsis;max-width:220px;color:var(--color-text,#1e1b24);font-weight:500;overflow:hidden}.status-pill{border-radius:9999px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.status-pill.status-active{color:#16a34a;background:#22c55e1a}.status-pill.status-used{color:#64748b;background:#64748b1a}.status-pill.status-revoked{color:#99182a;background:#99182a1a}.status-pill.status-expired{color:#b45309;background:#f59e0b1f}.user-email-cell{color:var(--color-text,#1e1b24);align-items:center;font-size:.85rem;font-weight:500;display:flex}.date-cell{color:var(--color-text-secondary,#64748b);font-size:.82rem}.text-muted{color:#94a3b8;font-size:.85rem}.table-actions{white-space:nowrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.action-btn{border:1px solid var(--color-border,#e2e8f0);background:var(--color-surface,#fff);color:var(--color-text-secondary,#64748b);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:5px 8px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.action-btn:hover{background:var(--color-background,#f8fafc);color:var(--color-text,#1e1b24)}.action-btn.wa-btn{color:#fff;background:#25d366;border-color:#25d366}.action-btn.wa-btn:hover{background:#20b859}.action-btn.revoke-btn:hover{color:#99182a;background:#fdf2f4;border-color:#99182a4d}.action-btn.restore-btn{color:#16a34a}.action-btn.delete-btn:hover{color:#99182a;background:#fdf2f4;border-color:#99182a4d}.admin-table-empty,.admin-table-loading{text-align:center;color:var(--color-text-secondary,#64748b);padding:48px 24px}.empty-icon{color:#cbd5e1;margin-bottom:12px}.admin-table-empty h4{color:var(--color-text,#1e1b24);margin:0 0 6px;font-size:1rem}.admin-table-empty p{margin:0;font-size:.88rem}.admin-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.admin-modal-card{background:var(--color-surface,#fff);border-radius:var(--border-radius-lg,16px);width:100%;max-width:480px;animation:.2s cubic-bezier(.16,1,.3,1) modalPop;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.admin-modal-card.modal-wide{max-width:580px}@keyframes modalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--color-border,#e2e8f0);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-title-wrapper{align-items:center;gap:10px;display:flex}.modal-icon{color:var(--color-primary,#99182a)}.modal-title-wrapper h3{color:var(--color-text,#1e1b24);margin:0;font-size:1.1rem;font-weight:700}.btn-close-modal{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.admin-form{flex-direction:column;gap:16px;padding:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-row{gap:14px;display:flex}.flex-1{flex:1}.form-group label{color:var(--color-text,#1e1b24);font-size:.85rem;font-weight:600}.label-sub{color:#94a3b8;font-size:.78rem;font-weight:400}.form-group input,.form-group select{border:1px solid var(--color-border,#e2e8f0);background:var(--color-background,#f8fafc);color:var(--color-text,#1e1b24);border-radius:8px;outline:none;padding:10px 12px;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary,#99182a);background:var(--color-surface,#fff)}.type-toggle-group{grid-template-columns:1fr 1fr;gap:10px;display:grid}.toggle-btn{border:1px solid var(--color-border,#e2e8f0);background:var(--color-background,#f8fafc);color:var(--color-text-secondary,#64748b);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.toggle-btn.selected{border-color:var(--color-primary,#99182a);color:var(--color-primary,#99182a);background:#99182a14}.input-with-action{gap:8px;display:flex}.input-with-action input{flex:1}.btn-randomize{border:1px solid var(--color-border,#e2e8f0);background:var(--color-background,#f8fafc);color:var(--color-text,#1e1b24);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:.82rem;font-weight:600;display:inline-flex}.modal-info-text{color:var(--color-text-secondary,#64748b);margin:0;font-size:.88rem;line-height:1.5}.modal-footer{justify-content:flex-end;align-items:center;gap:10px;margin-top:8px;display:flex}.btn-cancel{border:1px solid var(--color-border,#e2e8f0);color:var(--color-text-secondary,#64748b);cursor:pointer;background:0 0;border-radius:8px;padding:10px 16px;font-size:.88rem;font-weight:600}.batch-result-container{padding:20px}.batch-result-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.batch-result-header h4{color:var(--color-text,#1e1b24);margin:0;font-size:1.05rem;font-weight:700}.batch-result-desc{color:var(--color-text-secondary,#64748b);margin:0 0 14px;font-size:.88rem}.batch-codes-textarea{border:1px solid var(--color-border,#e2e8f0);background:var(--color-background,#f8fafc);width:100%;color:var(--color-text,#1e1b24);resize:vertical;border-radius:8px;outline:none;margin-bottom:16px;padding:12px;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.6}.admin-unauthorized-container{justify-content:center;align-items:center;min-height:70vh;padding:24px;display:flex}.admin-unauthorized-card{text-align:center;background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:16px;max-width:440px;padding:40px 32px;box-shadow:0 4px 6px -1px #0000000d}.unauthorized-icon{color:#99182a;margin-bottom:16px}.admin-unauthorized-card h2{color:var(--color-text,#1e1b24);margin:0 0 8px;font-size:1.3rem}.admin-unauthorized-card p{color:var(--color-text-secondary,#64748b);margin:0;font-size:.9rem;line-height:1.5}@media (width<=768px){.admin-header{flex-direction:column;align-items:stretch}.admin-header-actions{justify-content:stretch}.admin-header-actions button{flex:1;justify-content:center}.admin-controls-card{flex-direction:column;align-items:stretch}.admin-filters{flex-wrap:wrap}}.admin-nav-tabs{border-bottom:2px solid var(--color-border,#e2e8f0);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:4px;display:flex}.admin-tab-btn{color:var(--color-text-secondary,#64748b);cursor:pointer;border-radius:var(--border-radius-md,8px);background:0 0;border:none;align-items:center;gap:8px;padding:10px 18px;font-size:.92rem;font-weight:600;transition:all .2s;display:inline-flex;position:relative}.admin-tab-btn:hover{color:var(--color-primary,#99182a);background:#99182a0a}.admin-tab-btn.active{color:var(--color-primary,#99182a);background:#99182a14}.admin-tab-btn.active:after{content:"";background:var(--color-primary,#99182a);border-radius:3px;height:3px;position:absolute;bottom:-6px;left:12px;right:12px}.admin-tab-pill{color:var(--color-text-secondary,#64748b);background:#64748b1f;border-radius:9999px;padding:2px 7px;font-size:.75rem;font-weight:700;transition:all .2s}.admin-tab-btn.active .admin-tab-pill{background:var(--color-primary,#99182a);color:#fff}.user-profile-cell{align-items:center;gap:12px;display:flex}.user-avatar-img{object-fit:cover;border:1.5px solid var(--color-border,#e2e8f0);border-radius:50%;width:36px;height:36px}.user-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#99182a,#6b1424);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.88rem;font-weight:700;display:flex;box-shadow:0 2px 5px #99182a33}.user-info-text{flex-direction:column;display:flex}.user-name-line{align-items:center;gap:6px;display:flex}.user-display-name{color:var(--color-text,#1e1b24);font-size:.9rem;font-weight:600}.self-badge{color:#16a34a;text-transform:uppercase;background:#22c55e1f;border-radius:9999px;padding:1px 6px;font-size:.68rem;font-weight:700}.user-email-row{align-items:center;gap:5px;margin-top:1px;display:flex}.user-email-sub{color:var(--color-text-secondary,#64748b);font-size:.76rem}.provider-mini-badge{background:var(--color-background,#f1f5f9);border:1px solid var(--color-border,#e2e8f0);width:17px;height:17px;color:var(--color-text-secondary,#64748b);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.provider-pill{background:var(--color-background,#f8fafc);border:1px solid var(--color-border,#e2e8f0);color:var(--color-text-secondary,#64748b);border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.78rem;font-weight:600;display:inline-flex}.wedding-info-cell{flex-direction:column;gap:2px;display:flex}.couple-names{color:var(--color-text,#1e1b24);font-size:.88rem;font-weight:600}.wedding-date-sub{color:var(--color-text-secondary,#64748b);align-items:center;gap:4px;font-size:.75rem;display:flex}.type-badge.type-standard{color:#64748b;background:#64748b1a}.role-badge{border-radius:9999px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.role-badge.role-admin{color:#b45309;background:#eab30826;border:1px solid #eab3084d}.role-badge.role-user{color:#64748b;background:#64748b14}.table-row-admin{background:#fef3c71f}.grant-admin-btn{color:#b45309}.grant-admin-btn:hover{color:#92400e;background:#fef3c7;border-color:#fcd34d}.revoke-admin-btn{color:#99182a}.revoke-admin-btn:hover{color:#7f1322;background:#fdf2f4;border-color:#99182a4d}.grant-access-group{align-items:center;gap:4px;display:flex}.grant-trial-btn{color:#2563eb;background:#2563eb0f;border-color:#2563eb33}.grant-trial-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.grant-paid-btn{color:#059669;background:#0596690f;border-color:#05966933}.grant-paid-btn:hover{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.revoke-access-btn{color:#ea580c;background:#ea580c0f;border-color:#ea580c33}.revoke-access-btn:hover{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.type-badge.type-locked{color:#99182a;background:#99182a1a;border:1px solid #99182a33}.type-badge.type-expired{color:#b45309;background:#f59e0b1f;border:1px solid #f59e0b40}.admin-product-cell{align-items:center;gap:12px;max-width:380px;display:flex}.admin-product-thumb{object-fit:cover;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;width:44px;height:44px}.admin-product-details{flex-direction:column;gap:2px;min-width:0;display:flex}.admin-product-title{color:var(--color-text,#1e1b24);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.admin-product-brand{color:#64748b;text-transform:uppercase;letter-spacing:.02em;font-size:.72rem;font-weight:700}.admin-category-badge{color:#475569;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:.76rem;font-weight:600;display:inline-block}.admin-price-cell{color:var(--color-primary,#99182a);white-space:nowrap;font-size:.9rem;font-weight:700}.admin-link-btn{color:#0284c7;white-space:nowrap;background:#0284c714;border:1px solid #0284c733;border-radius:5px;align-items:center;gap:5px;padding:4px 9px;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.admin-link-btn:hover{color:#0369a1;background:#0284c726}.tier-badge-hemat{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.tier-badge-populer{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.tier-badge-premium{color:#99182a;background:#99182a14;border:1px solid #99182a33}.admin-image-preview-group{background:#faf7f8;border:1px dashed #e2d9db;border-radius:8px;align-items:center;gap:12px;margin-top:6px;padding:10px;display:flex}.admin-image-preview-box{background:#fff;border:1px solid #d5ccd0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex;overflow:hidden}.admin-image-preview-box img{object-fit:cover;width:100%;height:100%}.admin-image-preview-help{color:#64748b;font-size:.75rem;line-height:1.35}.btn-edit-action{color:#0284c7;background:#0284c70f;border-color:#0284c733}.btn-edit-action:hover{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.btn-delete-action{color:#99182a;background:#99182a0f;border-color:#99182a33}.btn-delete-action:hover{color:#7f1322;background:#fdf2f4;border-color:#99182a4d}.btn-export-csv{color:var(--color-text,#1e1b24);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-md,8px);cursor:pointer;white-space:nowrap;background:#fff;align-items:center;gap:7px;padding:8px 14px;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-export-csv:hover{color:var(--color-primary,#99182a);background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.action-btn.view-detail-btn{color:#0d9488;background:#0d948814;border-color:#0d948840}.action-btn.view-detail-btn:hover{color:#0f766e;background:#0d948829;border-color:#0d9488}.user-detail-card{width:95%;max-width:620px;max-height:90vh;overflow-y:auto}.user-detail-header-block{background:linear-gradient(135deg,#fff8f9 0%,#faf5f6 50%,#fdf2f4 100%);border:1px solid #fed7dc;border-radius:14px;align-items:center;gap:16px;margin-bottom:20px;padding:18px 20px;display:flex;box-shadow:0 2px 10px #99182a0a}.user-detail-avatar{object-fit:cover;border:3px solid #fff;border-radius:50%;flex-shrink:0;width:62px;height:62px;box-shadow:0 4px 12px #99182a1f}.user-detail-avatar-placeholder{background:linear-gradient(135deg, var(--color-primary,#99182a), #d93d56);color:#fff;border:3px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:62px;height:62px;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 4px 12px #99182a26}.user-detail-info{flex:1;min-width:0}.user-detail-info h3{color:var(--color-text,#1e1b24);margin:0 0 4px;font-size:1.2rem;font-weight:700}.user-detail-badges{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.user-detail-provider-badge{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:.74rem;font-weight:600;line-height:1.2;display:inline-flex}.user-activity-section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.user-activity-section-header .section-title{text-transform:uppercase;letter-spacing:.6px;color:#64748b;align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:flex}.user-activity-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}@media (width<=520px){.user-activity-grid{grid-template-columns:repeat(2,1fr)}}.user-activity-item{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:14px 10px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000005}.user-activity-item:before{content:"";background:var(--item-accent,#99182a);height:3px;position:absolute;top:0;left:0;right:0}.user-activity-item:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.user-activity-icon-wrap{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:2px;display:flex}.user-activity-count{color:#1e1b24;font-feature-settings:"tnum";font-size:1.5rem;font-weight:800;line-height:1.1}.user-activity-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:700}.user-detail-section{border:1px solid var(--color-border,#e2e8f0);background:#fff;border-radius:12px;margin-bottom:16px;padding:16px 18px;box-shadow:0 1px 3px #00000005}.user-detail-section h4{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text,#1e1b24);border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;margin:0 0 12px;padding-bottom:8px;font-size:.86rem;font-weight:700;display:flex}.user-detail-row{border-bottom:1px dashed #f1f5f9;justify-content:space-between;align-items:center;padding:8px 0;font-size:.86rem;display:flex}.user-detail-row:last-child{border-bottom:none}.user-detail-row .detail-key{color:var(--color-text-secondary,#64748b);align-items:center;gap:6px;display:flex}.user-detail-row .detail-val{color:var(--color-text,#1e1b24);font-weight:600}.id-mono-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.id-mono-box code{color:#334155;letter-spacing:-.3px;font-family:SF Mono,Fira Code,Menlo,monospace;font-size:.76rem}.btn-copy-id{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px 4px;transition:all .15s;display:inline-flex}.btn-copy-id:hover{color:var(--color-primary,#99182a);background:#99182a14}.modal-quick-actions{border-top:1px solid var(--color-border,#e2e8f0);flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;display:flex}.btn-modal-action{cursor:pointer;border:1px solid var(--color-border,#cbd5e1);min-width:120px;color:var(--color-text,#1e1b24);background:#fff;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-modal-action:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.announcement-callout-box{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:.84rem;line-height:1.45;display:flex}.announcement-toggle-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px 16px;transition:all .2s;display:flex}.announcement-toggle-card.is-active{background:#f0fdf4;border-color:#bbf7d0}.announcement-toggle-info{flex-direction:column;gap:3px;display:flex}.announcement-toggle-title{color:#1e1b24;font-size:.88rem;font-weight:700}.announcement-toggle-sub{color:#64748b;font-size:.77rem;line-height:1.3}.amara-switch{flex-shrink:0;width:46px;height:25px;display:inline-block;position:relative}.amara-switch input{opacity:0;width:0;height:0}.amara-slider{cursor:pointer;background-color:#cbd5e1;border-radius:25px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.amara-slider:before{content:"";background-color:#fff;border-radius:50%;width:19px;height:19px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #00000026}.amara-switch input:checked+.amara-slider{background-color:#10b981}.amara-switch input:checked+.amara-slider:before{transform:translate(21px)}.form-row-2col{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=520px){.form-row-2col{grid-template-columns:1fr}}.announcement-preview-card{background:#fafaf9;border:1px dashed #d6d3d1;border-radius:10px;margin-top:16px;padding:12px 14px}.announcement-preview-header{text-transform:uppercase;letter-spacing:.5px;color:#78716c;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.72rem;font-weight:700;display:flex}.announcement-preview-banner{color:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:.84rem;font-weight:500;display:flex;box-shadow:0 2px 8px #0000001a}.announcement-preview-banner a{color:#fff;align-items:center;gap:4px;margin-left:6px;font-weight:700;text-decoration:underline;display:inline-flex}.announcement-banner-card{border:1px solid var(--color-border,#e2e8f0);background:#fff;border-radius:12px;margin-bottom:24px;padding:18px 20px;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000008}.announcement-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.announcement-card-title{color:var(--color-text,#1e1b24);align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.sales-badge-lynk{color:#059669;background:#10b9811a;border:1px solid #10b98140;border-radius:9999px;align-items:center;gap:4px;padding:3px 8px;font-size:.76rem;font-weight:700;display:inline-flex}.landing-container{min-height:100vh;color:var(--color-text);font-family:var(--font-body);background-color:#fff9fa;background-image:radial-gradient(circle at 6% 14%,#f7ccd6bf 0,#0000 420px),radial-gradient(circle at 94% 18%,#f7ccd6bf 0,#0000 420px),radial-gradient(circle at 4% 68%,#f7ccd6a6 0,#0000 460px),radial-gradient(circle at 96% 65%,#f7ccd6a6 0,#0000 460px);position:relative;overflow-x:hidden}:root.dark .landing-container{background-color:#14081b;background-image:radial-gradient(circle at 6% 14%,#ba243a38 0,#0000 420px),radial-gradient(circle at 94% 18%,#31104266 0,#0000 420px),radial-gradient(circle at 4% 68%,#ba243a2e 0,#0000 460px),radial-gradient(circle at 96% 65%,#31104266 0,#0000 460px)}.landing-header{z-index:100;-webkit-backdrop-filter:blur(16px);background:#faf7f8d1;border-bottom:1px solid #0000;transition:all .35s;position:sticky;top:0;left:0;right:0}.landing-header.scrolled{border-bottom:1px solid var(--color-border);box-shadow:0 2px 20px #99182a0f}:root.dark .landing-header{background:#14081be0;border-bottom-color:#f7ccd61a}.landing-nav{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:14px 24px;display:flex}.landing-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.landing-logo-img{object-fit:contain;width:auto;height:38px;transition:opacity .2s}:root.dark .landing-logo-img{content:url(/amara-logo-horizontal-white.png)}.landing-nav-links{align-items:center;gap:32px;display:flex}.landing-nav-link{color:var(--color-text);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:.9rem;font-weight:500;transition:color .2s}.landing-nav-link:hover{color:var(--color-primary)}.landing-nav-actions{align-items:center;gap:10px;display:flex}.btn-nav-login{border-radius:var(--border-radius-full);color:var(--color-text);border:1.5px solid var(--color-border);cursor:pointer;white-space:nowrap;background:0 0;padding:8px 20px;font-size:.88rem;font-weight:600;transition:all .25s}.btn-nav-login:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-nav-cta{border-radius:var(--border-radius-full);background:var(--gradient-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;padding:8px 22px;font-size:.88rem;font-weight:700;transition:all .25s;box-shadow:0 4px 14px #99182a40}.btn-nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px #99182a66}.landing-mobile-toggle{color:var(--color-text);cursor:pointer;background:0 0;border:none;padding:6px;display:none}.hero-mobile-trust-pill,.mobile-tag-text,.mobile-title-text,.mobile-subtitle-text,.mobile-demo-appbar,.mobile-collab-highlights,.mission-mobile-header,.landing-mobile-sticky-cta,.mobile-coachmark-card{display:none!important}.desktop-tag-text,.desktop-title-text,.desktop-subtitle-text{display:inline}.desktop-only-mission-header{display:block}.hero-section{background:radial-gradient(55% 55% at 0 12%,#f7ccd699 0%,#fef2f459 45%,#0000 75%);position:relative;overflow:hidden}:root.dark .hero-section{background:0 0}.hero-inner{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:36px;max-width:1200px;margin:0 auto;padding:80px 24px 70px;display:grid;position:relative}.hero-content{text-align:left}.hero-title{letter-spacing:-.03em;color:#1f1a1c;font-size:3.3rem;font-weight:800;line-height:1.15;font-family:"Poppins", var(--font-family-base);margin-bottom:22px}:root.dark .hero-title{color:#fff}.hero-title-highlight{color:var(--color-primary);background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:initial;display:inline-block}.hero-subtitle{color:#4a4a4a;max-width:530px;margin-bottom:34px;font-size:1.02rem;font-weight:400;line-height:1.7}.hero-subtitle strong{color:var(--color-text,#1f1a1c);font-weight:700}:root.dark .hero-subtitle{color:#ffffffbf}:root.dark .hero-subtitle strong{color:#fff}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.btn-hero-primary{border-radius:var(--border-radius-full);background:var(--color-primary);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;padding:15px 32px;font-size:1.02rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 10px 26px #99182a59}.btn-hero-primary:hover{background:#801221;transform:translateY(-2px);box-shadow:0 14px 32px #99182a73}.btn-hero-secondary{border-radius:var(--border-radius-full);color:var(--color-primary);border:1.8px solid var(--color-primary);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:10px;padding:13px 28px;font-size:1.02rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #99182a14}:root.dark .btn-hero-secondary{border-color:var(--color-primary);color:#fff;background:#31104299}.btn-hero-secondary:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 6px 20px #99182a29}.btn-play-badge{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding-left:2px;display:inline-flex}.hero-trust-badges{align-items:center;gap:20px;display:flex}.hero-trust-item{color:var(--color-text-muted);align-items:center;gap:6px;font-size:.82rem;font-weight:500;display:flex}.hero-trust-item svg{color:var(--color-primary)}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-phone-wrapper{width:100%;max-width:480px;height:auto;box-shadow:none;background:0 0;border-radius:0;justify-content:center;align-items:center;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:visible}.hero-phone-img{-webkit-user-select:none;user-select:none;width:100%;max-width:480px;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;backface-visibility:hidden;filter:drop-shadow(0 20px 45px #99182a29);transition:transform .5s cubic-bezier(.16,1,.3,1),filter .5s;display:block;transform:translateZ(0)}.hero-phone-wrapper:hover .hero-phone-img{filter:drop-shadow(0 28px 55px #99182a3d);transform:translateY(-6px)scale(1.01)translateZ(0)}.hero-real-mobile-phone{-webkit-user-select:none;user-select:none;background:#1f1a1c;border-radius:40px;width:320px;padding:12px;position:relative;overflow:hidden;box-shadow:0 25px 60px -10px #99182a59,0 0 0 4px #2d2427,0 0 0 5px #ffffff1a}:root.dark .hero-real-mobile-phone{background:#0e0513;box-shadow:0 30px 70px -10px #000c,0 0 0 4px #260c33,0 0 0 5px #f7ccd626}.phone-speaker-notch{z-index:10;background:#110d0f;border-radius:20px;width:90px;height:18px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.phone-screen{background:var(--color-background);border-radius:30px;flex-direction:column;gap:10px;min-height:480px;padding:34px 14px 14px;display:flex;position:relative;overflow:hidden}.phone-status-bar{color:var(--color-text);justify-content:space-between;align-items:center;padding:0 6px 4px;font-size:.68rem;font-weight:700;display:flex}.phone-status-icons{align-items:center;gap:5px;display:flex}.phone-status-dot{background:var(--color-primary);border-radius:50%;width:6px;height:6px}.phone-status-battery{border:1px solid var(--color-text-muted);border-radius:2px;width:14px;height:8px;position:relative}.phone-status-battery:after{content:"";background:#10b981;border-radius:1px;width:8px;height:4px;position:absolute;top:1px;left:1px}.phone-app-header{justify-content:space-between;align-items:center;padding:4px 2px;display:flex}.phone-logo{width:auto;height:20px}.phone-couple-badge{background:var(--color-surface-solid);border-radius:var(--border-radius-full);border:1px solid var(--color-border);align-items:center;gap:6px;padding:3px 8px;display:flex}.phone-avatar-dot{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.58rem;font-weight:800;display:flex}.phone-couple-title{color:var(--color-text);font-size:.68rem;font-weight:700}.phone-countdown-card{background:var(--gradient-primary);color:#fff;text-align:center;border-radius:16px;flex-direction:column;align-items:center;padding:12px 14px;display:flex;box-shadow:0 6px 16px #99182a40}.phone-card-tag{letter-spacing:.08em;opacity:.85;font-size:.58rem;font-weight:700}.phone-countdown-val{font-size:1.55rem;font-weight:800;font-family:var(--font-title);margin:2px 0;line-height:1.15}.phone-countdown-sub{opacity:.9;font-size:.64rem}.phone-progress-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.phone-progress-top{color:var(--color-text);justify-content:space-between;align-items:center;font-size:.72rem;font-weight:700;display:flex}.phone-progress-pct{color:var(--color-primary);font-size:.82rem}.phone-progress-bar-bg{background:#99182a1a;border-radius:10px;width:100%;height:5px;overflow:hidden}.phone-progress-bar-fill{background:var(--gradient-primary);border-radius:10px;height:100%}.phone-partner-bars{flex-direction:column;gap:3px;margin-top:2px;display:flex}.partner-bar-row{color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:.64rem;display:flex}.partner-bar-row span:last-child{color:var(--color-text);font-weight:600}.phone-mini-budget{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:14px;padding:10px 12px}.phone-budget-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.pbudget-label{color:var(--color-text-muted);font-size:.64rem;font-weight:600}.pbudget-tag{color:#059669;background:#10b9811a;border-radius:20px;padding:1px 6px;font-size:.6rem;font-weight:700}.pbudget-val{color:var(--color-primary);font-size:.95rem;font-weight:800}.pbudget-max{color:var(--color-text-muted);font-size:.72rem;font-weight:500}.phone-bottom-nav{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:18px;justify-content:space-around;align-items:center;margin-top:auto;padding:6px 4px;display:flex}.phone-nav-item{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:2px;font-size:.58rem;font-weight:600;display:flex}.phone-nav-item.active{color:var(--color-primary)}.phone-nav-item svg{stroke-width:2.2px}.hero-floating-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-radius:14px;align-items:center;gap:10px;padding:12px 18px;animation:4s ease-in-out infinite float-badge;display:flex;position:absolute;bottom:20px;left:-20px;box-shadow:0 12px 30px #0000001f}:root.dark .hero-floating-badge{background:#311042e6;border:1px solid #f7ccd633}@keyframes float-badge{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.floating-badge-icon{background:var(--gradient-primary);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.floating-badge-title{color:var(--color-text);font-size:.82rem;font-weight:700}.floating-badge-desc{color:var(--color-text-muted);font-size:.72rem}.features-section{max-width:1200px;margin:80px auto;padding:0 24px}.section-header{text-align:center;margin-bottom:48px}.section-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);background:var(--color-primary-light);border-radius:var(--border-radius-full);border:1px solid #99182a26;margin-bottom:12px;padding:5px 16px;font-size:.8rem;font-weight:700;display:inline-block}.section-tag-clean{letter-spacing:.08em;font-size:.88rem;font-weight:700;color:var(--color-primary)!important;background:0 0!important;border:none!important;padding:0!important}:root.dark .section-tag{color:var(--color-secondary);background:#f7ccd61a;border-color:#f7ccd633}.section-title{color:var(--color-text);letter-spacing:-.02em;margin-bottom:14px;font-size:2.2rem;font-weight:800;line-height:1.25}.section-subtitle{color:var(--color-text-muted);max-width:680px;margin:0 auto;font-size:1rem;line-height:1.6}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:28px 24px;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.feature-card:hover{box-shadow:var(--shadow-md);border-color:#99182a40;transform:translateY(-6px)}.feature-icon-wrapper{background:var(--gradient-primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex;box-shadow:0 4px 14px #99182a40}.feature-title{color:var(--color-text);margin-bottom:8px;font-size:1.08rem;font-weight:700}.feature-desc{color:var(--color-text-muted);font-size:.88rem;line-height:1.55}.preview-section{z-index:1;max-width:1280px;margin:0 auto 96px;padding:0 24px;position:relative}.preview-tabs{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;display:flex}.preview-tab-btn{border-radius:var(--border-radius-full);background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .25s;display:flex}.preview-tab-btn:hover{color:var(--color-primary);border-color:#99182a4d}.preview-tab-btn.active{background:var(--gradient-primary);color:#fff;border-color:#0000;box-shadow:0 4px 16px #99182a4d}.preview-window-frame{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:18px;transition:all .4s;overflow:hidden;box-shadow:0 25px 60px -15px #99182a26,0 0 0 1px #99182a0a}:root.dark .preview-window-frame{background:#1b0a26;border-color:#f7ccd626;box-shadow:0 30px 70px -15px #000000e6,0 0 30px #99182a33}.window-bar{border-bottom:1px solid var(--color-border);background:#99182a0a;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}:root.dark .window-bar{background:#31104266}.window-dots{align-items:center;gap:7px;display:flex}.dot{border-radius:50%;width:11px;height:11px}.dot-red{background-color:#ff5f56}.dot-yellow{background-color:#ffbd2e}.dot-green{background-color:#27c93f}.window-address{color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;align-items:center;gap:6px;padding:4px 16px;font-family:monospace;font-size:.8rem;display:flex}.window-lock-icon{color:#10b981}.window-actions-dummy{color:var(--color-text-muted);align-items:center;gap:6px;display:flex}.window-real-badge{color:#059669;border-radius:var(--border-radius-full);background:#10b9811a;border:1px solid #10b98140;align-items:center;gap:6px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}:root.dark .window-real-badge{color:#34d399;background:#10b98126}.real-indicator-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-sync}.preview-desktop-body{background:var(--color-background);height:560px;max-height:560px;display:flex;overflow:hidden}.preview-real-sidebar{background:var(--color-primary-light,#fdf2f4);border-right:1px solid var(--color-border);box-sizing:border-box;flex-direction:column;flex-shrink:0;width:220px;height:100%;padding:24px 14px;transition:all .3s;display:flex;overflow-y:auto}:root.dark .preview-real-sidebar{background:#210b2da6;border-right-color:#f7ccd61f}.preview-sidebar-logo{max-width:95px;height:auto;margin:0 auto 24px;display:block}.preview-sidebar-nav-list{flex-direction:column;gap:5px;width:100%;margin:0;padding:0;list-style:none;display:flex}.preview-sidebar-nav-item{width:100%}.preview-sidebar-link{color:var(--color-text);text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:.88rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.preview-sidebar-link:hover{color:var(--color-primary);background-color:#99182a14;transform:translate(4px)}.preview-sidebar-link.active{color:#fff;background:#99182a;box-shadow:0 4px 14px #99182a40}.preview-sidebar-link.active:hover{color:#fff;transform:translate(4px)}.preview-sidebar-footer{border-top:1px solid var(--color-border);width:100%;margin-top:auto;padding-top:16px}.preview-btn-logout{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex;color:#99182a!important}.preview-btn-logout:hover{background-color:#99182a14}.preview-canvas{background:var(--color-background);box-sizing:border-box;scroll-behavior:smooth;flex:1;min-width:0;height:100%;max-height:560px;padding:24px;overflow:hidden auto}.preview-canvas::-webkit-scrollbar{width:6px}.preview-real-sidebar::-webkit-scrollbar{width:6px}.preview-canvas::-webkit-scrollbar-track{background:#99182a08;border-radius:8px}.preview-real-sidebar::-webkit-scrollbar-track{background:#99182a08;border-radius:8px}.preview-canvas::-webkit-scrollbar-thumb{background:#99182a38;border-radius:8px}.preview-real-sidebar::-webkit-scrollbar-thumb{background:#99182a38;border-radius:8px}.preview-canvas::-webkit-scrollbar-thumb:hover{background:var(--color-primary,#99182a)}.preview-real-sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-primary,#99182a)}.preview-interactive-banner{color:var(--color-primary);background:#99182a0d;border:1px dashed #99182a40;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:10px 16px;font-size:.82rem;display:flex}.preview-interactive-banner .banner-left{align-items:center;gap:8px;display:flex}.preview-interactive-banner .sparkle-icon{color:var(--color-primary);animation:2s ease-in-out infinite pulse-sparkle}@keyframes pulse-sparkle{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.preview-interactive-banner .banner-badge{background:var(--color-primary);color:#fff;border-radius:var(--border-radius-full);letter-spacing:.02em;padding:3px 10px;font-size:.72rem;font-weight:700}.mock-tab-content{animation:.3s fadeIn}.preview-overview-header{text-align:left;margin-bottom:24px}.preview-overview-title{font-family:var(--font-title);color:#99182a;letter-spacing:-.01em;margin:0 0 6px;font-size:2.1rem;font-weight:800;line-height:1.2}:root.dark .preview-overview-title{color:#f7ccd6}.preview-overview-subtitle{color:var(--color-text-muted);margin:0;font-size:.95rem}.preview-dashboard-grid{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;width:100%;display:grid}.preview-grid-left{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;min-width:0;display:flex}.preview-countdown-card{color:#fff;text-align:center;border-radius:var(--border-radius-xl,20px);background:linear-gradient(135deg,#8a1526 0%,#311042 100%);border:none;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px -10px #7c3aed40}.preview-countdown-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff26 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.preview-countdown-card .countdown-content{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.preview-countdown-card .countdown-content h2{letter-spacing:.02em;font-size:3.4rem;font-weight:800;line-height:1.15;font-family:var(--font-title);text-align:center;color:#fff;margin-bottom:4px}.preview-countdown-card .countdown-content p{opacity:.95;text-align:center;color:#fff;margin-bottom:22px;font-size:1.15rem;font-weight:500}.preview-countdown-timer{z-index:1;justify-content:center;gap:14px;display:flex;position:relative}.preview-time-box{-webkit-backdrop-filter:blur(12px);text-align:center;background:#ffffff1f;border:1px solid #ffffff40;border-radius:12px;min-width:82px;padding:12px 18px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 24px #00000014}.preview-time-box:hover{background:#fff3;transform:translateY(-3px)}.preview-time-box .time-value{font-size:2.1rem;font-weight:800;font-family:var(--font-body);color:#fff;line-height:1.1;display:block}.preview-time-box .time-label{text-transform:uppercase;letter-spacing:.1em;opacity:.9;color:#fff;margin-top:3px;font-size:.72rem;font-weight:700;display:block}.preview-progress-card{background:var(--color-surface-solid,#fff);border:1px solid var(--color-border);border-radius:var(--border-radius-xl,18px);box-shadow:var(--shadow-sm);box-sizing:border-box;flex-direction:column;width:100%;min-width:0;padding:20px 16px;display:flex;overflow:hidden}.preview-progress-circle{background:conic-gradient(#99182a 0%, #ba243a calc(var(--progress,78%) / 2), #d84d63 var(--progress,78%), var(--color-border,#e2e8f0) 0);border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;margin:6px auto 16px;transition:transform .3s;display:flex;position:relative;box-shadow:0 10px 28px #99182a2e}.preview-progress-circle:before{content:"";background:var(--color-surface-solid,#fff);border-radius:50%;position:absolute;inset:12px;box-shadow:inset 0 2px 8px #0000000a}:root.dark .preview-progress-circle:before{background:#1e0e22}.preview-progress-circle-inner{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.preview-progress-percentage{font-family:var(--font-title);color:var(--color-primary,#99182a);letter-spacing:-1px;margin-bottom:5px;font-size:2.2rem;font-weight:800;line-height:1}:root.dark .preview-progress-percentage{color:#f7ccd6}.preview-pic-breakdown-container{border-top:1px solid var(--color-border);box-sizing:border-box;width:100%;min-width:0;margin-top:14px;padding-top:14px}.preview-pic-breakdown-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.72rem;font-weight:700;display:flex}.preview-pic-breakdown-grid{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;min-width:0;display:grid}.preview-pic-item{background:var(--color-surface-solid,#fff);border:1px solid var(--color-border);text-align:left;box-sizing:border-box;border-radius:8px;flex-direction:column;gap:5px;min-width:0;padding:8px 6px;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000008}.preview-pic-item.pic-cpp{border-left:3px solid #2563eb}.preview-pic-item.pic-cpw{border-left:3px solid #db2777}.preview-pic-item.pic-bersama{border-left:3px solid #99182a}.preview-pic-item .pic-breakdown-top{justify-content:space-between;align-items:center;gap:3px;width:100%;min-width:0;font-size:.68rem;font-weight:700;display:flex}.preview-pic-item .pic-breakdown-label{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:3px;min-width:0;font-size:.66rem;display:flex;overflow:hidden}.preview-pic-item .pic-breakdown-pct{white-space:nowrap;flex-shrink:0;font-size:.68rem;font-weight:700}.preview-pic-item .pic-breakdown-bar{background:var(--color-border,#e2e8f0);border-radius:999px;width:100%;height:4px;overflow:hidden}.preview-pic-item .pic-breakdown-bar-fill{border-radius:999px;height:100%;transition:width .4s}.preview-pic-item .pic-breakdown-sub{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.64rem;overflow:hidden}.preview-priority-card{background:var(--color-surface-solid,#fff);border:1px solid var(--color-border);border-radius:var(--border-radius-xl,18px);box-shadow:var(--shadow-sm);box-sizing:border-box;flex-direction:column;width:100%;min-width:0;height:100%;padding:22px 20px;display:flex;overflow:hidden}.preview-priority-card .priority-header{justify-content:space-between;align-items:center;width:100%;min-width:0;margin-bottom:18px;display:flex}.preview-priority-card .priority-header h3{white-space:nowrap;margin:0;font-size:1.2rem;font-weight:700}.preview-task-list{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;min-width:0;margin:0;padding:0;list-style:none;display:flex}.preview-task-item{background:var(--color-surface-solid,#fff);border:1px solid var(--color-border);cursor:pointer;box-sizing:border-box;border-left-width:5px;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-width:0;padding:14px 16px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.preview-task-item:hover{box-shadow:var(--shadow-sm);transform:translate(3px)}.preview-task-item.is-completed{opacity:.75;background:#10b9810a}.preview-task-item .task-info{flex:1;min-width:0;overflow:hidden}.preview-task-item .task-info h4{color:var(--color-text);font-size:.92rem;font-weight:600;font-family:var(--font-title);white-space:normal;word-break:break-word;margin-bottom:5px;line-height:1.35}.preview-task-item .task-meta-row{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:flex}.preview-budget-snapshot-card{background:var(--color-surface-solid,#fff);border:1px solid var(--color-border);border-radius:var(--border-radius-xl,18px);box-shadow:var(--shadow-sm);box-sizing:border-box;flex-direction:column;width:100%;min-width:0;padding:20px 16px;display:flex;overflow:hidden}.preview-canvas .preview-budget-info,.preview-budget-info{box-sizing:border-box;width:100%;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:14px 0!important}.preview-canvas .preview-budget-item,.preview-budget-item{background:var(--color-surface,#fff);border:1px solid var(--color-border);box-sizing:border-box;flex-direction:column;display:flex;border-radius:10px!important;min-width:0!important;padding:8px!important;overflow:hidden!important}.preview-canvas .preview-budget-label,.preview-budget-label{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-bottom:4px;font-weight:600;overflow:hidden;font-size:.68rem!important}.preview-canvas .preview-budget-value,.preview-budget-value{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.02em;min-width:0;font-weight:800;overflow:hidden;font-size:.85rem!important}.preview-budget-progress-bg{border-radius:var(--border-radius-full,9999px);box-sizing:border-box;background:#99182a14;width:100%;height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #99182a0d}.preview-budget-progress-fill{border-radius:var(--border-radius-full,9999px);background:linear-gradient(90deg,#99182a 0%,#ba243a 55%,#e0536c 100%);height:100%;transition:width .6s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 4px #99182a4d}:root.dark .preview-budget-progress-bg{background:#ffffff14}:root.dark .preview-budget-progress-fill{background:linear-gradient(90deg,#d4263e 0%,#e11d48 55%,#f43f5e 100%);box-shadow:0 1px 6px #d4263e66}@media (width<=1024px){.preview-dashboard-grid{grid-template-columns:1fr}}@media (width<=640px){.preview-countdown-card .countdown-content h2{font-size:2.6rem}.preview-time-box{min-width:68px;padding:8px 10px}.preview-time-box .time-value{font-size:1.6rem}.preview-pic-breakdown-grid{grid-template-columns:1fr!important}.preview-canvas .preview-budget-info,.preview-budget-info{grid-template-columns:1fr!important;gap:8px!important}}.mock-header-row{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:14px;display:flex}.mock-title-badge-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mock-couple-title h3{color:var(--color-primary);font-size:1.35rem;font-weight:800;font-family:var(--font-title);letter-spacing:-.01em;margin:0}.mock-couple-title p{color:var(--color-text-muted);margin:4px 0 0;font-size:.84rem}.mock-status-pill{color:#10b981;border-radius:var(--border-radius-full);background:#10b9811a;padding:2px 10px;font-size:.72rem;font-weight:700}.mock-countdown-badge{background:var(--gradient-primary);color:#fff;border-radius:var(--border-radius-full);white-space:nowrap;align-items:center;gap:6px;padding:7px 16px;font-size:.84rem;font-weight:700;display:flex;box-shadow:0 4px 12px #99182a38}.mock-overview-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}.mock-metric-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;justify-content:space-between;padding:14px 16px;display:flex;box-shadow:0 1px 3px #00000008}.mock-metric-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.mock-metric-label{color:#475569;font-size:.74rem;font-weight:700}.mock-metric-tag{border-radius:var(--border-radius-full);color:var(--color-primary);background:#99182a14;padding:2px 8px;font-size:.7rem;font-weight:700}.mock-metric-tag.green{color:#059669;background:#10b9811a}.mock-metric-tag.blue{color:#2563eb;background:#3b82f61a}.mock-metric-value{color:var(--color-text);margin-bottom:6px;font-size:1.45rem;font-weight:800;line-height:1.1}.mock-metric-sub{color:var(--color-text-muted);margin-top:6px;font-size:.74rem}.mock-progress-bar-bg{background:#99182a1a;border-radius:10px;width:100%;height:6px;overflow:hidden}.mock-progress-bar-fill{background:var(--gradient-primary);border-radius:10px;height:100%;transition:width .4s}.mock-progress-bar-fill.green{background:linear-gradient(135deg,#10b981,#059669)}.mock-progress-bar-fill.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.mock-pic-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.mock-pic-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:12px;padding:10px 14px}.mock-pic-header{color:var(--color-text);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.78rem;font-weight:700;display:flex}.mock-pic-pct{color:var(--color-primary)}.mock-list-container{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:14px;padding:16px;box-shadow:0 1px 3px #00000008}.mock-list-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:.92rem;font-weight:700;display:flex}.mock-list-title-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mock-interactive-hint{color:var(--color-primary);background:var(--color-primary-light);border-radius:var(--border-radius-full);padding:2px 10px;font-size:.74rem;font-weight:600}.mock-link-text{color:var(--color-primary);cursor:pointer;font-size:.8rem;font-weight:600}.mock-tasks-list{flex-direction:column;gap:4px;display:flex}.mock-task-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:all .15s;display:flex}.mock-task-item:hover{background:#99182a06;transform:translate(2px)}.mock-task-item.is-done{opacity:.75}.mock-task-item:last-child{border-bottom:none}.mock-task-left{align-items:center;gap:12px;min-width:0;display:flex}.mock-item-check{border:1.5px solid var(--color-border);background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.mock-item-check.done{color:#fff;background:#10b981;border-color:#10b981}.mock-task-title{color:var(--color-text);font-size:.86rem;font-weight:600;line-height:1.3;transition:all .2s}.mock-task-title.completed{color:var(--color-text-muted);font-weight:500;text-decoration:line-through}.mock-task-meta{color:var(--color-text-muted);align-items:center;gap:6px;margin-top:3px;font-size:.74rem;display:flex}.mock-task-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.mock-tag{border-radius:var(--border-radius-full);padding:3px 10px;font-size:.72rem;font-weight:600;line-height:1.2}.mock-tag-cpp{color:#4a1a5d;background:#4a1a5d1a}.mock-tag-cpw{color:#e11d48;background:#f43f5e1a}.mock-tag-together{color:var(--color-primary);background:#99182a14}.mock-tag-urgent{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.mock-tag-medium{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.mock-tag-completed{color:#059669;background:#10b9811a}.mock-tag-pending{color:#d97706;background:#f59e0b1a}.preview-canvas .page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.preview-canvas .page-header h1{font-family:var(--font-title);color:var(--color-primary,#99182a);letter-spacing:-.01em;margin:0 0 4px;font-size:1.85rem;font-weight:800}:root.dark .preview-canvas .page-header h1{color:#f7ccd6}.preview-canvas .page-header .subtitle{color:var(--color-text-muted);margin:0;font-size:.9rem}.preview-canvas .activities-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=868px){.preview-canvas .activities-grid{grid-template-columns:1fr}}.preview-canvas .categories-card,.preview-canvas .tasks-card{background:var(--color-surface-solid,#fff);border:1px solid var(--color-border);border-radius:var(--border-radius-xl,18px);box-shadow:var(--shadow-sm);padding:20px}.preview-canvas .card-header{justify-content:space-between;align-items:center;min-height:44px;margin-bottom:16px;display:flex}.preview-canvas .card-header h3{color:var(--color-primary,#99182a);margin:0 0 2px;font-size:1rem;font-weight:700}.preview-canvas .card-header p{color:var(--color-text);margin:0;font-size:1.25rem;font-weight:700}.preview-canvas .category-list{flex-direction:column;gap:6px;max-height:480px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.preview-canvas .category-item{cursor:pointer;color:var(--color-text);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.88rem;font-weight:500;transition:all .2s;display:flex}.preview-canvas .category-item:hover{background:#99182a0a}.preview-canvas .category-item.selected{background:var(--color-primary-light,#fdf2f4);color:var(--color-primary,#99182a);font-weight:700}.preview-canvas .category-item-row{justify-content:space-between;align-items:center;width:100%;display:flex}.preview-canvas .category-item-clickable{flex:1;align-items:center;gap:10px;display:flex}.preview-canvas .category-item-name{font-size:.92rem;font-weight:600}.preview-canvas .category-item-meta{align-items:center;gap:8px;display:flex}.preview-canvas .category-task-count{color:var(--color-text-muted);background:var(--color-background,#f8fafc);border-radius:12px;padding:2px 8px;font-size:.76rem;font-weight:600}.preview-canvas .category-item.selected .category-task-count{color:var(--color-primary,#99182a);background:#fff}.preview-canvas .active-category-header{margin-bottom:14px}.preview-canvas .active-category-header h4{color:var(--color-text);margin:0;font-size:1.15rem;font-weight:700}.preview-canvas .pic-filter-pills{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-full,9999px);scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:8px;margin:12px 0 16px;padding:4px;display:flex;overflow-x:auto}.preview-canvas .pic-filter-pills::-webkit-scrollbar{display:none}.preview-canvas .pic-filter-btn{border-radius:var(--border-radius-full,9999px);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.preview-canvas .pic-filter-btn:hover{color:var(--color-text);background:#00000008}.preview-canvas .pic-filter-btn.active{background:var(--color-surface-solid);color:var(--color-primary);border-color:#99182a4d;box-shadow:0 2px 8px #0000000f}.preview-canvas .pic-filter-btn.pic-cpp.active{color:#2563eb;background:#3b82f614;border-color:#3b82f659}.preview-canvas .pic-filter-btn.pic-cpw.active{color:#db2777;background:#ec489914;border-color:#ec489959}.preview-canvas .pic-filter-btn.pic-bersama.active{color:var(--color-primary);background:#99182a14;border-color:#99182a59}.preview-canvas .pic-filter-count{color:inherit;opacity:.9;background:#0000000f;border-radius:10px;padding:1px 6px;font-size:.72rem;font-weight:700}:root.dark .preview-canvas .pic-filter-btn.active{background:#ffffff12}:root.dark .preview-canvas .pic-filter-count{background:#ffffff1f}.preview-canvas .task-list-details{gap:var(--spacing-3,10px);flex-direction:column;max-height:480px;margin:0 0 16px;padding:0 6px 0 0;list-style:none;display:flex;overflow-y:auto}.preview-canvas .task-item-detail{border-radius:var(--border-radius,8px);background-color:var(--color-surface-solid);border:1px solid var(--color-border);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.preview-canvas .task-item-detail:hover{background-color:var(--color-surface-hover,var(--color-background))}.preview-canvas .task-detail-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.preview-canvas .task-detail-body{flex-direction:column;gap:4px;min-width:0;display:flex}.preview-canvas .task-detail-title{color:var(--color-text);font-size:.92rem;font-weight:500;line-height:1.35;transition:all .2s}.preview-canvas .task-detail-title.completed{color:var(--color-text-muted);opacity:.65;text-decoration:line-through}.preview-canvas .task-detail-meta{color:var(--color-text-muted);align-items:center;gap:10px;font-size:.78rem;display:flex}.preview-canvas .btn-check{border:2px solid var(--color-border);cursor:pointer;background:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.preview-canvas .btn-check:hover{border-color:var(--color-primary)}.preview-canvas .btn-check.checked{background-color:var(--color-primary,#99182a);border-color:var(--color-primary,#99182a);color:#fff}.preview-canvas .task-pic-badge{border-radius:var(--border-radius-full,9999px);letter-spacing:.01em;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.preview-canvas .task-pic-badge.pic-bersama{color:var(--color-primary);background:#99182a14;border:1px solid #99182a40}.preview-canvas .task-pic-badge.pic-cpp{color:#2563eb;background:#3b82f61a;border:1px solid #3b82f640}.preview-canvas .task-pic-badge.pic-cpw{color:#db2777;background:#ec48991a;border:1px solid #ec489940}.preview-canvas .btn-add-task-real{border:1px dashed var(--color-primary);color:var(--color-primary);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 18px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.preview-canvas .btn-add-task-real:hover{background:var(--color-primary-light)}.preview-canvas .btn-magic-template-outline{border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.preview-canvas .btn-magic-template-outline:hover{background:var(--color-primary-light)}.preview-canvas .timeline-progress-banner{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-xl,18px);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:20px 24px}.preview-canvas .timeline-progress-header{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.preview-canvas .timeline-progress-title{color:var(--color-text-muted);margin-bottom:4px;font-size:.88rem;font-weight:700}.preview-canvas .timeline-progress-value{color:var(--color-primary);font-size:1.8rem;font-weight:800;line-height:1}.preview-canvas .timeline-split-layout{grid-template-columns:1fr 320px;align-items:start;gap:20px;display:grid}.preview-canvas .timeline-main-card,.preview-canvas .unscheduled-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-xl,18px);box-shadow:var(--shadow-sm);padding:20px}.preview-canvas .timeline-month-divider{align-items:center;margin:18px 0 12px;display:flex}.preview-canvas .timeline-month-badge{background:var(--color-primary);color:#fff;border-radius:var(--border-radius-full);padding:4px 14px;font-size:.78rem;font-weight:700}.preview-canvas .timeline-track-item{align-items:center;gap:12px;margin-bottom:10px;display:flex}.preview-canvas .timeline-heart-icon{border:2px solid var(--color-border);background:var(--color-surface-solid);width:32px;height:32px;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.preview-canvas .timeline-heart-icon.completed{color:#10b981;border-color:#10b981}.preview-canvas .timeline-event-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:12px;flex:1;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.preview-canvas .wedding-day-special-card{box-shadow:0 8px 20px #99182a40;color:#fff!important;background:linear-gradient(135deg,#99182a 0%,#4a1a5d 100%)!important;border:none!important}.preview-canvas .wedding-day-special-card h4{margin:0;font-size:1.05rem;font-weight:800;color:#fff!important}.preview-canvas .wedding-day-special-card .badge-dday{color:#99182a;background:#fff;border-radius:12px;padding:3px 10px;font-size:.75rem;font-weight:800}.preview-canvas .unscheduled-item{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.preview-canvas .budget-nav-tabs{background:var(--color-background);border-radius:var(--border-radius-full);border:1px solid var(--color-border);gap:6px;padding:4px;display:flex}.preview-canvas .budget-tab-pill{border-radius:var(--border-radius-full);color:var(--color-text-muted);cursor:pointer;letter-spacing:.03em;background:0 0;border:none;padding:8px 18px;font-size:.8rem;font-weight:700;transition:all .2s}.preview-canvas .budgeting-top-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}@media (width<=868px){.preview-canvas .budgeting-top-grid{grid-template-columns:1fr}}.preview-canvas .target-budget-card{background:var(--color-primary,#99182a);color:#fff;border-radius:var(--border-radius-xl,18px);flex-direction:column;justify-content:space-between;padding:22px 24px;display:flex;box-shadow:0 10px 24px -6px #99182a47}.preview-canvas .target-card-top{justify-content:space-between;align-items:center;display:flex}.preview-canvas .target-card-label{letter-spacing:.05em;opacity:.9;font-size:.76rem;font-weight:700}.preview-canvas .btn-atur-target{color:#fff;cursor:pointer;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:9999px;align-items:center;gap:4px;padding:4px 12px;font-size:.72rem;font-weight:700;transition:all .2s;display:inline-flex}.preview-canvas .btn-atur-target:hover{background:#ffffff47}.preview-canvas .target-card-amount{font-family:var(--font-title);margin:12px 0;font-size:2.1rem;font-weight:800;line-height:1}.preview-canvas .target-progress-bg{background:#ffffff40;border-radius:999px;width:100%;height:8px;overflow:hidden}.preview-canvas .target-progress-fill{background:#fff;border-radius:999px;height:100%}.preview-canvas .target-progress-labels{opacity:.9;justify-content:space-between;margin-top:6px;font-size:.74rem;font-weight:600;display:flex}.preview-canvas .estimasi-biaya-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-xl,18px);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;padding:22px 24px;display:flex}.preview-canvas .estimasi-card-header{justify-content:space-between;align-items:center;display:flex}.preview-canvas .estimasi-card-label{color:var(--color-text-muted);letter-spacing:.04em;font-size:.76rem;font-weight:700}.preview-canvas .estimasi-badge.safe{color:#059669;background:#10b9811a;border-radius:9999px;padding:4px 10px;font-size:.72rem;font-weight:800}.preview-canvas .estimasi-card-amount{font-family:var(--font-title);color:var(--color-primary,#99182a);margin:12px 0 0;font-size:2.1rem;font-weight:800;line-height:1}.preview-canvas .budgeting-controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.preview-canvas .budgeting-plan-bar{align-items:center;gap:6px;display:flex}.preview-canvas .plan-tab-item{border-radius:var(--border-radius-full);border:1px solid var(--color-border);background:var(--color-surface-solid);color:var(--color-text-muted);cursor:pointer;padding:7px 16px;font-size:.82rem;font-weight:600;transition:all .2s}.preview-canvas .plan-tab-item.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.preview-canvas .budget-table-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-xl,18px);box-shadow:var(--shadow-sm);padding:20px;overflow-x:auto}.preview-canvas .real-budget-table{border-collapse:collapse;width:100%}.preview-canvas .real-budget-table th{background:var(--color-background);color:var(--color-text-muted);letter-spacing:.04em;border-bottom:1px solid var(--color-border);text-align:left;padding:10px 14px;font-size:.72rem;font-weight:700}.preview-canvas .real-budget-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:12px 14px;font-size:.88rem}.preview-canvas .real-budget-table tbody tr:hover{background:#99182a05}.preview-canvas .dana-nikah-section-content{flex-direction:column;gap:20px;display:flex}.preview-canvas .dana-nikah-cards-grid{grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:8px;display:grid}@media (width<=868px){.preview-canvas .dana-nikah-cards-grid{grid-template-columns:1fr}}.preview-canvas .dana-nikah-main-card{background:var(--color-primary,#99182a);color:#fff;border-radius:var(--border-radius-xl,18px);cursor:pointer;flex-direction:column;justify-content:space-between;gap:16px;padding:24px 28px;transition:all .3s;display:flex;box-shadow:0 12px 32px -8px #99182a59}.preview-canvas .dana-nikah-main-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px -8px #99182a73}.preview-canvas .dana-card-top{justify-content:space-between;align-items:center;display:flex}.preview-canvas .dana-card-label{letter-spacing:.08em;color:#ffffffe6;font-size:.8rem;font-weight:800}.preview-canvas .dana-card-amount{font-family:var(--font-title);color:#fff;margin:0;font-size:2.4rem;font-weight:800;line-height:1}.preview-canvas .dana-progress-container{flex-direction:column;gap:8px;display:flex}.preview-canvas .dana-progress-bg{background:#ffffff40;border-radius:9999px;width:100%;height:8px;overflow:hidden}.preview-canvas .dana-progress-fill{background:#fff;border-radius:9999px;height:100%;transition:width .6s}.preview-canvas .dana-progress-labels{letter-spacing:.04em;color:#fffffff2;justify-content:space-between;font-size:.75rem;font-weight:700;display:flex}.preview-canvas .dana-deadline-row{align-items:center;margin-top:-2px;display:flex}.preview-canvas .dana-deadline-tag{color:#fff;background:#ffffff29;border:1px solid #ffffff47;border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;font-size:.73rem;font-weight:600;display:inline-flex}.preview-canvas .dana-nikah-side-stats{flex-direction:column;gap:14px;display:flex}.preview-canvas .dana-side-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-xl,18px);box-shadow:var(--shadow-sm);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:18px 20px;display:flex}.preview-canvas .side-card-label{letter-spacing:.06em;color:var(--color-text);text-transform:uppercase;font-size:.76rem;font-weight:800}.preview-canvas .side-card-value{font-family:var(--font-title);margin:0;font-size:1.6rem;font-weight:800}.preview-canvas .side-card-deadline-hint{color:var(--color-text-muted);font-size:.72rem;font-weight:500}.preview-canvas .riwayat-tabungan-section{flex-direction:column;gap:14px;display:flex}.preview-canvas .riwayat-header{justify-content:space-between;align-items:center;display:flex}.preview-canvas .riwayat-header h2{letter-spacing:.06em;color:var(--color-text);margin:0;font-size:.95rem;font-weight:800}.preview-canvas .btn-tambah-tabungan{background:var(--color-primary,#99182a);color:#fff;letter-spacing:.04em;cursor:pointer;border:none;border-radius:9999px;padding:8px 18px;font-size:.8rem;font-weight:800;transition:all .2s;box-shadow:0 4px 12px #99182a40}.preview-canvas .btn-tambah-tabungan:hover{transform:translateY(-2px);box-shadow:0 6px 16px #99182a59}.preview-canvas .riwayat-list{flex-direction:column;gap:10px;display:flex}.preview-canvas .riwayat-item-card{background:var(--color-surface-solid);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;transition:all .2s;display:flex}.preview-canvas .riwayat-item-card:hover{border-color:#99182a33}.preview-canvas .riwayat-item-left{flex-direction:column;gap:3px;display:flex}.preview-canvas .riwayat-item-title{color:var(--color-text);margin:0;font-size:.92rem;font-weight:700}.preview-canvas .riwayat-item-date{color:var(--color-text-muted);font-size:.76rem}.preview-canvas .riwayat-item-right{align-items:center;gap:14px;display:flex}.preview-canvas .riwayat-item-amount{font-family:var(--font-title);color:#10b981;font-size:1.15rem;font-weight:800}.preview-canvas .riwayat-actions{gap:4px;display:flex}.preview-canvas .btn-icon-action{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.preview-canvas .btn-icon-action:hover{color:var(--color-primary);background:var(--color-primary-light)}.preview-canvas .pembayaran-section-content{flex-direction:column;gap:16px;display:flex}.preview-canvas .budget-matrix{flex-direction:column;gap:14px;margin-bottom:4px;display:flex}.preview-canvas .matrix-primary,.preview-canvas .matrix-secondary{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.preview-canvas .matrix-primary,.preview-canvas .matrix-secondary{grid-template-columns:1fr}}.preview-canvas .matrix-card{border-radius:var(--border-radius-xl,16px);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);flex-direction:column;gap:8px;padding:18px 22px;display:flex;position:relative;overflow:hidden}.preview-canvas .matrix-card h3{text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.78rem;font-weight:800}.preview-canvas .matrix-card .amount{font-family:var(--font-title);margin:0;font-size:2.1rem;font-weight:800;line-height:1.1}.preview-canvas .matrix-card .amount-small{font-family:var(--font-title);margin:0;font-size:1.5rem;font-weight:800}.preview-canvas .matrix-card.total-budget-card{background:var(--color-primary,#99182a);color:#fff;cursor:pointer;border:none;box-shadow:0 10px 24px -6px #99182a52}.preview-canvas .matrix-card.total-budget-card h3{color:#ffffffe6}.preview-canvas .matrix-card.total-budget-card .amount{color:#fff}.preview-canvas .matrix-card.sisa-budget-card{background:var(--color-surface-solid);color:var(--color-text)}.preview-canvas .matrix-card.sisa-budget-card .amount{color:var(--color-primary)}.preview-canvas .matrix-card.dibayar-card,.preview-canvas .matrix-card.sisa-bayar-card{background:var(--color-surface-solid)}.preview-canvas .budget-health-section{background-color:var(--color-surface-solid);border-radius:var(--border-radius-lg,14px);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:14px 18px}.preview-canvas .health-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.preview-canvas .health-header h4{color:var(--color-text);margin:0;font-size:.98rem;font-weight:700}.preview-canvas .health-badge{color:#fff;text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;padding:3px 10px;font-size:.72rem;font-weight:700}.preview-canvas .health-bar-bg{background-color:var(--color-border);border-radius:9999px;width:100%;height:8px;overflow:hidden}.preview-canvas .health-bar-fill{border-radius:9999px;height:100%;transition:width .6s}.preview-canvas .table-toolbar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.preview-canvas .table-toolbar-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preview-canvas .filter-pill{border:1px solid var(--color-border);background:var(--color-surface-solid);color:var(--color-text-muted);cursor:pointer;border-radius:9999px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .2s}.preview-canvas .filter-pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.preview-canvas .table-toolbar-divider{background:var(--color-border);width:1px;height:18px;margin:0 4px;display:inline-block}.preview-canvas .import-plan-btn{border:1px dashed var(--color-primary);color:var(--color-primary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.76rem;font-weight:600;display:inline-flex}.preview-canvas .import-plan-btn:hover{background:var(--color-primary-light)}.preview-canvas .status-pill{text-align:center;border-radius:12px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-block}.preview-canvas .status-pill.lunas{color:#059669;background:#10b9811a}.preview-canvas .status-pill.cicilan{color:#d97706;background:#d977061a}.preview-canvas .status-pill.belum-bayar{color:#dc2626;background:#ef44441a}.preview-canvas .budget-header-title-row{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.preview-canvas .btn-panduan-header{background:var(--color-surface-solid);color:var(--color-primary,#99182a);cursor:pointer;border:1px solid #99182a40;border-radius:9999px;align-items:center;gap:5px;padding:5px 13px;font-size:.74rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.preview-canvas .btn-panduan-header:hover{border-color:var(--color-primary,#99182a);background:#fff9fa}.preview-canvas .budget-nav-tabs{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:12px;gap:4px;margin-top:14px;padding:4px;display:flex}.preview-canvas .budget-tab-pill{letter-spacing:.04em;color:var(--color-text-muted);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px;font-size:.75rem;font-weight:800;transition:all .2s}.preview-canvas .budget-tab-pill.active{background:var(--color-primary,#99182a);color:#fff;box-shadow:0 2px 8px #99182a40}.preview-canvas .budget-mobile-budgeting-cards,.preview-canvas .budget-mobile-payment-cards,.preview-canvas .mobile-plan-selector-bar,.preview-canvas .mobile-budgeting-toolbar{display:none}.preview-canvas .mobile-plan-selector-bar{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:14px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:8px 10px}.preview-canvas .mobile-plan-selector-bar .budgeting-plan-bar{scrollbar-width:none;flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.preview-canvas .mobile-plan-selector-bar .budgeting-plan-bar::-webkit-scrollbar{display:none}.preview-canvas .mobile-plan-tools{flex-shrink:0;align-items:center;gap:6px;display:flex}.preview-canvas .btn-delete-plan-pill{color:#9ca3af;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;margin-left:2px;display:inline-flex}.preview-canvas .btn-action-icon-pill{border:1px solid var(--color-border);background:var(--color-surface-solid);color:#6b7280;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.preview-canvas .btn-action-icon-pill:hover{color:var(--color-primary,#99182a);background:#fdf0f2;border-color:#99182a4d}.preview-canvas .mobile-budgeting-toolbar{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:14px;margin-bottom:12px;padding:10px 12px}.preview-canvas .mobile-budgeting-toolbar .search-bar{background:var(--color-background);border:1px solid var(--color-border);border-radius:9999px;align-items:center;gap:8px;width:100%;padding:8px 14px;display:flex}.preview-canvas .mobile-budgeting-toolbar .search-bar input{width:100%;color:var(--color-text);background:0 0;border:none;outline:none;font-size:.82rem}.preview-canvas .mobile-budgeting-add-btn{width:100%;min-height:44px;color:var(--color-primary,#99182a);cursor:pointer;background:0 0;border:1px dashed #99182a59;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:.86rem;font-weight:600;transition:all .2s;display:flex}.preview-canvas .mobile-budgeting-add-btn:active{background:#99182a0d}.preview-canvas .mobile-budgeting-list{flex-direction:column;gap:10px;display:flex}.preview-canvas .mobile-budget-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-left:4px solid var(--color-primary,#99182a);border-radius:14px;padding:14px 16px;box-shadow:0 1px 4px #00000008}.preview-canvas .mobile-budget-card-body{justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-canvas .mobile-budget-card-info{flex:auto;min-width:0}.preview-canvas .mobile-budget-card-title{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:.98rem;font-weight:700;overflow:hidden}.preview-canvas .mobile-budget-card-vendor{color:var(--color-text-secondary,#6b7280);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8rem;overflow:hidden}.preview-canvas .mobile-budget-card-amount{color:var(--color-primary,#99182a);white-space:nowrap;flex-shrink:0;font-size:.95rem;font-weight:800}.preview-canvas .status-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:9999px;justify-content:center;align-items:center;padding:3px 10px;font-size:.68rem;font-weight:800;display:inline-flex}.preview-canvas .status-badge.lunas{color:#15803d;background-color:#dcfce7}.preview-canvas .status-badge.cicilan{color:#b45309;background-color:#fef3c7}.preview-canvas .status-badge.belum-bayar{color:#b91c1c;background-color:#fee2e2}:root.dark .preview-canvas .status-badge.lunas{color:#4ade80;background-color:#22c55e33}:root.dark .preview-canvas .status-badge.cicilan{color:#fbbf24;background-color:#f59e0b33}:root.dark .preview-canvas .status-badge.belum-bayar{color:#f87171;background-color:#ef444433}.preview-canvas .mobile-payment-toolbar{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;gap:10px;margin-bottom:12px;padding:10px 12px;display:flex}.preview-canvas .mobile-payment-toolbar .filter-pills{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.preview-canvas .mobile-payment-toolbar .filter-pills::-webkit-scrollbar{display:none}.preview-canvas .mobile-payment-toolbar .filter-pill{border:1px solid var(--color-border);background:var(--color-surface-solid);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;border-radius:20px;padding:6px 14px;font-size:.78rem;font-weight:600}.preview-canvas .mobile-payment-toolbar .filter-pill.active{background:var(--color-primary,#99182a);color:#fff;border-color:var(--color-primary,#99182a)}.preview-canvas .mobile-payment-toolbar .search-bar{background:var(--color-background);border:1px solid var(--color-border);border-radius:9999px;align-items:center;gap:8px;width:100%;padding:8px 14px;display:flex}.preview-canvas .mobile-payment-toolbar .search-bar input{width:100%;color:var(--color-text);background:0 0;border:none;outline:none;font-size:.82rem}.preview-canvas .mobile-payment-actions-grid{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-bottom:12px;display:grid}.preview-canvas .mobile-payment-add-btn{background:var(--color-primary,#99182a);border:1px solid var(--color-primary,#99182a);color:#fff;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:42px;padding:8px 12px;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #99182a33}.preview-canvas .mobile-payment-import-btn{background:var(--color-surface-solid);width:100%;min-height:42px;color:var(--color-text);border:1.5px solid var(--color-border);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.preview-canvas .mobile-payment-list{flex-direction:column;gap:12px;display:flex}.preview-canvas .mobile-pay-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;gap:6px;padding:12px 14px;display:flex;box-shadow:0 1px 4px #00000008}.preview-canvas .mobile-pay-card-header{justify-content:space-between;align-items:center;display:flex}.preview-canvas .mobile-pay-date{color:var(--color-text-muted);font-size:.72rem;font-weight:600}.preview-canvas .mobile-pay-actual{color:var(--color-primary,#99182a);font-size:.95rem;font-weight:800}.preview-canvas .mobile-pay-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.preview-canvas .mobile-pay-title{color:var(--color-text);margin:0;font-size:.98rem;font-weight:700}.preview-canvas .mobile-pay-title-row .status-badge{letter-spacing:.02em;border-radius:12px;flex-shrink:0;padding:3px 9px;font-size:.65rem;font-weight:800}.preview-canvas .mobile-pay-vendor{color:var(--color-text-secondary,#6b7280);margin:0;font-size:.8rem}.preview-canvas .mobile-pay-progress{padding:4px 0}.preview-canvas .mobile-pay-progress-bg{background:#0000000f;border-radius:4px;height:4px;overflow:hidden}.preview-canvas .mobile-pay-progress-fill{border-radius:4px;height:100%}.preview-canvas .mobile-pay-progress-fill.cicilan{background:var(--color-primary,#99182a)}.preview-canvas .mobile-pay-progress-fill.belum-bayar{background:#e5e7eb}.preview-canvas .mobile-pay-progress-fill.lunas{background:#16a34a}.preview-canvas .mobile-pay-footer{border-top:1px dashed var(--color-border);justify-content:space-between;align-items:center;gap:8px;padding-top:6px;display:flex}.preview-canvas .mobile-pay-amounts{align-items:center;gap:6px;font-size:.72rem;font-weight:600;display:flex}.preview-canvas .mobile-pay-paid{color:#16a34a}.preview-canvas .mobile-pay-separator{color:var(--color-border)}.preview-canvas .mobile-pay-sisa{color:#2563eb}.preview-canvas .mobile-pay-actions{align-items:center;gap:6px;display:flex}.preview-canvas .mobile-pay-action-btn{border:1px solid var(--color-border);background:var(--color-surface-solid);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.preview-canvas .mobile-pay-action-btn.delete{color:#ef4444;background:#fef2f2;border-color:#ef444433}@media (width<=768px){.preview-canvas .desktop-only-plan-bar,.preview-canvas .budget-desktop-table{display:none!important}.preview-canvas .mobile-plan-selector-bar{display:flex!important}.preview-canvas .mobile-budgeting-toolbar,.preview-canvas .budget-mobile-budgeting-cards,.preview-canvas .budget-mobile-payment-cards{display:block!important}.preview-canvas .budget-matrix{flex-direction:column!important;gap:10px!important;margin-bottom:12px!important;display:flex!important}.preview-canvas .matrix-primary,.preview-canvas .matrix-secondary{grid-template-columns:1fr 1fr!important;gap:10px!important;display:grid!important}.preview-canvas .matrix-card{border-radius:14px!important;padding:12px 10px!important}.preview-canvas .matrix-card h3{letter-spacing:.04em!important;margin-bottom:3px!important;font-size:.65rem!important}.preview-canvas .matrix-card .amount{font-size:1.12rem!important}.preview-canvas .matrix-card .amount-small{font-size:1.02rem!important}}.preview-canvas .seserahan-progress-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-xl,18px);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:20px 24px}.preview-canvas .seserahan-progress-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.preview-canvas .seserahan-progress-header h3{color:var(--color-text);margin:0;font-size:1rem;font-weight:700}.preview-canvas .seserahan-progress-meta{color:var(--color-text-muted);font-size:.82rem;font-weight:500}.preview-canvas .seserahan-progress-percent{color:var(--color-primary);margin:4px 0 10px;font-size:1.8rem;font-weight:800;line-height:1}.preview-canvas .seserahan-progress-track{background:var(--color-border);border-radius:999px;width:100%;height:8px;overflow:hidden}.preview-canvas .seserahan-progress-fill{background:var(--gradient-primary);border-radius:999px;height:100%;transition:width .4s}.preview-canvas .seserahan-main-grid{grid-template-columns:1fr 320px;align-items:start;gap:20px;display:grid}.preview-canvas .seserahan-list-card,.preview-canvas .seserahan-recs-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-xl,18px);box-shadow:var(--shadow-sm);padding:20px}.preview-canvas .seserahan-list-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.preview-canvas .seserahan-list-header h2{color:var(--color-text);margin:0;font-size:1.1rem;font-weight:800}.preview-canvas .seserahan-count-caption{color:var(--color-text-muted);font-size:.76rem}.preview-canvas .btn-tambah-seserahan{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.preview-canvas .seserahan-filter-bar{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.preview-canvas .seserahan-filter-pill{border-radius:var(--border-radius-full);border:1px solid var(--color-border);background:var(--color-surface-solid);color:var(--color-text-muted);cursor:pointer;padding:5px 12px;font-size:.76rem;font-weight:600;transition:all .2s}.preview-canvas .seserahan-filter-pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.preview-canvas .seserahan-item-block{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:12px;margin-bottom:10px;padding:12px 14px;transition:all .2s}.preview-canvas .seserahan-item-block:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.preview-canvas .seserahan-item-block.is-bought{opacity:.85}.preview-canvas .seserahan-main-row{justify-content:space-between;align-items:center;display:flex}.preview-canvas .seserahan-row-left{flex:1;align-items:flex-start;gap:12px;display:flex}.preview-canvas .seserahan-checkbox{border:1.5px solid var(--color-border);cursor:pointer;background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;display:flex}.preview-canvas .seserahan-checkbox.checked{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.preview-canvas .seserahan-item-title{color:var(--color-text);font-size:.92rem;font-weight:700}.preview-canvas .seserahan-item-title.bought{color:var(--color-text-muted);text-decoration:line-through}.preview-canvas .seserahan-selected-chip{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:5px;margin-top:4px;padding:3px 8px;font-size:.74rem;font-weight:600;display:inline-flex}.preview-canvas .seserahan-sub-link{background:var(--color-primary,#99182a);border:1px solid var(--color-primary,#99182a);white-space:nowrap;border-radius:5px;align-items:center;gap:4px;padding:3px 9px;font-size:.7rem;font-weight:600;line-height:1.2;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 4px #99182a33;color:#fff!important}.preview-canvas .seserahan-sub-link:hover{background:var(--color-primary-dark,#801222);transform:translateY(-1px);color:#fff!important}.preview-canvas .vendor-container{flex-direction:column;gap:20px;display:flex}.preview-canvas .vendor-search-bar-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.preview-canvas .vendor-search-input-wrap{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-full);flex:1;align-items:center;gap:8px;padding:8px 16px;display:flex}.preview-canvas .vendor-sort-select{border-radius:var(--border-radius-full);border:1px solid var(--color-border);background:var(--color-surface-solid);color:var(--color-text);padding:8px 14px;font-size:.8rem;font-weight:600}.preview-canvas .vendor-filter-pills{flex-wrap:wrap;gap:8px;display:flex}.preview-canvas .vendor-filter-pill{border-radius:var(--border-radius-full);border:1px solid var(--color-border);background:var(--color-surface-solid);color:var(--color-text-muted);cursor:pointer;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .2s}.preview-canvas .vendor-filter-pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.preview-canvas .vendor-cards-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=1024px){.preview-canvas .vendor-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.preview-canvas .vendor-cards-grid{grid-template-columns:1fr}}.preview-canvas .real-vendor-card{background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--border-radius-xl,18px);box-shadow:var(--shadow-sm);flex-direction:column;padding:0;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.preview-canvas .real-vendor-card:hover{box-shadow:var(--shadow-md);border-color:#99182a40;transform:translateY(-4px)}.preview-canvas .real-vendor-card.chosen{border:2px solid #10b981;box-shadow:0 10px 25px -4px #10b98138}.preview-canvas .vendor-card-banner{background:var(--gradient-primary,linear-gradient(135deg, #99182a 0%, #7f1322 100%));justify-content:center;align-items:flex-end;height:96px;display:flex;position:relative}.preview-canvas .real-vendor-card.chosen .vendor-card-banner{background:linear-gradient(135deg,#10b981 0%,#059669 60%,#047857 100%)}.preview-canvas .vendor-heart-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;z-index:2;color:#94a3b8;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .2s,background-color .2s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 6px #0000001a}.preview-canvas .vendor-heart-overlay:hover{background-color:#fff;transform:scale(1.1)}.preview-canvas .vendor-heart-overlay.is-fav{color:#ef4444}.preview-canvas .vendor-avatar-circle-real{border:4px solid var(--color-surface-solid,#fff);color:#fff;z-index:3;background:linear-gradient(135deg,#e05638 0%,#ba243a 100%);border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;font-size:1.15rem;font-weight:800;display:flex;position:absolute;bottom:-33px;left:18px;box-shadow:0 4px 10px #0000001a}.preview-canvas .real-vendor-card.chosen .vendor-avatar-circle-real{border-color:#10b981}.preview-canvas .vendor-card-body{flex-direction:column;flex:1;gap:10px;padding:42px 18px 18px;display:flex}.preview-canvas .real-vendor-name{color:var(--color-text);font-size:1.18rem;font-weight:800;line-height:1.25;font-family:var(--font-title);margin:0}.preview-canvas .real-vendor-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.preview-canvas .vendor-category-chip{background:var(--color-primary-light,#fdf2f4);border-radius:var(--border-radius-full,9999px);color:var(--color-primary,#99182a);padding:3px 10px;font-size:.74rem;font-weight:700}.preview-canvas .vendor-rating-chip{color:#d97706;align-items:center;gap:3px;font-size:.85rem;font-weight:700;display:inline-flex}.preview-canvas .vendor-social-icons{gap:8px;margin-left:auto;display:flex}.preview-canvas .vendor-social-icon{color:var(--color-text-muted);cursor:pointer;align-items:center;transition:color .2s,transform .2s;display:flex}.preview-canvas .vendor-social-icon:hover{color:var(--color-primary,#99182a);transform:scale(1.1)}.preview-canvas .vendor-detail-section{color:var(--color-text);font-size:.84rem;line-height:1.45}.preview-canvas .vendor-detail-section strong{letter-spacing:.05em;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:3px;font-size:.72rem;font-weight:700;display:block}.preview-canvas .vendor-detail-section p{color:var(--color-text);margin:0;font-weight:500}.preview-canvas .vendor-note-section{background:#f59e0b12;border-left:4px solid #f59e0b;border-radius:0 8px 8px 0;padding:8px 12px}.preview-canvas .vendor-note-section strong{letter-spacing:.05em;color:#d97706;text-transform:uppercase;margin-bottom:3px;font-size:.72rem;font-weight:700;display:block}.preview-canvas .vendor-note-section p{color:var(--color-text);margin:0;font-size:.82rem;font-weight:500;line-height:1.4}.preview-canvas .vendor-contact-section{background:#99182a0a;border:1px solid #99182a1f;border-radius:10px;padding:8px 12px}.preview-canvas .vendor-contact-section strong{color:var(--color-primary,#99182a);margin-bottom:4px;font-size:.72rem;font-weight:700;display:block}.preview-canvas .vendor-contact-info{flex-wrap:wrap;align-items:center;gap:10px;font-size:.8rem;display:flex}.preview-canvas .vendor-contact-name{color:var(--color-text);align-items:center;gap:4px;font-weight:600;display:inline-flex}.preview-canvas .vendor-phone-link{color:#059669;background:#10b9811a;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.preview-canvas .vendor-phone-link:hover{color:#fff;background:#059669}.preview-canvas .vendor-price-display{font-family:var(--font-title);color:var(--color-primary,#99182a);border-top:1px dashed var(--color-border);margin-top:4px;padding-top:10px;font-size:1.3rem;font-weight:800}.preview-canvas .btn-choose-vendor{border-radius:var(--border-radius-full,9999px);cursor:pointer;background:var(--gradient-primary,linear-gradient(135deg, #99182a 0%, #7f1322 100%));border:none;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 18px;font-size:.86rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #99182a40;color:#fff!important}.preview-canvas .btn-choose-vendor:hover{transform:translateY(-1px);box-shadow:0 6px 18px #99182a59}.preview-canvas .btn-choose-vendor.is-chosen{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1.5px solid #10b981;box-shadow:0 4px 14px #10b98140;color:#fff!important}.preview-canvas .vendor-card-footer-actions{border-top:1px solid var(--color-border);background:#00000003;justify-content:space-between;padding:10px 16px;display:flex}.preview-canvas .vendor-action-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.preview-canvas .vendor-action-btn:hover{background-color:var(--color-background);color:var(--color-text)}.preview-canvas .vendor-action-btn.danger:hover{color:var(--color-danger,#ef4444);background-color:#ef444414}.preview-canvas .guest-list-container{flex-direction:column;gap:16px;width:100%;max-width:1200px;margin:0 auto;display:flex}.preview-canvas .guest-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:2px;display:flex}.preview-canvas .guest-page-header .page-title-group h1{font-family:var(--font-title);color:var(--color-primary);letter-spacing:-.01em;margin:0 0 6px;font-size:2rem;font-weight:800}.preview-canvas .guest-page-header .page-title-group .subtitle{color:var(--color-text-muted);margin:0;font-size:.95rem}.preview-canvas .guest-header-actions{align-items:center;gap:12px;display:flex}.preview-canvas .btn-bulk-upload{border-radius:var(--border-radius-full);border:1px solid var(--color-border);background:var(--color-surface-solid);color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:9px 18px;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex}.preview-canvas .btn-bulk-upload:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.preview-canvas .btn-add-guest-main{border-radius:var(--border-radius-full);background:var(--color-primary);color:#fff;cursor:pointer;border:none;align-items:center;gap:6px;padding:9px 20px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #99182a40}.preview-canvas .btn-add-guest-main:hover{background:#7a0c1e;transform:translateY(-1px);box-shadow:0 6px 16px #99182a59}.preview-canvas .guest-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.preview-canvas .stat-card{background:var(--color-surface-solid);border:1px solid #eceef2;border-radius:12px;flex-direction:row;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.preview-canvas .stat-card:hover{box-shadow:var(--shadow-md);border-color:#99182a33;transform:translateY(-2px)}.preview-canvas .stat-card-highlight{border:1.5px solid var(--color-primary)!important;background:#fdf2f4!important;box-shadow:0 2px 8px #99182a14!important}.preview-canvas .stat-card-highlight .stat-label,.preview-canvas .stat-card-highlight .stat-value{color:var(--color-primary)!important}.preview-canvas .stat-swatch{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 2px 6px #00000014}.preview-canvas .swatch-regular{background:linear-gradient(135deg,#701020,#420a14)!important}.preview-canvas .swatch-vip{background:linear-gradient(135deg,#fba24f,#f3732a)!important}.preview-canvas .swatch-cpw{background:linear-gradient(135deg,#fb7185,#f43f5e)!important}.preview-canvas .swatch-cpp{background:linear-gradient(135deg,#4a1a5d,#2b0c46)!important}.preview-canvas .swatch-total{background:linear-gradient(135deg,#99182a,#7a0c1e)!important}.preview-canvas .stat-info{flex-direction:column;justify-content:center;gap:1px;display:flex}.preview-canvas .stat-label{color:#475569;letter-spacing:.01em;font-size:.72rem;font-weight:700}.preview-canvas .stat-value{color:var(--color-text);font-size:1.45rem;font-weight:800;line-height:1.1}.preview-canvas .guest-toolbar{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:0;padding:0;display:flex}.preview-canvas .guest-filter-pills{align-items:center;gap:8px;margin:0;padding:0;display:flex}.preview-canvas .guest-pill{border-radius:var(--border-radius-full);border:1px solid var(--color-border);color:#64748b;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#fff;justify-content:center;align-items:center;height:34px;margin:0;padding:0 16px;font-size:.82rem;font-weight:600;line-height:1;transition:all .2s;display:inline-flex}.preview-canvas .guest-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.preview-canvas .guest-pill.active{box-shadow:0 2px 6px #99182a33;background:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important}.preview-canvas .guest-search-box{border:1px solid var(--color-border);border-radius:var(--border-radius-full);box-sizing:border-box;background:#fff;flex-shrink:0;align-items:center;width:200px;height:34px;margin-left:auto;padding:0;transition:all .2s;display:inline-flex;position:relative}.preview-canvas .guest-search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #99182a14}.preview-canvas .guest-search-icon{color:#94a3b8;pointer-events:none;flex-shrink:0;position:absolute;left:11px}.preview-canvas .guest-search-input{width:100%;height:100%;color:var(--color-text);border-radius:var(--border-radius-full);box-sizing:border-box;outline:none;margin:0;padding:0 12px 0 32px;font-family:inherit;font-size:.82rem;background:0 0!important;border:none!important}.preview-canvas .guest-search-input::placeholder{color:#94a3b8;font-size:.82rem}.preview-canvas .guest-table-container{background:#fff;border:1px solid #eceef2;border-radius:12px;margin-top:0;overflow:hidden;box-shadow:0 1px 3px #00000008}.preview-canvas .guest-table{border-collapse:collapse;width:100%}.preview-canvas .guest-table th{color:#1e293b!important;text-transform:uppercase!important;letter-spacing:.05em!important;text-align:left!important;background-color:#fdf2f4!important;border-bottom:1px solid #f7ccd680!important;padding:10px 18px!important;font-size:.72rem!important;font-weight:700!important}.preview-canvas .guest-table th.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s,color .2s}.preview-canvas .guest-table th.th-sortable:hover{color:var(--color-primary)!important;background-color:#fae4e8!important}.preview-canvas .guest-table th.th-sortable.sorted{color:var(--color-primary)!important;background-color:#fce8ec!important}.preview-canvas .guest-table .th-content{align-items:center;gap:5px;display:inline-flex}.preview-canvas .guest-table .th-sort-icon{align-items:center;display:inline-flex}.preview-canvas .guest-table .sort-icon-idle{opacity:.35;transition:opacity .2s,color .2s}.preview-canvas .guest-table .th-sortable:hover .sort-icon-idle{opacity:.85;color:var(--color-primary)}.preview-canvas .guest-table .sort-icon-active{color:var(--color-primary);opacity:1}.preview-canvas .guest-table td{vertical-align:middle!important;text-align:left!important;border-bottom:1px solid #f8fafc!important;padding:10px 18px!important}.preview-canvas .guest-table tbody tr:last-child td{border-bottom:none}.preview-canvas .guest-table tbody tr{transition:background .15s}.preview-canvas .guest-table tbody tr:hover{background:#99182a04!important}.preview-canvas .guest-user-info{align-items:center;gap:10px;display:flex}.preview-canvas .guest-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex;color:#2563eb!important;background-color:#bfdbfe!important}.preview-canvas .user-name{color:#1e293b;font-size:.86rem;font-weight:600}.preview-canvas .guest-category-text{color:#334155;letter-spacing:.01em;font-size:.84rem;font-weight:600}.preview-canvas .guest-type-text{color:#475569;font-size:.85rem;font-weight:500}.preview-canvas .guest-pax-text{color:#334155;font-size:.88rem;font-weight:600}.preview-canvas .guest-actions{justify-content:flex-end;align-items:center;gap:12px;display:inline-flex}.preview-canvas .guest-action-btn{cursor:pointer;color:#94a3b8;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex;width:auto!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;min-width:36px!important;min-height:36px!important;padding:4px!important}.preview-canvas .guest-action-btn:hover{color:#1e293b;background:0 0!important}.preview-canvas .guest-delete-btn:hover{color:var(--color-danger,#ef4444)!important;background:0 0!important}.preview-canvas .guest-empty-state{text-align:center;color:var(--color-text-muted);margin:0;padding:48px;font-size:.9rem}.preview-canvas .text-right{text-align:right!important}.preview-canvas .guest-desktop-only{display:block}.preview-canvas .guest-mobile-only{display:none!important}@media (width<=900px),(width<=1366px) and (pointer:coarse),(width<=1366px) and (hover:none){.preview-canvas .guest-desktop-only{display:none!important}.preview-canvas .guest-mobile-only{flex-direction:column!important;gap:8px!important;width:100%!important;display:flex!important}}.preview-canvas .guest-mobile-list{width:100%}.preview-canvas .mobile-guest-card{background:var(--color-surface-solid,#fff)!important;border:1px solid var(--color-border,#e2e8f0)!important;box-sizing:border-box!important;text-align:left!important;border-radius:14px!important;align-items:center!important;gap:12px!important;width:100%!important;padding:12px 14px!important;transition:background .15s!important;display:flex!important;box-shadow:0 1px 3px #00000008!important}.preview-canvas .mobile-guest-card:active{background:var(--color-surface,#f8fafc)!important}.preview-canvas .mobile-guest-avatar{border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;font-size:.95rem!important;font-weight:700!important;display:flex!important;box-shadow:0 2px 5px #0000000d!important}.preview-canvas .mobile-guest-avatar.avatar-cpp{color:#6d28d9!important;background:#ede9fe!important}.preview-canvas .mobile-guest-avatar.avatar-cpw{color:#be123c!important;background:#ffe4e6!important}.preview-canvas .mobile-guest-info{text-align:left!important;flex-direction:column!important;flex:1!important;gap:4px!important;min-width:0!important;display:flex!important}.preview-canvas .mobile-guest-name{color:var(--color-text,#1e293b)!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0!important;font-size:.93rem!important;font-weight:600!important;line-height:1.3!important;overflow:hidden!important}.preview-canvas .mobile-guest-badges{flex-wrap:wrap!important;align-items:center!important;gap:6px!important;display:flex!important}.preview-canvas .mobile-guest-pax{flex-shrink:0!important;align-items:center!important;display:flex!important}.preview-canvas .guest-mobile-empty-card{text-align:center!important;background:var(--color-surface-solid,#fff)!important;border:1px dashed var(--color-border,#e2e8f0)!important;border-radius:14px!important;padding:32px 16px!important}@media (width<=900px){.preview-desktop-body{height:520px;max-height:520px}.preview-canvas{height:100%;max-height:520px;padding:16px}.preview-real-sidebar{display:none}.preview-canvas .activities-grid,.preview-canvas .timeline-split-layout,.preview-canvas .budgeting-top-grid,.preview-canvas .seserahan-main-grid,.preview-canvas .vendor-cards-grid{grid-template-columns:1fr}.preview-canvas .timeline-main-col,.preview-canvas .timeline-main-card{order:1}.preview-canvas .timeline-sidebar-col{order:2}.preview-canvas .guest-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.preview-canvas .guest-stats-grid{grid-template-columns:repeat(2,1fr)}.preview-canvas .guest-toolbar{flex-direction:column;align-items:stretch}}.pricing-section{max-width:1200px;margin:0 auto 96px;padding:0 24px;position:relative}.pricing-split-layout{grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;display:grid}.pricing-visual{justify-content:center;align-items:center;display:flex;position:relative}.pricing-devices-img{-webkit-user-select:none;user-select:none;width:100%;max-width:580px;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;backface-visibility:hidden;filter:drop-shadow(0 20px 45px #99182a1f);transition:transform .4s;display:block;transform:translateZ(0)}.pricing-devices-img:hover{transform:translateY(-4px)scale(1.01)translateZ(0)}.pricing-card-new{background:#fff;border:1px solid #99182a14;border-radius:28px;transition:transform .4s,box-shadow .4s;overflow:hidden;box-shadow:0 24px 60px #99182a24,0 4px 16px #0000000a}.pricing-card-new:hover{transform:translateY(-4px);box-shadow:0 30px 70px #99182a33,0 6px 20px #0000000f}:root.dark .pricing-card-new{background:#1b0a26;border-color:#f7ccd626;box-shadow:0 24px 60px #0009}.pricing-card-header{text-align:center;color:#fff;background:linear-gradient(135deg,#811630 0%,#48113c 100%);padding:34px 28px 26px;position:relative}.pricing-card-badge{border-radius:var(--border-radius-full);letter-spacing:.08em;text-transform:uppercase;color:#fff;font-size:.78rem;font-weight:700;font-family:var(--font-title);background:#ffffff2e;border:1px solid #ffffff4d;margin-bottom:14px;padding:5px 20px;display:inline-block}.pricing-original-price{color:#ffffffbf;margin-bottom:2px;font-size:1.25rem;font-weight:700;line-height:1.2;text-decoration:line-through}.pricing-current-price{color:#fff;letter-spacing:-.02em;font-size:3.1rem;font-weight:800;line-height:1.1;font-family:"Poppins", var(--font-title)}.pricing-subtext-pill{color:#ffffffe0;font-size:.92rem;font-weight:500;font-family:var(--font-body);margin-top:8px}.pricing-card-body{background:#fff;padding:36px 36px 32px}:root.dark .pricing-card-body{background:#1b0a26}.pricing-features-list{flex-direction:column;gap:16px;margin-bottom:30px;display:flex}.pricing-feature-item{color:#2d2729;font-size:1.02rem;font-weight:600;line-height:1.45;font-family:var(--font-body);align-items:flex-start;gap:12px;display:flex}:root.dark .pricing-feature-item{color:#f5f5f5}.pricing-check-icon{background:var(--color-primary,#99182a);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;margin-top:2px;display:flex}.btn-pricing-cta{border-radius:var(--border-radius-full);background:var(--color-primary,#99182a);color:#fff;cursor:pointer;width:100%;font-size:1.02rem;font-weight:700;font-family:var(--font-title);border:none;justify-content:center;align-items:center;gap:6px;padding:16px 24px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 25px #99182a59}.btn-pricing-cta:hover{background:#801221;transform:translateY(-2px);box-shadow:0 14px 32px #99182a73}.mission-section{background:var(--color-background);max-width:1200px;margin:0 auto 96px;padding:0 24px}.mission-inner{grid-template-columns:420px 1fr;align-items:start;gap:48px;display:grid}.mission-visual{justify-content:center;align-items:flex-start;padding-top:8px;display:flex}.mission-photo-frame{border:1px solid var(--color-border);border-radius:24px;width:100%;overflow:hidden;box-shadow:0 20px 45px #411b171f}:root.dark .mission-photo-frame{border-color:#f7ccd633;box-shadow:0 20px 50px #00000080}.mission-photo{object-fit:cover;width:100%;height:auto;display:block}.mission-content{flex-direction:column;display:flex}.mission-tag-header{text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);font-size:.82rem;font-weight:800;font-family:var(--font-title);margin-bottom:8px}.mission-title{font-family:var(--font-title);color:var(--color-text);letter-spacing:-.02em;margin-bottom:20px;font-size:2.1rem;font-weight:800;line-height:1.25}.mission-title-highlight{color:var(--color-primary);white-space:nowrap;font-style:normal;display:inline-block}.mission-title-line1{display:inline-block}.mission-greeting{color:var(--color-text);margin-bottom:12px;font-size:1.05rem}.mission-text{font-family:var(--font-body);color:var(--color-text-muted);margin-bottom:16px;font-size:.94rem;line-height:1.68}.mission-bold{color:var(--color-text);font-weight:700}.mission-quote-card{background:var(--color-primary-light);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);border:1px solid #99182a24;align-items:center;gap:20px;margin:16px 0 24px;padding:24px;display:flex}:root.dark .mission-quote-card{background:#31104299;border-color:#f7ccd633}.quote-card-left{flex-shrink:0;justify-content:center;align-items:center;width:64px;display:flex}.quote-card-amara-logo{object-fit:contain;width:54px;height:auto;display:block}:root.dark .quote-card-amara-logo{filter:drop-shadow(0 0 6px #f7ccd666)}.quote-card-divider{background:#99182a33;flex-shrink:0;width:1px;height:90px}:root.dark .quote-card-divider{background:#f7ccd640}.quote-card-right{flex-direction:column;gap:6px;display:flex}.quote-card-title{font-family:var(--font-title);color:var(--color-primary);font-size:1.05rem;font-weight:700;line-height:1.35}:root.dark .quote-card-title{color:var(--color-secondary)}.quote-card-body{font-family:var(--font-body);color:var(--color-text-muted);font-size:.88rem;line-height:1.6}.mission-cta-wrapper{justify-content:center;margin:20px 0 28px;display:flex}.btn-mission-cta-pill{border-radius:var(--border-radius-full);background:var(--gradient-primary);color:#fff;cursor:pointer;font-size:.98rem;font-weight:700;font-family:var(--font-title);border:none;padding:14px 44px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 24px #99182a4d}.btn-mission-cta-pill:hover{transform:translateY(-2px);box-shadow:0 12px 30px #99182a73}.mission-social-container{border-top:1px solid var(--color-border);flex-direction:column;align-items:center;gap:12px;margin-top:10px;padding-top:20px;display:flex}.mission-social-label{font-family:var(--font-body);color:var(--color-text-muted);text-align:center;font-size:.85rem;font-weight:600}.mission-social-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.social-creator-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-full);align-items:center;gap:10px;padding:6px 14px;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #411b170a}.social-creator-card:hover{border-color:#99182a40;transform:translateY(-2px);box-shadow:0 6px 16px #99182a14}:root.dark .social-creator-card{background:#3110428c;border-color:#f7ccd626;box-shadow:0 4px 12px #0000004d}.creator-name{font-family:var(--font-title);color:var(--color-text);letter-spacing:-.01em;font-size:.84rem;font-weight:700}.creator-links{align-items:center;gap:6px;display:flex}.social-icon-btn{background:var(--color-primary-light);width:28px;height:28px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.social-icon-btn:hover{background:var(--gradient-primary);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #99182a4d}:root.dark .social-icon-btn{color:var(--color-secondary);background:#f7ccd61f}:root.dark .social-icon-btn:hover{background:var(--gradient-primary);color:#fff}.landing-footer{border-top:1px solid var(--color-border);background:var(--color-surface-solid);padding:40px 24px 28px}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto;display:flex}.footer-brand{align-items:center;gap:12px;display:flex}.footer-text{color:var(--color-text-muted);font-size:.85rem}@media (width<=1024px){.hero-inner{text-align:center;grid-template-columns:1fr;gap:40px;padding:60px 24px 48px}.hero-content{text-align:center}.hero-subtitle{max-width:600px;margin:0 auto 32px}.hero-actions,.hero-trust-badges{justify-content:center}.hero-phone-wrapper{width:100%;max-width:420px;transform:none}.hero-floating-badge{bottom:-10px;left:50%;transform:translate(-50%)}.pricing-split-layout{grid-template-columns:1fr;gap:32px}.mission-inner{grid-template-columns:1fr;gap:36px}.mission-visual{order:-1;padding-top:0}.mission-photo-frame{max-width:280px;margin:0 auto}}@media (width<=768px){.mobile-tag-text,.mobile-title-text,.mobile-subtitle-text,.mobile-demo-appbar,.mobile-collab-highlights,.mission-mobile-header,.hero-mobile-trust-pill{display:inline!important}.mobile-demo-appbar,.mobile-collab-highlights{display:flex!important}.mission-mobile-header{display:block!important}.desktop-tag-text,.desktop-title-text,.desktop-subtitle-text,.desktop-only-mission-header,.window-dots,.window-address,.window-actions-dummy{display:none!important}.landing-nav{gap:8px;padding:10px 14px}.landing-brand{flex-shrink:0;gap:6px}.landing-logo-img{object-fit:contain;width:auto;max-width:95px;height:25px}.landing-nav-links{background:var(--color-surface-solid);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);flex-direction:column;padding:20px;display:none;position:absolute;top:100%;left:0;right:0}.landing-nav-links.mobile-open{display:flex}.landing-nav-actions{flex-shrink:0;gap:6px}.btn-nav-login{white-space:nowrap;flex-shrink:0;padding:6px 12px;font-size:.8rem}.btn-nav-cta{white-space:nowrap;flex-shrink:0;padding:6px 13px;font-size:.8rem;line-height:1.2}.landing-mobile-toggle{flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.hero-inner{gap:24px!important;padding:42px 18px 36px!important}.hero-title{letter-spacing:-.025em!important;margin-bottom:14px!important;font-size:2.3rem!important;line-height:1.2!important}.hero-subtitle{margin-bottom:22px!important;font-size:.92rem!important;line-height:1.6!important}.hero-actions{flex-direction:column!important;gap:10px!important;width:100%!important;display:flex!important}.btn-hero-primary{border-radius:9999px!important;width:100%!important;height:48px!important;min-height:48px!important;font-size:.96rem!important;font-weight:700!important;box-shadow:0 8px 24px #99182a4d!important}.btn-hero-secondary{border:1.5px solid var(--color-primary,#99182a)!important;width:100%!important;height:44px!important;min-height:44px!important;color:var(--color-primary,#99182a)!important;background:0 0!important;border-radius:9999px!important;font-size:.92rem!important;font-weight:600!important}.hero-mobile-trust-pill{color:var(--color-primary,#99182a)!important;text-align:center!important;background:#99182a0f!important;border:1px solid #99182a26!important;border-radius:9999px!important;justify-content:center!important;align-items:center!important;margin-top:14px!important;padding:7px 16px!important;font-size:.76rem!important;font-weight:700!important;display:inline-flex!important}:root.dark .hero-mobile-trust-pill{color:#f7ccd6!important;background:#99182a33!important;border-color:#f7ccd640!important}.hero-phone-wrapper{filter:drop-shadow(0 16px 36px #99182a24)!important;width:95%!important;max-width:360px!important;margin:18px auto 0!important}.hero-phone-img{width:100%!important;height:auto!important;display:block!important}.features-section{margin-bottom:56px!important;padding:0 16px!important}.section-title{font-size:1.65rem!important;line-height:1.25!important}.features-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.feature-card{border-radius:16px!important;padding:16px 12px!important}.feature-icon-wrapper{border-radius:10px!important;width:36px!important;height:36px!important;margin-bottom:10px!important}.feature-title{margin-bottom:4px!important;font-size:.9rem!important;font-weight:700!important;line-height:1.3!important}.feature-desc{font-size:.76rem!important;line-height:1.45!important}.preview-section{margin-bottom:60px!important;padding:0 16px!important}.preview-tabs{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:8px!important;margin:0!important;padding:4px 4px 14px!important;display:flex!important;overflow-x:auto!important}.preview-tabs::-webkit-scrollbar{display:none!important}.preview-tab-btn{border-radius:9999px!important;flex:none!important;gap:7px!important;height:44px!important;min-height:44px!important;padding:0 16px!important;font-size:.82rem!important;font-weight:700!important}.preview-window-frame{border:1.5px solid #99182a29!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 14px 36px #99182a1a!important}.window-bar{min-height:42px!important;padding:10px 14px!important}.mobile-demo-appbar{justify-content:space-between!important;align-items:center!important;width:100%!important;display:flex!important}.m-appbar-left{align-items:center!important;gap:8px!important;display:flex!important}.m-appbar-live-dot{background:#10b981!important;border-radius:50%!important;width:8px!important;height:8px!important;animation:2s ease-in-out infinite pulseLiveDot!important;display:inline-block!important;box-shadow:0 0 8px #10b981!important}@keyframes pulseLiveDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.m-appbar-title{color:var(--color-primary,#99182a)!important;font-size:.82rem!important;font-weight:700!important}:root.dark .m-appbar-title{color:#f7ccd6!important}.m-appbar-couple{color:var(--color-primary,#99182a)!important;background:#99182a14!important;border:1px solid #99182a26!important;border-radius:9999px!important;padding:3px 10px!important;font-size:.72rem!important;font-weight:600!important}:root.dark .m-appbar-couple{color:#f7ccd6!important;background:#f7ccd61f!important;border-color:#f7ccd633!important}.preview-desktop-body{height:520px!important;max-height:520px!important;overflow-y:auto!important}.preview-canvas{height:100%!important;max-height:unset!important;padding:14px 12px!important}.mock-overview-grid{grid-template-columns:1fr!important}.pricing-section{margin-bottom:60px!important;padding:0 16px!important}.pricing-visual{flex-direction:column!important;align-items:center!important;width:100%!important;display:flex!important}.pricing-devices-img{width:95%!important;max-width:360px!important;height:auto!important}.mobile-collab-highlights{text-align:left!important;flex-direction:column!important;gap:9px!important;width:100%!important;max-width:380px!important;margin-top:18px!important;display:flex!important}.m-collab-item{background:var(--color-surface,#fff)!important;border:1px solid #99182a1f!important;border-radius:14px!important;align-items:flex-start!important;gap:12px!important;padding:12px 14px!important;display:flex!important;box-shadow:0 2px 8px #99182a0a!important}:root.dark .m-collab-item{background:#ffffff0a!important;border-color:#f7ccd62e!important}.m-collab-icon{width:32px!important;height:32px!important;color:var(--color-primary,#99182a)!important;background:#99182a14!important;border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;display:flex!important}:root.dark .m-collab-icon{color:#f7ccd6!important;background:#f7ccd626!important}.m-collab-text{flex-direction:column!important;gap:2px!important;display:flex!important}.m-collab-text strong{color:var(--color-text,#1f1a1c)!important;font-size:.86rem!important;font-weight:700!important}:root.dark .m-collab-text strong{color:#fff!important}.m-collab-text span{color:var(--color-text-muted,#71717a)!important;font-size:.78rem!important;line-height:1.4!important}.pricing-card-new{border-radius:20px!important}.pricing-card-header{padding:26px 20px 20px!important}.pricing-card-body{padding:24px 20px 22px!important}.pricing-current-price{color:#fff!important;font-size:2.35rem!important;font-weight:800!important}.btn-pricing-cta{border-radius:9999px!important;width:100%!important;height:48px!important;min-height:48px!important;font-size:.95rem!important;font-weight:700!important}.mission-section{margin-bottom:60px!important;padding:44px 16px 0!important}.mission-inner{flex-direction:column!important;gap:20px!important;display:flex!important}.mission-mobile-header{text-align:center!important;flex-direction:column!important;align-items:center!important;width:100%!important;margin-bottom:6px!important;display:flex!important}.mission-mobile-header .mission-tag-header{letter-spacing:.14em!important;color:var(--color-primary,#99182a)!important;text-align:center!important;margin-bottom:14px!important;font-size:.78rem!important;font-weight:800!important;display:inline-block!important}.mission-mobile-header .mission-title{color:var(--color-text,#1f1a1c)!important;text-align:center!important;flex-direction:column!important;align-items:center!important;gap:4px!important;width:100%!important;margin-bottom:0!important;font-size:clamp(1.22rem,5.2vw,1.48rem)!important;font-weight:800!important;line-height:1.32!important;display:flex!important}.mission-title-line1,.mission-mobile-header .mission-title-highlight{text-align:center!important;white-space:nowrap!important;width:100%!important;margin:0 auto!important;line-height:1.25!important;display:block!important}:root.dark .mission-mobile-header .mission-title{color:#fff!important}.desktop-only-mission-header{display:none!important}.mission-visual{text-align:center!important;order:0!important;justify-content:center!important;align-items:center!important;width:100%!important;margin-bottom:4px!important;display:flex!important}.mission-photo-frame{aspect-ratio:4/3!important;border:1px solid #0000000d!important;border-radius:16px!important;width:86%!important;max-width:290px!important;margin-left:auto!important;margin-right:auto!important;overflow:hidden!important;box-shadow:0 10px 26px #411b171a!important}.mission-photo{object-fit:cover!important;object-position:center 68%!important;width:100%!important;height:100%!important;margin:0 auto!important;display:block!important}.mission-content{text-align:center!important;box-sizing:border-box!important;flex-direction:column!important;order:1!important;align-items:center!important;width:100%!important;max-width:340px!important;margin:0 auto!important;padding:0 4px!important;display:flex!important}.mission-greeting{text-align:center!important;margin-bottom:8px!important;font-size:.95rem!important;line-height:1.4!important}.mission-text{text-align:center!important;margin-bottom:12px!important;font-size:.88rem!important;line-height:1.55!important}.mission-quote-card{text-align:center!important;box-sizing:border-box!important;border-radius:14px!important;flex-direction:column!important;align-items:center!important;gap:10px!important;width:100%!important;margin:12px 0 14px!important;padding:16px 14px!important}.quote-card-divider{display:none!important}.quote-card-title,.quote-card-body{text-align:center!important}.quote-card-title{margin-bottom:6px!important;font-size:.92rem!important;font-weight:700!important;line-height:1.35!important}.quote-card-body{font-size:.82rem!important;line-height:1.5!important}.mission-cta-wrapper{justify-content:center!important;width:100%!important;margin-top:10px!important;display:flex!important}.final-cta-card h2{font-size:1.65rem!important}.final-cta-card{border-radius:20px!important;padding:36px 20px!important}.footer-content{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:12px!important}.footer-brand{flex-direction:column!important;gap:8px!important}.landing-mobile-sticky-cta{z-index:999!important;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))!important;-webkit-backdrop-filter:blur(16px)!important;background:#fffffff2!important;border-top:1px solid #99182a24!important;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUpStickyCta!important;display:block!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -8px 24px #99182a14!important}@keyframes slideUpStickyCta{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}:root.dark .landing-mobile-sticky-cta{background:#160a1af2!important;border-top-color:#f7ccd633!important;box-shadow:0 -8px 24px #0006!important}.sticky-cta-inner{justify-content:space-between!important;align-items:center!important;gap:12px!important;max-width:480px!important;margin:0 auto!important;display:flex!important}.sticky-cta-info{flex-direction:column!important;flex:1!important;min-width:0!important;display:flex!important}.sticky-cta-heading{color:var(--color-text,#1f1a1c)!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.85rem!important;font-weight:700!important;overflow:hidden!important}:root.dark .sticky-cta-heading{color:#fff!important}.sticky-cta-price{color:var(--color-primary,#99182a)!important;font-size:.72rem!important;font-weight:600!important}:root.dark .sticky-cta-price{color:#f7ccd6!important}.btn-sticky-cta-primary{background:var(--color-primary,#99182a)!important;color:#fff!important;cursor:pointer!important;white-space:nowrap!important;border:none!important;border-radius:9999px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;height:44px!important;padding:0 16px!important;font-size:.84rem!important;font-weight:700!important;display:inline-flex!important;box-shadow:0 4px 14px #99182a40!important}.btn-sticky-cta-dismiss{width:32px!important;height:32px!important;color:var(--color-text-muted,#71717a)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important}}@media (width<=480px){.landing-nav{padding:8px 12px}.landing-logo-img{max-width:86px;height:23px}.landing-nav-actions{gap:5px}.btn-nav-login{padding:5px 9px;font-size:.76rem}.btn-nav-cta{white-space:nowrap;padding:5px 10px;font-size:.76rem}.hero-title{font-size:2.05rem!important}.hero-phone-wrapper{width:95%!important;max-width:340px!important}.pricing-current-price{font-size:2.2rem!important}}@media (width<=350px){.landing-nav{padding:6px 8px}.landing-logo-img{max-width:76px;height:21px}.landing-nav-actions{gap:4px}.btn-nav-login{padding:4px 7px;font-size:.72rem}.btn-nav-cta{white-space:nowrap;padding:4px 8px;font-size:.72rem}.features-grid{grid-template-columns:1fr!important}.hero-title{font-size:1.85rem!important}}.preview-window-frame{position:relative}.preview-floating-helper{z-index:1000;-webkit-backdrop-filter:blur(16px);background:#160a1af2;border:1px solid #f7ccd659;border-radius:50px;align-items:center;gap:14px;width:max-content;max-width:90%;padding:12px 20px;animation:.35s cubic-bezier(.16,1,.3,1) forwards slideUpFloatingHelper;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #00000080,0 0 24px #99182a59}@keyframes slideUpFloatingHelper{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.pfh-icon-glow{color:#f59e0b;background:linear-gradient(135deg,#ef444440,#f59e0b40);border:1px solid #f59e0b73;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;animation:2s ease-in-out infinite pulsePfhGlow;display:flex;box-shadow:0 0 14px #f59e0b66}@keyframes pulsePfhGlow{0%,to{transform:scale(1);box-shadow:0 0 8px #f59e0b40}50%{transform:scale(1.08);box-shadow:0 0 18px #f59e0b99}}.pfh-content{text-align:left;flex-direction:column;gap:2px;display:flex}.pfh-badge{letter-spacing:.06em;text-transform:uppercase;color:#fca5a5;font-size:.68rem;font-weight:700}.pfh-text{color:#f3f4f6;margin:0;font-size:.86rem;font-weight:500;line-height:1.35}.pfh-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:6px;display:flex}.pfh-cta-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#99182a 0%,#b91c1c 100%);border:none;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #99182a66}.pfh-cta-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 18px #99182aa6}.pfh-close-btn{color:#cbd5e1;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex}.pfh-close-btn:hover{color:#fff;background:#ffffff40}.demo-cta-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(12px);background:#0c0510d9;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out forwards fadeInDemoModal;display:flex;position:fixed;inset:0}@keyframes fadeInDemoModal{0%{opacity:0}to{opacity:1}}.demo-cta-modal-card{background:#180a22;border:1px solid #f7ccd640;border-radius:24px;width:100%;max-width:480px;padding:32px 28px;animation:.3s cubic-bezier(.16,1,.3,1) forwards scaleUpDemoModal;position:relative;box-shadow:0 25px 65px #000c,0 0 35px #99182a4d}@keyframes scaleUpDemoModal{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.demo-cta-modal-close{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.demo-cta-modal-close:hover{color:#fff;background:#ffffff38}.demo-cta-modal-header{text-align:center;margin-bottom:22px}.demo-cta-modal-badge-icon{background:linear-gradient(135deg,#99182a40,#f59e0b2e);border:1px solid #f59e0b59;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex;box-shadow:0 0 22px #99182a59}.demo-cta-modal-tag{letter-spacing:.08em;text-transform:uppercase;color:#f59e0b;margin-bottom:8px;font-size:.72rem;font-weight:700;display:inline-block}.demo-cta-modal-title{color:#fff;margin:0 0 10px;font-size:1.35rem;font-weight:800;line-height:1.3}.demo-cta-modal-subtitle{color:#cbd5e1;margin:0;font-size:.92rem;line-height:1.55}.demo-cta-modal-perks{background:#ffffff0a;border:1px solid #ffffff17;border-radius:14px;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px;display:flex}.demo-perk-item{color:#e2e8f0;align-items:flex-start;gap:10px;font-size:.86rem;line-height:1.45;display:flex}.perk-check-icon{color:#10b981;flex-shrink:0;margin-top:2px}.demo-perk-item strong{color:#fff}.demo-cta-modal-footer{flex-direction:column;gap:10px;display:flex}.demo-cta-modal-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#99182a 0%,#b91c1c 50%,#dc2626 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 20px;font-size:.96rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 8px 24px #99182a73}.demo-cta-modal-btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 28px #99182aa6}.demo-cta-modal-btn-secondary{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:12px;width:100%;padding:12px 20px;font-size:.88rem;font-weight:600;transition:all .2s}.demo-cta-modal-btn-secondary:hover{color:#fff;background:#ffffff14;border-color:#ffffff4d}@media (width<=768px){.desktop-only-pfh,.preview-interactive-banner{display:none!important}.mobile-coachmark-card{-webkit-backdrop-filter:blur(16px);z-index:1000!important;box-sizing:border-box!important;background:#160a1af5!important;border:1px solid #f7ccd659!important;border-radius:18px!important;flex-direction:column!important;gap:6px!important;width:calc(100% - 32px)!important;max-width:420px!important;margin:0 auto!important;padding:10px 14px!important;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUpFloatingHelper!important;display:flex!important;position:fixed!important;bottom:16px!important;left:16px!important;right:16px!important;transform:none!important;box-shadow:0 14px 34px #0000008c,0 0 20px #99182a59!important}.pfh-top-badge{letter-spacing:.06em;text-transform:uppercase;color:#fca5a5;align-items:center;gap:6px;font-size:.7rem;font-weight:700;display:inline-flex}.pfh-sparkle{color:#f59e0b;animation:2s ease-in-out infinite pulse-sparkle}.pfh-mobile-instruction{color:#f1f5f9;text-align:left;margin:0;font-size:.82rem;font-weight:500;line-height:1.35}.pfh-mobile-actions{align-items:center;gap:8px;width:100%;margin-top:2px;display:flex}.pfh-cta-btn-mobile{color:#fff;cursor:pointer;background:linear-gradient(135deg,#99182a 0%,#b91c1c 100%);border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:.86rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #99182a73}.pfh-cta-btn-mobile:active{filter:brightness(1.08);transform:translateY(1px)}.pfh-close-touch{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;transition:all .2s;display:flex}.pfh-close-touch:active{color:#fff;background:#fff3;transform:scale(.95)}.mobile-coachmark-card.is-minimized{border-radius:30px!important;flex-direction:row!important;align-items:center!important;gap:8px!important;width:max-content!important;max-width:calc(100% - 32px)!important;margin:0 auto!important;padding:6px 8px 6px 14px!important;box-shadow:0 10px 24px #00000080!important}.pfh-minimized-row{align-items:center;gap:8px;width:100%;display:flex}.pfh-minimized-cta{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#99182a 0%,#b91c1c 100%);border:none;border-radius:20px;align-items:center;gap:6px;min-height:44px;padding:8px 16px;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #99182a66}.pfh-minimized-close{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;display:flex}.demo-cta-modal-overlay{-webkit-backdrop-filter:none!important;z-index:10000!important;pointer-events:none!important;background:0 0!important;justify-content:center!important;padding:0!important;display:flex!important;position:fixed!important;inset:auto 16px 20px!important}.demo-cta-modal-card{pointer-events:auto!important;background:#160a1af7!important;border:1px solid #f7ccd659!important;border-radius:18px!important;width:100%!important;max-width:100%!important;padding:16px 18px!important;box-shadow:0 16px 40px #000000bf,0 0 24px #99182a59!important}.demo-cta-modal-badge-icon{display:none!important}.demo-cta-modal-header{text-align:left!important;margin-bottom:10px!important;padding-right:44px!important}.demo-cta-modal-tag{margin-bottom:4px!important;font-size:.68rem!important}.demo-cta-modal-title{margin-bottom:4px!important;font-size:1.05rem!important}.demo-cta-modal-subtitle{font-size:.8rem!important;line-height:1.35!important}.demo-cta-modal-perks{display:none!important}.demo-cta-modal-footer{gap:8px!important}.demo-cta-modal-btn-primary{min-height:44px!important;padding:12px 16px!important;font-size:.88rem!important}.demo-cta-modal-btn-secondary{display:none!important}.demo-cta-modal-close{justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;display:flex!important;top:10px!important;right:10px!important}}.pwa-floating-banner{background:var(--color-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border-hover);border-radius:var(--border-radius-xl);z-index:9999;box-sizing:border-box;justify-content:space-between;align-items:center;gap:12px;width:400px;max-width:calc(100vw - 32px);padding:14px 16px;animation:.4s cubic-bezier(.16,1,.3,1) forwards pwaSlideIn;display:flex;position:fixed;bottom:24px;left:auto;right:24px;box-shadow:0 12px 32px #00000026,0 2px 8px #99182a14}@keyframes pwaSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pwa-banner-content{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.pwa-icon-box{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;overflow:hidden;box-shadow:0 2px 6px #0000000f}.pwa-app-logo{object-fit:contain;width:28px;height:28px}.pwa-text-info{flex-direction:column;min-width:0;display:flex}.pwa-banner-title{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.92rem;font-weight:700;line-height:1.2;overflow:hidden}.pwa-banner-desc{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:3px 0 0;font-size:.78rem;line-height:1.3;display:-webkit-box;overflow:hidden}.pwa-banner-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.btn-pwa-install{background:var(--gradient-primary);color:#fff;border-radius:var(--border-radius-md);font-size:.85rem;font-weight:600;font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #99182a40}.btn-pwa-install:hover{transform:translateY(-1px);box-shadow:0 6px 16px #99182a59}.btn-pwa-dismiss{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-pwa-dismiss:hover{background:var(--color-background);color:var(--color-text)}.pwa-success-toast{color:#fff;border-radius:var(--border-radius-pill);z-index:10000;background:#10b981;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:600;animation:.3s forwards pwaSlideDown;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #10b9814d}@keyframes pwaSlideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.pwa-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.pwa-ios-modal{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);flex-direction:column;gap:20px;width:100%;max-width:440px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) forwards pwaModalPop;display:flex;box-shadow:0 20px 40px #0003}@keyframes pwaModalPop{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.pwa-modal-header{align-items:flex-start;gap:14px;display:flex;position:relative}.pwa-modal-icon-badge{border-radius:var(--border-radius-lg);background:var(--color-primary-light);width:44px;height:44px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pwa-modal-header h3{color:var(--color-text);margin:0;font-size:1.1rem;font-weight:700}.pwa-modal-header p{color:var(--color-text-muted);margin:4px 0 0;font-size:.85rem}.btn-close-pwa-modal{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:-4px;right:-4px}.btn-close-pwa-modal:hover{background:var(--color-background);color:var(--color-text)}.pwa-ios-steps{flex-direction:column;gap:12px;display:flex}.pwa-ios-step-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);align-items:flex-start;gap:14px;padding:14px;display:flex}.step-number{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:.8rem;font-weight:700;display:flex}.step-icon-wrapper{border-radius:var(--border-radius-md);background:var(--color-surface-solid);border:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.step-text{flex:1}.step-text h5{color:var(--color-text);margin:0;font-size:.9rem;font-weight:600}.step-text p{color:var(--color-text-muted);margin:3px 0 0;font-size:.8rem;line-height:1.35}.pwa-modal-footer{justify-content:flex-end;display:flex}.btn-pwa-modal-done{background:var(--gradient-primary);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #99182a40}.btn-pwa-modal-done:hover{opacity:.95}@media (width<=767px){.pwa-floating-banner{gap:8px;padding:10px 12px;bottom:84px;width:auto!important;max-width:calc(100vw - 24px)!important;left:12px!important;right:12px!important}.pwa-banner-title{font-size:.86rem}.pwa-banner-desc{-webkit-line-clamp:1;font-size:.72rem}.btn-pwa-install{padding:6px 12px;font-size:.78rem}.btn-pwa-dismiss{width:28px;height:28px}}.readonly-banner{color:#8b5cf6;border-radius:var(--border-radius-lg);background:#8b5cf614;border:1px solid #8b5cf640;align-items:center;gap:10px;margin-bottom:20px;padding:10px 16px;font-size:.85rem;font-weight:600;animation:.3s fadeIn;display:flex}.pull-to-refresh-container{pointer-events:none;z-index:9999;opacity:0;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),opacity .2s;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.pull-to-refresh-container.is-pulling{transition:none}.pull-to-refresh-container.is-active{opacity:1}.pull-to-refresh-pill{-webkit-backdrop-filter:blur(12px);color:#1e293b;letter-spacing:-.01em;background:#ffffffeb;border:1px solid #e2e8f0cc;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.82rem;font-weight:600;display:inline-flex;box-shadow:0 4px 20px #0000001f,0 1px 3px #00000014}.pull-to-refresh-icon{width:20px;height:20px;color:var(--color-primary,#b8334a);justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex}.pull-to-refresh-icon.rotate-180{transform:rotate(180deg)}.pull-to-refresh-spinner{border:2.5px solid #b8334a33;border-top-color:var(--color-primary,#b8334a);border-radius:50%;width:18px;height:18px;animation:.75s linear infinite ptr-spin}@keyframes ptr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1024px),(width<=1366px) and (pointer:coarse),(width<=1366px) and (hover:none),(height<=600px) and (orientation:landscape){html,body{width:100%!important;max-width:100vw!important;scroll-padding-bottom:calc(76px + env(safe-area-inset-bottom,0px) + 24px)!important;overflow-x:hidden!important}.app-container{flex-direction:column;box-sizing:border-box!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.main-content{width:100%!important;min-width:0!important;max-width:100%!important;padding:16px!important;padding-left:max(16px, env(safe-area-inset-left,0px))!important;padding-right:max(16px, env(safe-area-inset-right,0px))!important;padding-top:max(28px, calc(env(safe-area-inset-top,0px) + 20px))!important;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px) + 24px)!important;scroll-padding-bottom:calc(76px + env(safe-area-inset-bottom,0px) + 24px)!important;box-sizing:border-box!important;overflow-x:hidden!important}@media (width>=768px){.main-content{max-width:920px!important;padding:20px 24px!important;padding-top:max(24px, calc(env(safe-area-inset-top,0px) + 16px))!important;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px) + 20px)!important;scroll-padding-bottom:calc(80px + env(safe-area-inset-bottom,0px) + 20px)!important;margin-left:auto!important;margin-right:auto!important}}@media (height<=500px) and (orientation:landscape){.main-content{padding:10px 16px!important;padding-left:max(16px, env(safe-area-inset-left,0px))!important;padding-right:max(16px, env(safe-area-inset-right,0px))!important;padding-top:max(14px, calc(env(safe-area-inset-top,0px) + 8px))!important;padding-bottom:calc(54px + env(safe-area-inset-bottom,0px) + 16px)!important;scroll-padding-bottom:calc(54px + env(safe-area-inset-bottom,0px) + 16px)!important}.page-header{margin-bottom:10px!important}.page-header h1{font-size:1.15rem!important}.page-header .subtitle{font-size:.75rem!important}.category-list,.task-list-details,.unscheduled-list{max-height:200px!important}}h1{letter-spacing:-.02em;font-size:1.35rem!important;line-height:1.2!important}h2{font-size:1.1rem!important;line-height:1.25!important}h3{font-size:.95rem!important}.page-header:not(.overview-header),.guest-page-header,.budget-page-header,.seserahan-page-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;width:100%!important;margin-bottom:16px!important;display:flex!important}.page-header:not(.overview-header)>div:first-child,.page-title-group,.budget-title-group,.timeline-container .page-header>div:first-child,.activities-container .page-header>div:first-child,.settings-container .page-header>div:first-child{width:100%!important;max-width:100%!important}.page-header h1,.guest-page-header h1,.guest-page-header .page-title-group h1,.budget-page-header h1,.budget-title-group h1,.budget-container .page-header h1,.seserahan-page-header h1,.timeline-container .page-header h1,.activities-container .page-header h1,.vendor-container .page-header h1,.settings-container .page-header h1{font-family:var(--font-title)!important;font-size:var(--mobile-page-title-size,clamp(28px, 7vw, 32px))!important;color:var(--color-primary)!important;font-weight:800!important;line-height:var(--mobile-page-title-line-height,1.18)!important;letter-spacing:-.02em!important;word-break:normal!important;overflow-wrap:break-word!important;margin:0!important}.overview-header .overview-header-text h1,.overview-header-text h1{font-family:var(--font-title)!important;font-size:var(--mobile-display-size,clamp(28px, 7.5vw, 34px))!important;color:var(--color-primary)!important;font-weight:800!important;line-height:var(--mobile-display-line-height,1.15)!important;letter-spacing:-.02em!important;word-break:normal!important;overflow-wrap:break-word!important;margin:0!important}.page-header .subtitle,.overview-header-text .subtitle,.timeline-container .page-header .subtitle,.activities-container .page-header .subtitle,.budget-container .page-header .subtitle,.budget-page-header .subtitle,.budget-title-group .subtitle,.vendor-container .page-header .subtitle,.guest-page-header .subtitle,.guest-page-header .page-title-group .subtitle,.seserahan-page-header .subtitle,.settings-container .page-header .subtitle{font-family:var(--font-body)!important;font-size:var(--mobile-subtitle-size,clamp(14px, 3.8vw, 16px))!important;font-weight:400!important;line-height:var(--mobile-subtitle-line-height,1.42)!important;color:var(--color-text-muted)!important;margin-top:8px!important;margin-bottom:0!important}.guest-header-actions,.activities-header-actions,.vendor-header-actions{box-sizing:border-box!important;flex-flow:row!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100%!important;display:flex!important}.page-header .btn-primary,.btn-add-guest-main{white-space:nowrap!important;box-sizing:border-box!important;border-radius:12px!important;flex:1 1 0!important;justify-content:center!important;width:auto!important;min-width:0!important;max-width:100%!important;min-height:44px!important;padding:10px 14px!important;font-size:.85rem!important;font-weight:700!important}.page-header .btn-secondary,.btn-bulk-upload{white-space:nowrap!important;box-sizing:border-box!important;border-radius:12px!important;flex:none!important;justify-content:center!important;width:auto!important;min-width:44px!important;min-height:44px!important;padding:10px 12px!important}.page-header .tutorial-trigger-btn,.has-tutorial-btn .tutorial-trigger-btn{box-sizing:border-box!important;border-radius:9999px!important;flex:none!important;align-self:flex-start!important;height:32px!important;min-height:32px!important;margin-top:2px!important;padding:4px 10px!important}@media (width<=480px){.btn-bulk-upload span{display:none!important}.page-header .tutorial-trigger-label,.has-tutorial-btn .tutorial-trigger-label,.tutorial-trigger-label{letter-spacing:.01em!important;font-size:.72rem!important;font-weight:700!important;display:inline!important}.page-header .tutorial-trigger-badge,.has-tutorial-btn .tutorial-trigger-badge,.tutorial-trigger-badge{display:none!important}.page-header .tutorial-trigger-btn,.has-tutorial-btn .tutorial-trigger-btn,.tutorial-trigger-btn{width:auto!important;height:30px!important;min-width:unset!important;border-radius:9999px!important;justify-content:center!important;align-self:flex-start!important;gap:5px!important;min-height:30px!important;padding:4px 10px!important}.tutorial-trigger-play-icon svg{width:14px!important;height:14px!important}.btn-bulk-upload{border-radius:12px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important}}@media (width<=350px){.guest-header-actions{flex-wrap:wrap!important;gap:8px!important}.btn-add-guest-main{flex:100%!important;order:1!important;width:100%!important}.guest-header-actions .tutorial-trigger-btn,.guest-header-actions .btn-bulk-upload{order:2!important}}.btn-check{box-sizing:border-box!important;border-radius:6px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important;display:inline-flex!important;position:relative!important}.btn-check:after{content:"";position:absolute;inset:-11px}.btn-check.small{border-radius:5px!important;width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important}.btn-icon,.btn-icon-danger,.btn-action-icon,.guest-action-btn,.btn-icon-action,.modal-close,.btn-close-pwa-modal,.tutorial-modal-close-btn,.guest-delete-btn,.btn-edit,.btn-delete,.th-sortable,.btn-filter,.search-action-btn{box-sizing:border-box!important;touch-action:manipulation!important;justify-content:center!important;align-items:center!important;min-width:44px!important;min-height:44px!important;padding:10px!important;display:inline-flex!important}.guest-actions,.table-actions,.row-actions{align-items:center!important;gap:8px!important;display:inline-flex!important}.card{box-sizing:border-box!important;border-radius:14px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:16px!important;overflow:hidden!important}.card:hover,.matrix-card:hover,.target-budget-card:hover,.dana-nikah-main-card:hover,.estimasi-biaya-card:hover,.dana-side-card:hover,.seserahan-progress-card:hover,.admin-stat-card:hover,.stat-card:hover,.riwayat-item-card:hover,.vendor-card:hover{box-shadow:var(--shadow)!important;transform:none!important}.card:active{transition:transform .1s!important;transform:scale(.99)!important}.dashboard-grid,.budget-grid,.settings-grid{box-sizing:border-box!important;grid-template-rows:auto!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important;min-width:0!important;max-width:100%!important}input,select,textarea,.form-input,.search-input,.auth-input,.editable-input,.modal-card input,.modal-card select,.modal-card textarea,.modal-content input,.modal-content select,.modal-content textarea,.vendor-modal input,.vendor-modal select,.profile-modal-card input,.profile-modal-card select{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important;font-size:16px!important}.form-input,.search-input,.auth-input,.editable-input{box-sizing:border-box!important;min-height:44px!important;padding-top:10px!important;padding-bottom:10px!important}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-primary:active,.btn-secondary:active,.btn-primary-outline:active{transition:transform .1s!important;transform:scale(.97)!important}.overview-container{box-sizing:border-box!important;gap:14px!important;width:100%!important;min-width:0!important;max-width:100%!important}.overview-header{box-sizing:border-box!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;width:100%!important;max-width:100%!important;margin-top:4px!important;margin-bottom:16px!important;display:flex!important}.overview-header-profile{box-sizing:border-box!important;flex-direction:row!important;align-items:flex-start!important;gap:14px!important;width:100%!important;display:flex!important}.overview-avatar{border:2.5px solid #fff!important;border-radius:50%!important;flex-shrink:0!important;width:54px!important;min-width:54px!important;max-width:54px!important;height:54px!important;min-height:54px!important;max-height:54px!important;margin-top:3px!important;overflow:hidden!important;box-shadow:0 4px 12px #99182a40!important}.overview-avatar img{object-fit:cover!important;width:100%!important;height:100%!important}.overview-header-text{flex:1!important;min-width:0!important}.overview-header-text h1{font-family:var(--font-title)!important;font-size:var(--mobile-display-size,clamp(28px, 7.5vw, 34px))!important;color:var(--color-primary)!important;font-weight:800!important;line-height:var(--mobile-display-line-height,1.15)!important;letter-spacing:-.02em!important;word-break:normal!important;overflow-wrap:break-word!important;margin:0!important}.overview-header-text .subtitle{font-family:var(--font-body)!important;font-size:var(--mobile-subtitle-size,clamp(14px, 3.8vw, 16px))!important;font-weight:400!important;line-height:var(--mobile-subtitle-line-height,1.42)!important;color:var(--color-text-muted)!important;margin-top:8px!important}.countdown-card,.progress-card,.priority-card,.budget-snapshot-card{box-sizing:border-box!important;grid-area:auto/1/auto/-1!important;width:100%!important;min-width:0!important;max-width:100%!important}.countdown-card{box-sizing:border-box!important;width:100%!important;min-height:unset!important;border-radius:16px!important;padding:clamp(14px,3.5vw,20px) 14px!important}.countdown-content{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:0!important;width:100%!important;max-width:100%!important;display:flex!important}.countdown-text-group{text-align:center!important;flex-direction:column!important;align-items:center!important;width:100%!important;margin-bottom:clamp(10px,2.5vw,14px)!important;display:flex!important}.countdown-content h2{letter-spacing:.02em!important;text-align:center!important;word-break:break-word!important;margin-bottom:3px!important;font-size:clamp(1.4rem,5.5vw,2.2rem)!important;font-weight:800!important;line-height:1.15!important}.countdown-content p{text-align:center!important;opacity:.9!important;margin-bottom:0!important;font-size:clamp(.8rem,2.2vw,.95rem)!important;line-height:1.3!important}.countdown-timer{justify-content:center!important;gap:clamp(6px,2vw,12px)!important;width:100%!important;max-width:320px!important;margin:0 auto!important;display:flex!important}.time-box{box-sizing:border-box!important;border-radius:12px!important;flex-direction:column!important;flex:1 1 0!important;justify-content:center!important;align-items:center!important;min-width:62px!important;max-width:86px!important;height:auto!important;min-height:62px!important;padding:clamp(4px,1.5vw,8px) 4px!important;display:flex!important}.time-value{font-size:clamp(1.15rem,4.2vw,1.45rem)!important;font-weight:800!important;line-height:1.1!important}.time-label{letter-spacing:.08em!important;white-space:nowrap!important;margin-top:2px!important;font-size:clamp(.55rem,1.6vw,.65rem)!important;line-height:1!important}.priority-header{box-sizing:border-box!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100%!important;margin-bottom:12px!important;display:flex!important}.priority-header h3{min-width:0!important;margin:0!important;font-size:.95rem!important;font-weight:700!important}.priority-header .btn-text{white-space:nowrap!important;flex-shrink:0!important;font-size:.78rem!important;font-weight:600!important}.task-item:hover{transform:none!important}.task-list{flex-direction:column!important;gap:8px!important;display:flex!important}.task-item{border-radius:10px!important;padding:9px 12px!important}.task-info h4{margin-bottom:3px!important;font-size:.88rem!important;font-weight:600!important;line-height:1.3!important}.task-meta-row{flex-wrap:wrap!important;align-items:center!important;gap:6px!important;display:flex!important}.task-category-tag{font-size:.72rem!important}.task-pic-badge{border-radius:6px!important;padding:1px 6px!important;font-size:.65rem!important}.task-date-tag{border-radius:4px!important;padding:2px 6px!important;font-size:.7rem!important}.budget-info{box-sizing:border-box!important;flex-direction:column!important;gap:6px!important;width:100%!important;max-width:100%!important;margin-bottom:12px!important;display:flex!important}.budget-item{box-sizing:border-box!important;border-radius:8px!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:8px 12px!important;display:flex!important}.budget-label{color:var(--color-text-muted)!important;flex-shrink:0!important;margin:0!important;font-size:.84rem!important;font-weight:500!important}.budget-value{text-align:right!important;white-space:nowrap!important;font-size:.9rem!important;font-weight:700!important}.pic-breakdown-grid{grid-template-columns:1fr!important;gap:8px!important}.activities-grid{box-sizing:border-box!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important;min-width:0!important}.categories-card,.tasks-card{box-sizing:border-box!important;border-radius:14px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:14px!important}.activities-grid .card-header{height:auto!important;min-height:unset!important;margin-bottom:10px!important}.activities-grid .card-header h3{text-transform:uppercase!important;letter-spacing:.05em!important;margin-bottom:2px!important;font-size:.78rem!important;font-weight:700!important}.activities-grid .card-header p{margin:0!important;font-size:1.05rem!important;font-weight:700!important}.category-list{box-sizing:border-box!important;gap:6px!important;width:100%!important;max-height:360px!important;margin-bottom:10px!important}.category-item{box-sizing:border-box!important;border-radius:10px!important;width:100%!important;padding:0!important}.category-item-clickable{min-width:0!important;padding:9px 12px!important}.category-item-meta{flex-shrink:0!important;padding-right:12px!important}.category-item-name{word-break:break-word!important;font-size:.88rem!important;font-weight:500!important}.category-task-count{padding:2px 7px!important;font-size:.75rem!important}.active-category-header{justify-content:space-between!important;align-items:center!important;gap:8px!important;margin-bottom:8px!important;display:flex!important}.active-category-header h4{margin:0!important;font-size:.95rem!important;font-weight:700!important}.pic-filter-pills{box-sizing:border-box!important;gap:6px!important;width:100%!important;max-width:100%!important;margin-bottom:10px!important;overflow-x:auto!important}.pic-filter-btn{white-space:nowrap!important;border-radius:8px!important;flex-shrink:0!important;padding:4px 10px!important;font-size:.76rem!important}.task-list-details{box-sizing:border-box!important;gap:6px!important;width:100%!important;max-height:380px!important}.task-item-detail{box-sizing:border-box!important;border-radius:8px!important;gap:8px!important;width:100%!important;min-width:0!important;margin-bottom:0!important;padding:8px 10px!important}.task-detail-left,.task-detail-body{flex:1!important;min-width:0!important}.task-detail-title{word-break:break-word!important;overflow-wrap:anywhere!important;font-size:.86rem!important;font-weight:600!important;line-height:1.3!important}.task-detail-actions{flex-shrink:0!important;align-items:center!important;gap:4px!important;display:flex!important}.task-detail-meta{gap:8px!important;font-size:.72rem!important}.task-detail-date{font-size:.7rem!important}.activities-empty-state{border-radius:14px!important;margin:8px 0 12px!important;padding:28px 16px!important}.activities-empty-icon{width:46px!important;height:46px!important;margin-bottom:12px!important}.activities-empty-title{margin-bottom:4px!important;font-size:.95rem!important}.activities-empty-desc{max-width:270px!important;margin-bottom:16px!important;font-size:.8rem!important}.btn-magic-template{min-height:38px!important;padding:8px 18px!important;font-size:.82rem!important}.btn-add{background:var(--color-primary,#8b1e3f)!important;color:#fff!important;cursor:pointer!important;box-sizing:border-box!important;border:none!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:44px!important;margin:8px 0 14px!important;padding:10px 16px!important;font-size:.88rem!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important;box-shadow:0 2px 8px #8b1e3f38!important}.btn-add:active{background:var(--color-primary-hover,#701430)!important;transform:scale(.98)!important}.task-form-container{border-radius:12px!important;gap:10px!important;padding:12px 14px!important}.task-form-row{grid-template-columns:1fr!important;gap:10px!important}.task-date-input,.task-select-input,.task-form-title-input{min-height:44px!important;padding:10px 12px!important;font-size:16px!important}.mini-calendar-day{aspect-ratio:1!important;border-radius:50%!important;width:32px!important;max-width:32px!important;height:32px!important;max-height:32px!important;margin:2px auto!important}.timeline-container{box-sizing:border-box!important;gap:12px!important;width:100%!important}.timeline-split-layout{flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important}.timeline-main-col{flex:100%!important;order:1!important;width:100%!important;min-width:0!important}.timeline-sidebar-col{order:2!important;width:100%!important;position:static!important}.overview-card{border-radius:14px!important;margin-bottom:14px!important;padding:14px!important}.progress-header{margin-bottom:10px!important}.progress-header h3{margin-bottom:2px!important;font-size:.88rem!important}.progress-header .progress-percentage{font-size:1.45rem!important}.tasks-done .label{margin-bottom:2px!important;font-size:.76rem!important}.tasks-done .value{font-size:.95rem!important}.unscheduled-card{border-radius:14px!important;padding:14px!important}.unscheduled-card h3{margin-bottom:2px!important;font-size:1rem!important;font-weight:700!important}.sidebar-desc{margin-bottom:10px!important;font-size:.78rem!important}.unscheduled-list{gap:6px!important;max-height:360px!important}.unscheduled-item{border-radius:12px!important;align-items:center!important;gap:12px!important;padding:10px 12px!important}.unscheduled-item-title{white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;font-size:.85rem!important;font-weight:500!important;line-height:1.35!important}.unscheduled-item-actions{flex-shrink:0!important;align-items:center!important;gap:12px!important;display:flex!important}.unscheduled-item-actions .btn-icon,.unscheduled-item-actions .btn-icon-danger{box-sizing:border-box!important;cursor:pointer!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;transition:all .2s!important;display:inline-flex!important}.unscheduled-item-actions .btn-icon{background:var(--color-surface,#fff)!important;color:var(--color-primary,#8b1e3f)!important;border:1px solid var(--color-border,#e2e8f0)!important;box-shadow:0 1px 3px #0000000d!important}.unscheduled-item-actions .btn-icon:active{background:var(--color-primary-light,#fdf2f4)!important}.unscheduled-item-actions .btn-icon-danger{color:#dc2626!important;background:#fef2f2!important;border:1px solid #fecaca!important}.unscheduled-item-actions .btn-icon-danger:active{background:#fee2e2!important}.event-log-card{box-sizing:border-box!important;border-radius:14px!important;width:100%!important;padding:14px!important}.event-log-card h3{margin-bottom:6px!important;font-size:1rem!important;font-weight:700!important}.event-filters{border-bottom:1px solid var(--color-border)!important;align-items:center!important;gap:12px!important;margin-bottom:12px!important;padding-bottom:10px!important;display:flex!important}.filter{color:var(--color-text-muted)!important;align-items:center!important;gap:5px!important;font-size:.76rem!important;font-weight:500!important;display:inline-flex!important}.dot{border-radius:50%!important;flex-shrink:0!important;width:7px!important;height:7px!important;display:inline-block!important}.dot.completed{background-color:var(--color-success)!important;box-shadow:0 0 0 2px #10b98133!important}.dot.scheduled{background-color:var(--color-primary)!important;box-shadow:0 0 0 2px #99182a33!important}.month-divider:before{display:none!important}.month-divider{align-items:center!important;margin:10px 0 6px!important;display:flex!important}.month-badge{margin-left:0!important;padding:3px 12px!important;font-size:.8rem!important}.timeline-list{box-sizing:border-box!important;width:100%!important;margin-top:6px!important;padding-left:4px!important}.timeline-track{width:2px!important;left:19px!important}.timeline-item{box-sizing:border-box!important;border-radius:10px!important;gap:8px!important;width:100%!important;padding:3px 0!important}.timeline-dot-wrapper{flex-shrink:0!important;justify-content:center!important;align-items:flex-start!important;width:30px!important;min-width:30px!important;max-width:30px!important;padding-top:8px!important;display:flex!important}.timeline-heart-dot{box-sizing:border-box!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:22px!important;min-width:22px!important;height:22px!important;min-height:22px!important;margin:0 auto!important;display:flex!important}.timeline-heart-dot svg{width:12px!important;height:12px!important;margin:auto!important;display:block!important;transform:translateY(.5px)!important}.wedding-dot-wrapper{padding-top:7px!important}.wedding-heart-badge{border-width:2px!important;width:26px!important;height:26px!important;box-shadow:0 0 10px #99182a66,0 2px 6px #0000001a!important}.wedding-heart-badge svg{width:13px!important;height:13px!important}.wedding-content{border-radius:10px!important;padding:9px 11px!important}.wedding-title{font-size:.95rem!important}.timeline-content{box-sizing:border-box!important;border-radius:10px!important;flex:1!important;min-width:0!important;padding:8px 10px!important}.timeline-content-header{gap:6px!important;margin-bottom:4px!important}.timeline-content-header h4{font-size:.86rem!important;font-weight:600!important;line-height:1.3!important}.timeline-content-meta{gap:6px!important;margin-left:26px!important;font-size:.78rem!important}.timeline-content-meta.read-only{margin-left:0!important}.timeline-content .btn-check{width:18px!important;height:18px!important}.timeline-content .btn-icon,.timeline-content .btn-icon-danger{width:26px!important;min-width:26px!important;height:26px!important;min-height:26px!important;padding:0!important}.timeline-content .btn-icon svg,.timeline-content .btn-icon-danger svg{width:13px!important;height:13px!important}.timeline-month-group{box-sizing:border-box!important;width:100%!important;margin-bottom:12px!important}.vendor-container{gap:12px!important}.grid-layout{grid-template-columns:1fr!important;gap:12px!important}.vendor-card{border-radius:18px!important;padding:18px 16px 16px!important;box-shadow:0 4px 16px -2px #0000000a!important}.vendor-card-header{justify-content:space-between!important;align-items:flex-start!important;gap:10px!important;margin-bottom:6px!important;display:flex!important}.vendor-title-wrapper{flex:1!important;min-width:0!important}.vendor-name{font-size:1.18rem!important;font-weight:800!important;line-height:1.25!important}.btn-heart{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}.btn-heart svg{width:17px!important;height:17px!important}.vendor-meta-row{align-items:center!important;gap:8px!important;margin-bottom:12px!important;font-size:.78rem!important}.category-tag{border-radius:9999px!important;padding:3px 11px!important;font-size:.76rem!important}.rating{gap:4px!important;font-size:.88rem!important}.rating svg{width:14px!important;height:14px!important}.vendor-desc-container,.vendor-note-container,.vendor-contact-container{border-radius:8px!important;margin-bottom:8px!important;padding:6px 10px!important;font-size:.82rem!important}.vendor-desc-label,.vendor-note-container strong,.vendor-contact-container strong{margin-bottom:3px!important;font-size:.72rem!important}.vendor-desc{font-size:.88rem!important;line-height:1.4!important}.vendor-price-row{border-top:1px dashed var(--color-border)!important;margin-top:auto!important;padding-top:10px!important}.price{font-size:1.25rem!important;font-weight:800!important}.vendor-actions{margin-top:10px!important}.btn-vendor-toggle{border-radius:9999px!important;min-height:38px!important;padding:9px 16px!important;font-size:.88rem!important}.vendor-footer-actions{border-top:none!important;gap:10px!important;margin-top:10px!important;padding-top:0!important}.action-btn{border:1.5px solid var(--color-border)!important;border-radius:8px!important;min-height:32px!important;padding:6px 14px!important;font-size:.82rem!important}.search-bar-container{flex-direction:column!important;gap:8px!important}.search-input-wrapper{width:100%!important;min-width:100%!important}.search-bar-container select{width:100%!important;min-height:44px!important}.guest-list-container{gap:14px!important}.guest-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.guest-stats-grid .stat-card-highlight{grid-column:span 2!important}.stat-card{gap:10px!important;padding:12px!important}.stat-swatch{border-radius:10px!important;width:38px!important;height:38px!important}.stat-value{font-size:1.25rem!important}.stat-label{font-size:.68rem!important}.guest-desktop-only{display:none!important}.guest-mobile-only{flex-direction:column!important;gap:8px!important;display:flex!important}.guest-toolbar{flex-direction:column-reverse!important;align-items:stretch!important;gap:10px!important}.guest-search-box{width:100%!important;max-width:100%!important;margin-left:0!important}.budget-container{gap:14px!important;padding:6px 12px 32px!important}.budget-mobile-tutorial{align-items:center!important;display:flex!important}.budget-desktop-tutorial{display:none!important}.budget-header-title-row{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.budget-nav-tabs-wrapper{box-sizing:border-box!important;width:100%!important;display:block!important}.budget-nav-tabs{background:var(--color-surface-solid)!important;border:1px solid var(--color-border)!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;border-radius:12px!important;gap:4px!important;width:100%!important;max-width:100%!important;padding:3px!important;display:flex!important;overflow-x:auto!important}.budget-nav-tabs::-webkit-scrollbar{display:none!important}.budget-tab-pill{text-align:center!important;letter-spacing:.02em!important;white-space:nowrap!important;box-sizing:border-box!important;border-radius:9px!important;flex:1 1 0!important;justify-content:center!important;align-items:center!important;min-width:0!important;min-height:40px!important;padding:9px 4px!important;font-size:clamp(.68rem,2.5vw,.78rem)!important;font-weight:700!important;display:flex!important}.budget-page-header{box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important;display:flex!important}.budgeting-top-grid,.dana-nikah-cards-grid{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:14px!important}.target-budget-card,.dana-nikah-main-card,.estimasi-biaya-card{border-radius:14px!important;padding:14px 16px!important}.target-card-amount,.dana-card-amount,.estimasi-card-amount{font-size:1.55rem!important;line-height:1.2!important}.budget-table-section{background-color:var(--color-surface-solid)!important;border:1px solid var(--color-border)!important;box-shadow:var(--shadow-sm)!important;border-radius:16px!important;display:block!important;overflow:hidden!important}.budgeting-toolbar{border-bottom:1px solid var(--color-border)!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:12px 14px!important}.budgeting-plan-bar{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;padding-bottom:4px!important;display:flex!important;overflow-x:auto!important}.budgeting-plan-bar::-webkit-scrollbar{display:none!important}.budgeting-plan-bar .plan-tab-item{white-space:nowrap!important;border-radius:20px!important;flex-shrink:0!important;min-height:38px!important;padding:8px 14px!important;font-size:.8rem!important}.budgeting-plan-bar .btn-action-icon-pill{border-radius:50%!important;flex-shrink:0!important;min-width:38px!important;min-height:38px!important}.budgeting-right-actions{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;margin-left:0!important;display:flex!important}.budgeting-action-icons{gap:6px!important;display:flex!important}.budgeting-action-icons .btn-action-icon-pill{min-width:36px!important;min-height:36px!important}.budgeting-right-actions .search-bar{width:100%!important}.search-bar input{min-height:42px!important;font-size:16px!important}.budget-table-section:not(.budget-desktop-table){display:none!important}.budget-mobile-budgeting-cards{display:block!important}.mobile-plan-selector-bar{background:var(--color-surface-solid)!important;border:1px solid var(--color-border)!important;border-radius:14px!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;margin-bottom:12px!important;padding:10px 12px!important;display:flex!important}.mobile-plan-selector-bar .budgeting-plan-bar{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex:1!important;align-items:center!important;gap:6px!important;min-width:0!important;display:flex!important;overflow-x:auto!important}.mobile-plan-selector-bar .budgeting-plan-bar::-webkit-scrollbar{display:none!important}.mobile-plan-tools{flex-shrink:0!important;align-items:center!important;gap:6px!important;display:flex!important}.mobile-budgeting-toolbar{background:var(--color-surface-solid)!important;border:1px solid var(--color-border)!important;border-radius:14px!important;margin-bottom:12px!important;padding:12px 14px!important}.mobile-budgeting-add-btn{width:100%!important;min-height:46px!important;color:var(--color-primary)!important;cursor:pointer!important;background:0 0!important;border:1px dashed #99182a59!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:8px!important;margin-bottom:14px!important;padding:12px!important;font-size:.88rem!important;font-weight:600!important;transition:all .2s!important;display:flex!important}.mobile-budgeting-add-btn:active{background:#99182a0f!important;transform:scale(.98)!important}.mobile-budgeting-list{flex-direction:column!important;gap:10px!important;display:flex!important}.mobile-budgeting-list .swipeable-row{border-radius:14px!important;box-shadow:0 2px 8px #0000000a!important}.mobile-budgeting-list .swipeable-content{border-radius:14px!important}.mobile-budgeting-list .swipeable-actions{border-radius:0 14px 14px 0!important;overflow:hidden!important}.mobile-budget-card{background:var(--color-surface-solid)!important;border:1px solid var(--color-border)!important;border-left:4px solid var(--color-primary)!important;border-radius:14px!important;padding:14px 16px!important;transition:all .2s!important}.mobile-budget-card-body{justify-content:space-between!important;align-items:center!important;gap:12px!important;display:flex!important}.mobile-budget-card-info{flex:auto!important;min-width:0!important}.mobile-budget-card-title{color:var(--color-text)!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0 0 2px!important;font-size:1rem!important;font-weight:700!important;line-height:1.3!important;overflow:hidden!important}.mobile-budget-card-vendor{color:var(--color-text-secondary,#6b7280)!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0!important;font-size:.8rem!important;line-height:1.3!important;overflow:hidden!important}.mobile-budget-vendor-empty{opacity:.45!important;font-style:italic!important}.mobile-budget-card-amount{color:var(--color-primary)!important;font-size:.95rem!important;font-weight:800!important;font-family:var(--font-body)!important;white-space:nowrap!important;flex-shrink:0!important}.mobile-budget-empty{background:var(--color-surface-solid)!important;border:1px dashed var(--color-border)!important;text-align:center!important;color:var(--color-text-muted)!important;border-radius:14px!important;padding:32px 20px!important;font-size:.85rem!important}.dana-nikah-side-stats{grid-template-columns:1fr 1fr!important;gap:10px!important;display:grid!important}.dana-side-card{text-align:center!important;border-radius:14px!important;padding:14px 10px!important}.side-card-label{font-size:.68rem!important}.side-card-value{font-size:1.1rem!important}.riwayat-header{justify-content:space-between!important;align-items:center!important;margin:18px 0 12px!important;display:flex!important}.btn-tambah-tabungan{border-radius:20px!important;min-height:38px!important;padding:8px 14px!important;font-size:.78rem!important}.riwayat-item-card{background:var(--color-surface-solid)!important;border:1px solid var(--color-border)!important;border-radius:14px!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:14px 16px!important;display:flex!important}.riwayat-item-left{flex:auto!important;min-width:0!important}.riwayat-item-title{white-space:nowrap!important;text-overflow:ellipsis!important;margin:0 0 2px!important;font-size:.88rem!important;overflow:hidden!important}.riwayat-item-date{color:var(--color-text-muted)!important;font-size:.72rem!important}.riwayat-item-right{flex-shrink:0!important;align-items:center!important;gap:10px!important;display:flex!important}.riwayat-item-amount{white-space:nowrap!important;color:#16a34a!important;font-size:.95rem!important;font-weight:700!important}.riwayat-list{flex-direction:column!important;gap:10px!important;display:flex!important}.riwayat-list .swipeable-row{border-radius:14px!important;box-shadow:0 2px 8px #0000000a!important}.riwayat-list .swipeable-row .riwayat-item-card{box-shadow:none!important;border:none!important;border-radius:14px!important}.riwayat-actions{display:none!important}.budget-matrix{flex-direction:column!important;gap:10px!important;margin-bottom:12px!important;display:flex!important}.matrix-primary,.matrix-secondary{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-bottom:0!important;display:grid!important}.matrix-card{border-radius:14px!important;padding:14px 12px!important}.matrix-card h3{letter-spacing:.04em!important;margin-bottom:4px!important;font-size:.65rem!important}.matrix-card .amount{font-size:1.15rem!important}.matrix-card .amount-small{font-size:1.05rem!important}.budget-health-section{background:var(--color-surface-solid)!important;border:1px solid var(--color-border)!important;border-radius:14px!important;flex-direction:column!important;gap:8px!important;margin-bottom:14px!important;padding:14px 16px!important;display:flex!important}.health-header{justify-content:space-between!important;align-items:center!important;display:flex!important}.health-badge{border-radius:12px!important;padding:4px 10px!important;font-size:.68rem!important;font-weight:700!important}.budget-desktop-table{display:none!important}.budget-mobile-payment-cards{display:block!important}.mobile-payment-toolbar{background:var(--color-surface-solid)!important;border:1px solid var(--color-border)!important;border-radius:14px!important;flex-direction:column!important;gap:10px!important;margin-bottom:12px!important;padding:12px 14px!important;display:flex!important}.filter-pills{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;padding-bottom:2px!important;display:flex!important;overflow-x:auto!important}.filter-pills::-webkit-scrollbar{display:none!important}.filter-pill{white-space:nowrap!important;border-radius:20px!important;flex-shrink:0!important;min-height:36px!important;padding:6px 14px!important;font-size:.78rem!important}.mobile-payment-actions-grid{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;margin-bottom:12px!important;display:grid!important}.mobile-payment-add-btn{background:var(--color-primary,#8b1e3f)!important;border:1px solid var(--color-primary,#8b1e3f)!important;color:#fff!important;cursor:pointer!important;white-space:nowrap!important;box-sizing:border-box!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:100%!important;height:auto!important;min-height:44px!important;max-height:none!important;margin:0!important;padding:10px 12px!important;font-size:.84rem!important;font-weight:700!important;transition:all .2s!important;display:inline-flex!important;box-shadow:0 2px 8px #8b1e3f38!important}.mobile-payment-add-btn:active{background:var(--color-primary-hover,#701430)!important;transform:scale(.98)!important}.mobile-payment-import-btn{background:var(--color-surface,#fff)!important;width:100%!important;height:auto!important;min-height:44px!important;max-height:none!important;color:var(--color-text,#333)!important;border:1.5px solid var(--color-border,#cbd5e1)!important;cursor:pointer!important;white-space:nowrap!important;box-shadow:none!important;box-sizing:border-box!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:6px!important;margin:0!important;padding:10px 12px!important;font-size:.84rem!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.mobile-payment-import-btn:active{background:var(--color-surface-hover,#f8fafc)!important;transform:scale(.98)!important}.mobile-payment-list{flex-direction:column!important;gap:14px!important;display:flex!important}.mobile-pay-card{background:var(--color-surface-solid)!important;border:1px solid var(--color-border)!important;border-radius:16px!important;padding:0!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;overflow:hidden!important;box-shadow:0 2px 8px #0000000a!important}.mobile-pay-card:active{transform:scale(.985)!important}.mobile-pay-card-header{justify-content:space-between!important;align-items:center!important;padding:10px 14px 0!important;display:flex!important}.mobile-pay-date{color:var(--color-text-muted)!important;letter-spacing:.02em!important;font-size:.72rem!important;font-weight:600!important}.mobile-pay-date.overdue{color:#dc2626!important;font-weight:700!important}.mobile-pay-actual{color:var(--color-primary)!important;font-size:.88rem!important;font-weight:800!important;font-family:var(--font-body)!important}.mobile-pay-title-row{flex-wrap:wrap!important;align-items:center!important;gap:8px!important;padding:6px 14px 0!important;display:flex!important}.mobile-pay-title{color:var(--color-text)!important;flex:auto!important;min-width:0!important;margin:0!important;font-size:1.02rem!important;font-weight:700!important;line-height:1.3!important}.mobile-pay-title-row .status-badge{letter-spacing:.02em!important;border-radius:12px!important;flex-shrink:0!important;padding:3px 10px!important;font-size:.65rem!important;font-weight:700!important}.mobile-pay-vendor{color:var(--color-text-secondary,#6b7280)!important;margin:0!important;padding:2px 14px 0!important;font-size:.8rem!important;line-height:1.4!important}.mobile-pay-vendor-empty{opacity:.5!important;font-style:italic!important}.mobile-pay-progress{padding:8px 14px 0!important}.mobile-pay-progress-bg{background:#0000000f!important;border-radius:4px!important;height:4px!important;overflow:hidden!important}.mobile-pay-progress-fill{background:var(--color-primary,#99182a)!important;border-radius:4px!important;height:100%!important;transition:width .5s cubic-bezier(.16,1,.3,1)!important}.mobile-pay-progress-fill.belum-bayar{background:#d1d5db!important}.mobile-pay-progress-fill.cicilan{background:linear-gradient(90deg,#99182a,#b32035)!important}.mobile-pay-progress-fill.lunas{background:linear-gradient(90deg,#22c55e,#16a34a)!important}.mobile-pay-footer{justify-content:space-between!important;align-items:center!important;gap:8px!important;padding:8px 14px 12px!important;display:flex!important}.mobile-pay-amounts{flex-wrap:wrap!important;align-items:center!important;gap:6px!important;min-width:0!important;display:flex!important}.mobile-pay-paid{color:#16a34a!important;font-size:.72rem!important;font-weight:600!important}.mobile-pay-separator{color:var(--color-border)!important;font-size:.68rem!important}.mobile-pay-sisa{color:#2563eb!important;font-size:.72rem!important;font-weight:600!important}.mobile-pay-actions{flex-shrink:0!important;align-items:center!important;gap:6px!important;display:flex!important}.mobile-pay-action-btn{cursor:pointer!important;border:none!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;transition:all .2s!important;display:inline-flex!important}.mobile-pay-action-btn.edit{color:var(--color-primary)!important;background:#99182a14!important}.mobile-pay-action-btn.edit:active{background:#99182a2e!important;transform:scale(.9)!important}.mobile-pay-action-btn.delete{color:#dc2626!important;background:#dc262614!important}.mobile-pay-action-btn.delete:active{background:#dc26262e!important;transform:scale(.9)!important}.mobile-pay-empty{background:var(--color-surface-solid)!important;border:1px dashed var(--color-border)!important;text-align:center!important;color:var(--color-text-muted)!important;border-radius:14px!important;padding:32px 20px!important;font-size:.85rem!important}.modal-card{border-radius:20px!important;width:94%!important;max-width:100%!important;padding:20px!important}.modal-card .form-input,.modal-card select,.modal-card input[type=date],.modal-card input[type=number],.modal-card input[type=text]{min-height:48px!important;padding:12px 14px!important;font-size:16px!important}.settings-container{gap:14px!important}.settings-grid{grid-template-columns:1fr!important;gap:12px!important}.profile-card,.account-settings-card,.partner-collab-card,.backup-restore-card,.danger-zone-card{box-sizing:border-box!important;grid-column:1/-1!important;width:100%!important}.profile-info{text-align:center!important;flex-direction:column!important;gap:14px!important}.profile-card{flex-direction:column!important;gap:14px!important}.profile-card .btn-primary{border-radius:8px!important;width:100%!important;min-height:38px!important;font-size:.85rem!important}.danger-zone-card{flex-direction:column!important;display:flex!important}.danger-zone-card .btn-danger-outline{border-radius:8px!important;width:100%!important;min-height:38px!important;font-size:.85rem!important}.settings-list .settings-item{min-height:42px!important;padding:12px 14px!important}.backup-actions-grid{grid-template-columns:1fr!important;gap:8px!important}.btn-backup-action{border-radius:8px!important;min-height:40px!important;padding:10px 14px!important;font-size:.82rem!important}.partner-card-header{gap:10px!important}.role-cards-grid{grid-template-columns:1fr!important}.invite-url-field{flex-direction:column!important;gap:8px!important}.btn-share-whatsapp{border-radius:8px!important;justify-content:center!important;width:100%!important;min-height:38px!important;font-size:.85rem!important}.seserahan-page-header h1{font-family:var(--font-title)!important;font-size:var(--mobile-page-title-size,clamp(28px, 7vw, 32px))!important;color:var(--color-primary)!important;font-weight:800!important;line-height:var(--mobile-page-title-line-height,1.18)!important}.seserahan-page-header .subtitle{font-family:var(--font-body)!important;font-size:var(--mobile-subtitle-size,clamp(14px, 3.8vw, 16px))!important;margin-top:8px!important}.seserahan-progress-card{border-radius:14px!important;padding:16px!important}.seserahan-progress-percent{font-size:1.7rem!important}.btn-tambah-seserahan{background:var(--color-primary,#8b1e3f)!important;color:#fff!important;white-space:nowrap!important;cursor:pointer!important;border:none!important;border-radius:12px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;gap:6px!important;min-height:44px!important;padding:10px 18px!important;font-size:.88rem!important;font-weight:700!important;transition:all .2s!important;display:inline-flex!important;box-shadow:0 2px 8px #8b1e3f40!important}.btn-tambah-seserahan:active{background:var(--color-primary-hover,#701430)!important;transform:scale(.98)!important}.seserahan-filter-bar{gap:6px!important}.seserahan-filter-pill{align-items:center!important;min-height:32px!important;padding:6px 12px!important;font-size:.76rem!important;display:inline-flex!important}.seserahan-item-block{border-radius:12px!important}.seserahan-main-row{gap:10px!important;padding:12px 14px!important}.seserahan-checkbox{border-radius:6px!important;flex-shrink:0!important;width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important}.seserahan-row-actions{gap:2px!important}.btn-action-icon{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;min-width:44px!important;min-height:44px!important;padding:10px!important;display:inline-flex!important}.seserahan-accordion-trigger{min-height:44px!important;padding:10px 16px!important}.seserahan-rekomendasi-card{border-radius:14px!important;padding:16px!important;position:static!important;top:auto!important}.seserahan-item-subline{gap:6px!important}.seserahan-sub-link{align-items:center!important;min-height:30px!important;padding:5px 10px!important;font-size:.72rem!important;display:inline-flex!important}.seserahan-toast,.amara-toast{bottom:calc(72px + env(safe-area-inset-bottom,0px) + 12px)!important;text-align:center!important;border-radius:12px!important;justify-content:center!important;left:16px!important;right:16px!important}.filter-pills,.guest-filter-pills,.pic-filter-pills,.seserahan-filter-bar,.rec-category-bar,.guest-filters,.category-pills,.seserahan-filter-pills,.filter-pill-container,.activity-filter-pills{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000 100%);-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;-ms-overflow-style:none!important;scrollbar-width:none!important;flex-wrap:nowrap!important;gap:8px!important;width:100%!important;max-width:100%!important;margin-bottom:10px!important;padding-top:2px!important;padding-bottom:6px!important;padding-right:36px!important;scroll-padding-right:36px!important;display:flex!important;overflow-x:auto!important}.filter-pills::-webkit-scrollbar{display:none!important}.guest-filter-pills::-webkit-scrollbar{display:none!important}.pic-filter-pills::-webkit-scrollbar{display:none!important}.seserahan-filter-bar::-webkit-scrollbar{display:none!important}.rec-category-bar::-webkit-scrollbar{display:none!important}.guest-filters::-webkit-scrollbar{display:none!important}.category-pills::-webkit-scrollbar{display:none!important}.seserahan-filter-pills::-webkit-scrollbar{display:none!important}.pill,.filter-pill,.guest-pill,.pic-filter-btn,.seserahan-filter-pill,.rec-cat-btn{white-space:nowrap!important;touch-action:manipulation!important;box-sizing:border-box!important;border-radius:9999px!important;flex-shrink:0!important;align-items:center!important;min-height:40px!important;padding:8px 14px!important;font-size:.8rem!important;font-weight:600!important;display:inline-flex!important}@media (width<=767px){.modal-overlay:not(.confirm-modal-overlay):not(.tutorial-modal-overlay):not(.pwa-modal-overlay){justify-content:center!important;align-items:flex-end!important;padding:0!important}.modal-card:not(.confirm-modal-card),.modal-content:not(.confirm-modal-card),.vendor-modal,.profile-modal-card{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:100%!important;max-width:100%!important;max-height:min(88dvh,88svh)!important;padding:20px 18px calc(18px + env(safe-area-inset-bottom,16px))!important;box-sizing:border-box!important;border-radius:20px 20px 0 0!important;overflow-y:auto!important}.modal-card:not(.confirm-modal-card):before,.modal-content:not(.confirm-modal-card):before,.vendor-modal:before,.profile-modal-card:before{flex-shrink:0;content:""!important;background:var(--color-border)!important;border-radius:2px!important;width:40px!important;height:4px!important;margin:0 auto 16px!important;display:block!important}}@media (width>=768px) and (width<=1024px){.modal-overlay:not(.tutorial-modal-overlay):not(.pwa-modal-overlay){justify-content:center!important;align-items:center!important;padding:24px!important}.modal-card:not(.confirm-modal-card),.modal-content:not(.confirm-modal-card),.vendor-modal,.profile-modal-card{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:var(--border-radius-xl,20px)!important;box-sizing:border-box!important;width:90%!important;max-width:520px!important;max-height:85dvh!important;padding:28px!important;overflow-y:auto!important}.modal-card:before,.modal-content:before,.vendor-modal:before,.profile-modal-card:before{display:none!important}}.modal-card .form-label,.modal-content .form-label,.confirm-modal-card .form-label{font-size:.84rem!important}.form-row-2,.form-row-3{flex-direction:column!important;gap:10px!important}.profile-names-grid{grid-template-rows:auto auto!important;grid-template-columns:1fr 1fr!important;gap:6px 10px!important;display:grid!important}.profile-names-grid .profile-field-label{font-size:.78rem!important;line-height:1.3!important}.profile-names-grid .profile-name-col-label{align-items:flex-end!important;display:flex!important}.profile-names-grid .profile-name-col-input{align-items:stretch!important;display:flex!important}@media (width<=360px){.profile-names-grid{grid-template-rows:auto!important;grid-template-columns:1fr!important;gap:6px!important}.profile-names-grid .profile-name-col-label:first-of-type{order:1!important}.profile-names-grid .profile-name-col-input:first-of-type{order:2!important;margin-bottom:6px!important}.profile-names-grid .profile-name-col-label:nth-of-type(2){order:3!important}.profile-names-grid .profile-name-col-input:nth-of-type(2){order:4!important}}.confirm-modal-overlay,.modal-overlay.confirm-modal-overlay{z-index:1200!important;justify-content:center!important;align-items:center!important;padding:16px!important;display:flex!important}.confirm-modal-card,.modal-card.confirm-modal-card,.modal-content.confirm-modal-card{text-align:center!important;box-sizing:border-box!important;border-radius:20px!important;align-items:center!important;width:90%!important;max-width:380px!important;max-height:85dvh!important;margin:auto!important;padding:24px 20px!important;transform:none!important}.confirm-modal-card:before,.modal-card.confirm-modal-card:before,.modal-content.confirm-modal-card:before{display:none!important}[class*=toast]{bottom:calc(72px + env(safe-area-inset-bottom,0px) + 12px)!important}}@media (width<=480px){.main-content{padding:12px!important;padding-top:max(26px, calc(env(safe-area-inset-top,0px) + 18px))!important;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px) + 12px)!important}.guest-stats-grid,.matrix-primary,.matrix-secondary{grid-template-columns:repeat(2,1fr)!important}h1,.page-header h1,.guest-page-header h1,.budget-page-header h1,.seserahan-page-header h1{font-size:var(--mobile-page-title-size,clamp(28px, 7vw, 32px))!important;line-height:var(--mobile-page-title-line-height,1.18)!important}.overview-header-text h1{font-size:var(--mobile-display-size,clamp(28px, 7.5vw, 34px))!important;line-height:var(--mobile-display-line-height,1.15)!important}.card{border-radius:12px!important;padding:14px!important}.matrix-card .amount{font-size:.95rem!important}.matrix-card .amount-small{font-size:.85rem!important}.countdown-content h2{margin-bottom:2px!important;font-size:1.6rem!important}.time-box{aspect-ratio:1!important;flex:0 0 62px!important;width:62px!important;height:62px!important}.time-value{font-size:1.22rem!important}.time-label{font-size:.58rem!important}.seserahan-item-subline{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.budget-tab-pill{padding:8px 2px!important;font-size:.7rem!important}.stat-value{font-size:1.15rem!important}.bm-item-numbers{gap:6px!important;padding:6px 8px!important}.bm-num-lbl{font-size:.58rem!important}.bm-num-val{font-size:.74rem!important}}@media screen and (width>=768px) and (width<=1024px),screen and (width>=1025px) and (width<=1366px) and (pointer:coarse){.main-content{box-sizing:border-box!important;width:100%!important;margin-inline:auto!important}.page-header:not(.overview-header),.guest-page-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;width:100%!important;margin-bottom:16px!important;display:flex!important}.page-header .page-title-group,.guest-page-header .page-title-group{flex:1!important;min-width:0!important}.page-header h1,.guest-page-header h1,.guest-page-header .page-title-group h1,.budget-page-header h1,.budget-title-group h1,.budget-container .page-header h1,.seserahan-page-header h1,.timeline-container .page-header h1,.activities-container .page-header h1,.vendor-container .page-header h1,.settings-container .page-header h1{font-size:var(--tablet-page-title-size,clamp(32px, 4.2vw, 38px))!important;letter-spacing:-.02em!important;line-height:1.2!important}.page-header .subtitle,.overview-header-text .subtitle,.timeline-container .page-header .subtitle,.activities-container .page-header .subtitle,.budget-container .page-header .subtitle,.budget-page-header .subtitle,.budget-title-group .subtitle,.vendor-container .page-header .subtitle,.guest-page-header .subtitle,.guest-page-header .page-title-group .subtitle,.seserahan-page-header .subtitle,.settings-container .page-header .subtitle{font-size:var(--tablet-subtitle-size,16px)!important;margin-top:8px!important;line-height:1.45!important}.guest-header-actions,.page-header-actions,.header-actions{flex-shrink:0!important;align-items:center!important;gap:10px!important;display:flex!important}.btn-bulk-upload span,.btn-add-guest-main span,.btn-add-vendor span,.btn-export-guest span,.tutorial-trigger-label{display:inline!important}.tutorial-trigger-btn,.page-header .tutorial-trigger-btn,.has-tutorial-btn .tutorial-trigger-btn{flex-shrink:0!important;align-items:center!important;height:42px!important;margin-top:0!important;padding:0 16px!important;font-size:.84rem!important}.overview-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;width:100%!important;margin-top:0!important;margin-bottom:16px!important;display:flex!important}.overview-header-profile{flex:1!important;align-items:flex-start!important;gap:14px!important;min-width:0!important;display:flex!important}.overview-avatar{width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important;margin-top:3px!important}.overview-header-text h1{letter-spacing:-.02em!important;font-size:clamp(34px,4.5vw,40px)!important;line-height:1.15!important}.overview-header-text .subtitle{font-size:var(--tablet-subtitle-size,16px)!important;margin-top:8px!important}.countdown-card{box-sizing:border-box!important;background:var(--gradient-glow)!important;text-align:center!important;border-radius:16px!important;flex-direction:column!important;grid-column:1/-1!important;justify-content:center!important;align-items:center!important;width:100%!important;padding:20px 24px!important;display:flex!important;box-shadow:0 12px 32px -6px #31104266!important}.countdown-content{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:0!important;width:100%!important;display:flex!important}.countdown-text-group{text-align:center!important;flex-direction:column!important;align-items:center!important;margin-bottom:14px!important;display:flex!important}.countdown-content h2{text-align:center!important;color:#fff!important;font-size:2.3rem!important;font-weight:800!important;line-height:1.15!important;font-family:var(--font-title)!important;margin-bottom:3px!important}.countdown-content p{text-align:center!important;color:#ffffffe6!important;font-size:.9rem!important;font-weight:500!important}.countdown-timer{justify-content:center!important;gap:12px!important;display:flex!important}.time-box{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffff24!important;border:1px solid #ffffff38!important;border-radius:12px!important;flex-direction:column!important;flex:0 0 68px!important;justify-content:center!important;align-items:center!important;width:68px!important;height:62px!important;padding:4px!important;display:flex!important}.time-value{color:#fff!important;font-size:1.35rem!important;font-weight:800!important;line-height:1.1!important}.time-label{letter-spacing:.06em!important;color:#ffffffe0!important;margin-top:2px!important;font-size:.62rem!important}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:16px!important;width:100%!important;display:grid!important}.progress-card{box-sizing:border-box!important;border-radius:14px!important;flex-direction:column!important;grid-column:1/2!important;justify-content:space-between!important;height:100%!important;padding:18px 20px!important;display:flex!important}.budget-snapshot-card{box-sizing:border-box!important;border-radius:14px!important;flex-direction:column!important;grid-column:2/3!important;justify-content:space-between!important;height:100%!important;padding:18px 20px!important;display:flex!important}.priority-card{box-sizing:border-box!important;border-radius:14px!important;grid-column:1/-1!important;width:100%!important;padding:18px 20px!important}.progress-card-body{flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:10px!important;width:100%!important;display:flex!important}.progress-circle{flex-shrink:0!important;width:130px!important;height:130px!important;margin:4px auto 6px!important}.progress-circle-inner .progress-percentage{font-size:1.65rem!important}.pic-breakdown-container{border-top:1px solid var(--color-border)!important;width:100%!important;margin-top:4px!important;padding-top:10px!important}.budget-snapshot-card .budget-info{flex-direction:column!important;flex:1!important;justify-content:center!important;gap:8px!important;margin-top:8px!important;display:flex!important}.budget-snapshot-card .budget-item{background:var(--color-background-soft)!important;border-radius:10px!important;justify-content:space-between!important;align-items:center!important;padding:10px 12px!important;display:flex!important}.priority-card .task-list{gap:8px!important;max-height:280px!important;overflow-y:auto!important}.budgeting-top-grid{grid-template-columns:1.15fr 1fr!important;align-items:stretch!important;gap:16px!important;width:100%!important;margin-bottom:16px!important;display:grid!important}.budget-summary-card,.estimation-card{box-sizing:border-box!important;border-radius:14px!important;flex-direction:column!important;justify-content:space-between!important;height:100%!important;display:flex!important}.budget-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:100%!important;display:grid!important}.budget-tab-pill{padding:10px 16px!important;font-size:.84rem!important}.guest-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;width:100%!important;margin-bottom:16px!important;display:grid!important}.guest-stats-grid .stat-card-highlight{grid-column:auto!important}.stat-card{border-radius:12px!important;gap:8px!important;min-width:0!important;padding:10px!important}.stat-swatch{border-radius:8px!important;width:32px!important;min-width:32px!important;height:32px!important}.stat-label{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.7rem!important;overflow:hidden!important}.stat-value{font-size:1.2rem!important;font-weight:800!important}.guest-search-bar{width:100%!important}.vendor-list.grid-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;width:100%!important;display:grid!important}.vendor-card{box-sizing:border-box!important;border-radius:18px!important;flex-direction:column!important;justify-content:space-between!important;height:100%!important;padding:20px 18px!important;display:flex!important}.activities-grid{grid-template-columns:240px minmax(0,1fr)!important;align-items:start!important;gap:14px!important;width:100%!important;display:grid!important}.btn-change-category-mobile{display:none!important}.categories-card,.tasks-card{border-radius:12px!important;padding:14px 16px!important;display:block!important}.category-list{gap:4px!important;max-height:calc(100vh - 220px)!important}.task-list-details{gap:6px!important;max-height:calc(100vh - 270px)!important}.mobile-nav{-webkit-backdrop-filter:blur(20px)!important;background:#fffffff2!important;border-top:1px solid #00000014!important;justify-content:center!important;align-items:center!important}.mobile-nav .nav-list{justify-content:space-around!important;width:100%!important;max-width:680px!important;margin:0 auto!important}.mobile-nav .nav-link{border-radius:12px!important;gap:3px!important;min-width:44px!important;min-height:44px!important;padding:6px 10px!important;font-size:.8rem!important}.mobile-nav .nav-link svg{width:22px!important;height:22px!important}}@media screen and (width>=768px) and (width<=1024px) and (orientation:portrait){.main-content{max-width:760px!important;padding:20px 24px!important;padding-top:max(24px, calc(env(safe-area-inset-top,0px) + 16px))!important;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px) + 20px)!important}.mobile-nav{height:calc(64px + env(safe-area-inset-bottom,0px))!important}.recommendation-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;display:grid!important}}@media screen and (width>=768px) and (width<=1024px) and (orientation:landscape),screen and (width>=1025px) and (width<=1366px) and (pointer:coarse) and (orientation:landscape){.main-content{max-width:920px!important;padding:16px 24px!important;padding-top:max(16px, calc(env(safe-area-inset-top,0px) + 8px))!important;padding-bottom:calc(60px + env(safe-area-inset-bottom,0px) + 16px)!important}.mobile-nav{height:calc(56px + env(safe-area-inset-bottom,0px))!important}.mobile-nav .nav-list{max-width:620px!important}.mobile-nav .nav-link{gap:2px!important;padding:4px 8px!important;font-size:.76rem!important}.mobile-nav .nav-link svg{width:20px!important;height:20px!important}.timeline-split-layout{flex-direction:row!important;align-items:start!important;gap:16px!important;width:100%!important;display:flex!important}.timeline-sidebar-col{flex-shrink:0!important;width:280px!important;position:sticky!important;top:14px!important}.timeline-main-col{flex:1!important;min-width:0!important}.seserahan-split-layout{grid-template-columns:1.35fr 1fr!important;align-items:start!important;gap:16px!important;width:100%!important;display:grid!important}}