*,: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;border-radius:4px;align-self:flex-start;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.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}.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-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-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}.service-row-qty{border:.5px solid var(--border);height:34px;color:var(--text-primary);background:#fff;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);height:34px;color:var(--text-secondary);cursor:pointer;background:#fff;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;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 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}.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-size:clamp(16px,2.2vw,24px);font-weight:700;line-height:1.3}.scorecard-sub{color:var(--text-secondary);font-size:11px;font-style:italic;line-height:1.4}.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);bottom:var(--edit-footer-offset);z-index:3;background:linear-gradient(#fff7fa 0%,#fff 100%);flex-direction:column;gap:6px;padding:12px 1.5rem;display:flex;position:sticky}.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-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:#d4537e;--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 .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 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:#fffbfc}#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}.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:#d4537e;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:#d4537e;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}.daftar-booking-detail-btn{color:#d4537e;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:#d4537e;--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}}