*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--pink:#d4537e;--pink-light:#d4537e14;--pink-focus:#d4537e26;--text-primary:#1a1a1a;--text-secondary:#6b6b6b;--border:#e0e0e0;--bg:#fff;--bg-soft:#fafaf9;--success-bg:#3b6d1112;--success-border:#3b6d1140;--success-text:#2d5a0a}body{background:var(--bg-soft);color:var(--text-primary);min-height:100vh;font-family:DM Sans,sans-serif}button{font-family:inherit}.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--bg);border-right:.5px solid var(--border);z-index:200;flex-direction:column;width:240px;min-width:240px;height:100vh;transition:width .3s,min-width .3s;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar.collapsed{width:56px;min-width:56px}.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .sidebar-item span,.sidebar.collapsed .sidebar-external-link span{display:none}.sidebar.collapsed .sidebar-item,.sidebar.collapsed .sidebar-external-link{justify-content:center;padding:10px 0}.sidebar.collapsed .sidebar-brand{align-items:center;padding:1rem 0}.sidebar.collapsed .sidebar-brand h1,.sidebar.collapsed .sidebar-brand .sidebar-badge{display:none}.sidebar.collapsed .sidebar-brand>div{justify-content:center;width:100%}.sidebar.collapsed .sidebar-collapse-btn{margin-left:0}.sidebar.collapsed+.main-area .topbar-menu-btn{display:flex}.sidebar-brand{border-bottom:.5px solid var(--border);flex-direction:column;gap:6px;padding:1.5rem 1.25rem 1.25rem;display:flex}.sidebar-brand-row{justify-content:space-between;align-items:flex-start;display:flex}.sidebar-collapse-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;padding:2px 4px;font-size:18px;transition:all .18s;display:flex}.sidebar-collapse-btn:hover{background:var(--pink-light);color:var(--pink)}.sidebar-brand h1{color:var(--text-primary);font-family:Cormorant Garamond,serif;font-size:20px;font-style:italic;font-weight:300;line-height:1.2}.sidebar-badge{background:var(--pink);color:#fff;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;align-self:flex-start;max-width:165px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block;overflow:hidden}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:1rem .75rem;display:flex}.sidebar-section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;padding:0 .5rem 8px;font-size:10px;font-weight:600}.sidebar-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:400;transition:all .18s;display:flex;position:relative}.sidebar.collapsed .sidebar-item:hover:after,.sidebar.collapsed .sidebar-external-link:hover:after{content:attr(data-label);color:#fff;white-space:nowrap;z-index:300;pointer-events:none;background:#1a1a1a;border-radius:6px;padding:5px 10px;font-size:12px;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.sidebar-item i{flex-shrink:0;font-size:17px}.sidebar-item:hover{background:var(--pink-light);color:var(--pink)}.sidebar-item.active{background:var(--pink-light);color:var(--pink);font-weight:600}.sidebar-item.active i{color:var(--pink)}.sidebar-external-link{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:400;text-decoration:none;transition:all .18s;display:flex;position:relative}.sidebar-external-link i{flex-shrink:0;font-size:17px}.sidebar-external-link:hover{background:var(--pink-light);color:var(--pink)}.sidebar-toggle-mobile{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:18px;display:none;position:absolute;top:14px;right:14px}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--bg);border-bottom:.5px solid var(--border);z-index:100;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #00000005}.topbar-left{align-items:center;gap:12px;display:flex}.topbar-menu-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;font-size:20px;transition:all .18s;display:none}.topbar-menu-btn:hover{background:var(--pink-light);color:var(--pink)}.topbar-title{color:var(--text-primary);font-size:15px;font-weight:600}.topbar-right{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.page-panel{width:100%}.sidebar-overlay{z-index:150;cursor:pointer;background:#00000059;border:none;padding:0;display:none;position:fixed;inset:0}.sidebar-overlay.show{display:block}@media (width<=900px){.sidebar{z-index:200;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 20px #0000001a}.sidebar.open{transform:translate(0)}.sidebar-toggle-mobile,.topbar-menu-btn{display:block}.topbar{padding:1rem 1.25rem}.topbar-right{width:100%}.filter-group select{width:auto}}.dashboard-header{background:var(--bg);border-bottom:.5px solid var(--border);z-index:100;padding:1.5rem 2rem;position:sticky;top:0;box-shadow:0 1px 4px #00000005}.header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1400px;margin:0 auto;display:flex}.header-title{align-items:center;gap:12px;display:flex}.header-title h1{color:var(--text-primary);font-family:Cormorant Garamond,Georgia,serif;font-size:28px;font-style:italic;font-weight:300}.header-title span{background:var(--pink);color:#fff;letter-spacing:.05em;text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.header-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.filter-group{align-items:center;gap:8px;display:flex}.filter-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.filter-group select{border:.5px solid var(--border);background:var(--bg);color:var(--text-primary);cursor:pointer;border-radius:6px;outline:none;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px}.filter-group select:hover{border-color:var(--pink)}.filter-group select:focus{border-color:var(--pink);box-shadow:0 0 0 2px var(--pink-focus)}.filter-group input[type=text]{border:.5px solid var(--border);background:var(--bg);color:var(--text-primary);border-radius:6px;outline:none;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .2s,box-shadow .2s}.filter-group input[type=date]{border:.5px solid var(--border);background:var(--bg);color:var(--text-primary);border-radius:6px;outline:none;min-height:35px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .2s,box-shadow .2s}.filter-group input[type=text]:hover{border-color:var(--pink)}.filter-group input[type=text]:focus{border-color:var(--pink);box-shadow:0 0 0 2px var(--pink-focus)}.filter-group input[type=date]:hover{border-color:var(--pink)}.filter-group input[type=date]:focus{border-color:var(--pink);box-shadow:0 0 0 2px var(--pink-focus)}.btn-refresh{border:.5px solid var(--pink);background:var(--pink);color:#fff;cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:background .2s;display:flex}.btn-refresh:hover{background:#bf4570}.btn-refresh:active{transform:scale(.98)}.btn-refresh.loading{opacity:.7;cursor:not-allowed}.btn-refresh .spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.status-pending{color:#f57f17;background:#ffc1071a;border:.5px solid #ffc1074d}.status-confirmed{background:var(--success-bg);color:var(--success-text);border:.5px solid var(--success-border)}.status-dp,.status-dp2{color:#2563eb;background:#2563eb1a;border:.5px solid #2563eb4d}.status-lunas{color:#2d5a0a;background:#2d5a0a14;border:.5px solid #2d5a0a4d}.status-done{color:#7c3aed;background:#7c3aed1a;border:.5px solid #7c3aed4d}.status-cancel{color:#dc2626;background:#dc262614;border:.5px solid #dc26264d}.status-refund{color:#ea580c;background:#ea580c14;border:.5px solid #ea580c4d}.dashboard-main{width:100%;max-width:1400px;margin:0 auto;padding:2rem}.dashboard-main--fluid{max-width:none}.dashboard-main--fluid .daftar-booking-table-card{width:100%;margin-left:0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--bg);border:.5px solid var(--border);border-radius:12px;justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex}.stat-card-content h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:500}.stat-card-value{color:var(--pink);font-size:28px;font-weight:600}.stat-card-icon{color:var(--pink);opacity:.3;font-size:28px}.stat-breakdown{border-top:.5px solid var(--border);flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;display:flex}.stat-breakdown-row{justify-content:space-between;align-items:center;font-size:11px;display:flex}.stat-breakdown-label{color:var(--text-secondary);align-items:center;gap:5px;display:flex}.stat-breakdown-label:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.stat-breakdown-label.dp:before{background:var(--pink)}.stat-breakdown-label.lunas:before{background:#2d5a0a}.stat-breakdown-value{font-size:11px;font-weight:600}.stat-breakdown-value.dp{color:var(--pink)}.stat-breakdown-value.lunas{color:#2d5a0a}.bookings-section{background:var(--bg);border:.5px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000005}.bookings-header{border-bottom:.5px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.bookings-header h2{color:var(--text-primary);font-size:16px;font-weight:600}.bookings-count{color:var(--text-secondary);background:var(--pink-light);border-radius:6px;padding:4px 12px;font-size:12px}.bookings-table{overflow-x:auto}.bookings-table:has(.ringkasan-scorecards){overflow:visible}table{border-collapse:collapse;width:100%;font-size:13px}thead{background:var(--bg-soft);border-bottom:.5px solid var(--border)}th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;font-size:11px;font-weight:600}td{border-bottom:.5px solid var(--border);color:var(--text-primary);padding:14px 16px}tbody tr:hover{background:var(--pink-light);cursor:pointer}.name-col{font-weight:500}.date-col{color:var(--text-secondary)}.price-col{color:var(--pink);font-weight:600}.paket-col{color:var(--text-secondary);font-size:12px}.btn-detail{border:.5px solid var(--border);color:var(--pink);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:5px;padding:6px 10px;font-family:DM Sans,sans-serif;font-size:11px;transition:all .2s;display:inline-flex}.btn-detail:hover{background:var(--pink-light);border-color:var(--pink)}.modal-overlay{z-index:1000;background:#0006;animation:.2s fadeIn;display:none;position:fixed;inset:0}.modal-overlay.show{justify-content:center;align-items:center;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg);border-radius:12px;width:90%;max-width:500px;max-height:85vh;animation:.3s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:.5px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h3{color:var(--text-primary);font-size:18px;font-weight:600}.btn-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:20px}.btn-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem}.detail-section{margin-bottom:1.5rem}.detail-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--pink);align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.detail-row{border-bottom:.5px solid var(--border);justify-content:space-between;align-items:flex-start;padding:8px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-secondary);font-size:12px;font-weight:500}.detail-value{color:var(--text-primary);text-align:right;word-break:break-word;max-width:55%;font-size:13px;font-weight:500}.detail-value.highlight{color:var(--pink);font-weight:600}.empty-state{text-align:center;color:var(--text-secondary);padding:3rem 2rem}.empty-state i{color:var(--border);opacity:.5;margin-bottom:1rem;font-size:48px;display:block}.modal-footer{border-top:.5px solid var(--border);justify-content:flex-end;gap:8px;padding:1rem 1.5rem;display:flex}.btn-invoice:hover{background:var(--pink-light)}.btn-invoice[disabled]{opacity:.7;cursor:default}.btn-invoice .spin{animation:.8s linear infinite spin}.btn-copy{color:var(--text-secondary);border:.5px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;margin-right:auto;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-copy:hover{background:var(--bg-soft);border-color:var(--text-secondary);color:var(--text-primary)}.btn-copy.copied{color:#2d5a0a;background:#2d5a0a0f;border-color:#2d5a0a66}.btn-edit{background:var(--pink);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:background .2s;display:inline-flex}.btn-edit:hover{background:#bf4570}.btn-invoice{color:var(--pink);border:1px solid var(--pink);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-invoice:hover{background:var(--pink);color:#fff}.edit-modal-overlay{z-index:1100;background:#00000080;animation:.2s fadeIn;display:none;position:fixed;inset:0}.edit-modal-overlay.show{justify-content:center;align-items:center;display:flex}.edit-modal-content{background:var(--bg);--edit-footer-offset:72px;border-radius:12px;width:94%;max-width:560px;max-height:90vh;animation:.3s slideUp;overflow-y:auto}.edit-modal-header{border-bottom:.5px solid var(--border);background:var(--bg);z-index:1;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex;position:sticky;top:0}.edit-modal-header h3{color:var(--text-primary);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.edit-modal-body{padding:1.5rem}.edit-invoice-no{background:var(--pink-light);border:.5px solid var(--pink);border-radius:8px;align-items:center;gap:8px;margin-bottom:4px;padding:9px 12px;font-size:12.5px;display:flex}.edit-invoice-no>i{color:var(--pink);font-size:15px}.edit-invoice-no-label{color:var(--text-secondary)}.edit-invoice-no-val{color:var(--text-primary);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.edit-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--pink);align-items:center;gap:6px;margin:1.25rem 0 .75rem;font-size:11px;font-weight:600;display:flex}.edit-section-title:first-child{margin-top:0}.edit-field{margin-bottom:12px}.edit-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.edit-field textarea{font-family:DM Sans,sans-serif;line-height:1.6}.mua-select-wrapper{align-items:center;gap:6px;display:flex}.mua-select-wrapper select{flex:1}.btn-clear-mua{border:.5px solid var(--border);background:var(--bg-soft);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;transition:all .18s;display:flex}.btn-clear-mua:hover{border-color:var(--pink);color:var(--pink);background:#d4537e14}.btn-clear-mua:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.service-rows-wrap{flex-direction:column;gap:8px;display:flex}.service-row{grid-template-columns:minmax(0,1fr) 34px 34px 34px 34px;align-items:center;gap:8px;display:grid}.staff-row{grid-template-columns:minmax(0,42%) minmax(0,1fr) 34px;align-items:center;gap:8px;display:grid}.staff-row select{min-width:0}.service-row-qty{border:.5px solid var(--border);height:34px;color:var(--text-primary);background:var(--bg);border-radius:8px;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:inline-flex}.service-row-btn,.service-row-remove{border:.5px solid var(--border);background:var(--bg);height:34px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:all .18s;display:inline-flex}.service-row-btn:hover,.service-row-remove:hover{border-color:var(--pink);color:var(--pink);background:#d4537e14}.service-row-remove i{font-size:16px}.btn-add-service-row{color:var(--pink);cursor:pointer;background:#d4537e0f;border:1px dashed #d4537e99;border-radius:10px;align-items:center;gap:6px;margin-top:10px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.btn-add-service-row:hover{background:#d4537e1f}.edit-field input,.edit-field select,.edit-field textarea{border:.5px solid var(--border);width:100%;color:var(--text-primary);background:var(--bg);border-radius:6px;outline:none;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .2s,box-shadow .2s}.edit-field input:focus,.edit-field select:focus,.edit-field textarea:focus{border-color:var(--pink);box-shadow:0 0 0 2px var(--pink-focus)}.edit-field textarea{resize:vertical;min-height:60px}.edit-fields-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.edit-modal-footer{border-top:.5px solid var(--border);background:var(--bg);z-index:4;justify-content:flex-end;gap:8px;padding:1rem 1.5rem;display:flex;position:sticky;bottom:0}.btn-cancel-edit{border:.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .2s}.btn-cancel-edit:hover{border-color:var(--text-secondary);color:var(--text-primary)}.btn-save-edit{background:var(--pink);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:background .2s;display:inline-flex}.btn-save-edit:hover{background:#bf4570}.btn-save-edit:disabled{opacity:.6;cursor:not-allowed}.btn-tambah-pengeluaran{background:var(--pink);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:background .2s;display:inline-flex}.btn-tambah-pengeluaran:hover{background:#bf4570}.pengeluaran-modal-overlay{z-index:1200;background:#00000080;animation:.2s fadeIn;display:none;position:fixed;inset:0}.pengeluaran-modal-overlay.show{justify-content:center;align-items:center;display:flex}.pengeluaran-modal-content{background:var(--bg);border-radius:12px;width:92%;max-width:460px;max-height:90vh;animation:.3s slideUp;overflow-y:auto}.pengeluaran-modal-header{border-bottom:.5px solid var(--border);background:var(--bg);z-index:1;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex;position:sticky;top:0}.pengeluaran-modal-header h3{color:var(--text-primary);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.pengeluaran-modal-body{padding:1.5rem}.pengeluaran-modal-footer{border-top:.5px solid var(--border);background:var(--bg);justify-content:space-between;gap:8px;padding:1rem 1.5rem;display:flex;position:sticky;bottom:0}.btn-delete-pengeluaran{color:#dc2626;cursor:pointer;background:0 0;border:.5px solid #dc262666;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-delete-pengeluaran:hover{background:#dc262614}.toast{color:#fff;opacity:0;z-index:2000;white-space:nowrap;pointer-events:none;background:#1a1a1a;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:500;transition:opacity .3s,transform .3s;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast.success{background:#2d5a0a}.toast.error{background:#b91c1c}@media (width<=768px){.edit-fields-row{grid-template-columns:1fr}}.calendar-section{background:var(--bg);border:.5px solid var(--border);border-radius:12px;margin-bottom:2rem;overflow:hidden;box-shadow:0 2px 8px #00000005}.calendar-header-bar{border-bottom:.5px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:1.25rem 1.5rem;display:flex}.calendar-header-bar h2{color:var(--text-primary);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.calendar-nav{align-items:center;gap:12px;display:flex}.calendar-nav-btn{border:.5px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.calendar-nav-btn:hover{border-color:var(--pink);color:var(--pink);background:var(--pink-light)}.calendar-month-label{color:var(--text-primary);text-align:center;min-width:180px;font-family:Cormorant Garamond,serif;font-size:20px;font-style:italic;font-weight:400}.calendar-body{padding:1.5rem;overflow-x:auto}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:3px;width:100%;min-width:560px;display:grid}.cal-day-name{text-align:center;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:6px 0 10px;font-size:11px;font-weight:600}.cal-day{cursor:pointer;border:.5px solid #0000;border-radius:8px;flex-direction:column;align-items:center;min-height:64px;padding:6px 4px 5px;transition:all .15s;display:flex;position:relative}.cal-day:hover:not(.cal-empty){background:var(--pink-light);border-color:#d4537e33}.cal-day.cal-empty{cursor:default;pointer-events:none}.cal-day.cal-today .cal-num{background:var(--pink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:600;display:flex}.cal-day.has-booking{background:#d4537e0f;border-color:#d4537e26}.cal-day.has-booking:hover{background:var(--pink-light)}.cal-num{color:var(--text-primary);font-size:13px;font-weight:500;line-height:1}.cal-day.cal-other-month .cal-num{color:var(--border)}.cal-dots{flex-wrap:wrap;justify-content:center;gap:2px;max-width:100%;margin-top:3px;display:flex}.cal-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.cal-dot.pending{background:#f59e0b}.cal-dot.confirmed{background:#2d5a0a}.cal-entries{flex-direction:column;gap:2px;width:100%;margin-top:3px;display:flex}.cal-entry{white-space:nowrap;text-overflow:ellipsis;text-align:left;border-radius:3px;max-width:100%;padding:2px 4px;font-size:9.5px;font-weight:500;line-height:1.2;overflow:hidden}.cal-entry.pending{color:#b45309;background:#f59e0b1f}.cal-entry.confirmed{color:#2d5a0a;background:#2d5a0a1a}.cal-entry-more{color:var(--pink);text-align:center;margin-top:1px;font-size:9px;font-weight:600}.cal-blokir-chip{white-space:nowrap;text-overflow:ellipsis;text-align:center;color:#000;border-radius:3px;max-width:100%;margin-top:2px;padding:1px 5px;font-size:9px;font-weight:600;display:block;overflow:hidden}.cal-booking-chip{color:#c2440e;white-space:nowrap;text-overflow:ellipsis;background:#fb923c26;border-radius:4px;max-width:100%;margin-top:2px;padding:2px 5px;font-size:10px;font-weight:500;line-height:1.4;display:block;overflow:hidden}@media (width<=600px){.cal-day{min-height:52px;padding:4px 2px}.cal-entry{padding:1px 3px;font-size:8px}}.cal-count{color:var(--pink);margin-top:1px;font-size:9px;font-weight:600;line-height:1}.calendar-legend{border-top:.5px solid var(--border);flex-wrap:wrap;gap:1.5rem;margin-top:1rem;padding-top:1rem;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cal-popover{background:var(--bg);border:.5px solid var(--border);z-index:500;pointer-events:none;border-radius:10px;min-width:220px;max-width:280px;padding:12px 14px;display:none;position:fixed;box-shadow:0 8px 24px #0000001f}.cal-popover.show{display:block}.cal-popover-date{color:var(--pink);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:11px;font-weight:600}.cal-popover-item{border-bottom:.5px solid var(--border);justify-content:space-between;align-items:center;padding:5px 0;font-size:12px;display:flex}.cal-popover-item:last-child{border-bottom:none}.cal-popover-name{color:var(--text-primary);font-weight:500}@media (width<=600px){.cal-day{min-height:36px}.cal-num{font-size:11px}.cal-dot{width:4px;height:4px}.calendar-month-label{min-width:140px;font-size:16px}}.cal-day.selected{background:var(--pink-focus)!important;border-color:var(--pink)!important}.cal-day.selected .cal-num{font-weight:700}.cal-day-bookings{background:var(--bg);border:.5px solid var(--border);border-radius:12px;margin-top:1rem;animation:.25s slideUp;overflow:hidden;box-shadow:0 2px 8px #00000005}.cal-day-bookings-header{border-bottom:.5px solid var(--border);background:var(--bg-soft);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}#calDayBookingsTitle{color:var(--text-primary);font-size:14px;font-weight:600}.cal-day-bookings-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;font-size:16px;transition:color .15s;display:flex}.cal-day-bookings-close:hover{color:var(--text-primary)}.cal-day-bookings-tablewrap{overflow-x:auto}.cal-day-bookings table{border-collapse:collapse;width:100%;font-size:13px}.cal-day-bookings th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-soft);border-bottom:.5px solid var(--border);padding:10px 16px;font-size:11px;font-weight:600}.cal-day-bookings td{border-bottom:.5px solid var(--border);color:var(--text-primary);padding:12px 16px}.cal-day-bookings tbody tr:last-child td{border-bottom:none}.cal-day-bookings tbody tr:hover{background:var(--pink-light);cursor:pointer}.kinerja-empty{text-align:center;color:var(--text-secondary);padding:4rem 2rem;font-size:14px;line-height:1.6}.kinerja-section{margin-bottom:2rem}.kinerja-section-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em;border-bottom:.5px solid var(--border);align-items:center;gap:8px;margin-bottom:1rem;padding-bottom:8px;font-size:14px;font-weight:700;display:flex}.kinerja-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.kinerja-card{background:var(--bg);border:.5px solid var(--kinerja-border,var(--border));border-radius:12px;flex-direction:column;gap:1rem;padding:1.25rem;transition:box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000005}.kinerja-card:hover{box-shadow:0 4px 16px #0000000f}.kinerja-card-header{align-items:center;gap:12px;display:flex}.kinerja-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-family:Cormorant Garamond,serif;font-size:18px;font-weight:700;display:flex}.kinerja-name{color:var(--text-primary);font-size:15px;font-weight:600}.kinerja-role-tag{margin-top:2px;font-size:11px;font-weight:500}.kinerja-stats{background:var(--bg-soft);border:.5px solid var(--border);border-radius:8px;align-items:center;display:flex;overflow:hidden}.kinerja-stat{text-align:center;flex:1;padding:12px}.kinerja-stat-divider{background:var(--border);align-self:stretch;width:.5px}.kinerja-stat-value{font-family:Cormorant Garamond,serif;font-size:26px;font-weight:700;line-height:1}.kinerja-stat-label{color:var(--text-secondary);margin-top:4px;font-size:10px;line-height:1.3}.kinerja-bar-wrap{flex-direction:column;gap:5px;display:flex}.kinerja-bar-label{color:var(--text-secondary);justify-content:space-between;font-size:11px;display:flex}.kinerja-bar-track{background:var(--kinerja-bg,var(--bg-soft));border-radius:99px;height:6px;overflow:hidden}.kinerja-bar-fill{border-radius:99px;height:100%;transition:width .6s}.keuangan-summary{grid-template-columns:repeat(auto-fill,minmax(180px,240px));gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:grid}.keuangan-sum-card{background:var(--bg);border:.5px solid var(--border);border-radius:10px;flex-direction:column;justify-content:space-between;gap:8px;min-height:90px;max-height:110px;padding:1rem 1.25rem;display:flex;box-shadow:0 1px 4px #00000005}.neraca-col{background:var(--bg);border:.5px solid var(--border);border-radius:12px;padding:16px 18px;font-size:14px;box-shadow:0 1px 4px #00000005}.keuangan-sum-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.keuangan-sum-value{word-break:break-word;font-size:clamp(14px,1.8vw,22px);font-weight:700;line-height:1.3}.ringkasan-scorecards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;padding:1.5rem;display:grid}.scorecard{background:var(--bg);border:.5px solid var(--border);border-radius:12px;flex-direction:column;justify-content:space-between;gap:10px;min-height:130px;padding:1.5rem;transition:box-shadow .2s;display:flex;box-shadow:0 1px 4px #00000005}.scorecard:hover{box-shadow:0 4px 16px #0000000f}.scorecard-header{justify-content:space-between;align-items:flex-start;display:flex}.scorecard-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600;line-height:1.4}.scorecard-icon{opacity:.25;font-size:20px}.scorecard-value{word-break:break-word;font-variant-numeric:tabular-nums;font-size:clamp(15px,1.7vw,20px);font-weight:700;line-height:1.3}.scorecard-sub{color:var(--text-secondary);font-size:11px;font-style:italic;line-height:1.4}.scorecard-breakdown{border-top:.5px dashed var(--border);flex-direction:column;gap:5px;margin-top:4px;padding-top:8px;display:flex}.scorecard-breakdown-row{justify-content:space-between;gap:8px;font-size:11.5px;display:flex}.scorecard-breakdown-row span:first-child{color:var(--text-secondary)}.scorecard-breakdown-row span:last-child{color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.rekening-scorecards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;padding:0 1.5rem 1.5rem;display:grid}.rekening-card{background:var(--bg);border:.5px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;gap:10px;padding:1.25rem 1.5rem;transition:box-shadow .2s;display:flex;box-shadow:0 1px 4px #00000005}.rekening-card:hover{box-shadow:0 4px 16px #00000014}.rekening-card.active{border-color:var(--pink);box-shadow:0 0 0 2px var(--pink-focus)}.rekening-card-header{justify-content:space-between;align-items:flex-start;display:flex}.rekening-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.rekening-card-value{font-size:clamp(16px,2vw,22px);font-weight:700;line-height:1.3}.rekening-card-rows{border-top:.5px solid var(--border);flex-direction:column;gap:4px;padding-top:8px;display:flex}.rekening-card-row{justify-content:space-between;align-items:center;font-size:11px;display:flex}.rekening-card-row-label{color:var(--text-secondary);align-items:center;gap:5px;display:flex}.rekening-card-row-value{font-size:11px;font-weight:600}.rekening-card-toggle{color:var(--pink);text-align:center;justify-content:center;align-items:center;gap:4px;padding-top:4px;font-size:10px;font-weight:600;display:flex}.rekening-panel{background:var(--bg);border:.5px solid var(--border);border-radius:12px;margin:0 1.5rem 1.5rem;animation:.25s slideUp;overflow:hidden}.rekening-panel-header{border-bottom:.5px solid var(--border);background:var(--bg-soft);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.rekening-panel-title{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.rekening-panel-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;font-size:16px;transition:color .15s;display:flex}.rekening-panel-close:hover{color:var(--text-primary)}.ringkasan-chart-wrap{background:var(--bg);border:.5px solid var(--border);border-radius:12px;margin:0 1.5rem 1.5rem;padding:1.25rem 1.5rem}.ringkasan-chart-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:1rem;font-size:13px;font-weight:600;display:flex}.chart-legend{flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;display:flex}.chart-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.chart-legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.chart-bars{align-items:flex-end;gap:8px;height:160px;padding-bottom:4px;display:flex;overflow-x:auto}.chart-bar-group{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:52px;display:flex}.chart-bar-pair{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:130px;display:flex}.chart-bar{cursor:pointer;border-radius:4px 4px 0 0;flex:1;max-width:20px;min-height:3px;transition:height .4s;position:relative}.chart-bar:hover:after{content:attr(data-tip);color:#fff;white-space:nowrap;z-index:10;pointer-events:none;background:#1a1a1a;border-radius:5px;padding:3px 7px;font-size:10px;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.chart-bar-label{color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:9.5px;overflow:hidden}.keuangan-tabs{border-bottom:.5px solid var(--border);gap:0;padding:0 1.5rem;display:flex}.keuangan-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-.5px;padding:12px 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .18s;display:flex}.keuangan-tab:hover{color:var(--pink)}.keuangan-tab.active{color:var(--pink);border-bottom-color:var(--pink);font-weight:600}.keuangan-tab i{font-size:15px}.loading-spinner{text-align:center;padding:3rem 2rem;display:none}.loading-spinner i{color:var(--pink);font-size:36px;animation:1s linear infinite spin}@media (width<=768px){.header-content{flex-direction:column;align-items:flex-start;gap:1rem}.header-controls{flex-direction:column;width:100%}.filter-group,.filter-group select{width:100%}.btn-refresh{justify-content:center;width:100%}.stats-grid{grid-template-columns:1fr}th,td{padding:10px 12px;font-size:12px}.btn-detail{padding:5px 8px;font-size:10px}table{font-size:12px}}.edit-ringkasan{border-top:.5px solid var(--border);border-bottom:.5px solid var(--border);background:linear-gradient(180deg, var(--pink-light) 0%, #fff 100%);bottom:var(--edit-footer-offset);z-index:3;flex-direction:column;gap:6px;max-height:45vh;padding:12px 1.5rem;display:flex;position:sticky;overflow-y:auto}.edit-ringkasan-title{color:var(--pink);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:5px;margin-bottom:2px;font-size:10px;font-weight:700;display:flex}.edit-ringkasan-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.edit-ringkasan-label{color:var(--text-secondary)}.edit-ringkasan-value{color:var(--text-primary);text-align:right;font-weight:600}.edit-ringkasan-row-list{flex-direction:column;align-items:stretch;gap:4px}.edit-ringkasan-row-list .detail-service-list{color:var(--text-primary);font-size:12px;font-weight:600}.edit-ringkasan-value-pink{color:var(--pink);font-weight:700}.edit-ringkasan-sisa{border-top:.5px solid var(--border);justify-content:space-between;align-items:center;margin-top:2px;padding-top:6px;display:flex}.edit-ringkasan-sisa-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.edit-ringkasan-sisa-value{color:var(--pink);font-size:15px;font-weight:700}@media (width<=768px){.edit-modal-content{--edit-footer-offset:84px}}.login-overlay{background:var(--bg-soft);z-index:9999;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.login-overlay.show{display:flex}.login-box{background:var(--bg);border:.5px solid var(--border);border-radius:16px;flex-direction:column;gap:1.25rem;width:100%;max-width:380px;padding:2.5rem 2rem;display:flex;box-shadow:0 8px 32px #00000014}.login-brand{text-align:center;margin-bottom:.5rem}.login-brand h1{color:var(--text-primary);font-family:Cormorant Garamond,serif;font-size:28px;font-style:italic;font-weight:300;line-height:1.2}.login-brand span{background:var(--pink);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:4px;margin-top:6px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.login-field{flex-direction:column;gap:6px;display:flex}.login-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.login-field input{border:.5px solid var(--border);color:var(--text-primary);background:var(--bg);border-radius:8px;outline:none;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-field input:focus{border-color:var(--pink);box-shadow:0 0 0 2px var(--pink-focus)}.btn-login{background:var(--pink);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:background .2s;display:flex}.btn-login:hover{background:#bf4570}.btn-login:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#dc2626;text-align:center;min-height:18px;font-size:12px}#page-settings{--settings-pink:var(--pink);--settings-pink-light:#fdf0f4;--settings-pink-mid:#f7d6e2;--settings-text:#1a1a1a;--settings-text-secondary:#888;--settings-border:#e8e0e4;--settings-bg:#faf8f9;--settings-white:#fff;--settings-green:#3dab7a;--settings-red:#e05252;--settings-radius:10px}#page-settings .settings-page{flex-direction:column;gap:32px;max-width:860px;margin:0 auto;padding:32px 24px;display:flex}#page-settings .settings-tabs{flex-wrap:wrap;gap:8px;max-width:860px;margin:24px auto 0;padding:0 24px;display:flex}#page-settings .settings-tab{border:1px solid var(--settings-border);background:var(--settings-white);color:var(--settings-text-secondary);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:13.5px;font-weight:500;display:inline-flex}#page-settings .settings-tab:hover{border-color:var(--settings-pink-mid);color:var(--settings-text)}#page-settings .settings-tab.active{background:var(--settings-pink);border-color:var(--settings-pink);color:#fff}#page-settings .profil-form{flex-direction:column;gap:16px;padding:20px;display:flex}#page-settings .profil-field{flex-direction:column;gap:6px;display:flex}#page-settings .rek-switch{border:1px solid var(--settings-border);border-radius:8px;align-self:flex-start;gap:0;display:inline-flex;overflow:hidden}#page-settings .rek-switch-btn{background:var(--settings-white);color:var(--settings-text-secondary);cursor:pointer;border:none;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600}#page-settings .rek-switch-btn+.rek-switch-btn{border-left:1px solid var(--settings-border)}#page-settings .rek-switch-btn.active{background:var(--settings-pink);color:#fff}#page-settings .profil-field>span{color:var(--settings-text);font-size:13px;font-weight:500}#page-settings .profil-field .req{color:var(--settings-pink)}#page-settings .profil-field input,#page-settings .profil-field textarea{border:1px solid var(--settings-border);width:100%;color:var(--settings-text);background:var(--settings-white);resize:vertical;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px}#page-settings .profil-field input:focus,#page-settings .profil-field textarea:focus{border-color:var(--settings-pink);box-shadow:0 0 0 3px var(--settings-pink-light)}#page-settings .profil-field small{color:var(--settings-text-secondary);font-size:11.5px}#page-settings .profil-actions{justify-content:flex-end;margin-top:4px;display:flex}#page-settings .profil-actions .btn-add[disabled]{opacity:.6;cursor:default}@media (width<=640px){#page-settings .settings-tabs{gap:6px;padding:0 12px}#page-settings .settings-tab{padding:8px 13px;font-size:12.5px}}#page-settings .card{background:var(--settings-white);border:1px solid var(--settings-border);border-radius:var(--settings-radius);overflow:hidden}#page-settings .card-head{border-bottom:1px solid var(--settings-border);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}#page-settings .card-head-left{align-items:center;gap:10px;display:flex}#page-settings .card-icon{background:var(--settings-pink-light);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}#page-settings .card-icon svg{width:15px;height:15px;stroke:var(--settings-pink);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}#page-settings .card-icon i{color:var(--settings-pink);font-size:16px}#page-settings .card-title{font-family:Cormorant Garamond,serif;font-size:17px;font-weight:600}#page-settings .badge{color:var(--settings-text-secondary);background:var(--settings-bg);border:1px solid var(--settings-border);border-radius:20px;padding:2px 10px;font-size:11.5px}#page-settings .btn-add{border:1.5px dashed var(--settings-pink);color:var(--settings-pink);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:500;transition:background .15s;display:flex}#page-settings .btn-add:hover{background:var(--settings-pink-light)}#page-settings .form-link-row{align-items:stretch;gap:8px;display:flex}#page-settings .form-link-row input{border:1px solid var(--settings-border);background:var(--settings-bg);min-width:0;color:var(--settings-text);border-radius:8px;flex:1;padding:9px 12px;font-family:inherit;font-size:13px}#page-settings .btn-copy-link{white-space:nowrap;border:1px solid var(--settings-pink);background:var(--settings-pink-light);color:var(--settings-pink);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:9px 14px;font-family:inherit;font-size:12.5px;font-weight:600;display:inline-flex}#page-settings .btn-copy-link:hover{background:var(--settings-pink);color:#fff}#page-settings .settings-search{border:1px solid var(--settings-border);background:var(--settings-bg);border-radius:10px;align-items:center;gap:8px;margin:0 20px 10px;padding:9px 12px;display:flex}#page-settings .settings-search>i{color:var(--settings-text-secondary);flex-shrink:0;font-size:16px}#page-settings .settings-search input{color:var(--settings-text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13.5px}#page-settings .settings-search button{color:var(--settings-text-secondary);cursor:pointer;background:0 0;border:none;padding:2px;font-size:14px;display:inline-flex}#page-settings .settings-search button:hover{color:var(--settings-red)}#page-settings table{border-collapse:collapse;width:100%}#page-settings thead tr{background:var(--settings-bg)}#page-settings th{letter-spacing:.06em;text-transform:uppercase;color:var(--settings-text-secondary);text-align:left;border-bottom:1px solid var(--settings-border);padding:10px 16px;font-size:11px;font-weight:500}#page-settings th.th-act{text-align:center;width:90px}#page-settings td{border-bottom:1px solid var(--settings-border);vertical-align:middle;padding:9px 16px}#page-settings tr:last-child td{border-bottom:none}#page-settings tr.new-row td{background:var(--pink-light)}#page-settings .td-input{width:100%;color:var(--settings-text);background:0 0;border:1px solid #0000;border-radius:6px;outline:none;padding:5px 8px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:border .15s,background .15s}#page-settings .td-input:hover{border-color:var(--settings-border);background:var(--settings-white)}#page-settings .td-input:focus{border-color:var(--settings-pink);background:var(--settings-white);box-shadow:0 0 0 3px #d4537e14}#page-settings .harga-wrap,#page-settings .actions{align-items:center;display:flex}#page-settings .harga-wrap{gap:4px}#page-settings .actions{justify-content:center;gap:4px}#page-settings .harga-prefix{color:var(--settings-text-secondary);font-size:12px}#page-settings .btn-icon{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s,color .15s;display:flex}#page-settings .btn-icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}#page-settings .btn-icon i{font-size:15px}#page-settings .btn-add i{font-size:14px}#page-settings .btn-save-row{color:var(--settings-green)}#page-settings .btn-save-row:hover{background:#edf8f3}#page-settings .btn-del-row{color:#ccc}#page-settings .btn-del-row:hover{color:var(--settings-red);background:#fdf0f0}#page-settings .btn-edit-row{color:#aaa}#page-settings .btn-edit-row:hover{background:var(--settings-bg);color:var(--settings-text)}#page-settings .td-view{color:var(--settings-text);font-size:13.5px}#page-settings .td-harga-view{color:var(--settings-text-secondary);font-size:13px}#page-settings .empty-row td{text-align:center;color:var(--settings-text-secondary);padding:28px;font-size:13px;font-style:italic}#page-settings .td-select{appearance:auto;cursor:pointer}#page-settings .td-role-badge{border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:500;display:inline-block}#page-settings .td-role-badge.role-mua{color:var(--settings-pink);border:1px solid var(--settings-pink-mid);background:#fdf0f4}#page-settings .td-role-badge.role-hair-stylist{color:#4a6fbf;background:#f0f4fd;border:1px solid #c5d3f0}#page-settings .td-role-badge.role-hijab-stylist{color:#2d7a4f;background:#f0fdf4;border:1px solid #b6e8cc}#page-settings .td-role-badge:not(.role-mua):not(.role-hair-stylist):not(.role-hijab-stylist){color:#111;background:#ea580c1f;border:1px solid #ea580c52}.settings-toast{opacity:0;pointer-events:none;z-index:999;border-radius:30px;align-items:center;gap:9px;padding:11px 22px;font-size:13px;font-weight:500;transition:opacity .3s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000026}.settings-toast.show{opacity:1}.settings-toast.success{color:#fff;background:#3dab7a}.settings-toast.error{color:#fff;background:#e05252}.settings-toast svg{stroke:#fff;fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:15px;height:15px}.settings-loading-overlay{z-index:500;opacity:0;pointer-events:none;background:#ffffffb3;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.settings-loading-overlay.show{opacity:1;pointer-events:auto}.settings-spinner{border:3px solid #f7d6e2;border-top-color:var(--pink);border-radius:50%;width:34px;height:34px;animation:.7s linear infinite settings-spin}@keyframes settings-spin{to{transform:rotate(360deg)}}@media (width<=600px){#page-settings .settings-page{padding:20px 12px}#page-settings .card-head{align-items:flex-start}}.react-page-shell{min-height:calc(100vh - 73px)}.react-stage-badge{border:.5px solid var(--border);color:var(--text-secondary);background:var(--bg-soft);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.react-placeholder{text-align:center;min-height:calc(100vh - 145px);color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px 16px;display:flex}.react-placeholder i{color:var(--pink);opacity:.8;font-size:42px}.react-placeholder h2{color:var(--text-primary);font-family:Cormorant Garamond,serif;font-size:28px;font-weight:500}.react-placeholder p{max-width:420px;font-size:13px;line-height:1.6}.dashboard-loading .empty-state i{animation:.8s linear infinite spin}.dashboard-recent-booking-row{cursor:pointer}.dashboard-recent-booking-row:hover{background:#d4537e0f}.dashboard-detail-modal{max-width:620px}.daftar-booking-table-card{width:110%;margin-bottom:1.5rem;margin-left:-5%}.daftar-booking-table-wrap{overflow-x:auto}.daftar-booking-table{border-collapse:collapse;width:100%;min-width:1200px}.daftar-booking-table thead th{text-transform:uppercase;letter-spacing:.05em;color:#696969;padding:14px 12px;font-size:12px;font-weight:700}.daftar-booking-table td{vertical-align:middle;border-bottom:.5px solid var(--border);padding:16px 12px}.booking-row-highlight{background:#d4537e0f}.booking-row-clickable{cursor:pointer}.booking-row-clickable:hover{background:#d4537e14}.booking-date-cell{color:#5e5e5e;min-width:85px;font-weight:500;line-height:1.35}.booking-date-cell span{display:block}.booking-name-cell{min-width:160px}.booking-paket-cell{color:#545454;min-width:125px;font-size:14px;line-height:1.4}.booking-jam-cell{color:#545454;min-width:62px;font-weight:500}.booking-lokasi-cell{white-space:nowrap;text-overflow:ellipsis;min-width:150px;max-width:185px;overflow:hidden}.booking-addon-cell{color:#545454;min-width:125px}.table-dash{color:#c5c5c5;font-weight:600}.staff-list-cell{flex-wrap:wrap;gap:6px;min-width:110px;display:flex}.staff-chip{white-space:nowrap;border:1px solid #0000;border-radius:7px;align-items:center;padding:2px 10px;font-size:13px;font-weight:600;display:inline-flex}.staff-chip-mua{color:var(--pink);background:#d4537e14;border-color:#d4537e47}.staff-chip-hijab{color:#2d5a0a;background:#2d5a0a14;border-color:#2d5a0a47}.staff-chip-hair{color:#2563eb;background:#2563eb1a;border-color:#2563eb4d}.staff-chip-other{color:#111;background:#ea580c1f;border-color:#ea580c52}.invoice-notes-toggles{flex-direction:column;gap:4px;margin-right:auto;display:flex}.invoice-notes-toggle{color:#555;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.invoice-notes-toggle input{cursor:pointer;margin:0}.daftar-booking-detail-btn{color:var(--pink);justify-content:center;min-width:86px}.dashboard-status-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:0;display:grid}.dashboard-status-item{border-right:.5px solid var(--border);border-bottom:.5px solid var(--border);justify-content:space-between;align-items:center;gap:10px;min-height:72px;padding:16px;display:flex}.dashboard-status-item strong{color:var(--text-primary);font-size:22px}.dashboard-location-col{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;overflow:hidden}#page-calendar-blocks{--calendar-block-pink:var(--pink);--calendar-block-pink-light:#d4537e17;--calendar-block-pink-mid:#d4537e33;--calendar-block-text-primary:#1a1a1a;--calendar-block-text-sec:#6b6b6b;--calendar-block-border:#e8e4e1;--calendar-block-bg:#fff;--calendar-block-bg-soft:#fdf9f7;--calendar-block-radius:10px;--calendar-block-danger:#e53e3e;--calendar-block-danger-light:#e53e3e14}#page-calendar-blocks .calendar-block-page{flex-direction:column;gap:24px;max-width:760px;margin:0 auto;padding:28px 16px 48px;display:flex}#page-calendar-blocks .card{background:var(--calendar-block-bg);border:.5px solid var(--calendar-block-border);border-radius:var(--calendar-block-radius);overflow:hidden}#page-calendar-blocks .card-head{border-bottom:.5px solid var(--calendar-block-border);justify-content:space-between;align-items:center;gap:10px;padding:16px 20px 14px;display:flex}#page-calendar-blocks .card-head h2{color:var(--calendar-block-text-primary);font-family:Cormorant Garamond,serif;font-size:18px;font-weight:600}#page-calendar-blocks .card-head p{color:var(--calendar-block-text-sec);margin-top:2px;font-size:12px}#page-calendar-blocks .card-body{padding:20px}#page-calendar-blocks .form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}#page-calendar-blocks .form-group{flex-direction:column;gap:6px;display:flex}#page-calendar-blocks .form-group.full{grid-column:1/-1}#page-calendar-blocks label{letter-spacing:.05em;text-transform:uppercase;color:var(--calendar-block-text-sec);font-size:11.5px;font-weight:600}#page-calendar-blocks input[type=date],#page-calendar-blocks input[type=text],#page-calendar-blocks select{border:.5px solid var(--calendar-block-border);color:var(--calendar-block-text-primary);background:var(--calendar-block-bg);border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .15s}#page-calendar-blocks input[type=date]:focus,#page-calendar-blocks input[type=text]:focus,#page-calendar-blocks select:focus{border-color:var(--calendar-block-pink)}#page-calendar-blocks .color-row{align-items:center;gap:10px;display:flex}#page-calendar-blocks .color-row input[type=color]{border:.5px solid var(--calendar-block-border);cursor:pointer;background:var(--calendar-block-bg);border-radius:8px;flex-shrink:0;width:44px;height:40px;padding:3px}#page-calendar-blocks .color-row input[type=text]{flex:1;font-family:monospace;font-size:13px}#page-calendar-blocks .color-presets{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}#page-calendar-blocks .preset-swatch{cursor:pointer;border:2px solid #0000;border-radius:6px;flex-shrink:0;width:26px;height:26px;transition:transform .1s,border-color .1s}#page-calendar-blocks .preset-swatch:hover{transform:scale(1.15)}#page-calendar-blocks .preset-swatch.active{border-color:var(--calendar-block-text-primary)}#page-calendar-blocks .preview-box{border-radius:8px;align-items:center;gap:8px;margin-top:10px;padding:10px 14px;font-size:13px;font-weight:500;transition:background .2s;display:flex}#page-calendar-blocks .preview-box .dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}#page-calendar-blocks .btn-primary,#page-calendar-blocks .btn-ghost,#page-calendar-blocks .btn-danger,#page-calendar-blocks .btn-edit{cursor:pointer;align-items:center;font-family:DM Sans,sans-serif;transition:background .15s,color .15s,border-color .15s;display:inline-flex}#page-calendar-blocks .btn-primary{background:var(--calendar-block-pink);color:#fff;letter-spacing:.05em;border:none;border-radius:8px;gap:7px;padding:11px 20px;font-size:13px;font-weight:500}#page-calendar-blocks .btn-primary:hover{background:#bf4570}#page-calendar-blocks .btn-primary:disabled{cursor:not-allowed;background:#d4a0b4}#page-calendar-blocks .btn-ghost{color:var(--calendar-block-text-sec);border:.5px solid var(--calendar-block-border);background:0 0;border-radius:8px;gap:6px;padding:8px 14px;font-size:12px}#page-calendar-blocks .btn-ghost:hover{background:var(--calendar-block-bg-soft);color:var(--calendar-block-text-primary)}#page-calendar-blocks .btn-danger,#page-calendar-blocks .btn-edit{background:0 0;border-radius:6px;gap:5px;padding:5px 10px;font-size:12px}#page-calendar-blocks .btn-danger{color:var(--calendar-block-danger);border:.5px solid #e53e3e40}#page-calendar-blocks .btn-danger:hover{background:var(--calendar-block-danger-light)}#page-calendar-blocks .btn-edit{color:var(--calendar-block-text-sec);border:.5px solid var(--calendar-block-border)}#page-calendar-blocks .btn-edit:hover{background:var(--calendar-block-pink-light);color:var(--calendar-block-pink);border-color:var(--calendar-block-pink-mid)}#page-calendar-blocks .blokir-list{flex-direction:column;gap:0;display:flex}#page-calendar-blocks .blokir-item{border-bottom:.5px solid var(--calendar-block-border);align-items:center;gap:12px;padding:12px 20px;transition:background .1s;display:flex}#page-calendar-blocks .blokir-item:last-child{border-bottom:none}#page-calendar-blocks .blokir-item:hover{background:var(--calendar-block-bg-soft)}#page-calendar-blocks .blokir-swatch{border:.5px solid #0000001a;border-radius:5px;flex-shrink:0;width:18px;height:18px}#page-calendar-blocks .blokir-info{flex:1;min-width:0}#page-calendar-blocks .blokir-info .tgl{color:var(--calendar-block-text-primary);font-size:13px;font-weight:500}#page-calendar-blocks .blokir-info .meta{color:var(--calendar-block-text-sec);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11.5px;overflow:hidden}#page-calendar-blocks .blokir-actions{flex-shrink:0;gap:6px;display:flex}#page-calendar-blocks .empty-list{text-align:center;color:var(--calendar-block-text-sec);padding:32px 20px;font-size:13px}#page-calendar-blocks .empty-list i{opacity:.35;margin-bottom:8px;font-size:28px;display:block}#page-calendar-blocks .calendar-block-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}#page-calendar-blocks .skeleton-wide{width:70%;margin:0 auto 8px}#page-calendar-blocks .skeleton-narrow{width:50%;margin:0 auto}#page-calendar-blocks .skeleton{background:linear-gradient(90deg,#f0ece9 25%,#e8e4e1 50%,#f0ece9 75%) 0 0/200% 100%;border-radius:6px;height:14px;animation:1.2s infinite calendar-block-shimmer}@keyframes calendar-block-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.calendar-block-toast{color:#fff;z-index:9999;opacity:0;pointer-events:none;white-space:nowrap;background:#1a1a1a;border-radius:20px;padding:10px 20px;font-size:13px;font-weight:500;transition:transform .3s cubic-bezier(.22,.68,0,1.2),opacity .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(80px)}.calendar-block-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.calendar-block-toast.success{background:#2d8a4e}.calendar-block-toast.error{background:#e53e3e}@media (width<=520px){#page-calendar-blocks .form-grid{grid-template-columns:1fr}#page-calendar-blocks .form-group.full{grid-column:1}#page-calendar-blocks .blokir-item{padding:10px 16px}}.daftar-filters{flex-wrap:wrap;align-items:flex-end;gap:10px;padding:0 1.5rem 1.25rem;display:flex}.daftar-booking-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.btn-toggle-filters{border:.5px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-toggle-filters:hover{border-color:var(--pink);color:var(--pink);background:var(--pink-light)}.daftar-search-row{padding:0 1.5rem 1.25rem}.daftar-search-row .filter-group{width:100%}.filter-search-input{border:.5px solid var(--border);background:var(--bg);color:var(--text-primary);border-radius:6px;outline:none;width:min(420px,100%);min-width:220px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .2s,box-shadow .2s}.filter-search-input:focus{border-color:var(--pink);box-shadow:0 0 0 2px var(--pink-focus)}.pagination-wrap{border-top:.5px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:1rem 1.5rem;display:flex}.pagination-info{color:var(--text-secondary);font-size:12px}.pagination{align-items:center;gap:4px;display:flex}.page-btn{border:.5px solid var(--border);background:var(--bg);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .18s;display:flex}.page-btn:hover:not(:disabled){border-color:var(--pink);color:var(--pink);background:var(--pink-light)}.page-btn.active{background:var(--pink);color:#fff;border-color:var(--pink);font-weight:600}.page-btn:disabled{opacity:.35;cursor:not-allowed}.page-ellipsis{color:var(--text-secondary);padding:0 4px;font-size:13px}.topbar-logout-btn{border:.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .18s;display:flex}.topbar-logout-btn:hover{border-color:var(--pink);color:var(--pink);background:var(--pink-light)}.topbar-logout-btn i{font-size:16px}.dashboard-loading{margin-bottom:0}.dashboard-loading .empty-state{padding:3rem 2rem}.dashboard-location-col{text-overflow:ellipsis;white-space:nowrap;max-width:160px;color:var(--text-secondary);font-size:12px;overflow:hidden}.dashboard-status-section{margin-bottom:1.5rem}.dashboard-status-grid{flex-wrap:wrap;gap:8px;padding:1rem 1.5rem;display:flex}.dashboard-status-item{background:var(--bg-soft);border:.5px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:8px 14px;display:flex}.dashboard-status-item strong{color:var(--text-primary);font-size:18px;font-weight:700}.dashboard-money{font-size:20px}.react-page-shell>section{flex-direction:column;gap:1.5rem;display:flex}@media (width<=768px){.daftar-booking-table-card{width:100%;margin-left:0}.daftar-booking-header-actions{justify-content:flex-start;width:100%}.daftar-filters{padding:0 1rem 1rem}.filter-search-input{min-width:100%}.pagination-wrap{flex-direction:column;align-items:flex-start}.keuangan-tabs{padding:0 1rem;overflow-x:auto}.keuangan-tab{white-space:nowrap;padding:10px 14px;font-size:12px}.ringkasan-scorecards{gap:.75rem;padding:1rem}.scorecard{padding:1rem}.kinerja-cards{grid-template-columns:1fr}}.bottom-nav{display:none}@media (width<=640px){.bottom-nav{z-index:120;background:var(--bg);border-top:.5px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #1f29370d}.bottom-nav-item{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 2px;font-family:inherit;display:flex}.bottom-nav-item i{font-size:21px}.bottom-nav-item span{letter-spacing:.02em;font-size:10px;font-weight:600}.bottom-nav-item.active{color:var(--pink)}.bottom-nav-item.active i{background:var(--pink-light);border-radius:999px;padding:3px 14px}.has-bottom-nav .dashboard-main{padding-bottom:90px}.booking-cards-m{flex-direction:column;gap:12px;padding:1rem;display:flex}.booking-card-m{text-align:left;cursor:pointer;background:var(--bg);border:.5px solid var(--border);border-radius:14px;flex-direction:column;gap:8px;width:100%;padding:14px;font-family:inherit;transition:transform .12s,border-color .12s;display:flex;box-shadow:0 2px 10px #00000008}.booking-card-m:active{border-color:#d4537e4d;transform:scale(.99)}.bcm-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.bcm-name{color:var(--text-primary);font-size:15.5px;font-weight:700}.bcm-date{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:11px;font-weight:600}.bcm-sub{color:var(--text-secondary);font-size:13px}.bcm-dot{color:var(--border);margin:0 6px}.bcm-team{flex-wrap:wrap;gap:6px;display:flex}.bcm-chip{color:var(--text-secondary);background:var(--bg-soft);border:.5px solid var(--border);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600}.bcm-foot{border-top:.5px dashed var(--border);justify-content:space-between;align-items:center;padding-top:8px;display:flex}.bcm-sisa{color:#dc2626;font-size:13px;font-weight:600}.bcm-lunas{color:#2d5a0a;font-size:13px;font-weight:600}.dash-stats-m{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dash-stat-m{background:var(--bg);border:.5px solid var(--border);border-radius:14px;padding:14px;box-shadow:0 2px 10px #00000008}.dash-stat-m .dsm-top{justify-content:space-between;align-items:center;display:flex}.dash-stat-m .dsm-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:10.5px;font-weight:700}.dash-stat-m .dsm-top i{color:var(--pink);font-size:17px}.dash-stat-m .dsm-val{color:var(--pink);margin-top:6px;font-size:24px;font-weight:700;line-height:1.1}.dash-pills-m{-ms-overflow-style:none;scrollbar-width:none;gap:10px;padding:4px 0 2px;display:flex;overflow-x:auto}.dash-pills-m::-webkit-scrollbar{display:none}.dash-pill-m{white-space:nowrap;background:var(--bg);border:.5px solid var(--border);color:var(--text-secondary);border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;display:inline-flex;box-shadow:0 2px 8px #00000008}.dash-pill-m .dot{border-radius:50%;width:8px;height:8px}.calendar-grid{gap:2px;min-width:0}.cal-day{border-radius:6px;min-height:46px;padding:4px 1px}.cal-num{font-size:12px}.cal-day.cal-today .cal-num{width:22px;height:22px}.cal-dot{width:4px;height:4px}.cal-day-name{padding:4px 0 6px;font-size:9.5px}.cal-day-bookings-header{padding:.9rem 1rem;font-size:13px}.cal-day-bookings .booking-cards-m{padding:1rem}.ringkasan-scorecards{grid-template-columns:1fr;gap:.75rem;padding:1rem}.scorecard{gap:8px;min-height:0;padding:1.1rem 1.25rem}.scorecard-value{font-size:23px}.scorecard-label{font-size:11px}.scorecard-breakdown-row{font-size:13px}.keuangan-sum-card{min-width:0}.modal-content,.edit-modal-content,.dashboard-detail-modal{border-radius:0;flex-direction:column;width:100%;max-width:100%;height:100dvh;max-height:100dvh;display:flex}.modal-body,.edit-modal-body{flex:1;padding:1.25rem;overflow-y:auto}.detail-row{flex-direction:column;align-items:stretch;gap:3px}.detail-value{text-align:left}.modal-footer{background:var(--bg);flex-wrap:wrap;justify-content:stretch;gap:8px;position:sticky;bottom:0}.modal-footer .copy-menu-wrap,.modal-footer .btn-invoice,.modal-footer .btn-edit{flex:calc(50% - 4px)}.modal-footer .copy-menu-wrap .btn-copy{flex:1;width:100%}.modal-footer .btn-copy,.modal-footer .btn-invoice,.modal-footer .btn-edit{justify-content:center;padding:12px 10px;font-size:13px}.edit-modal-footer{gap:10px}.btn-cancel-edit,.btn-save-edit{flex:1;justify-content:center;padding:13px 12px;font-size:14px}.btn-save-edit{align-items:center;gap:6px;display:inline-flex}.edit-field input,.edit-field select,.edit-field textarea{padding:11px 12px;font-size:16px}.service-row{flex-wrap:wrap}.service-row select{flex:100%;min-width:0}}.sidebar-account{padding:14px 16px calc(14px + env(safe-area-inset-bottom));border-top:.5px solid var(--border);flex-direction:column;gap:10px;margin-top:auto;display:flex}.sidebar.collapsed .sidebar-account{display:none}.sidebar-account-info{justify-content:space-between;align-items:center;gap:8px;display:flex}.sidebar-account-email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sidebar-account-role{text-transform:uppercase;letter-spacing:.05em;background:var(--pink-light);color:var(--pink);border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:700}.sidebar-account-actions{gap:8px;display:flex}.sidebar-account-actions button{border:.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-family:inherit;font-size:12.5px;display:inline-flex}.sidebar-account-actions button:hover{color:var(--text-primary);border-color:#d4537e59}@media (width<=640px){.bcm-klien{text-transform:none;color:var(--text-secondary);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;text-align:right;max-width:55%;font-size:12.5px;font-weight:600;overflow:hidden}}.cal-day-bookings{scroll-margin-top:84px}@media (width<=640px){.topbar{flex-wrap:nowrap;gap:8px}.topbar-left{flex:1;min-width:0}.topbar-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar-right{flex-shrink:0;justify-content:flex-end;width:auto;margin-left:auto}}.detail-service-list{color:var(--text-primary);text-align:left;margin:0;padding-left:16px;font-size:13px;list-style:outside}.detail-service-list li{margin-bottom:3px;line-height:1.45}.detail-service-list li:last-child{margin-bottom:0}.copy-menu-wrap{display:inline-flex;position:relative}.copy-menu-backdrop{z-index:40;cursor:default;background:0 0;border:none;position:fixed;inset:0}.copy-menu{z-index:41;background:var(--bg);border:.5px solid var(--border);border-radius:10px;min-width:170px;position:absolute;bottom:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 10px 30px #00000024}.copy-menu button{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:11px 14px;font-family:inherit;font-size:13px;display:flex}.copy-menu button:hover{background:var(--pink-light);color:var(--pink)}.copy-menu button+button{border-top:.5px solid var(--border)}.dashboard-paket-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12.5px;font-weight:600;overflow:hidden}@media (width<=640px){.calendar-section{zoom:.8}.edit-ringkasan{zoom:.68}.edit-modal-footer{zoom:.6}}.filter-sheet-overlay{z-index:300;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.filter-sheet{background:var(--bg);border-radius:22px 22px 0 0;flex-direction:column;width:100%;max-width:640px;max-height:88vh;animation:.32s cubic-bezier(.32,.72,0,1) filterSheetUp;display:flex;box-shadow:0 -8px 34px #00000038}@keyframes filterSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.filter-sheet-head{flex-direction:column;align-items:center;padding:10px 18px 6px;display:flex}.filter-sheet-grip{background:var(--border);border-radius:999px;width:44px;height:5px;margin-bottom:12px}.filter-sheet-title-row{justify-content:space-between;align-items:center;width:100%;display:flex}.filter-sheet-title-row h3{color:var(--text-primary);font-size:19px;font-weight:700}.filter-sheet-title-row button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px}.filter-sheet-body{flex-direction:column;flex:1;gap:18px;padding:14px 18px;display:flex;overflow-y:auto}.filter-sheet-body .filter-group{flex-direction:column;gap:8px;display:flex}.filter-sheet-body label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:11px;font-weight:700}.filter-sheet-body select,.filter-sheet-body input{border:1px solid var(--border);background:var(--bg);color:var(--text-primary);border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:16px}.filter-sheet-body .filter-label-row{justify-content:space-between;align-items:center;display:flex}.filter-clear-btn{color:var(--pink);cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;padding:2px 4px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.filter-date-range{grid-template-columns:1fr 1fr;gap:10px;display:grid}.filter-chips{flex-wrap:wrap;gap:8px;display:flex}.filter-chips button{border:.5px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600}.filter-chips button.active{border-color:var(--pink);background:var(--pink-light);color:var(--pink)}.filter-sheet-foot{padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-top:.5px solid var(--border);gap:12px;display:flex}.filter-sheet-reset{border:.5px solid var(--border);background:var(--bg);height:48px;color:var(--text-secondary);cursor:pointer;border-radius:12px;flex:none;padding:0 24px;font-family:inherit;font-weight:600}.filter-sheet-apply{background:var(--pink);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;height:48px;font-family:inherit;font-size:15px;font-weight:700}.fab-add-booking{background:var(--pink);color:#fff;cursor:pointer;z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:26px;display:flex;position:fixed;bottom:26px;right:24px;box-shadow:0 4px 16px #d4537e66}.fab-add-booking:hover{filter:brightness(.94)}.fab-add-booking:active{transform:scale(.94)}@media (width<=640px){.fab-add-booking{right:16px;bottom:calc(72px + env(safe-area-inset-bottom))}}.btn-delete-booking{color:#dc2626;cursor:pointer;background:0 0;border:.5px solid #dc262673;border-radius:6px;align-items:center;gap:6px;margin-right:auto;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:13px;display:inline-flex}.btn-delete-booking:hover{background:#dc262612}.btn-delete-booking[disabled]{opacity:.55;cursor:default}.sub-banner{align-items:center;gap:8px;padding:9px 16px;font-size:13px;line-height:1.4;display:flex}.sub-banner i{flex-shrink:0;font-size:16px}.sub-banner.sub-warn{color:#854d0e;background:#fef9c3;border-bottom:1px solid #fde047}.sub-banner.sub-grace{color:#9a3412;background:#ffedd5;border-bottom:1px solid #fdba74}.sub-banner.sub-locked{color:#b91c1c;background:#fee2e2;border-bottom:1px solid #fca5a5}.sub-banner-cta{background:var(--pink);color:#fff;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;margin-left:auto;padding:5px 12px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.sub-banner-cta:hover{filter:brightness(.95)}.btn-blokir-open{border:.5px solid var(--border);color:var(--text-primary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:13px;display:inline-flex}.btn-blokir-open:hover{border-color:var(--pink);color:var(--pink)}.calendar-split{align-items:flex-start;gap:16px;width:100%;display:flex}.calendar-split>.calendar-section{flex:1;min-width:0}.blokir-panel{background:var(--bg-soft,var(--bg-soft));border:.5px solid var(--border);border-radius:12px;flex-direction:column;flex-shrink:0;width:500px;max-height:calc(100vh - 120px);animation:.2s ease-out blokirSlideIn;display:flex;position:sticky;top:12px;overflow:hidden;box-shadow:0 2px 16px #0000000f}@keyframes blokirSlideIn{0%{opacity:.3;transform:translate(24px)}to{opacity:1;transform:none}}@media (width<=900px){.blokir-panel{z-index:1050;width:100%;max-height:none;box-shadow:none;border:none;border-radius:0;position:fixed;inset:0}}.blokir-drawer-head{border-bottom:.5px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.blokir-drawer-head h3{align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.blokir-drawer-body{flex:1;overflow-y:auto}.blokir-drawer-body #page-calendar-blocks .calendar-block-page{padding:20px 16px 40px}@media (width<=640px){.blokir-drawer{width:100vw}}.blokir-filter{border:.5px solid var(--border);background:var(--bg);border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:0 8px;display:flex}.blokir-filter:focus-within{border-color:var(--pink)}.blokir-filter>i{color:var(--text-secondary);font-size:14px}.blokir-filter input[type=search]{width:170px;max-width:40vw;color:var(--text-primary);background:0 0;border:none;outline:none;padding:7px 0;font-family:inherit;font-size:13px}.blokir-filter-clear{width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.blokir-filter-clear:hover{color:var(--text-primary);background:#0000000f}#page-activity .activity-wrap{max-width:880px;margin:0 auto;padding:24px 16px 48px}#page-activity .activity-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}#page-activity .activity-head h2{align-items:center;gap:8px;font-size:18px;display:flex}#page-activity .activity-head p{color:var(--text-secondary);margin-top:4px;font-size:12.5px}#page-activity .activity-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#page-activity .activity-search{border:.5px solid var(--border);background:var(--bg);border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:flex}#page-activity .activity-search i{color:var(--text-secondary);font-size:14px}#page-activity .activity-search input{width:180px;max-width:44vw;color:var(--text-primary);background:0 0;border:none;outline:none;padding:8px 0;font-family:inherit;font-size:13px}#page-activity .activity-filters select{border:.5px solid var(--border);background:var(--bg);color:var(--text-primary);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px}#page-activity .activity-list{border:.5px solid var(--border);background:var(--bg);border-radius:12px;overflow:hidden}#page-activity .activity-item{border-bottom:.5px solid var(--border);align-items:flex-start;gap:12px;padding:12px 16px;display:flex}#page-activity .activity-item:last-child{border-bottom:none}#page-activity .activity-badge{letter-spacing:.02em;border-radius:999px;flex-shrink:0;margin-top:1px;padding:3px 10px;font-size:11px;font-weight:600}#page-activity .act-insert{background:var(--success-bg,#3b6d1114);color:#2d5a0a}#page-activity .act-update{color:#1d4ed8;background:#2563eb14}#page-activity .act-delete{color:#b91c1c;background:#dc262614}#page-activity .activity-body{flex:1;min-width:0}#page-activity .activity-line1{font-size:14px}#page-activity .activity-summary{color:var(--text-secondary)}#page-activity .activity-changes{color:var(--text-secondary);word-break:break-word;margin-top:3px;font-size:12px;line-height:1.5}#page-activity .activity-meta{color:var(--text-secondary);margin-top:4px;font-size:11.5px}.paket-breakdown-filter{align-items:center;gap:8px;display:flex}.paket-breakdown-filter input[type=month]{border:.5px solid var(--border);color:var(--text-primary);background:var(--bg);border-radius:8px;outline:none;padding:6px 9px;font-family:inherit;font-size:12.5px}.paket-breakdown-filter input[type=month]:focus{border-color:var(--pink)}.paket-breakdown-filter button{width:24px;height:24px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.paket-breakdown-filter button:hover{color:var(--text-primary);background:#0000000f}#page-kalkulator .kalkulator-wrap{max-width:720px;margin:0 auto;padding:20px 16px 120px}#page-kalkulator .kalkulator-head h2{align-items:center;gap:8px;font-size:18px;display:flex}#page-kalkulator .kalkulator-head p{color:var(--text-secondary);margin:6px 0 16px;font-size:12.5px;line-height:1.6}#page-kalkulator .kalkulator-card{padding:16px}#page-kalkulator .kalkulator-search{border:1px solid var(--border);background:var(--bg-soft,var(--bg-soft));border-radius:10px;align-items:center;gap:8px;margin-bottom:8px;padding:0 12px;display:flex}#page-kalkulator .kalkulator-search:focus-within{border-color:var(--pink);background:var(--bg)}#page-kalkulator .kalkulator-search i{color:var(--text-secondary)}#page-kalkulator .kalkulator-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:11px 0;font-family:inherit;font-size:14px}#page-kalkulator .kalkulator-section-label{align-items:center;gap:12px;margin:18px 0 4px;display:flex}#page-kalkulator .kalkulator-section-label span{color:var(--text-secondary);white-space:nowrap;font-size:13px;font-weight:600}#page-kalkulator .kalkulator-section-label:after{content:"";background:var(--border);flex:1;height:.5px}#page-kalkulator .kalkulator-item{border-bottom:.5px solid var(--border);align-items:center;gap:10px;padding:9px 4px;font-size:13.5px;display:flex}#page-kalkulator .kalkulator-item.selected{background:var(--pink-light,#fdf0f4);border-radius:8px}#page-kalkulator .ki-name{flex:1;line-height:1.35}#page-kalkulator .ki-price{color:var(--text-secondary);white-space:nowrap;margin-left:6px;font-size:12.5px}#page-kalkulator .ki-price.free{color:#2d5a0a;font-weight:500}#page-kalkulator .ki-qty{align-items:center;gap:2px;display:flex}#page-kalkulator .ki-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;width:30px;height:30px;color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;font-size:15px;display:flex}#page-kalkulator .ki-btn:active{background:var(--pink-light,#fdf0f4)}#page-kalkulator .ki-val{text-align:center;width:28px;font-size:14px;font-weight:500}#page-kalkulator .ki-val.zero{color:var(--text-secondary);font-weight:400}#page-kalkulator .kalkulator-transport{margin-top:4px;position:relative}#page-kalkulator .kalkulator-transport span{color:var(--text-secondary);font-size:13.5px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}#page-kalkulator .kalkulator-transport input{border:1px solid var(--border);background:var(--bg);border-radius:10px;outline:none;width:100%;padding:11px 12px 11px 40px;font-family:inherit;font-size:14px}#page-kalkulator .kalkulator-transport input:focus{border-color:var(--pink)}#page-kalkulator .kalkulator-total{z-index:20;background:var(--bg);border-top:.5px solid var(--border);padding:12px 2rem calc(12px + env(safe-area-inset-bottom));margin:0 -2rem -2rem;position:sticky;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000d}#page-kalkulator .kalkulator-total-inner{align-items:center;gap:14px;max-width:720px;margin:0 auto;display:flex}#page-kalkulator .ktotal-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);font-size:10.5px}#page-kalkulator .ktotal-value{color:var(--pink);font-size:24px;font-weight:700;line-height:1.1}#page-kalkulator .ktotal-note{color:var(--text-secondary);margin-top:2px;font-size:11px}@media (width<=640px){#page-kalkulator .kalkulator-total{padding:10px 12px calc(64px + env(safe-area-inset-bottom));margin:0 -12px -12px}}#page-kalkulator .ktotal-export{background:var(--pink);color:#fff;cursor:pointer;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;margin-left:auto;padding:10px 16px;font-family:inherit;font-size:13.5px;font-weight:600;display:inline-flex}#page-kalkulator .ktotal-export:hover{filter:brightness(.95)}.kalkulator-preview{z-index:1200;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.kalkulator-preview-box{background:var(--bg);text-align:center;border-radius:14px;width:100%;max-width:480px;max-height:90vh;padding:16px;overflow-y:auto}.kalkulator-preview-box p{margin-bottom:10px;font-size:13px}.kalkulator-preview-box img{border:1px solid var(--border);border-radius:8px;width:100%}.kalkulator-preview-box button{background:var(--pink);color:#fff;cursor:pointer;border:none;border-radius:999px;margin-top:12px;padding:9px 22px;font-family:inherit;font-size:13.5px}#page-kalkulator .ktotal-cart{border:.5px solid var(--border);background:var(--bg);color:var(--text-primary);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:13.5px;font-weight:600;display:inline-flex}#page-kalkulator .ktotal-cart:hover{border-color:var(--pink);color:var(--pink)}.cart-overlay{z-index:1150;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.cart-modal{background:var(--bg);border-radius:14px;flex-direction:column;width:100%;max-width:720px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 12px 48px #0003}.cart-head{border-bottom:.5px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cart-head h3{align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.cart-body{flex:1;padding:4px 8px;overflow:auto}.cart-table{border-collapse:collapse;width:100%;font-size:13.5px}.cart-table thead th{text-align:left;letter-spacing:.04em;color:var(--text-secondary);text-transform:uppercase;border-bottom:.5px solid var(--border);padding:12px;font-size:11.5px;font-weight:600}.cart-table .cart-th-center{text-align:center}.cart-table .cart-th-right{text-align:right}.cart-table td{border-bottom:.5px solid var(--border);vertical-align:middle;padding:14px 12px}.cart-table tr:last-child td{border-bottom:none}.cart-name{color:var(--text-primary);font-weight:600;line-height:1.3}.cart-sub{color:var(--text-secondary);margin-top:2px;font-size:12px}.cart-price{color:var(--text-secondary);white-space:nowrap}.cart-qty{justify-content:center;align-items:center;gap:2px;width:100%;display:inline-flex}.cart-line-total{text-align:right;white-space:nowrap;font-weight:600}.cart-remove{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.cart-remove:hover{color:#dc2626;background:#dc262614}.cart-transport-row td{color:var(--text-secondary)}.cart-foot{border-top:.5px solid var(--border);background:var(--bg-soft,var(--bg-soft));justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;display:flex}.cart-foot-total{flex-direction:column;display:flex}.cart-foot-total span{letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);font-size:10.5px}.cart-foot-total b{color:var(--pink);font-size:20px}@media (width<=640px){.cart-body{padding:0}.cart-table{min-width:460px}}.bukti-open-btn{border:.5px solid var(--border);color:var(--pink);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-family:inherit;font-size:12.5px;font-weight:600;display:inline-flex}.bukti-open-btn:hover{background:var(--pink-light,#fdf0f4)}.bukti-open-btn[disabled]{opacity:.6;cursor:default}.bukti-upload{flex-direction:column;gap:8px;display:flex}.bukti-upload-current{background:var(--pink-light,#fdf0f4);border:.5px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.bukti-upload-current>i{color:var(--pink);flex-shrink:0}.bukti-upload-name{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;overflow:hidden}.bukti-upload-remove{border:.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:12.5px}.bukti-upload-remove:hover{color:#c0392b;border-color:#c0392b}.bukti-upload-remove[disabled]{opacity:.5;cursor:default}.bukti-upload-btn{border:1px dashed var(--border-hover,var(--border));color:var(--pink);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.bukti-upload-btn:hover{background:var(--pink-light,#fdf0f4);border-style:solid}.bukti-upload-btn[disabled]{opacity:.6;cursor:default}.bukti-upload-btn .spin{animation:.8s linear infinite spin}.bukti-upload-hint{color:var(--text-secondary);font-size:11.5px}.bukti-upload-error{color:#c0392b;font-size:12px}.attire-upload{flex-direction:column;gap:8px;display:flex}.attire-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.attire-thumb{aspect-ratio:3/4;border:.5px solid var(--border);background:var(--bg-soft);border-radius:8px;position:relative;overflow:hidden}.attire-thumb img{object-fit:cover;width:100%;height:100%;display:block}.attire-thumb-remove{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;line-height:1;display:inline-flex;position:absolute;top:4px;right:4px}.attire-thumb-remove:hover{background:#c0392b}.attire-thumb-remove[disabled]{opacity:.5;cursor:default}.attire-thumb-size{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#00000073;padding:2px 5px;font-size:9.5px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.attire-upload-btn{border:1px dashed var(--border-hover,var(--border));color:var(--pink);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-self:flex-start;align-items:center;gap:6px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.attire-upload-btn:hover{background:var(--pink-light,#fdf0f4);border-style:solid}.attire-upload-btn[disabled]{opacity:.6;cursor:default}.attire-upload-btn .spin{animation:.8s linear infinite spin}.attire-upload-hint{color:var(--text-secondary);font-size:11.5px}.attire-upload-error{color:#c0392b;font-size:12px}.attire-thumb img{cursor:zoom-in}.attire-thumb-loading{width:100%;height:100%;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.attire-thumb-loading .spin{animation:.8s linear infinite spin}.attire-gallery{flex-wrap:wrap;gap:8px;display:flex}.attire-gallery-thumb{border:.5px solid var(--border);background:var(--bg-soft);border-radius:8px;flex:none;width:72px;height:96px;overflow:hidden}.attire-gallery-thumb img{object-fit:cover;cursor:zoom-in;width:100%;height:100%;display:block}.lightbox-overlay{z-index:2000;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightbox-img{object-fit:contain;border-radius:6px;max-width:92vw;max-height:88vh}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:inline-flex;position:absolute;top:16px;right:18px}.lightbox-close:hover{background:#ffffff4d}.lightbox-nav{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#ffffff4d}.lightbox-prev{left:16px}.lightbox-next{right:16px}.lightbox-count{color:#fff;background:#0006;border-radius:20px;padding:4px 10px;font-size:13px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}#page-admin .adm-wrap{max-width:720px;margin:0 auto;padding:20px 14px 60px}#page-admin .adm-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}#page-admin .adm-head h2{align-items:center;gap:8px;font-size:18px;display:flex}#page-admin .adm-head p{color:var(--text-secondary);margin-top:4px;font-size:12.5px}#page-admin .adm-head-act{flex-wrap:wrap;gap:8px;display:flex}#page-admin .adm-btn-primary{background:var(--pink);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}#page-admin .adm-btn-primary[disabled]{opacity:.5;cursor:default}#page-admin .adm-msg{border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:13px}#page-admin .adm-msg.ok{color:#2d5a0a;background:#3b6d1114}#page-admin .adm-msg.error{color:#b91c1c;background:#dc262614}#page-admin .adm-card{background:var(--bg);border:.5px solid var(--border);border-radius:12px;margin-bottom:12px;padding:14px 16px}#page-admin .adm-form h3{margin-bottom:8px;font-size:14px}#page-admin .adm-form label{color:var(--text-secondary);margin-bottom:10px;font-size:12.5px;display:block}#page-admin .adm-form input{border:1px solid var(--border);background:var(--bg);border-radius:8px;outline:none;width:100%;margin-top:4px;padding:10px 12px;font-family:inherit;font-size:14px}#page-admin .adm-form input:focus{border-color:var(--pink)}#page-admin .adm-hint{color:var(--text-secondary);margin-bottom:10px;font-size:11.5px;line-height:1.6}#page-admin .adm-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}#page-admin .adm-nama{font-size:14.5px;font-weight:600}#page-admin .adm-slug{color:var(--text-secondary);margin-top:2px;font-size:12px}#page-admin .adm-badge{border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:600}#page-admin .adm-ok{color:#2d5a0a;background:#3b6d1114}#page-admin .adm-warn{color:#854d0e;background:#fef9c3}#page-admin .adm-bad{color:#b91c1c;background:#dc262614}#page-admin .adm-stat{color:var(--text-secondary);flex-wrap:wrap;gap:14px;margin:10px 0 4px;font-size:12.5px;display:flex}#page-admin .adm-meta{color:var(--text-secondary);font-size:11.5px}#page-admin .adm-act{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}#page-admin .adm-act button{border:.5px solid var(--border);min-width:72px;color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;flex:auto;padding:8px 10px;font-family:inherit;font-size:12.5px}#page-admin .adm-act button:hover{border-color:var(--pink);color:var(--pink)}#page-admin .adm-act button[disabled]{opacity:.5;cursor:default}.keu-range{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 1.5rem 0;display:flex}.keu-range-label{color:var(--text-secondary);align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.keu-range input[type=date]{border:.5px solid var(--border);background:var(--bg);color:var(--text-primary);border-radius:6px;outline:none;padding:6px 10px;font-family:inherit;font-size:13px}.keu-range input[type=date]:focus{border-color:var(--pink)}.keu-range-sep{color:var(--text-secondary);font-size:12.5px}.keu-range-clear{border:.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-family:inherit;font-size:12.5px;display:inline-flex}.keu-range-clear:hover{border-color:var(--pink);color:var(--pink)}.keu-range-info{color:var(--pink);font-size:11.5px}@media (width<=640px){.keu-range{padding:10px 12px 0}.keu-range input[type=date]{flex:130px;min-width:0}}.lr-wrap{max-width:620px;margin:0 auto;padding:1.5rem}.lr-head{text-align:center;border-bottom:1.5px solid var(--text-primary);margin-bottom:4px;padding-bottom:14px}.lr-head h3{letter-spacing:.02em;font-size:16px;font-weight:700}.lr-head p{color:var(--text-secondary);margin-top:2px;font-size:12.5px}.lr-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-top:18px;margin-bottom:2px;font-size:11px;font-weight:700}.lr-row{border-bottom:.5px solid var(--border);align-items:baseline;gap:12px;padding:7px 0;display:flex}.lr-label{flex-direction:column;flex:1;min-width:0;font-size:13.5px;display:flex}.lr-label em{color:var(--text-secondary);margin-top:1px;font-size:11px;font-style:normal}.lr-val{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13.5px}.lr-subtotal{border-bottom-width:1.5px;border-bottom-color:var(--text-primary);font-weight:600}.lr-laba{border-bottom:none;margin-top:10px;padding:12px 0;font-size:15px;font-weight:700}.lr-laba .lr-val{font-size:19px}.lr-npm{border-bottom:none;padding-top:0;font-weight:600}.lr-empty{color:var(--text-secondary);padding:10px 0;font-size:12.5px;font-style:italic}.lr-notes{background:var(--bg-soft,var(--bg-soft));border-radius:8px;margin-top:22px;padding:12px 14px}.lr-notes p{color:var(--text-secondary);font-size:11.5px;line-height:1.6}.lr-notes p+p{margin-top:7px}.lr-note-faint{opacity:.75}@media (width<=640px){.lr-wrap{padding:1rem}}.onb-card{background:linear-gradient(180deg, var(--pink-light,#fdf0f4) 0%, var(--bg,#fff) 100%);border:.5px solid var(--border);border-radius:12px;margin:0 0 1.25rem;padding:18px 20px}.onb-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.onb-head h3{font-size:15px;font-weight:700}.onb-head p{color:var(--text-secondary);margin-top:2px;font-size:12px}.onb-progress{background:#00000012;border-radius:99px;flex:1;min-width:120px;max-width:200px;height:6px;margin-top:6px;overflow:hidden}.onb-progress-bar{background:var(--pink);border-radius:99px;height:100%;transition:width .3s}.onb-list{flex-direction:column;gap:2px;margin:14px 0 0;padding:0;list-style:none;display:flex}.onb-item{border-bottom:.5px solid var(--border);align-items:center;gap:10px;padding:9px 0;display:flex}.onb-item:last-child{border-bottom:none}.onb-item>i{color:var(--border-hover,#ccc);flex-shrink:0;font-size:18px}.onb-item.done>i{color:#2d5a0a}.onb-item-body{flex-direction:column;flex:1;min-width:0;display:flex}.onb-item-title{flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;display:flex}.onb-item.done .onb-item-title{color:var(--text-secondary)}.onb-item-title em{color:#2d5a0a;background:#e8f6e9;border-radius:99px;padding:2px 7px;font-size:10.5px;font-style:normal;font-weight:600}.onb-item-why{color:var(--text-secondary);margin-top:2px;font-size:11.5px}.onb-go{border:.5px solid var(--border);background:var(--bg,#fff);color:var(--pink);cursor:pointer;border-radius:8px;flex-shrink:0;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600}.onb-go:hover{background:var(--pink-light,#fdf0f4)}.onb-link{border-top:.5px solid var(--border);flex-direction:column;gap:3px;margin-top:14px;padding-top:12px;display:flex}.onb-link span{color:var(--text-secondary);font-size:11px}.onb-link code{color:var(--pink);word-break:break-all;font-size:12px}@media (width<=640px){.onb-card{border-radius:10px;padding:16px}.onb-progress{width:100%;max-width:none}}.inline-cell-select{color:var(--text-primary);border:.5px solid var(--border);background:var(--bg,#fff);cursor:pointer;appearance:none;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='%23999' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 7px center;background-repeat:no-repeat;border-radius:6px;max-width:160px;padding:4px 22px 4px 8px;font-family:inherit;font-size:12.5px}.inline-cell-select:hover{border-color:var(--pink)}.inline-cell-select:focus{border-color:var(--pink);box-shadow:0 0 0 2px var(--pink-light,#fdf0f4);outline:none}.inline-cell-select:disabled{opacity:.5;cursor:wait}.kinerja-table-wrap{padding:.5rem 1.5rem 1.5rem;overflow-x:auto}.kinerja-table{border-collapse:collapse;width:100%;font-size:13.5px}.kinerja-table thead th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px;font-size:11px;font-weight:700}.kinerja-table thead th.price-col,.kinerja-table td.price-col{text-align:right}.kinerja-table tbody td{border-bottom:.5px solid var(--border);vertical-align:middle;padding:9px 10px}.kinerja-row{cursor:pointer;transition:background .12s}.kinerja-row:hover,.kinerja-row.expanded{background:var(--pink-light,#fdf0f4)}.kinerja-row:focus-visible{outline:2px solid var(--pink);outline-offset:-2px}.kinerja-row-name{align-items:center;gap:9px;display:flex}.kinerja-avatar-sm{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10.5px;font-weight:700;display:flex}.kinerja-row-name .kinerja-name{font-weight:600}.kinerja-row-chevron{color:var(--text-secondary);margin-left:4px;font-size:13px}.kinerja-detail-row>td{background:var(--bg-soft,var(--bg-soft));padding:12px 14px!important}@media (width<=640px){.kinerja-table-wrap{padding:.5rem .75rem 1rem}.kinerja-table{font-size:13px}.kinerja-table tbody td{padding:8px 6px}}