:root{--sb-width: 260px;--sb-collapsed-width: 72px;--sb-bg: #ffffff;--sb-border: #e8ecf1;--sb-text: #64748b;--sb-text-hover: #334155;--sb-active-bg: #fff7ed;--sb-active-text: #FF8A4C;--sb-active-border: #FF8A4C;--sb-section-text: #94a3b8;--sb-hover-bg: #f8fafc;--sb-transition: .25s cubic-bezier(.4, 0, .2, 1);--sb-shadow: 0 1px 3px 0 rgba(0,0,0,.07), 0 1px 2px -1px rgba(0,0,0,.07)}.sidebar-mobile-header{display:none;background:var(--sb-bg);padding:.75rem 1rem;box-shadow:var(--sb-shadow);position:fixed;top:0;left:0;right:0;z-index:1040;align-items:center;justify-content:space-between;height:56px}.sidebar-brand-mobile{display:flex;align-items:center;gap:.5rem;color:var(--sb-active-text);font-weight:700;font-size:1.05rem}.sidebar-hamburger{background:none;border:1px solid var(--sb-border);border-radius:8px;font-size:1.3rem;color:var(--sb-text);padding:.25rem .625rem;cursor:pointer;transition:all .2s;line-height:1}.sidebar-hamburger:hover{background:var(--sb-hover-bg);color:var(--sb-active-text);border-color:var(--sb-active-text)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:1045;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.sidebar-overlay.show{display:block}.sidebar{width:var(--sb-width);background:var(--sb-bg);height:100vh;height:100dvh;box-shadow:var(--sb-shadow);border-right:1px solid var(--sb-border);position:fixed;left:0;top:0;z-index:1050;display:flex;flex-direction:column;overflow:hidden;transition:width var(--sb-transition),transform var(--sb-transition)}.sidebar--collapsed{width:var(--sb-collapsed-width)}.sidebar__header{padding:1rem 1rem .75rem;border-bottom:1px solid var(--sb-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;min-height:60px}.sidebar__brand{display:flex;align-items:center;gap:.625rem;overflow:hidden}.sidebar__brand-icon{font-size:1.5rem;color:var(--sb-active-text);flex-shrink:0}.sidebar__brand-text{font-weight:700;font-size:1.05rem;color:var(--sb-active-text);white-space:nowrap}.sidebar__toggle{background:none;border:none;color:var(--sb-text);font-size:1.1rem;cursor:pointer;padding:.25rem .375rem;border-radius:6px;transition:all .2s;flex-shrink:0}.sidebar__toggle:hover{background:var(--sb-hover-bg);color:var(--sb-active-text)}.sidebar__user{padding:.875rem 1rem;border-bottom:1px solid var(--sb-border);display:flex;align-items:center;gap:.75rem;flex-shrink:0;overflow:hidden}.sidebar__user-avatar{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--primary-orange, #FF8A4C) 0%,var(--primary-orange-hover, #FF6B3D) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.95rem;flex-shrink:0}.sidebar__user-info{flex:1;min-width:0;overflow:hidden}.sidebar__user-name{font-weight:600;font-size:.875rem;color:var(--sb-text-hover);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{font-size:.75rem;color:var(--sb-section-text);margin-top:1px}.sidebar--collapsed .sidebar__user{justify-content:center;padding:.875rem .5rem}.sidebar--collapsed .sidebar__user-info{display:none}.sidebar__menu-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:.5rem 0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sidebar__menu-wrapper::-webkit-scrollbar{width:5px}.sidebar__menu-wrapper::-webkit-scrollbar-track{background:transparent}.sidebar__menu-wrapper::-webkit-scrollbar-thumb{background:#dce1e8;border-radius:10px}.sidebar__menu-wrapper::-webkit-scrollbar-thumb:hover{background:#b8c0cc}.sidebar__menu{list-style:none;padding:0;margin:0}.sidebar__section-title{padding:1.125rem 1.25rem .375rem;font-size:.68rem;font-weight:700;text-transform:uppercase;color:var(--sb-section-text);letter-spacing:.8px;white-space:nowrap;overflow:hidden}.sidebar__menu-item{margin:1px .5rem}.sidebar__menu-link{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;color:var(--sb-text);text-decoration:none;border-radius:8px;transition:all .15s;position:relative;cursor:pointer;border:none;background:none;width:100%;font-size:.875rem;font-family:inherit;text-align:left;white-space:nowrap;overflow:hidden}.sidebar__menu-link:hover{background:var(--sb-hover-bg);color:var(--sb-text-hover)}.sidebar__menu-item.active>.sidebar__menu-link{background:var(--sb-active-bg);color:var(--sb-active-text);font-weight:600;box-shadow:inset 3px 0 0 var(--sb-active-border)}.sidebar-icon{font-size:1.15rem;width:22px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.sidebar__menu-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.sidebar__menu-parent{margin:1px .5rem}.sidebar__menu-toggle{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;color:var(--sb-text);text-decoration:none;border-radius:8px;transition:all .15s;cursor:pointer;border:none;background:none;width:100%;font-size:.875rem;font-family:inherit;text-align:left;white-space:nowrap;overflow:hidden}.sidebar__menu-toggle:hover{background:var(--sb-hover-bg);color:var(--sb-text-hover)}.sidebar__menu-toggle.has-active{color:var(--sb-active-text)}.sidebar__chevron{margin-left:auto;font-size:.75rem;transition:transform .25s ease;flex-shrink:0}.sidebar__chevron.rotated{transform:rotate(180deg)}.sidebar__submenu{list-style:none;padding:.125rem 0 .25rem;margin:0;overflow:hidden}.sidebar__submenu .sidebar__menu-item{margin:1px .5rem 1px 1rem}.sidebar__submenu .sidebar__menu-link{padding:.5rem .75rem .5rem 1rem;font-size:.82rem;gap:.625rem;border-left:2px solid var(--sb-border)}.sidebar__submenu .sidebar__menu-link:hover{border-left-color:var(--sb-active-text)}.sidebar__submenu .sidebar__menu-item.active>.sidebar__menu-link{border-left-color:var(--sb-active-text);background:var(--sb-active-bg);color:var(--sb-active-text);box-shadow:none}.sidebar__submenu .sidebar-icon{font-size:.95rem;width:18px}.sidebar__footer{padding:.75rem 1rem;border-top:1px solid var(--sb-border);flex-shrink:0}.sidebar__logout-btn{width:100%;background:none;border:1px solid rgba(255,77,79,.3);color:var(--danger-red, #FF4D4F);padding:.5625rem 1rem;border-radius:8px;font-size:.85rem;font-family:inherit;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer}.sidebar__logout-btn:hover{background:#ff4d4f0f;border-color:var(--danger-red, #FF4D4F)}.sidebar--collapsed .sidebar__section-title,.sidebar--collapsed .sidebar__menu-text,.sidebar--collapsed .sidebar__chevron,.sidebar--collapsed .sidebar__brand-text{display:none}.sidebar--collapsed .sidebar__header{justify-content:center;padding:1rem .5rem .75rem}.sidebar--collapsed .sidebar__brand{justify-content:center}.sidebar--collapsed .sidebar__menu-link,.sidebar--collapsed .sidebar__menu-toggle{justify-content:center;padding:.75rem;gap:0}.sidebar--collapsed .sidebar__footer{padding:.75rem .5rem}.sidebar--collapsed .sidebar__logout-btn span{display:none}.sidebar--collapsed .sidebar__logout-btn{padding:.5625rem;justify-content:center}.sidebar--collapsed .sidebar__submenu{display:none}.sidebar--collapsed .sidebar__menu-parent{position:relative}.sidebar--collapsed .sidebar__menu-link[data-tooltip]:after,.sidebar--collapsed .sidebar__menu-toggle[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#1e293b;color:#f8fafc;padding:.3125rem .75rem;border-radius:6px;font-size:.78rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,visibility .15s;z-index:1100;box-shadow:0 4px 6px -1px #0000001a}.sidebar--collapsed .sidebar__menu-link[data-tooltip]:before,.sidebar--collapsed .sidebar__menu-toggle[data-tooltip]:before{content:"";position:absolute;left:calc(100% + 4px);top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#1e293b;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;z-index:1100}.sidebar--collapsed .sidebar__menu-link[data-tooltip]:hover:after,.sidebar--collapsed .sidebar__menu-link[data-tooltip]:hover:before,.sidebar--collapsed .sidebar__menu-toggle[data-tooltip]:hover:after,.sidebar--collapsed .sidebar__menu-toggle[data-tooltip]:hover:before{opacity:1;visibility:visible}.content-wrapper{margin-left:var(--sb-width);padding:1.5rem;min-height:100vh;min-height:100dvh;transition:margin-left var(--sb-transition)}.content-wrapper.sidebar-collapsed{margin-left:var(--sb-collapsed-width)}@media(max-width:991.98px){.sidebar{transform:translate(-100%);border-right:none;box-shadow:none;width:280px}.sidebar--open{transform:translate(0);box-shadow:4px 0 24px #0000001f}.sidebar--collapsed{width:280px}.sidebar-mobile-header{display:flex!important}.content-wrapper{margin-left:0!important;padding:1rem;padding-top:calc(56px + 1rem)}}@media(max-width:575.98px){.sidebar{width:100%;max-width:300px}.sidebar-mobile-header{padding:.625rem .75rem;height:50px}.sidebar-brand-mobile{font-size:.95rem}.content-wrapper{padding:.75rem;padding-top:calc(50px + .75rem)}.sidebar__header{padding:.875rem .875rem .625rem}.sidebar__user{padding:.75rem .875rem}.sidebar__menu-link,.sidebar__menu-toggle{padding:.75rem .875rem;font-size:.9rem}.sidebar__footer{padding:.75rem .875rem}}.chart-wrapper{position:relative;width:100%;height:320px}@media(max-width:991.98px){.chart-wrapper{height:280px}}@media(max-width:575.98px){.chart-wrapper{height:220px}}@media(max-width:767.98px){.table-responsive{border-radius:var(--radius-md, 10px)}.table{font-size:.8125rem}.table th,.table td{padding:.5rem .375rem}}@media(max-width:575.98px){.table-responsive table thead{display:none}.table-responsive table,.table-responsive table tbody,.table-responsive table tr{display:block;width:100%}.table-responsive table tbody tr{background:#fff;border:1px solid var(--border-color, #E0E6ED);border-radius:8px;margin-bottom:.75rem;padding:.75rem;box-shadow:0 1px 3px #0000000d}.table-responsive table tbody td{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border:none;border-bottom:1px solid var(--bg-light, #F5F7FB);font-size:.8125rem}.table-responsive table tbody tr td:last-child{border-bottom:none}.table-responsive table tbody td:before{content:attr(data-label);font-weight:600;color:var(--text-secondary, #6B7280);font-size:.8125rem;flex:0 0 40%;text-align:left}.table-responsive table tbody td .badge{font-size:.7rem;padding:.2rem .5rem}.table-responsive table tbody td .btn{font-size:.75rem;padding:.25rem .5rem}.filter-bar .row>[class*=col-]{margin-bottom:.5rem}}:root{--primary-orange: #FF8A4C;--primary-orange-hover: #FF6B3D;--primary-dark: #112B3C;--success-green: #00C48C;--danger-red: #FF4D4F;--info-blue: #1E90FF;--warning-yellow: #FFC857;--warning-dark: #E6A817;--bg-light: #F5F7FB;--card-white: #FFFFFF;--border-color: #E0E6ED;--text-primary: #333333;--text-secondary: #6B7280;--text-muted: #9CA3AF;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 2px 8px rgba(0,0,0,.08);--shadow-lg: 0 4px 16px rgba(0,0,0,.1);--z-dropdown: 100;--z-sticky: 200;--z-overlay: 1000;--z-modal: 1050;--z-toast: 1090}body{background-color:var(--bg-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card{border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:1.5rem;background:var(--card-white)}.card-header{background:var(--card-white);border-bottom:1px solid var(--border-color);padding:1rem 1.25rem;font-weight:600;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.card-body{padding:1.25rem}.summary-card{border-radius:var(--radius-lg);padding:1.25rem;color:#fff;margin-bottom:1.25rem;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.summary-card.orange{background:linear-gradient(135deg,var(--primary-orange) 0%,#FF6B3D 100%)}.summary-card.dark{background:linear-gradient(135deg,var(--primary-dark) 0%,#0A1A24 100%)}.summary-card.green{background:linear-gradient(135deg,var(--success-green) 0%,#00A870 100%)}.summary-card.blue{background:linear-gradient(135deg,var(--info-blue) 0%,#0066CC 100%)}.summary-card.yellow{background:linear-gradient(135deg,var(--warning-dark) 0%,#CC8F00 100%);color:#fff}.summary-card.white{background:#fff;color:var(--text-primary);border:1px solid var(--border-color)}.summary-card .value{font-size:1.75rem;font-weight:700;margin:.5rem 0;line-height:1.2}.summary-card .label{font-size:.875rem;opacity:.95;line-height:1.3}.summary-card .badge{position:absolute;top:.75rem;right:.75rem;font-size:.7rem;padding:.25rem .5rem}.btn-primary{background:var(--primary-orange);border:none;border-radius:var(--radius-sm);padding:.625rem 1.25rem;font-weight:500;transition:background .2s,transform .15s,box-shadow .2s}.btn-primary:hover,.btn-primary:focus-visible{background:var(--primary-orange-hover);transform:translateY(-1px);box-shadow:0 4px 8px #ff8a4c4d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);padding:.625rem 1.25rem}.btn-secondary:hover{background:var(--bg-light);border-color:#ccd3dc}.badge{border-radius:999px;padding:.25rem .625rem;font-weight:500;font-size:.8rem}.badge-success{background:var(--success-green);color:#fff}.badge-danger{background:var(--danger-red);color:#fff}.badge-warning{background:var(--warning-dark);color:#1a1a1a}.badge-info{background:var(--info-blue);color:#fff}.bg-primary{background-color:var(--primary-orange)!important}.bg-secondary{background-color:var(--text-secondary)!important}.bg-info{background-color:var(--info-blue)!important}.bg-success{background-color:var(--success-green)!important}.bg-danger{background-color:var(--danger-red)!important}.bg-warning{background-color:var(--warning-yellow)!important}.text-primary{color:var(--primary-orange)!important}.text-secondary{color:var(--text-secondary)!important}.text-info{color:var(--info-blue)!important}.text-success{color:var(--success-green)!important}.text-danger{color:var(--danger-red)!important}.text-warning{color:var(--warning-dark)!important}.alert-primary{background-color:#ff8a4c1a;border-color:#ff8a4c40;color:#c45a1a}.alert-info{background-color:#1e90ff1a;border-color:#1e90ff40;color:#0b5fad}.border-primary{border-color:var(--primary-orange)!important}.border-info{border-color:var(--info-blue)!important}.spinner-border.text-primary{color:var(--primary-orange)!important}.text-warning-dark{color:#92700c!important}.text-info-dark{color:#0b7285!important}.form-control,.form-select{border-radius:var(--radius-sm);border:1px solid var(--border-color);padding:.625rem .875rem;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.form-control:focus,.form-select:focus{border-color:var(--primary-orange);box-shadow:0 0 0 .2rem #ff8a4c33}.form-label{font-weight:500;font-size:.875rem;color:var(--text-primary);margin-bottom:.375rem}.table{background:#fff;margin-bottom:0}.table thead{background:var(--bg-light)}.table thead th{font-weight:600;font-size:.8125rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;border-bottom-width:2px;white-space:nowrap;padding:.75rem 1rem}.table tbody td{padding:.75rem 1rem;vertical-align:middle;font-size:.9rem;border-color:var(--border-color)}.table-responsive{border-radius:var(--radius-md);overflow:hidden}.modal-content{border:none;border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000026;overflow:hidden}.modal-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background:var(--card-white)}.modal-header .modal-title{font-weight:600;font-size:1.1rem;color:var(--text-primary)}.modal-header .btn-close{opacity:.5;transition:opacity .15s}.modal-header .btn-close:hover{opacity:1}.modal-header.modal-header--primary{background:linear-gradient(135deg,var(--primary-orange) 0%,var(--primary-orange-hover) 100%);border-bottom:none}.modal-header.modal-header--primary .modal-title,.modal-header.modal-header--primary .btn-close{color:#fff;filter:brightness(0) invert(1)}.modal-header.modal-header--danger{background:var(--danger-red);border-bottom:none}.modal-header.modal-header--danger .modal-title{color:#fff}.modal-header.modal-header--danger .btn-close{filter:brightness(0) invert(1)}.modal-body{padding:1.25rem;color:var(--text-primary)}.modal-footer{padding:.75rem 1.25rem;border-top:1px solid var(--border-color);background:var(--bg-light)}.daterangepicker{color:var(--text-primary);font-family:inherit;border-color:var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.daterangepicker select.monthselect,.daterangepicker select.yearselect{color:var(--text-primary);background-color:var(--card-white);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:2px 4px;font-size:.8125rem;font-weight:500;cursor:pointer;-webkit-appearance:auto;appearance:auto}.daterangepicker select.monthselect:focus,.daterangepicker select.yearselect:focus{border-color:var(--primary-orange);outline:none;box-shadow:0 0 0 2px #ff8a4c33}.daterangepicker td.in-range{background-color:#ff8a4c1a;color:var(--text-primary)}.daterangepicker td.active,.daterangepicker td.active:hover{background-color:var(--primary-orange);color:#fff}.daterangepicker td.available:hover{background-color:#ff8a4c26;color:var(--text-primary)}.daterangepicker .ranges li{color:var(--text-primary)}.daterangepicker .ranges li:hover{background-color:#ff8a4c14;color:var(--text-primary)}.daterangepicker .ranges li.active{background-color:var(--primary-orange);color:#fff}.daterangepicker .drp-buttons .btn{border-radius:var(--radius-sm);font-weight:500;font-size:.8125rem;padding:.375rem .75rem}.daterangepicker .drp-buttons .btn.applyBtn{background-color:var(--primary-orange);border-color:var(--primary-orange);color:#fff}.daterangepicker .drp-buttons .btn.cancelBtn{background-color:var(--card-white);border:1px solid var(--border-color);color:var(--text-primary)}.daterangepicker .calendar-table th{color:var(--text-secondary);font-weight:600;font-size:.75rem}.daterangepicker th.month{color:var(--text-primary);font-weight:600;font-size:.875rem}.daterangepicker td.off{color:var(--text-muted)}.daterangepicker .calendar-table td{font-size:.8125rem;padding:6px 8px;border-radius:var(--radius-sm, 6px);transition:background-color .15s,color .15s}.daterangepicker .calendar-table th.prev span,.daterangepicker .calendar-table th.next span{border-color:var(--text-secondary, #6B7280)}.daterangepicker .calendar-table th.prev:hover span,.daterangepicker .calendar-table th.next:hover span{border-color:var(--primary-orange, #FF8A4C)}.daterangepicker .drp-selected{font-size:.75rem;color:var(--text-secondary, #6B7280)}.daterangepicker .ranges{border-right:1px solid var(--border-color, #E0E6ED)}.daterangepicker .ranges li{font-size:.8125rem;padding:8px 12px;border-radius:var(--radius-sm, 6px);margin:2px 4px;transition:background-color .15s}.daterangepicker td.start-date{border-radius:var(--radius-sm, 6px) 0 0 var(--radius-sm, 6px)}.daterangepicker td.end-date{border-radius:0 var(--radius-sm, 6px) var(--radius-sm, 6px) 0}.daterangepicker td.start-date.end-date{border-radius:var(--radius-sm, 6px)}.filter-bar .card-body{padding:1rem 1.25rem}.page-header{margin-bottom:1.5rem}.page-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.toast-container{z-index:var(--z-toast)!important}:focus-visible{outline:2px solid var(--primary-orange);outline-offset:2px}.btn:focus-visible{box-shadow:0 0 0 .25rem #ff8a4c59}@media(min-width:1920px){.container-fluid{max-width:1800px;margin:0 auto}.summary-card .value{font-size:2rem}.table tbody td{padding:.875rem 1.25rem;font-size:.9375rem}.modal-xl{max-width:1200px}}@media(min-width:1400px)and (max-width:1919.98px){.container-fluid{max-width:1600px}}@media(max-width:991.98px){.summary-card{padding:1rem}.summary-card .value{font-size:1.4rem}.summary-card .label{font-size:.8rem}.card-body{padding:1rem}.modal-lg,.modal-xl{max-width:calc(100% - 2rem)}}@media(max-width:767.98px){.container-fluid{padding-left:.75rem;padding-right:.75rem}h2,.page-header h2{font-size:1.25rem}.card-header{padding:.75rem 1rem}.card-header h5{font-size:.9375rem}.card-body{padding:.875rem}.table thead th{font-size:.75rem;padding:.625rem .5rem}.table tbody td{font-size:.8125rem;padding:.625rem .5rem}.modal-dialog{margin:.5rem}.modal-lg,.modal-xl{max-width:calc(100% - 1rem)}.modal-body{padding:1rem}.filter-bar .row>[class*=col-]{margin-bottom:.5rem}}@media(max-width:575.98px){.container-fluid{padding-left:.5rem;padding-right:.5rem}h2,.page-header h2{font-size:1.125rem}.card{border-radius:var(--radius-md);margin-bottom:1rem}.card-header{padding:.625rem .75rem;border-radius:var(--radius-md) var(--radius-md) 0 0}.card-header h5{font-size:.875rem}.card-body{padding:.75rem}.summary-card{padding:.875rem;margin-bottom:.75rem;border-radius:var(--radius-md)}.summary-card .value{font-size:1.15rem}.summary-card .label{font-size:.75rem}.btn{padding:.5rem .875rem;font-size:.8125rem}.form-control,.form-select{font-size:.875rem;padding:.5rem .75rem}.badge{font-size:.7rem;padding:.2rem .5rem}.modal-dialog{margin:.375rem}.modal-lg,.modal-xl{max-width:100%}.modal-header{padding:.75rem 1rem}.modal-header .modal-title{font-size:1rem}.modal-body{padding:.875rem;font-size:.875rem}.modal-footer{padding:.625rem .875rem}.modal-footer .btn{flex:1}.table{font-size:.775rem}.table thead th{font-size:.7rem;padding:.5rem .375rem}.table tbody td{padding:.5rem .375rem}.filter-bar .card-body{padding:.75rem}.filter-bar .btn{width:100%}.daterangepicker{width:calc(100vw - 1rem)!important;left:.5rem!important;right:.5rem!important}.daterangepicker .ranges{border-right:none;border-bottom:1px solid var(--border-color, #E0E6ED)}.daterangepicker .ranges li{display:inline-block;font-size:.75rem;padding:4px 8px;margin:2px}}.select2-container--bootstrap-5 .select2-selection{border:2px solid var(--border-color, #E0E6ED);border-radius:10px;min-height:48px;padding:4px}.select2-container--bootstrap-5 .select2-selection:focus,.select2-container--bootstrap-5.select2-container--focus .select2-selection{border-color:var(--primary-orange, #FF8A4C);box-shadow:0 0 0 .2rem #ff8a4c26}.select2-container--bootstrap-5 .select2-selection__rendered{padding:8px 12px;line-height:1.5}.select2-container--bootstrap-5 .select2-search--dropdown .select2-search__field{border:2px solid var(--border-color, #E0E6ED);border-radius:8px;padding:8px 12px}.select2-container--bootstrap-5 .select2-search--dropdown .select2-search__field:focus{border-color:var(--primary-orange, #FF8A4C);box-shadow:0 0 0 .2rem #ff8a4c26;outline:none}.select2-dropdown{border:2px solid var(--border-color, #E0E6ED);border-radius:10px;box-shadow:0 4px 12px #0000001a}.select2-container--bootstrap-5 .select2-results__option--highlighted[aria-selected]{background:linear-gradient(135deg,var(--primary-orange, #FF8A4C) 0%,var(--primary-orange-hover, #FF6B3D) 100%);color:#fff}.select2-container--bootstrap-5 .select2-results__option[aria-selected=true]{background-color:#ff8a4c1a;color:var(--primary-orange, #FF8A4C)}.denom-modal{border-radius:12px;box-shadow:0 4px 16px #0000001f;overflow:hidden}.denom-modal .modal-header{background:linear-gradient(135deg,var(--primary-orange, #FF8A4C) 0%,var(--primary-orange-hover, #FF6B3D) 100%);color:#fff;border-bottom:none}.denom-modal .modal-title{font-weight:600}.denom-modal .btn-close{filter:invert(1);opacity:.9}.denom-modal .modal-body{background:#fff;padding:16px}.denom-modal .table{margin-bottom:0;font-size:.95rem}.denom-modal thead th{background:var(--bg-light, #F5F7FB);color:var(--text-secondary, #6B7280);font-weight:600;border-color:var(--border-color, #E0E6ED)!important}.denom-modal tbody td{border-color:var(--border-color, #E0E6ED)!important}.denom-modal tfoot td{background:#f8f9fa;border-color:var(--border-color, #E0E6ED)!important}.denom-modal td:last-child,.denom-modal th:last-child{text-align:right;white-space:nowrap}.pin-input{font-size:1.25rem;text-align:center;letter-spacing:4px}body{background:var(--bg-light, #F5F7FB);font-size:16px;padding-bottom:90px;padding-left:0;padding-right:0}@media(max-width:375px){body{padding-bottom:80px}}@media(max-width:320px){body{padding-bottom:75px}}img,video,iframe{max-width:100%;height:auto}.mobile-header{background:linear-gradient(135deg,var(--primary-orange, #FF8A4C) 0%,var(--primary-orange-hover, #FF6B3D) 100%);color:#fff;padding:16px;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px #0000001a}.progress-container{background:#fff;padding:16px;margin-bottom:12px;box-shadow:0 2px 4px #0000000d}.progress{height:6px;border-radius:10px;background:var(--border-color, #E0E6ED);margin-bottom:16px}.progress-bar{border-radius:10px;background:linear-gradient(90deg,var(--primary-orange, #FF8A4C) 0%,var(--primary-orange-hover, #FF6B3D) 100%);transition:width .3s ease}@media(max-width:375px){.progress-container{padding:12px}.progress{margin-bottom:12px}}.step-indicator-mobile{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;background:var(--border-color, #E0E6ED);color:var(--text-muted, #9CA3AF);border:2px solid transparent;transition:all .3s;position:relative;flex-shrink:0}.step-indicator-mobile.active{background:linear-gradient(135deg,var(--primary-orange, #FF8A4C) 0%,var(--primary-orange-hover, #FF6B3D) 100%);color:#fff;border-color:var(--primary-orange, #FF8A4C);box-shadow:0 2px 8px #ff8a4c4d;transform:scale(1.1)}.step-indicator-mobile.completed{background:var(--success-green, #00C48C);color:#fff}.step-indicator-mobile.completed:after{content:"✓";position:absolute;font-size:.7rem;top:-2px;right:-2px;background:#fff;color:var(--success-green, #00C48C);width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--success-green, #00C48C)}@media(max-width:375px){.step-indicator-mobile{width:34px;height:34px;font-size:.9rem}}@media(max-width:320px){.step-indicator-mobile{width:30px;height:30px;font-size:.8rem}}.progress-container .d-flex{min-width:0;flex-wrap:nowrap}.step-indicator-mobile{flex-shrink:0}.mobile-card-header{font-weight:600;font-size:1.1rem;color:var(--text-primary, #333);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--bg-light, #F5F7FB)}@media(max-width:375px){.mobile-card{padding:16px}.mobile-card-header{font-size:1rem;margin-bottom:16px;padding-bottom:10px}}.form-label{font-weight:500;color:var(--text-primary, #333);margin-bottom:8px;font-size:.95rem;display:block}.form-control,.form-select{border-radius:10px;border:2px solid var(--border-color, #E0E6ED);padding:14px 16px;font-size:16px;transition:all .3s;width:100%;box-sizing:border-box}.form-control:focus,.form-select:focus{border-color:var(--primary-orange, #FF8A4C);box-shadow:0 0 0 .2rem #ff8a4c26;outline:none}.mb-3{margin-bottom:1rem!important}.table-mobile{width:100%;font-size:.9rem}.table-mobile th{background:var(--bg-light, #F5F7FB);padding:12px 8px;font-weight:600;font-size:.85rem;color:var(--text-secondary, #6B7280)}.table-mobile td{padding:12px 8px;border-bottom:1px solid var(--border-color, #E0E6ED)}.table-mobile input{width:100%;padding:10px;border:2px solid var(--border-color, #E0E6ED);border-radius:8px;font-size:16px}.btn-mobile{border-radius:12px;padding:16px 24px;font-weight:600;font-size:1rem;border:none;width:100%;margin-bottom:12px;touch-action:manipulation}.btn-primary-mobile{background:linear-gradient(135deg,var(--primary-orange, #FF8A4C) 0%,var(--primary-orange-hover, #FF6B3D) 100%);color:#fff}.btn-primary-mobile:active{transform:scale(.98);opacity:.9}.btn-secondary-mobile{background:#fff;color:var(--text-primary, #333);border:2px solid var(--border-color, #E0E6ED)}.btn-success-mobile{background:var(--success-green, #00C48C);color:#fff}.bottom-nav .btn-secondary{background:#fff;color:var(--text-primary, #333);border:2px solid var(--border-color, #E0E6ED)}.bottom-nav .btn-primary-mobile{background:linear-gradient(135deg,var(--primary-orange, #FF8A4C) 0%,var(--primary-orange-hover, #FF6B3D) 100%);color:#fff}.bottom-nav .btn-success-mobile{background:var(--success-green, #00C48C);color:#fff}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));box-shadow:0 -2px 10px #0000001a;z-index:1000;display:flex;gap:8px;flex-wrap:nowrap;align-items:stretch;box-sizing:border-box}.bottom-nav .btn{flex:1 1 auto;min-width:60px;padding:14px 10px;border-radius:10px;font-weight:600;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;touch-action:manipulation;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.bottom-nav .btn i{font-size:1.1rem;flex-shrink:0;line-height:1;display:inline-block}.bottom-nav .btn span{flex-shrink:0;white-space:nowrap;display:inline-block}@media(max-width:400px){.bottom-nav{padding:12px;gap:6px}.bottom-nav .btn{padding:14px 8px;font-size:.8rem;min-width:55px}}@media(max-width:375px){.bottom-nav{padding:10px;gap:6px}.bottom-nav .btn{padding:12px 6px;font-size:.75rem;min-width:50px}.bottom-nav .btn span{display:none!important}.bottom-nav .btn i{margin:0!important;font-size:1rem}}@media(max-width:320px){.bottom-nav{padding:10px 8px;gap:4px}.bottom-nav .btn{padding:12px 4px;min-width:44px;font-size:.7rem}.bottom-nav .btn i{font-size:.95rem}}.summary-box-mobile{background:linear-gradient(135deg,var(--primary-orange, #FF8A4C) 0%,var(--primary-orange-hover, #FF6B3D) 100%);color:#fff;padding:16px;border-radius:12px;margin-bottom:12px}.summary-box-mobile .label{font-size:.85rem;opacity:.9}.summary-box-mobile .value{font-size:1.5rem;font-weight:700;margin-top:4px}.denom-row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color, #E0E6ED);gap:8px;flex-wrap:nowrap}.denom-row:last-child{border-bottom:none}.denom-pecahan{flex:0 0 85px;font-weight:600;color:var(--text-primary, #333);font-size:.9rem;word-break:break-word}.denom-input{flex:1 1 auto;min-width:60px;max-width:100%}.denom-input input{width:100%;padding:10px 8px;border:2px solid var(--border-color, #E0E6ED);border-radius:8px;font-size:16px;box-sizing:border-box}.denom-total{flex:0 0 95px;text-align:right;font-weight:600;color:var(--primary-orange, #FF8A4C);font-size:.85rem;word-break:break-word}@media(max-width:375px){.denom-pecahan{flex:0 0 75px;font-size:.8rem}.denom-total{flex:0 0 85px;font-size:.8rem}.denom-input{min-width:50px}}@media(max-width:320px){.denom-row{gap:4px}.denom-pecahan{flex:0 0 70px;font-size:.75rem}.denom-total{flex:0 0 80px;font-size:.75rem}}.pengeluaran-row-mobile{background:#f9fafb;padding:16px;border-radius:12px;margin-bottom:12px;border:2px solid var(--border-color, #E0E6ED)}.pengeluaran-row-mobile .row{margin-bottom:12px}.pengeluaran-row-mobile .row:last-child{margin-bottom:0}.pengeluaran-row-mobile .form-label{margin-bottom:6px}.pengeluaran-row-mobile .form-control,.pengeluaran-row-mobile .form-select{margin-bottom:0}@media(max-width:375px){.pengeluaran-row-mobile{padding:12px}}.review-item{padding:16px;background:#f9fafb;border-radius:10px;margin-bottom:12px}.review-item-label{font-size:.85rem;color:var(--text-muted, #9CA3AF);margin-bottom:4px}.review-item-value{font-size:1.1rem;font-weight:600;color:var(--text-primary, #333)}@media(min-width:768px){body{max-width:600px;margin:0 auto}}.spinner-overlay{position:fixed;inset:0;background:#00000080;display:none;align-items:center;justify-content:center;z-index:var(--z-toast, 1090)}.spinner-overlay.show{display:flex}.expense-summary-card{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;border-radius:var(--radius-lg, 14px);background:var(--card-white, #fff);border:1px solid var(--border-color, #E0E6ED);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.06));transition:transform .2s ease,box-shadow .2s ease;height:100%}.expense-summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 2px 8px rgba(0,0,0,.08))}.expense-summary-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md, 10px);font-size:1.25rem;flex-shrink:0}.expense-summary-card--total .expense-summary-card__icon{background:#ff8a4c1f;color:var(--primary-orange, #FF8A4C)}.expense-summary-card--count .expense-summary-card__icon{background:#1e90ff1f;color:var(--info-blue, #1E90FF)}.expense-summary-card--category .expense-summary-card__icon{background:#00c48c1f;color:var(--success-green, #00C48C)}.expense-summary-card--avg .expense-summary-card__icon{background:#e6a8171f;color:var(--warning-dark, #E6A817)}.expense-summary-card__body{display:flex;flex-direction:column;min-width:0}.expense-summary-card__label{font-size:.75rem;font-weight:500;color:var(--text-secondary, #6B7280);line-height:1.3;white-space:nowrap}.expense-summary-card__value{font-size:1.25rem;font-weight:700;color:var(--text-primary, #333);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-filter-chip{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:999px;background:var(--bg-light, #F5F7FB);color:var(--text-primary, #333);font-size:.8rem;font-weight:500;border:1px solid var(--border-color, #E0E6ED)}.active-filter-chip i{color:var(--text-secondary, #6B7280)}.expense-tabs{border-bottom:none;padding:0 1rem;gap:.25rem}.expense-tabs .nav-link{border:none;border-bottom:2px solid transparent;color:var(--text-secondary, #6B7280);font-weight:500;font-size:.875rem;padding:.875rem 1rem;transition:color .15s,border-color .15s;display:flex;align-items:center;gap:.375rem}.expense-tabs .nav-link:hover{color:var(--primary-orange, #FF8A4C);border-bottom-color:#ff8a4c4d}.expense-tabs .nav-link.active{color:var(--primary-orange, #FF8A4C);border-bottom-color:var(--primary-orange, #FF8A4C);background:transparent}.expense-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:.7rem;font-weight:600;background:var(--bg-light, #F5F7FB);color:var(--text-secondary, #6B7280)}.expense-tabs .nav-link.active .expense-tab-badge{background:#ff8a4c1f;color:var(--primary-orange, #FF8A4C)}.expense-table{margin-bottom:0;width:100%}.expense-table .col-no{text-align:center;color:var(--text-muted, #9CA3AF);font-size:.8rem}.expense-table .col-action{text-align:center}.expense-table thead{background:var(--bg-light, #F5F7FB)}.expense-table thead th{font-weight:600;font-size:.75rem;color:var(--text-secondary, #6B7280);text-transform:uppercase;letter-spacing:.5px;padding:.625rem .75rem;border-bottom:2px solid var(--border-color, #E0E6ED);white-space:nowrap;vertical-align:middle}.expense-table tbody td{padding:.625rem .75rem;vertical-align:middle;font-size:.875rem;border-bottom:1px solid #f0f2f5;color:var(--text-primary, #333);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-table tbody tr:nth-child(2n){background:#fafbfc}.expense-table tbody tr:hover{background:#ff8a4c0a}.expense-table .text-end{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:-.01em}.expense-amount{font-weight:600;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";color:var(--text-primary, #333)}.expense-table-total,.expense-table-total td,.expense-table-total th{background-color:var(--bg-light, #F5F7FB)!important;color:var(--text-primary, #333)!important;border-top:2px solid var(--primary-orange, #FF8A4C)!important;border-bottom:none!important;padding:.6875rem .75rem!important;font-size:.875rem;white-space:nowrap}.expense-table-total strong{font-weight:700;letter-spacing:.3px;font-variant-numeric:tabular-nums;color:var(--primary-dark, #112B3C)}.col-product-subtitle{display:none;font-size:.75rem;color:var(--text-muted, #9CA3AF);margin-top:2px;white-space:normal;line-height:1.3}@media(max-width:991.98px){.expense-table-product .col-hide-md{display:none}.col-product-subtitle{display:block}}@media(max-width:767.98px){.expense-table-product .col-hide-sm{display:none}}.expense-table-detail .col-no,.expense-table-detail .col-shift{text-align:center}.expense-table-detail tbody td{white-space:nowrap}.expense-table-detail .col-desc,.expense-table-detail .col-note{white-space:normal;word-break:break-word;max-width:180px}.internal-row-badge{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:600;background:#e6a8171f;color:var(--warning-dark, #E6A817);border:1px solid rgba(230,168,23,.25);vertical-align:middle}.line-type-badge{display:inline-block;margin-left:4px;padding:2px 7px;border-radius:999px;font-size:.7rem;font-weight:600;border:1px solid transparent;vertical-align:middle}.line-type-product{background:#1e90ff1a;color:var(--info-blue, #1E90FF);border-color:#1e90ff33}.line-type-kasbon{background:#ff8a4c1a;color:var(--primary-orange, #FF8A4C);border-color:#ff8a4c33}.line-type-pelunasan_hutang{background:#00c48c1a;color:var(--success-green, #00C48C);border-color:#00c48c33}.line-type-custom{background:var(--bg-light, #F5F7FB);color:var(--text-secondary, #6B7280);border-color:var(--border-color, #E0E6ED)}.detail-summary-card{border:1px solid var(--border-color, #E0E6ED);border-radius:var(--radius-md, 10px);padding:.875rem 1rem;background:var(--bg-light, #F5F7FB);text-align:center}.detail-summary-card__icon{font-size:1.25rem;color:var(--text-secondary, #6B7280);margin-bottom:.25rem}.detail-summary-card--highlight{background:#ff8a4c0f;border-color:#ff8a4c33}.detail-summary-card--highlight .detail-summary-card__icon{color:var(--primary-orange, #FF8A4C)}.detail-summary-label{display:block;color:var(--text-secondary, #6B7280);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px;margin-bottom:.125rem}.detail-summary-value{display:block;font-size:1.125rem;font-weight:700;color:var(--text-primary, #333);font-variant-numeric:tabular-nums}.detail-summary-card--highlight .detail-summary-value{color:var(--primary-orange, #FF8A4C)}#detailTypeTableWrap{max-height:55vh;overflow:auto}#detailTypeTable thead th{position:sticky;top:0;z-index:var(--z-sticky, 200);background:var(--bg-light, #F5F7FB)}@media(max-width:991.98px){.expense-table-detail .col-loket,.expense-table-detail .col-note{display:none}}@media(max-width:767.98px){.expense-table-detail .col-kasir,.expense-table-detail .col-shift{display:none}}.expense-empty-state{text-align:center;padding:2.5rem 1rem;color:var(--text-muted, #9CA3AF)}.expense-empty-state i{font-size:2.5rem;display:block;margin-bottom:.5rem;opacity:.5}.expense-empty-state p{font-size:.9375rem;font-weight:500;color:var(--text-secondary, #6B7280);margin-bottom:.25rem}.expense-empty-state small{font-size:.8rem;color:var(--text-muted, #9CA3AF)}.expense-empty-state--inline{padding:1rem 0}.expense-empty-state--inline i{font-size:1.75rem}@media(max-width:991.98px){.expense-summary-card{padding:.75rem 1rem}.expense-summary-card__icon{width:40px;height:40px;font-size:1.1rem}.expense-summary-card__value{font-size:1.1rem}}@media(max-width:767.98px){.expense-tabs .nav-link{font-size:.8rem;padding:.75rem .625rem}.expense-summary-card{gap:.625rem;padding:.625rem .75rem}.expense-summary-card__icon{width:36px;height:36px;font-size:1rem}.expense-summary-card__label{font-size:.675rem}.expense-summary-card__value{font-size:.95rem}.expense-table thead th{font-size:.7rem;padding:.5rem}.expense-table tbody td{font-size:.8125rem;padding:.5rem}.detail-summary-card{padding:.625rem .5rem}.detail-summary-value{font-size:.95rem}.detail-summary-label{font-size:.625rem}#detailTypeTableWrap{max-height:none}}@media(max-width:575.98px){.expense-summary-card__icon{width:32px;height:32px;font-size:.9rem}.expense-summary-card__label{font-size:.625rem}.expense-summary-card__value{font-size:.85rem}.expense-tabs{padding:0 .5rem}.expense-tabs .nav-link{font-size:.75rem;padding:.625rem .5rem}.expense-tab-badge{min-width:18px;height:18px;font-size:.625rem}.expense-table thead{display:none}.expense-table tbody,.expense-table tbody tr,.expense-table tbody td{display:block;width:100%}.expense-table tbody tr{border:1px solid var(--border-color, #E0E6ED);border-radius:var(--radius-md, 10px);margin-bottom:.75rem;padding:.75rem;background:#fff;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.06))}.expense-table tbody tr:nth-child(2n){background:#fff}.expense-table tbody td{border:none;border-bottom:1px solid #f0f2f5;padding:.375rem 0;text-align:right;display:flex;justify-content:space-between;align-items:center;white-space:normal;overflow:visible}.expense-table tbody td:last-child{border-bottom:none}.expense-table tbody td[data-label]:before{content:attr(data-label);font-weight:600;color:var(--text-secondary, #6B7280);font-size:.8rem;text-align:left;flex:0 0 40%}.expense-table tbody td.col-no{display:none}.expense-table tbody td.col-action{justify-content:flex-end;padding-top:.5rem}.expense-table tbody td.col-action:before{display:none}.expense-table tfoot{display:block;width:100%}.expense-table-total{display:flex!important;flex-wrap:wrap;justify-content:space-between;align-items:center;border-radius:var(--radius-md, 10px);padding:.75rem 1rem!important;gap:.25rem}.expense-table-total td{padding:0!important;border:none!important}.detail-summary-card__icon{font-size:1rem}.detail-summary-value{font-size:.85rem}.detail-summary-label{font-size:.6rem}.expense-empty-state{padding:1.5rem .75rem}.expense-empty-state i{font-size:2rem}}@media(min-width:1920px){.expense-summary-card{padding:1.25rem 1.5rem}.expense-summary-card__icon{width:56px;height:56px;font-size:1.5rem}.expense-summary-card__value{font-size:1.5rem}.expense-summary-card__label{font-size:.8rem}.expense-tabs .nav-link{font-size:.9375rem;padding:1rem 1.25rem}.expense-table thead th{font-size:.8125rem;padding:.75rem 1rem}.expense-table tbody td{font-size:.9375rem;padding:.75rem 1rem}}@media print{.expense-summary-card{border:1px solid #ddd;box-shadow:none;break-inside:avoid}.expense-tabs .nav-link:not(.active){display:none}.tab-pane{display:block!important;opacity:1!important}.expense-table-total,.expense-table-total td{background:#f0f0f0!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.col-action,.btn-detail-type,.btn-detail-supplier,.btn-detail-product,#resetFilter,#applyFilter{display:none!important}#expenseDistributionChart{max-height:200px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #FF8A4C;--primary-dark: #FF6B3D;--accent: #F97316;--danger: #FF4D4F;--success: #00C48C;--warning: #FFC857;--info: #1E90FF;--bg: #0F172A;--bg-card: #1E293B;--bg-input: #293548;--border: rgba(255,255,255,.08);--text-main: #F1F5F9;--text-muted: #94A3B8;--radius: 16px;--shadow: 0 4px 24px rgba(0,0,0,.35)}html{scroll-behavior:smooth}body{background:var(--bg);font-family:Inter,sans-serif;color:var(--text-main);min-height:100vh}.site-header{background:linear-gradient(135deg,#1e293b,#0f172a);border-bottom:1px solid var(--border);padding:0 1.5rem;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px;gap:1rem}.header-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-icon{width:38px;height:38px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:10px;display:grid;place-items:center;font-size:18px;color:#fff;flex-shrink:0}.brand-name{font-weight:700;font-size:1rem;color:var(--text-main)}.brand-sub{font-size:.7rem;color:var(--text-muted);font-weight:400}.header-badge{background:#ff8a4c26;border:1px solid rgba(255,138,76,.3);color:#ffb088;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:500;white-space:nowrap}.main-wrap{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}.hero{text-align:center;padding:2.5rem 1rem 0;animation:fadeUp .5s ease both}.hero-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:grid;place-items:center;font-size:28px;color:#fff;font-weight:700;margin:0 auto 1rem;box-shadow:0 0 0 4px #ff8a4c33,0 8px 24px #ff8a4c4d}.hero h1{font-size:clamp(1.4rem,4vw,2rem);font-weight:800;letter-spacing:-.02em}.hero-name-accent{color:var(--primary)}.hero-sub{color:var(--text-muted);margin-top:.4rem;font-size:.9rem}.join-pill{display:inline-flex;align-items:center;gap:6px;background:#10b9811f;border:1px solid rgba(16,185,129,.25);color:#34d399;padding:4px 12px;border-radius:999px;font-size:.78rem;font-weight:500;margin-top:.75rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:2.5rem 0 1.5rem;animation:fadeUp .5s .15s ease both}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem 1.4rem 1.2rem;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius) var(--radius) 0 0}.stat-card.card-open:before{background:linear-gradient(90deg,var(--danger),#f87171)}.stat-card.card-lunas:before{background:linear-gradient(90deg,var(--success),#34d399)}.stat-card.card-plafon:before{background:linear-gradient(90deg,var(--primary),#FFB088)}.stat-card.card-count:before{background:linear-gradient(90deg,var(--warning),#fbbf24)}.stat-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:18px;margin-bottom:.85rem}.stat-card.card-open .stat-icon{background:#ef444426;color:#f87171}.stat-card.card-lunas .stat-icon{background:#10b98126;color:#34d399}.stat-card.card-plafon .stat-icon{background:#ff8a4c26;color:#ffb088}.stat-card.card-count .stat-icon{background:#f59e0b26;color:#fbbf24}.stat-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem}.stat-value{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}.stat-card.card-open .stat-value{color:#f87171}.stat-card.card-lunas .stat-value{color:#34d399}.stat-card.card-plafon .stat-value{color:#ffb088}.stat-card.card-count .stat-value{color:#fbbf24}.stat-sub{font-size:.72rem;color:var(--text-muted);margin-top:.25rem}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;animation:fadeUp .5s .25s ease both}.panel-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.panel-title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1rem}.panel-title-icon{width:32px;height:32px;border-radius:8px;background:#ff8a4c26;color:#ffb088;display:grid;place-items:center;font-size:15px}.filter-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.35rem;flex:1;min-width:160px}.filter-label{font-size:.72rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.form-ctrl{background:var(--bg-input);border:1px solid var(--border);border-radius:10px;color:var(--text-main);padding:.55rem .9rem;font-size:.875rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}.form-ctrl:focus{border-color:#ff8a4c80;box-shadow:0 0 0 3px #ff8a4c26}.form-ctrl::placeholder{color:var(--text-muted)}.flatpickr-input{cursor:pointer}.btn{display:inline-flex;align-items:center;gap:6px;padding:.55rem 1.1rem;border-radius:10px;border:none;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-muted)}.btn-ghost:hover{background:#ffffff0d;color:var(--text-main)}.search-wrap{position:relative}.search-wrap .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:15px;pointer-events:none}.search-wrap .form-ctrl{padding-left:38px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}thead th{background:#0f172a80;padding:.85rem 1.2rem;text-align:left;font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-bottom:1px solid var(--border)}thead th.text-right{text-align:right}thead th.text-center{text-align:center}tbody tr{border-bottom:1px solid var(--border);transition:background .15s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#ffffff08}tbody td{padding:1rem 1.2rem;vertical-align:middle}tbody td.text-right{text-align:right}tbody td.text-center{text-align:center}.td-date{font-weight:600;white-space:nowrap}.td-date small{display:block;color:var(--text-muted);font-weight:400;font-size:.72rem}.td-nominal{font-weight:700;font-size:.95rem;white-space:nowrap;color:var(--text-main)}.td-catatan{color:var(--text-muted);font-size:.83rem;max-width:220px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:600}.badge-open{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25)}.badge-lunas{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.25)}.badge-manual{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.empty-state{text-align:center;padding:4rem 1rem;color:var(--text-muted)}.empty-state i{font-size:3rem;opacity:.3;display:block;margin-bottom:1rem}.empty-state p{font-size:.9rem}.filter-active-bar{display:flex;align-items:center;gap:.5rem;background:#ff8a4c1a;border:1px solid rgba(255,138,76,.2);border-radius:10px;padding:.6rem 1rem;font-size:.8rem;color:#ffb088;margin-bottom:1rem}.filter-active-bar a{margin-left:auto;color:var(--text-muted);font-size:.75rem;text-decoration:none}.filter-active-bar a:hover{color:var(--text-main)}.results-info{padding:.85rem 1.5rem;font-size:.8rem;color:var(--text-muted);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.results-info span b{color:var(--text-main)}.site-footer{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-size:.75rem}#noResultsRow{display:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.header-inner{height:56px}.main-wrap{padding:1.5rem 1rem 3rem}.cards-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:1.15rem}.panel-header{flex-direction:column;align-items:stretch}thead th:nth-child(4),tbody td:nth-child(4){display:none}}@media(max-width:400px){.cards-grid{grid-template-columns:1fr}}body{background:linear-gradient(135deg,var(--primary-orange, #FF8A4C) 0%,var(--primary-orange-hover, #FF6B3D) 100%);min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;padding:40px;max-width:400px;width:100%}.login-header{text-align:center;margin-bottom:30px}.login-header h2{color:var(--primary-orange, #FF8A4C);font-weight:700}.form-control{border-radius:8px;padding:12px 16px;border:1px solid var(--border-color, #E0E6ED)}.form-control:focus{border-color:var(--primary-orange, #FF8A4C);box-shadow:0 0 0 .2rem #ff8a4c40}.btn-login{background:linear-gradient(135deg,var(--primary-orange, #FF8A4C) 0%,var(--primary-orange-hover, #FF6B3D) 100%);border:none;border-radius:8px;padding:12px;color:#fff;font-weight:600;width:100%}.btn-login:hover{background:linear-gradient(135deg,var(--primary-orange-hover, #FF6B3D) 0%,#E85A2A 100%);color:#fff}*{-webkit-tap-highlight-color:transparent}body{background:var(--bg-light);font-size:16px;padding-bottom:20px;padding-left:0;padding-right:0}.container-fluid{padding-left:12px;padding-right:12px;max-width:100%}@media(min-width:576px){.container-fluid{padding-left:16px;padding-right:16px}}html,body{overflow-x:hidden;max-width:100%;width:100%}*{box-sizing:border-box}.mobile-header{background:linear-gradient(135deg,var(--primary-orange) 0%,var(--primary-orange-hover, #FF6B3D) 100%);color:#fff;padding:16px;position:fixed;top:0;z-index:1000;box-shadow:0 2px 8px #0000001a;width:100%}.mobile-header h4{margin:0;font-weight:600;font-size:1.1rem}@media(max-width:375px){.mobile-header{padding:12px 16px}.mobile-header h4{font-size:1rem}}.mobile-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:12px;box-shadow:0 2px 8px #00000014}.mobile-card-header{font-weight:600;font-size:1.1rem;color:var(--text-primary);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--bg-light)}@media(max-width:375px){.mobile-card{padding:16px}.mobile-card-header{font-size:1rem;margin-bottom:12px;padding-bottom:10px}}.welcome-card{background:linear-gradient(135deg,var(--primary-orange) 0%,var(--primary-orange-hover, #FF6B3D) 100%);color:#fff;border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:0 4px 12px #ff8a4c4d}.welcome-card h3{margin:0 0 8px;font-weight:700;font-size:1.5rem}.welcome-card p{margin:0;opacity:.9;font-size:.95rem}.stat-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px #00000014;text-align:center}.stat-card .icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:1.5rem}.stat-card.orange .icon{background:linear-gradient(135deg,var(--primary-orange) 0%,var(--primary-orange-hover, #FF6B3D) 100%);color:#fff}.stat-card.blue .icon{background:linear-gradient(135deg,var(--info-blue) 0%,#0066CC 100%);color:#fff}.stat-card.green .icon{background:linear-gradient(135deg,var(--success-green) 0%,#00A870 100%);color:#fff}.stat-card.yellow .icon{background:linear-gradient(135deg,#e6a817,#cc8f00);color:#fff}.stat-card .value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-card .label{font-size:.85rem;color:var(--text-secondary)}.action-button{background:linear-gradient(135deg,var(--primary-orange) 0%,var(--primary-orange-hover, #FF6B3D) 100%);color:#fff;border:none;border-radius:12px;padding:18px 24px;font-weight:600;font-size:1rem;width:100%;margin-bottom:12px;box-shadow:0 4px 12px #ff8a4c4d;display:flex;align-items:center;justify-content:center;gap:8px;touch-action:manipulation}.action-button:active{transform:scale(.98);opacity:.9}.action-button.secondary{background:#fff;color:var(--text-primary);border:2px solid var(--border-color);box-shadow:0 2px 8px #00000014}.shift-item{background:#f9fafb;border-radius:10px;padding:16px;margin-bottom:12px;border-left:4px solid var(--primary-orange)}.shift-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.shift-item-date{font-weight:600;color:var(--text-primary);font-size:1rem}.shift-item-shift{background:var(--primary-orange);color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.shift-item-detail{display:flex;justify-content:space-between;margin-top:8px;font-size:.85rem;color:var(--text-secondary)}.shift-item-selisih{font-weight:600;font-size:.9rem}.shift-item-selisih.positive{color:var(--success-green)}.shift-item-selisih.negative{color:var(--danger-red)}.shift-item-selisih.zero{color:var(--text-secondary)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-state i{font-size:3rem;margin-bottom:16px;opacity:.5}.empty-state p{margin:0;font-size:.95rem}.dm-logout-btn{border:none;background:none}.dm-shift-time{font-size:.75rem;color:var(--text-secondary);margin-top:4px}.mr-summary-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:var(--radius-lg, 14px);background:var(--card-white, #fff);border:1px solid var(--border-color, #E0E6ED);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.06));transition:transform .2s ease,box-shadow .2s ease;height:100%}.mr-summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 2px 8px rgba(0,0,0,.08))}.mr-summary-card__icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;font-size:1.5rem;flex-shrink:0}.mr-summary-card__body{display:flex;flex-direction:column;min-width:0}.mr-summary-card__label{font-size:.8125rem;font-weight:500;color:var(--text-secondary, #6B7280);line-height:1.3;white-space:nowrap}.mr-summary-card__value{font-size:1.5rem;font-weight:700;color:var(--text-primary, #333);line-height:1.3;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mr-summary-card__detail{font-size:.75rem;color:var(--text-muted, #9CA3AF);line-height:1.4;margin-top:.125rem}.mr-summary-card--revenue .mr-summary-card__icon{background:linear-gradient(135deg,#ff8a4c1f,#ff6b3d1f);color:var(--primary-orange, #FF8A4C)}.mr-summary-card--expense .mr-summary-card__icon{background:linear-gradient(135deg,#ff4d4f1f,#dc26261f);color:var(--danger-red, #FF4D4F)}.mr-summary-card--kasbon .mr-summary-card__icon{background:linear-gradient(135deg,#ffc8571f,#e6a8171f);color:var(--warning-dark, #E6A817)}.mr-summary-card--profit .mr-summary-card__icon{background:linear-gradient(135deg,#00c48c1f,#00a8701f);color:var(--success-green, #00C48C)}.mr-summary-card--profit .mr-summary-card__value{color:var(--success-green, #00C48C)}.mr-summary-card--loss .mr-summary-card__icon{background:linear-gradient(135deg,#ff4d4f1f,#dc26261f);color:var(--danger-red, #FF4D4F)}.mr-summary-card--loss .mr-summary-card__value{color:var(--danger-red, #FF4D4F)}.mr-filter{display:flex;flex-direction:row;align-items:center;gap:.75rem}.mr-filter__label{font-weight:500;font-size:.875rem;color:var(--text-secondary, #6B7280);white-space:nowrap}.mr-filter__select{max-width:120px}.mr-filter__btn{flex-shrink:0}.mr-chart-section{border-radius:var(--radius-lg, 14px);background:var(--card-white, #fff);border:1px solid var(--border-color, #E0E6ED);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.06));margin-bottom:1.5rem;overflow:hidden}.mr-chart-section__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #E0E6ED)}.mr-chart-section__title{font-weight:600;font-size:1rem;color:var(--text-primary, #333);margin:0}.mr-chart-section__legend{display:flex;flex-direction:row;align-items:center;gap:1rem}.mr-chart-section__legend-item{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-secondary, #6B7280);white-space:nowrap}.mr-chart-section__legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.mr-chart-section__legend-dot--revenue{background:var(--primary-orange, #FF8A4C)}.mr-chart-section__legend-dot--expense{background:var(--danger-red, #FF4D4F)}.mr-chart-section__legend-dot--profit{background:var(--success-green, #00C48C)}.mr-chart-section__legend-dot--kasbon{background:var(--warning-dark, #E6A817)}.mr-chart-section__body{padding:1.25rem;min-height:320px}.mr-table{margin-bottom:0;width:100%}.mr-table .mr-month-name{font-weight:600;color:var(--text-primary, #333)}.mr-table .mr-amount{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-weight:500;white-space:nowrap;color:var(--text-primary, #333)}.mr-table .mr-change{font-size:.75rem;display:inline-flex;align-items:center;gap:2px;font-weight:500;line-height:1;margin-top:.125rem}.mr-table .mr-change--up{color:var(--success-green, #00C48C)}.mr-table .mr-change--down{color:var(--danger-red, #FF4D4F)}.mr-table .mr-selisih-badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-weight:600;font-size:.8125rem;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap}.mr-table .mr-selisih-badge--positive{background:#00c48c1f;color:var(--success-green, #00C48C)}.mr-table .mr-selisih-badge--negative{background:#ff4d4f1f;color:var(--danger-red, #FF4D4F)}.mr-table .mr-no-data{opacity:.4;font-style:italic}.mr-table thead{background:var(--bg-light, #F5F7FB)}.mr-table thead th{font-weight:600;font-size:.75rem;color:var(--text-secondary, #6B7280);text-transform:uppercase;letter-spacing:.5px;padding:.625rem .75rem;border-bottom:2px solid var(--border-color, #E0E6ED);white-space:nowrap;vertical-align:middle}.mr-table tbody td{padding:.625rem .75rem;vertical-align:middle;font-size:.875rem;border-bottom:1px solid #f0f2f5;color:var(--text-primary, #333)}.mr-table tbody tr:nth-child(2n){background:#fafbfc}.mr-table tbody tr:hover{background:#ff8a4c0a}.mr-table-total,.mr-table-total td,.mr-table-total th{background-color:var(--bg-light, #F5F7FB);border-top:2px solid var(--primary-orange, #FF8A4C);border-bottom:none;font-weight:700;font-size:.875rem;color:var(--primary-dark, #112B3C);white-space:nowrap;padding:.75rem}.mr-table-total .mr-amount{font-weight:700;color:var(--primary-dark, #112B3C)}.mr-empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted, #9CA3AF)}.mr-empty-state__icon{font-size:3rem;display:block;margin-bottom:.75rem;color:var(--text-muted, #9CA3AF);opacity:.6}.mr-empty-state__text{font-size:.9rem;font-weight:500;color:var(--text-secondary, #6B7280);margin:0}.mr-empty-state__sub{font-size:.8rem;color:var(--text-muted, #9CA3AF);margin-top:.25rem}@media print{.sidebar,.mr-filter,.mr-filter__btn,.mr-chart-section,.page-header i,.page-header .bi,.btn,.navbar{display:none!important}.mr-summary-card{box-shadow:none!important;border:1px solid #ddd!important;break-inside:avoid;transform:none!important;padding:.75rem 1rem!important}.mr-summary-card:hover{transform:none!important;box-shadow:none!important}.mr-summary-card__icon{width:36px!important;height:36px!important;font-size:1rem!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.mr-summary-card__value{font-size:1.125rem!important}.mr-table{width:100%!important}.mr-table tbody tr:hover{background:transparent!important}.mr-table tbody tr:nth-child(2n){background:#f9f9f9!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.mr-table thead th{background:#f0f0f0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.mr-table-total,.mr-table-total td{background:#f0f0f0!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.mr-selisih-badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}.mr-table tbody tr{break-inside:avoid}.mr-col-hide-md{display:table-cell!important}}@media(min-width:1920px){.mr-chart-section__body{min-height:400px}.mr-summary-card__value{font-size:1.75rem}.mr-summary-card{padding:1.5rem}.mr-summary-card__icon{width:58px;height:58px;font-size:1.625rem}.mr-summary-card__label{font-size:.875rem}.mr-table thead th{font-size:.8125rem;padding:.75rem 1rem}.mr-table tbody td{font-size:.9375rem;padding:.75rem 1rem}}@media(max-width:991.98px){.mr-chart-section__body{min-height:280px}.mr-summary-card{padding:1rem}.mr-summary-card__icon{width:44px;height:44px;font-size:1.25rem}.mr-summary-card__value{font-size:1.25rem}.mr-summary-card__label{font-size:.75rem}.mr-chart-section__header{flex-direction:column;align-items:flex-start;gap:.5rem}.mr-chart-section__legend{flex-wrap:wrap;gap:.625rem}}@media(max-width:767.98px){.mr-summary-card{gap:.75rem;padding:.875rem}.mr-summary-card__icon{width:40px;height:40px;font-size:1.125rem}.mr-summary-card__value{font-size:1.125rem}.mr-summary-card__label,.mr-summary-card__detail{font-size:.6875rem}.mr-table thead th{font-size:.7rem;padding:.5rem}.mr-table tbody td{font-size:.8125rem;padding:.5rem}.mr-col-hide-md{display:none}.mr-table .mr-selisih-badge{font-size:.75rem;padding:.2rem .5rem}.mr-chart-section__legend-item{font-size:.75rem}.mr-filter{flex-wrap:wrap}.mr-filter__select{max-width:none;flex:1}}@media(max-width:575.98px){.mr-chart-section__body{min-height:240px;padding:.75rem}.mr-chart-section__header{padding:.75rem}.mr-chart-section__title{font-size:.9rem}.mr-summary-card{gap:.625rem;padding:.75rem}.mr-summary-card__icon{width:38px;height:38px;font-size:1rem}.mr-summary-card__value{font-size:1rem}.mr-summary-card__label{font-size:.6875rem}.mr-summary-card__detail{font-size:.625rem}.mr-table thead{display:none}.mr-table tbody,.mr-table tbody tr,.mr-table tbody td{display:block;width:100%}.mr-table tbody tr{border:1px solid var(--border-color, #E0E6ED);border-radius:var(--radius-md, 10px);margin-bottom:.75rem;padding:.75rem;background:#fff;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.06))}.mr-table tbody tr:nth-child(2n){background:#fff}.mr-table tbody tr:hover{background:#fff}.mr-table tbody td{border:none;border-bottom:1px solid #f0f2f5;padding:.375rem 0;text-align:right;display:flex;justify-content:space-between;align-items:center;white-space:normal;overflow:visible}.mr-table tbody td:last-child{border-bottom:none}.mr-table tbody td[data-label]:before{content:attr(data-label);font-weight:600;color:var(--text-secondary, #6B7280);font-size:.8rem;text-align:left;flex:0 0 40%}.mr-table tbody td.mr-col-hide-md{display:flex}.mr-table tfoot{display:block;width:100%}.mr-table-total{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border-radius:var(--radius-md, 10px);padding:.75rem 1rem;gap:.25rem}.mr-table-total td{padding:0;border:none}.mr-filter{width:100%}.mr-filter__label{font-size:.8125rem}.mr-filter__select{max-width:none;flex:1}.mr-empty-state{padding:2rem .75rem}.mr-empty-state__icon{font-size:2.5rem}.mr-empty-state__text{font-size:.8125rem}}.as-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.as-summary-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:var(--radius-lg, 14px);color:#fff;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;height:100%}.as-summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg, 0 4px 16px rgba(0,0,0,.1))}.as-summary-card__icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;font-size:1.5rem;flex-shrink:0;background:#fff3;color:#fff}.as-summary-card__body{display:flex;flex-direction:column;min-width:0}.as-summary-card__value{font-size:1.5rem;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.as-summary-card__label{font-size:.8125rem;font-weight:500;opacity:.95;line-height:1.3;white-space:nowrap}.as-summary-card__detail,.as-summary-card__sub{font-size:.75rem;opacity:.8;line-height:1.4;margin-top:.125rem}.as-summary-card--sales{background:linear-gradient(135deg,var(--primary-orange, #FF8A4C) 0%,var(--primary-orange-hover, #FF6B3D) 100%)}.as-summary-card--expense{background:linear-gradient(135deg,var(--primary-dark, #112B3C) 0%,#0A1A24 100%)}.as-summary-card--balance{background:linear-gradient(135deg,var(--success-green, #00C48C) 0%,#00A870 100%)}.as-summary-card--balance.is-negative,.as-summary-card--balance-negative,.as-summary-card--balance-neg{background:linear-gradient(135deg,var(--danger-red, #FF4D4F) 0%,#DC2626 100%)}.as-summary-card--count{background:linear-gradient(135deg,var(--info-blue, #1E90FF) 0%,#0066CC 100%)}.as-filter{display:flex;flex-direction:row;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.as-filter__group{display:flex;flex-direction:column;gap:.25rem}.as-filter__label{font-weight:500;font-size:.8125rem;color:var(--text-secondary, #6B7280);white-space:nowrap}.as-filter__select{max-width:160px}.as-filter__input{max-width:200px}.as-filter__actions{display:flex;gap:.5rem;align-items:center}.as-filter__btn{flex-shrink:0;white-space:nowrap}.as-filter__btn--primary{background:var(--primary-orange, #FF8A4C);border:none;color:#fff;border-radius:var(--radius-sm, 6px);padding:.5rem 1rem;font-weight:500;font-size:.875rem;transition:background .2s ease,transform .15s ease;cursor:pointer}.as-filter__btn--primary:hover{background:var(--primary-orange-hover, #FF6B3D);transform:translateY(-1px)}.as-filter__btn--secondary{background:var(--card-white, #fff);border:1px solid var(--border-color, #E0E6ED);color:var(--text-primary, #333);border-radius:var(--radius-sm, 6px);padding:.5rem 1rem;font-weight:500;font-size:.875rem;transition:background .15s ease,border-color .15s ease;cursor:pointer}.as-filter__btn--secondary:hover{background:var(--bg-light, #F5F7FB);border-color:#ccd3dc}.as-table{margin-bottom:0;width:100%}.as-table thead{background:var(--bg-light, #F5F7FB)}.as-table thead th{font-weight:600;font-size:.75rem;color:var(--text-secondary, #6B7280);text-transform:uppercase;letter-spacing:.5px;padding:.625rem .75rem;border-bottom:2px solid var(--border-color, #E0E6ED);white-space:nowrap;vertical-align:middle}.as-table tbody td{padding:.625rem .75rem;vertical-align:middle;font-size:.875rem;border-bottom:1px solid #f0f2f5;color:var(--text-primary, #333)}.as-table tbody tr:nth-child(2n){background:#fafbfc}.as-table tbody tr:hover{background:#ff8a4c0a}.as-amount{text-align:right;font-weight:600;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap;color:var(--text-primary, #333)}.as-selisih-badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-weight:600;font-size:.8125rem;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap;line-height:1.4}.as-selisih-badge--positive{background:var(--success-green, #00C48C);color:#fff}.as-selisih-badge--negative{background:var(--danger-red, #FF4D4F);color:#fff}.as-selisih-badge--zero{background:var(--bg-light, #F5F7FB);color:var(--text-muted, #9CA3AF);border:1px solid var(--border-color, #E0E6ED)}.as-status-badge{display:inline-block;padding:.2rem .625rem;border-radius:999px;font-weight:600;font-size:.75rem;white-space:nowrap;line-height:1.4}.as-status-badge--submitted{background:var(--success-green, #00C48C);color:#fff}.as-status-badge--approved{background:var(--info-blue, #1E90FF);color:#fff}.as-status-badge--rejected{background:var(--danger-red, #FF4D4F);color:#fff}.as-status-badge--incomplete{background:var(--warning-dark, #E6A817);color:#1a1a1a}.as-col-no{width:48px;text-align:center;color:var(--text-muted, #9CA3AF);font-size:.8rem}.as-col-action{width:80px;text-align:center}.as-table-total,.as-table-total td,.as-table-total th{background-color:var(--bg-light, #F5F7FB);border-top:2px solid var(--primary-orange, #FF8A4C);border-bottom:none;font-weight:700;font-size:.875rem;color:var(--primary-dark, #112B3C);white-space:nowrap;padding:.75rem}.as-table-total .as-amount{font-weight:700;color:var(--primary-dark, #112B3C)}.as-no-data{opacity:.4;font-style:italic}.as-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--radius-sm, 6px);font-size:.8125rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .1s ease;white-space:nowrap;line-height:1.4;text-decoration:none}.as-action-btn:hover{transform:translateY(-1px)}.as-action-btn:active{transform:translateY(0)}.as-action-btn--detail{background:#ff8a4c1a;color:var(--primary-orange, #FF8A4C);border-color:#ff8a4c33}.as-action-btn--detail:hover{background:var(--primary-orange, #FF8A4C);color:#fff;border-color:var(--primary-orange, #FF8A4C)}.as-action-btn--delete{background:transparent;color:var(--danger-red, #FF4D4F);border-color:var(--danger-red, #FF4D4F)}.as-action-btn--delete:hover{background:var(--danger-red, #FF4D4F);color:#fff}.as-action-btn--approve{background:#00c48c1a;color:var(--success-green, #00C48C);border-color:#00c48c33}.as-action-btn--approve:hover{background:var(--success-green, #00C48C);color:#fff;border-color:var(--success-green, #00C48C)}.as-action-btn__text{display:inline}.as-action-dropdown{position:relative;display:inline-flex;gap:.25rem}.as-action-dropdown .dropdown-menu{min-width:140px;border-radius:var(--radius-md, 10px);border:1px solid var(--border-color, #E0E6ED);box-shadow:var(--shadow-md, 0 2px 8px rgba(0,0,0,.08));padding:.375rem;z-index:var(--z-dropdown, 100)}.as-action-dropdown .dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;border-radius:var(--radius-sm, 6px);color:var(--text-primary, #333);transition:background .12s ease}.as-action-dropdown .dropdown-item:hover{background:var(--bg-light, #F5F7FB)}.as-action-dropdown .dropdown-item--danger{color:var(--danger-red, #FF4D4F)}.as-action-dropdown .dropdown-item--danger:hover{background:#ff4d4f14}@keyframes as-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes as-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.as-loading-skeleton{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.as-loading-skeleton__row{display:flex;gap:1rem;align-items:center}.as-loading-skeleton__cell{height:14px;border-radius:var(--radius-sm, 6px);background:linear-gradient(90deg,#eef1f5 25%,#e2e6eb,#eef1f5 75%);background-size:200% 100%;animation:as-skeleton-shimmer 1.5s ease-in-out infinite}@keyframes as-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.as-loading-skeleton__cell--narrow{width:40px;flex-shrink:0}.as-loading-skeleton__cell--medium{flex:1;max-width:160px}.as-loading-skeleton__cell--wide{flex:2}.as-loading-skeleton__cell--amount{width:100px;flex-shrink:0}.as-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffbf;border-radius:var(--radius-lg, 14px);z-index:var(--z-overlay, 1000)}.as-loading-spinner{width:36px;height:36px;border:3px solid var(--border-color, #E0E6ED);border-top-color:var(--primary-orange, #FF8A4C);border-radius:50%;animation:as-spin .7s linear infinite}.as-loading-pulse{animation:as-pulse 1.5s ease-in-out infinite;color:var(--text-muted, #9CA3AF);font-size:.875rem;text-align:center;padding:2rem 1rem}.as-empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted, #9CA3AF)}.as-empty-state__icon{font-size:3rem;display:block;margin-bottom:.75rem;color:var(--text-muted, #9CA3AF);opacity:.6}.as-empty-state__text{font-size:.9375rem;font-weight:500;color:var(--text-secondary, #6B7280);margin:0}.as-empty-state__sub{font-size:.8125rem;color:var(--text-muted, #9CA3AF);margin-top:.375rem}.as-empty-state--inline{padding:1.5rem .75rem}.as-empty-state--inline .as-empty-state__icon{font-size:2rem}.as-detail-modal .modal-body{padding:1.25rem}.as-detail-modal .modal-body::-webkit-scrollbar{width:6px}.as-detail-modal .modal-body::-webkit-scrollbar-thumb{background:var(--border-color, #E0E6ED);border-radius:3px}.as-detail-section{margin-bottom:1.25rem}.as-detail-section__title{font-size:.875rem;font-weight:600;color:var(--text-primary, #333);margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color, #E0E6ED);display:flex;align-items:center;gap:.5rem}.as-detail-section__title i{color:var(--primary-orange, #FF8A4C);font-size:1rem}.as-detail-table{width:100%;margin-bottom:0}.as-detail-table td{padding:.5rem .625rem;vertical-align:top;font-size:.875rem;border-bottom:1px solid #f0f2f5;color:var(--text-primary, #333)}.as-detail-table tr:last-child td{border-bottom:none}.as-detail-label{width:40%;font-weight:600;color:var(--text-secondary, #6B7280);white-space:nowrap}.as-detail-value{width:60%;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.as-detail-value--amount{font-weight:600;color:var(--text-primary, #333)}.as-detail-value--positive{color:var(--success-green, #00C48C);font-weight:600}.as-detail-value--negative{color:var(--danger-red, #FF4D4F);font-weight:600}.as-denom-card{border:1px solid var(--border-color, #E0E6ED);border-radius:var(--radius-md, 10px);padding:1rem;background:var(--bg-light, #F5F7FB);margin-bottom:1rem}.as-denom-card__title{font-size:.8125rem;font-weight:600;color:var(--text-secondary, #6B7280);text-transform:uppercase;letter-spacing:.3px;margin-bottom:.75rem}.as-denom-card__table{width:100%;margin-bottom:0}.as-denom-card__table th{font-size:.75rem;font-weight:600;color:var(--text-secondary, #6B7280);padding:.375rem .5rem;border-bottom:1px solid var(--border-color, #E0E6ED);text-align:left}.as-denom-card__table td{font-size:.8125rem;padding:.375rem .5rem;border-bottom:1px solid #f0f2f5;color:var(--text-primary, #333)}.as-denom-card__table td:last-child{text-align:right;font-weight:600;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.as-denom-card__table tr:last-child td{border-bottom:none}.as-denom-card__total{display:flex;justify-content:space-between;align-items:center;padding-top:.625rem;margin-top:.375rem;border-top:2px solid var(--primary-orange, #FF8A4C);font-weight:700;font-size:.875rem;color:var(--primary-dark, #112B3C)}.as-denom-card__total-value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.as-denom-card__table .as-col-no{width:30px;text-align:center;color:var(--text-muted, #9CA3AF);font-size:.75rem}.as-denom-card__table .as-col-lembar{text-align:center;font-weight:500}.as-expense-scroll{max-height:400px;overflow-y:auto;border:1px solid var(--border-color, #E0E6ED);border-radius:var(--radius-md, 10px)}.as-expense-scroll thead{position:sticky;top:0;z-index:var(--z-sticky, 200);background:var(--bg-light, #F5F7FB)}.as-expense-scroll::-webkit-scrollbar{width:6px}.as-expense-scroll::-webkit-scrollbar-track{background:var(--bg-light, #F5F7FB);border-radius:3px}.as-expense-scroll::-webkit-scrollbar-thumb{background:var(--border-color, #E0E6ED);border-radius:3px}.as-expense-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #9CA3AF)}.as-expense-total td{font-weight:700;border-top:2px solid var(--primary-orange, #FF8A4C);padding-top:.625rem;color:var(--primary-dark, #112B3C);font-size:.875rem}.as-expense-desc{max-width:200px;white-space:normal;word-break:break-word}.as-expense-note{max-width:150px;white-space:normal;word-break:break-word;color:var(--text-secondary, #6B7280);font-size:.8rem}.as-expense-type{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap}.as-expense-type--product{background:#ff8a4c1a;color:var(--primary-orange, #FF8A4C)}.as-expense-type--kasbon{background:#1e90ff1a;color:var(--info-blue, #1E90FF)}.as-expense-type--pelunasan{background:#00c48c1a;color:var(--success-green, #00C48C)}.as-expense-type--custom{background:#9ca3af26;color:var(--text-secondary, #6B7280)}.as-confirm-modal__body{text-align:center;padding:1.5rem 1.25rem}.as-confirm-modal__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;margin:0 auto 1rem;font-size:1.75rem}.as-confirm-modal__icon--warning{background:#ffc85726;color:var(--warning-dark, #E6A817)}.as-confirm-modal__icon--danger{background:#ff4d4f1f;color:var(--danger-red, #FF4D4F)}.as-confirm-modal__title{font-size:1.125rem;font-weight:700;color:var(--text-primary, #333);margin-bottom:.5rem}.as-confirm-modal__message{font-size:.875rem;color:var(--text-secondary, #6B7280);line-height:1.5;margin-bottom:0}.as-confirm-modal__actions{display:flex;gap:.75rem;justify-content:center;padding:0 1.25rem 1.5rem}.as-confirm-modal__btn{flex:0 1 140px;padding:.625rem 1.25rem;border-radius:var(--radius-sm, 6px);font-weight:600;font-size:.875rem;cursor:pointer;transition:background .15s ease,transform .1s ease;border:none}.as-confirm-modal__btn:hover{transform:translateY(-1px)}.as-confirm-modal__btn--cancel{background:var(--card-white, #fff);border:1px solid var(--border-color, #E0E6ED);color:var(--text-primary, #333)}.as-confirm-modal__btn--cancel:hover{background:var(--bg-light, #F5F7FB)}.as-confirm-modal__btn--danger{background:var(--danger-red, #FF4D4F);color:#fff}.as-confirm-modal__btn--danger:hover{background:#e53e3e}@media print{.sidebar,.navbar,.as-filter,.as-action-btn,.as-action-dropdown,.as-col-action,.as-confirm-modal,.btn,.page-header i,.page-header .bi,.dataTables_filter,.dataTables_length,.dataTables_paginate,.dataTables_info{display:none!important}.as-summary-card{background:var(--card-white, #fff)!important;color:var(--text-primary, #333)!important;border:1px solid #ddd!important;box-shadow:none!important;transform:none!important;break-inside:avoid;padding:.75rem 1rem!important}.as-summary-card:hover{transform:none!important;box-shadow:none!important}.as-summary-card__icon{width:36px!important;height:36px!important;font-size:1rem!important;background:var(--bg-light, #F5F7FB)!important;color:var(--text-secondary, #6B7280)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.as-summary-card__value{font-size:1.125rem!important;color:var(--text-primary, #333)!important}.as-summary-card__label{opacity:1!important;color:var(--text-secondary, #6B7280)!important}.as-summary-card__detail{opacity:1!important;color:var(--text-muted, #9CA3AF)!important}.as-summary-grid{display:flex!important;flex-wrap:wrap!important;gap:.5rem!important}.as-summary-grid>*{flex:1 1 22%!important}.as-summary-grid{page-break-after:always}.as-table{width:100%!important}.as-table thead th{background:#f0f0f0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:.5rem .625rem!important}.as-table tbody td{padding:.5rem .625rem!important;border-bottom:1px solid #ddd!important}.as-table tbody tr:hover{background:transparent!important}.as-table tbody tr:nth-child(2n){background:#f9f9f9!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.as-table-total,.as-table-total td{background:#f0f0f0!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.as-selisih-badge,.as-status-badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}.as-col-hide-sm,.as-col-hide-md{display:table-cell!important}.as-table tbody tr{break-inside:avoid}}@media(min-width:1920px){.as-summary-card{padding:1.5rem}.as-summary-card__icon{width:58px;height:58px;font-size:1.625rem}.as-summary-card__value{font-size:1.75rem}.as-summary-card__label{font-size:.875rem}.as-summary-card__detail{font-size:.8125rem}.as-table thead th{font-size:.8125rem;padding:.75rem 1rem}.as-table tbody td{font-size:.9375rem;padding:.75rem 1rem}.as-action-btn{font-size:.875rem;padding:.4375rem .875rem}.as-detail-table td{font-size:.9375rem;padding:.625rem .75rem}.as-denom-card{padding:1.25rem}.as-empty-state__icon{font-size:3.5rem}.as-empty-state__text{font-size:1rem}}@media(min-width:1400px)and (max-width:1919.98px){.as-summary-grid{gap:1.125rem}}@media(max-width:991.98px){.as-summary-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.as-summary-card{padding:1rem}.as-summary-card__icon{width:44px;height:44px;font-size:1.25rem}.as-summary-card__value{font-size:1.25rem}.as-summary-card__label{font-size:.75rem}.as-summary-card__detail{font-size:.6875rem}.as-filter{flex-wrap:wrap}.as-filter__select,.as-filter__input{max-width:none}.as-detail-section__title{font-size:.8125rem}.as-denom-card{padding:.75rem}.as-expense-scroll{max-height:350px}}@media(max-width:767.98px){.as-summary-card{gap:.75rem;padding:.875rem}.as-summary-card__icon{width:40px;height:40px;font-size:1.125rem}.as-summary-card__value{font-size:1.125rem}.as-summary-card__label{font-size:.6875rem}.as-summary-card__detail{font-size:.625rem}.as-table thead th{font-size:.7rem;padding:.5rem}.as-table tbody td{font-size:.8125rem;padding:.5rem}.as-col-hide-md{display:none}.as-table .as-selisih-badge{font-size:.75rem;padding:.2rem .5rem}.as-table .as-status-badge{font-size:.7rem;padding:.175rem .5rem}.as-filter{flex-direction:column;align-items:stretch}.as-filter__group{width:100%}.as-filter__select,.as-filter__input{max-width:none;width:100%}.as-filter__actions{width:100%}.as-filter__btn{flex:1}.as-action-btn__text{display:none}.as-action-btn{padding:.375rem;min-width:32px;min-height:32px}.as-detail-label{width:45%;font-size:.8125rem}.as-detail-table td{font-size:.8125rem;padding:.375rem .5rem}.as-denom-card__table th,.as-denom-card__table td{font-size:.75rem;padding:.3rem .375rem}.as-expense-scroll{max-height:300px}.as-confirm-modal__icon{width:52px;height:52px;font-size:1.5rem}.as-confirm-modal__title{font-size:1rem}.as-confirm-modal__actions{flex-direction:column;gap:.5rem}.as-confirm-modal__btn{flex:1 1 auto;width:100%}}@media(max-width:575.98px){.as-summary-grid{grid-template-columns:1fr;gap:.625rem}.as-summary-card{gap:.625rem;padding:.75rem}.as-summary-card__icon{width:38px;height:38px;font-size:1rem}.as-summary-card__value{font-size:1rem}.as-summary-card__label{font-size:.6875rem}.as-summary-card__detail{font-size:.625rem}.as-col-hide-sm,.as-table thead{display:none}.as-table tbody,.as-table tbody tr,.as-table tbody td{display:block;width:100%}.as-table tbody tr{border:1px solid var(--border-color, #E0E6ED);border-radius:var(--radius-md, 10px);margin-bottom:.75rem;padding:.75rem;background:#fff;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.06))}.as-table tbody tr:nth-child(2n){background:#fff}.as-table tbody tr:hover{background:#fff}.as-table tbody td{border:none;border-bottom:1px solid #f0f2f5;padding:.375rem 0;text-align:right;display:flex;justify-content:space-between;align-items:center;white-space:normal;overflow:visible}.as-table tbody td:last-child{border-bottom:none}.as-table tbody td[data-label]:before{content:attr(data-label);font-weight:600;color:var(--text-secondary, #6B7280);font-size:.8rem;text-align:left;flex:0 0 40%}.as-table tbody td.as-col-hide-md,.as-table tbody td.as-col-hide-sm{display:flex}.as-detail-section .row .col-md-6{flex:0 0 100%;max-width:100%}.as-table tbody td.as-col-no{display:none}.as-table tbody td.as-col-action{justify-content:flex-end;padding-top:.5rem}.as-table tbody td.as-col-action:before{display:none}.as-table tfoot{display:block;width:100%}.as-table-total{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border-radius:var(--radius-md, 10px);padding:.75rem 1rem;gap:.25rem}.as-table-total td{padding:0;border:none}.as-filter{width:100%}.as-filter__label{font-size:.75rem}.as-empty-state{padding:2rem .75rem}.as-empty-state__icon{font-size:2.5rem}.as-empty-state__text{font-size:.8125rem}.as-empty-state__sub{font-size:.75rem}.as-detail-label{width:42%;font-size:.75rem}.as-detail-value,.as-detail-section__title{font-size:.8125rem}.as-denom-card{padding:.625rem}.as-denom-card__title{font-size:.75rem}.as-denom-card__total{font-size:.8125rem}.as-expense-scroll{max-height:250px}.as-confirm-modal__body{padding:1.25rem 1rem}.as-confirm-modal__icon{width:48px;height:48px;font-size:1.25rem;margin-bottom:.75rem}.as-confirm-modal__title{font-size:.9375rem}.as-confirm-modal__message{font-size:.8125rem}.as-confirm-modal__actions{padding:0 1rem 1.25rem}.as-loading-skeleton__cell--medium{display:none}}.as-closing-summary{background:#fff;border-radius:var(--radius-lg, 14px);border:2px solid var(--primary-orange, #FF8A4C);box-shadow:0 4px 24px #ff8a4c1f;overflow:hidden}.as-closing-summary__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--primary-orange, #FF8A4C) 0%,var(--primary-orange-hover, #FF6B3D) 100%);color:#fff}.as-closing-summary__title{font-size:1.125rem;font-weight:700;display:flex;align-items:center}.as-closing-summary__date{font-size:.875rem;opacity:.9;font-weight:500}.as-closing-summary__body{padding:1.5rem}.as-closing-summary__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.as-closing-metric{text-align:center;padding:.75rem;border-radius:var(--radius-md, 10px);background:var(--bg-subtle, #F8FAFC)}.as-closing-metric__label{font-size:.8125rem;font-weight:500;color:var(--text-secondary, #6B7280);margin-bottom:.375rem}.as-closing-metric__value{font-size:1.375rem;font-weight:700;color:var(--text-primary, #1F2937);font-variant-numeric:tabular-nums}.as-closing-metric__value--primary{color:var(--primary-orange, #FF8A4C)}.as-closing-metric__value--success{color:var(--success-green, #00C48C)}.as-closing-metric__value--danger{color:var(--danger-red, #FF4D4F)}.as-closing-metric__detail{font-size:.75rem;color:var(--text-secondary, #6B7280);margin-top:.25rem}@media(max-width:768px){.as-closing-summary__grid{grid-template-columns:repeat(2,1fr)}.as-closing-summary__header{flex-direction:column;gap:.25rem;text-align:center}}@media(max-width:480px){.as-closing-summary__grid{grid-template-columns:1fr 1fr;gap:.75rem}.as-closing-metric__value{font-size:1.125rem}}.sd-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;margin-bottom:24px;padding:16px 20px;background:var(--card-white, #FFFFFF);border-radius:var(--radius-md, 10px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.06))}.sd-page-header h2{font-size:1.35rem;font-weight:700;color:var(--text-primary, #333333);margin:0;white-space:nowrap}.sd-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sd-filter__group{position:relative;display:flex;align-items:center}.sd-filter__daterange{min-width:240px;padding-left:36px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236B7280' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;background-size:14px 14px;font-size:.875rem;font-weight:500;color:var(--text-primary, #333333);cursor:pointer;transition:border-color .15s,box-shadow .15s}.sd-filter__daterange:hover{border-color:var(--primary-orange, #FF8A4C)}.sd-filter__daterange:focus{border-color:var(--primary-orange, #FF8A4C);box-shadow:0 0 0 .2rem #ff8a4c26}.sd-filter__select{min-width:160px;font-size:.875rem;font-weight:500;color:var(--text-primary, #333333);cursor:pointer}.sd-filter__select:hover{border-color:var(--primary-orange, #FF8A4C)}.sd-filter__actions{display:flex;align-items:center;gap:8px}.sd-filter__btn{display:inline-flex;align-items:center;gap:4px;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border-radius:var(--radius-sm, 6px);white-space:nowrap;transition:background .2s,transform .15s,box-shadow .2s}.sd-filter__btn:active{transform:scale(.97)}.sd-summary-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}.sd-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:20px;border-radius:var(--radius-md, 10px);transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.sd-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.sd-card--revenue{background:linear-gradient(135deg,var(--primary-orange, #FF8A4C),var(--primary-orange-hover, #FF6B3D));color:var(--card-white, #FFFFFF)}.sd-card--qris{background:linear-gradient(135deg,var(--info-blue, #1E90FF),color-mix(in srgb,var(--info-blue, #1E90FF) 70%,var(--primary-dark, #112B3C)));color:var(--card-white, #FFFFFF)}.sd-card--expense{background:linear-gradient(135deg,var(--primary-dark, #112B3C),color-mix(in srgb,var(--primary-dark, #112B3C) 80%,var(--info-blue, #1E90FF)));color:var(--card-white, #FFFFFF)}.sd-card--shift{background:var(--card-white, #FFFFFF);border:1px solid var(--border-color, #E0E6ED);color:var(--text-primary, #333333)}.sd-card--kasbon{background:linear-gradient(135deg,var(--warning-yellow, #FFC857),var(--warning-dark, #E6A817));color:var(--primary-dark, #112B3C)}.sd-card--balance{background:var(--card-white, #FFFFFF);border:1px solid var(--border-color, #E0E6ED);color:var(--text-primary, #333333)}.sd-card__icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:#fff3;flex-shrink:0}.sd-card--shift .sd-card__icon,.sd-card--balance .sd-card__icon{background:var(--bg-light, #F5F7FB)}.sd-card__value{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;margin-bottom:4px;word-break:break-word}.sd-card__label{font-size:.8rem;opacity:.85;color:inherit}.sd-card--shift .sd-card__label,.sd-card--balance .sd-card__label{color:var(--text-muted, #9CA3AF)}.sd-card__badge{position:absolute;top:10px;right:10px;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-sm, 6px);background:#ffffff40;color:inherit}.sd-card--shift .sd-card__badge,.sd-card--balance .sd-card__badge{background:var(--bg-light, #F5F7FB);color:var(--text-secondary, #6B7280)}.sd-card__value--positive{color:var(--success-green, #00C48C)}.sd-card__value--negative{color:var(--danger-red, #FF4D4F)}.sd-card__value--zero{color:var(--text-secondary, #6B7280)}.sd-chart{background:var(--card-white, #FFFFFF);border-radius:var(--radius-md, 10px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.06));padding:24px;margin-bottom:24px}.sd-chart__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.sd-chart__title{font-size:1.1rem;font-weight:600;color:var(--text-primary, #333333)}.sd-chart__wrapper{position:relative;height:400px;width:100%}.sd-chart__legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sd-chart__legend-item{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-secondary, #6B7280)}.sd-chart__legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sd-chart__legend-dot--revenue{background:var(--primary-orange, #FF8A4C)}.sd-chart__legend-dot--qris{background:var(--info-blue, #1E90FF)}.sd-chart__legend-dot--expense{background:var(--danger-red, #FF4D4F)}.sd-chart__legend-dot--balance{background:var(--success-green, #00C48C)}.sd-side-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.sd-side-card{background:var(--card-white, #FFFFFF);border-radius:var(--radius-md, 10px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.06));display:flex;flex-direction:column;overflow:hidden}.sd-side-card__header{padding:16px 20px;border-bottom:1px solid var(--border-color, #E0E6ED)}.sd-side-card__title{font-size:1rem;font-weight:600;color:var(--text-primary, #333333);margin-bottom:2px}.sd-side-card__subtitle{font-size:.78rem;color:var(--text-muted, #9CA3AF)}.sd-side-card__body{padding:0;max-height:350px;overflow-y:auto;flex:1}.sd-side-card__table{width:100%;border-collapse:collapse}.sd-side-card__table th{position:sticky;top:0;background:var(--bg-light, #F5F7FB);padding:10px 16px;font-size:.78rem;font-weight:600;color:var(--text-secondary, #6B7280);text-align:left;border-bottom:1px solid var(--border-color, #E0E6ED);z-index:1}.sd-side-card__table td{padding:10px 16px;font-size:.85rem;color:var(--text-primary, #333333);border-bottom:1px solid var(--border-color, #E0E6ED)}.sd-side-card__table tr:last-child td{border-bottom:none}.sd-side-card__table .sd-amount{font-variant-numeric:tabular-nums;font-weight:600}.sd-side-card__table .sd-amount--minus{color:var(--danger-red, #FF4D4F)}.sd-side-card__table .sd-amount--plus{color:var(--success-green, #00C48C)}.sd-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.sd-empty-state__icon{font-size:2.5rem;color:var(--text-muted, #9CA3AF);margin-bottom:12px;opacity:.5}.sd-empty-state__text{font-size:.85rem;color:var(--text-muted, #9CA3AF)}.sd-daily-table{background:var(--card-white, #FFFFFF);border-radius:var(--radius-md, 10px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.06));overflow:hidden;margin-bottom:24px}.sd-daily-table__header{padding:16px 20px;border-bottom:1px solid var(--border-color, #E0E6ED);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.sd-daily-table__title{font-size:1rem;font-weight:600;color:var(--text-primary, #333333)}.sd-daily-table__wrapper{overflow-x:auto}.sd-daily-table table{width:100%;border-collapse:collapse;min-width:900px}.sd-daily-table thead th{background:var(--bg-light, #F5F7FB);padding:12px 14px;font-size:.78rem;font-weight:600;color:var(--text-secondary, #6B7280);text-align:left;white-space:nowrap;border-bottom:1px solid var(--border-color, #E0E6ED)}.sd-daily-table tbody td{padding:12px 14px;font-size:.84rem;color:var(--text-primary, #333333);border-bottom:1px solid var(--border-color, #E0E6ED);vertical-align:middle}.sd-daily-table tbody tr:nth-child(2n){background:var(--bg-light, #F5F7FB)}.sd-daily-table tbody tr:hover{background:#1e90ff0a}.sd-amount{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.sd-selisih-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-sm, 6px);font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums}.sd-selisih-badge--positive{background:#00c48c1a;color:var(--success-green, #00C48C)}.sd-selisih-badge--negative{background:#ff4d4f1a;color:var(--danger-red, #FF4D4F)}.sd-selisih-badge--zero{background:var(--bg-light, #F5F7FB);color:var(--text-muted, #9CA3AF)}.sd-status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-sm, 6px);font-size:.76rem;font-weight:600}.sd-status-badge--complete{background:#00c48c1a;color:var(--success-green, #00C48C)}.sd-status-badge--incomplete{background:#e6a8171a;color:var(--warning-dark, #E6A817)}.sd-loading{pointer-events:none}.sd-skeleton{position:relative;overflow:hidden;background:var(--bg-light, #F5F7FB);border-radius:var(--radius-sm, 6px)}.sd-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);animation:sd-shimmer 1.5s infinite}@keyframes sd-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.sd-skeleton--card{height:120px;border-radius:var(--radius-md, 10px)}.sd-skeleton--row{height:44px;margin-bottom:8px;border-radius:var(--radius-sm, 6px)}.sd-skeleton--chart{height:400px;border-radius:var(--radius-md, 10px)}.sd-skeleton--text{height:14px;width:60%;margin-bottom:8px}.sd-skeleton--text-short{height:14px;width:35%}.sd-shifts-table{width:100%;border-collapse:collapse}.sd-shifts-table thead th{background:var(--bg-light, #F5F7FB);padding:10px 12px;font-size:.76rem;font-weight:600;color:var(--text-secondary, #6B7280);text-align:left;white-space:nowrap;border-bottom:1px solid var(--border-color, #E0E6ED)}.sd-shifts-table tbody td{padding:10px 12px;font-size:.82rem;color:var(--text-primary, #333333);border-bottom:1px solid var(--border-color, #E0E6ED);vertical-align:middle}.sd-shifts-table tbody tr:nth-child(2n){background:var(--bg-light, #F5F7FB)}.sd-shifts-table tbody tr:hover{background:#1e90ff0a}.sd-shifts-table .sd-amount{font-variant-numeric:tabular-nums;font-weight:600}.sd-confirm-modal{text-align:center}.sd-confirm-modal__header{background:linear-gradient(135deg,var(--danger-red, #FF4D4F),#d32f2f);color:var(--card-white, #FFFFFF);padding:24px 20px 20px;border-radius:var(--radius-lg, 14px) var(--radius-lg, 14px) 0 0}.sd-confirm-modal__icon{font-size:2.5rem;margin-bottom:8px}.sd-confirm-modal__title{font-size:1.1rem;font-weight:700}.sd-confirm-modal__body{padding:24px 20px}.sd-confirm-modal__message{font-size:.9rem;color:var(--text-secondary, #6B7280);margin-bottom:8px}.sd-confirm-modal__detail{font-size:.82rem;color:var(--text-muted, #9CA3AF)}.sd-confirm-modal__actions{display:flex;gap:12px;justify-content:center;padding:0 20px 24px}.sd-confirm-modal__btn{padding:10px 24px;border-radius:var(--radius-sm, 6px);font-size:.88rem;font-weight:600;border:none;cursor:pointer;transition:background .2s ease,transform .1s ease}.sd-confirm-modal__btn:active{transform:scale(.97)}.sd-confirm-modal__btn--cancel{background:var(--bg-light, #F5F7FB);color:var(--text-secondary, #6B7280);border:1px solid var(--border-color, #E0E6ED)}.sd-confirm-modal__btn--cancel:hover{background:var(--border-color, #E0E6ED)}.sd-confirm-modal__btn--confirm{background:var(--danger-red, #FF4D4F);color:var(--card-white, #FFFFFF)}.sd-confirm-modal__btn--confirm:hover{background:var(--danger-red, #FF4D4F);filter:brightness(.85)}@media print{.sd-page-header{box-shadow:none;border:1px solid var(--border-color, #E0E6ED);break-inside:avoid;padding:10px 14px}.sd-filter__btn{display:none}.sd-chart,.sidebar,.sd-daily-table__header .btn,.sd-confirm-modal,[data-filter],.filter-section,.navbar{display:none!important}.sd-card{box-shadow:none;border:1px solid var(--border-color, #E0E6ED);break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}.sd-card:hover{transform:none;box-shadow:none}.sd-summary-cards{grid-template-columns:repeat(3,1fr);gap:8px}.sd-daily-table{box-shadow:none;border:1px solid var(--border-color, #E0E6ED)}.sd-daily-table table{min-width:unset}.sd-daily-table thead th,.sd-daily-table tbody td{padding:6px 8px;font-size:.72rem;border:1px solid var(--border-color, #E0E6ED)}.sd-col-hide-sm,.sd-col-hide-md{display:table-cell!important}.sd-side-cards{grid-template-columns:repeat(2,1fr);gap:8px}.sd-side-card{box-shadow:none;border:1px solid var(--border-color, #E0E6ED);break-inside:avoid}.sd-side-card__body{max-height:unset;overflow:visible}body{background:var(--card-white, #FFFFFF)}.sd-daily-table__wrapper{overflow:visible}}@media(min-width:1920px){.sd-page-header{padding:20px 24px;gap:16px}.sd-page-header h2{font-size:1.5rem}.sd-filter{gap:12px}.sd-filter__daterange{min-width:280px;font-size:.9375rem}.sd-filter__select{min-width:180px}.sd-filter__btn{padding:.625rem 1.25rem;font-size:.875rem}.sd-summary-cards{gap:20px}.sd-card{padding:24px}.sd-card__value{font-size:1.75rem}.sd-card__icon{width:54px;height:54px}.sd-chart__wrapper{height:450px}.sd-daily-table thead th,.sd-daily-table tbody td{padding:14px 16px}}@media(min-width:1200px)and (max-width:1919px){.sd-page-header{gap:14px}.sd-filter__daterange{min-width:250px}.sd-summary-cards{gap:14px}.sd-card__value{font-size:1.4rem}.sd-chart__wrapper{height:380px}}@media(max-width:991px){.sd-page-header{flex-direction:column;align-items:stretch;padding:14px 16px;gap:10px}.sd-page-header h2{font-size:1.2rem}.sd-filter{flex-wrap:wrap;gap:8px}.sd-filter__daterange{min-width:200px}.sd-summary-cards{grid-template-columns:repeat(3,1fr);gap:12px}.sd-card{padding:16px}.sd-card__value{font-size:1.25rem}.sd-card__icon{width:42px;height:42px;margin-bottom:10px}.sd-chart__wrapper{height:320px}.sd-side-cards{grid-template-columns:1fr;gap:16px}.sd-side-card__body{max-height:300px}}@media(max-width:767px){.sd-page-header{padding:12px 14px}.sd-page-header h2{font-size:1.1rem}.sd-filter{width:100%}.sd-filter__group{flex:1 1 auto;min-width:0}.sd-filter__daterange,.sd-filter__select{min-width:unset;width:100%;font-size:.8125rem}.sd-filter__actions{width:100%;justify-content:stretch}.sd-filter__btn{flex:1}.sd-summary-cards{grid-template-columns:repeat(2,1fr);gap:10px}.sd-card{padding:14px}.sd-card__value{font-size:1.1rem}.sd-card__label{font-size:.72rem}.sd-card__icon{width:38px;height:38px;margin-bottom:8px}.sd-chart{padding:16px}.sd-chart__wrapper{height:280px}.sd-chart__header{flex-direction:column;align-items:flex-start}.sd-daily-table__header{padding:12px 16px}.sd-col-hide-md{display:none}.sd-confirm-modal__actions{flex-direction:column}.sd-confirm-modal__btn{width:100%}}@media(max-width:575px){.sd-page-header{padding:10px 12px;gap:8px;margin-bottom:16px}.sd-page-header h2{font-size:1rem}.sd-filter{gap:6px}.sd-filter__group{flex-basis:100%}.sd-filter__daterange{font-size:.8rem;padding-left:32px!important;background-size:12px 12px;background-position:10px center}.sd-filter__select{font-size:.8rem}.sd-filter__actions{gap:6px}.sd-filter__btn{font-size:.75rem;padding:.4rem .75rem}.sd-summary-cards{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.sd-card{padding:12px}.sd-card__value{font-size:1rem}.sd-card__label{font-size:.7rem}.sd-card__icon{width:34px;height:34px;margin-bottom:6px}.sd-card__badge{font-size:.62rem;padding:1px 6px}.sd-chart{padding:12px;margin-bottom:16px}.sd-chart__wrapper{height:250px}.sd-chart__legend{gap:10px}.sd-chart__legend-item{font-size:.74rem}.sd-col-hide-sm{display:none}.sd-daily-table table{min-width:unset}.sd-daily-table thead{display:none}.sd-daily-table tbody tr{display:flex;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--border-color, #E0E6ED);gap:4px 12px}.sd-daily-table tbody tr:nth-child(2n){background:var(--bg-light, #F5F7FB)}.sd-daily-table tbody td{display:flex;align-items:center;gap:6px;padding:3px 0;border-bottom:none;font-size:.8rem;flex-basis:calc(50% - 6px)}.sd-daily-table tbody td:before{content:attr(data-label);font-size:.7rem;font-weight:600;color:var(--text-muted, #9CA3AF);min-width:auto}.sd-daily-table tbody td:first-child{flex-basis:100%;font-weight:600;font-size:.85rem;color:var(--primary-dark, #112B3C);padding-bottom:4px;border-bottom:1px solid var(--border-color, #E0E6ED);margin-bottom:4px}.sd-daily-table tbody td:last-child{flex-basis:100%;justify-content:flex-end;padding-top:6px;border-top:1px solid var(--border-color, #E0E6ED);margin-top:4px}.sd-side-cards{gap:12px;margin-bottom:16px}.sd-side-card__header{padding:12px 14px}.sd-side-card__table th,.sd-side-card__table td{padding:8px 12px;font-size:.78rem}.sd-shifts-table thead{display:none}.sd-shifts-table tbody tr{display:flex;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--border-color, #E0E6ED);gap:4px 10px}.sd-shifts-table tbody td{display:flex;align-items:center;gap:4px;padding:2px 0;border-bottom:none;font-size:.76rem;flex-basis:calc(50% - 5px)}.sd-shifts-table tbody td:before{content:attr(data-label);font-size:.68rem;font-weight:600;color:var(--text-muted, #9CA3AF)}.sd-skeleton--card{height:90px}.sd-skeleton--chart{height:250px}}.sd-text-nowrap{white-space:nowrap}.sd-text-right{text-align:right}.sd-text-center{text-align:center}.sd-font-tabular{font-variant-numeric:tabular-nums}.sd-mb-0{margin-bottom:0}.sd-scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--border-color, #E0E6ED) transparent}.sd-scrollbar-thin::-webkit-scrollbar{width:6px}.sd-scrollbar-thin::-webkit-scrollbar-track{background:transparent}.sd-scrollbar-thin::-webkit-scrollbar-thumb{background:var(--border-color, #E0E6ED);border-radius:3px}.sd-scrollbar-thin::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #9CA3AF)}